Skip to content

A
attendance-performance-platform
Commit e9f02046 authored by 赵啸非's avatar 赵啸非
Browse files
Options

Merge remote-tracking branch 'origin/master'

parents ddf5e30b 99f677de
Hide whitespace changes
Inline Side-by-side
Showing with 145 additions and 83 deletions
attendance-performance-manager-ui/admin/src/views/feedback/addQuestion/list.vue
View file @ e9f02046
......@@ -4,15 +4,33 @@
<el-button class="backBtn" size="small" @click="$router.back()">返回上一级</el-button>
<el-tabs v-model="tabs">
<el-tab-pane label="设计问卷" name="1">
<fc-designer style="height: 79vh;" ref="designer">
<template slot="handle">
<ElButton style="margin-left: 10px;" icon="el-icon-upload" type="primary" size="small"
@click="issueBtn" round>问卷发布
</ElButton>
<ElButton icon="el-icon-view" type="success" size="small" @click="showDrawer" round>手机模拟预览
</ElButton>
</template>
</fc-designer>
<div style="width: 800px;margin: 100px auto;" v-show="step">
<el-form :model="titleForm" :rules="titleRules" ref="titleForm">
<el-form-item label="问卷名称：" prop="title" label-width="125px">
<el-input placeholder="请输入问卷名称" v-model="titleForm.title"></el-input>
</el-form-item>
<el-form-item label="问卷说明：" label-width="125px">
<el-input type="textarea" placeholder="请输入问卷说明（不超过1000个汉字）" maxlength="1000"
v-model="titleForm.remake"></el-input>
</el-form-item>
<div style="text-align: center;">
<el-button size="small" @click="$router.back()">取消</el-button>
<el-button type="primary" size="small" @click="createForm('titleForm')">立即创建</el-button>
</div>
</el-form>
</div>
<div v-show="!step">
<fc-designer style="height: 79vh;" ref="designer">
<template slot="handle">
<ElButton style="margin-left: 10px;" icon="el-icon-upload" type="primary" size="small"
@click="issueBtn" round>问卷发布
</ElButton>
<ElButton icon="el-icon-view" type="success" size="small" @click="showDrawer" round>手机模拟预览
</ElButton>
</template>
</fc-designer>
</div>
<!-- <div class="tool">
<el-row>
<el-button icon="el-icon-download" type="primary" size="small" @click="getFormJson()"
......@@ -36,7 +54,7 @@
</el-drawer>
<el-dialog title="问卷发布" :visible.sync="issueDialog" width="30%" top="25vh">
<el-form :model="issueForm">
<el-form :model="issueForm" :rules="issueRules" ref="issueForm">
<el-form-item label="问卷封面：" label-width="125px">
<div style="display: flex;align-items: center;">
<img style="width:80px; height: 50px; margin-right: 10px;cursor: pointer;"
......@@ -44,7 +62,7 @@
</div>
<!-- <el-input v-model="issueForm.cover" autocomplete="off"></el-input> -->
</el-form-item>
<el-form-item label="反馈期限：" label-width="125px">
<el-form-item label="反馈期限：" label-width="125px" prop="time">
<el-date-picker v-model="issueForm.time" type="datetimerange" range-separator="至"
start-placeholder="开始日期" end-placeholder="结束日期" value-format="yyyy-MM-dd HH:mm:ss">
</el-date-picker>
......@@ -54,7 +72,7 @@
</el-form-item>
<div style="text-align: center;">
<el-button size="small" @click="issueDialog = false">取消</el-button>
<el-button type="primary" size="small" @click="issueFormBtn">发布</el-button>
<el-button type="primary" size="small" @click="issueFormBtn('issueForm')">发布</el-button>
</div>
</el-form>
</el-dialog>
......@@ -96,7 +114,17 @@ export default {
data() {
return {
step: 1,
tabs: '1',
titleForm: {
title: '',
},
titleRules: {
title: [
{ required: true, message: '请输入问卷名称', trigger: 'blur' },
]
},
drawer: 0,
Frule: [],
Fopthion: '',
......@@ -106,57 +134,29 @@ export default {
title: '',
cover: [
'http://sy.scsmile.cn/YX-JXgl/v1.0/HT/images/%E6%96%B0%E5%A2%9E%E5%8F%8D%E9%A6%88_%E7%AC%AC3%E6%AD%A5_/u26101.svg',
'http://sy.scsmile.cn/YX-JXgl/v1.0/HT/images/%E6%96%B0%E5%A2%9E%E5%8F%8D%E9%A6%88_%E7%AC%AC3%E6%AD%A5_/u26102.svg'
]
],
},
issueRules: {
time: [
{ required: true, message: '请输入选择反馈期限', trigger: 'blur' },
]
}
}
},
mounted() {
//配置表单基础样式以及按钮展示
const option = {
"form": {
"labelPosition": "top",
"size": "mini",
"labelWidth": "20%",
"hideRequiredAsterisk": false,
"showMessage": true,
"inlineMessage": false
},
"submitBtn": true,
"resetBtn": false,
}
this.$refs.designer.setOption(option)
//移除组件大类
this.$refs.designer.removeMenu('layout',)
//移除对应组件
this.$refs.designer.removeMenuItem('el-transfer')
this.$refs.designer.removeMenuItem('el-alert')
this.$refs.designer.removeMenuItem("colorPicker")
this.$refs.designer.removeMenuItem("cascader")
this.$refs.designer.removeMenuItem("rate")
this.$refs.designer.removeMenuItem("slider")
this.$refs.designer.removeMenuItem("datePicker")
this.$refs.designer.removeMenuItem("timePicker")
this.$refs.designer.removeMenuItem("switch")
this.$refs.designer.removeMenuItem("tree")
this.$refs.designer.removeMenuItem("inputNumber")
this.$refs.designer.removeMenuItem("select")
this.$refs.designer.removeMenuItem("fc-editor")
this.$refs.designer.removeMenuItem("el-button")
this.$refs.designer.removeMenuItem("el-divider")
//配置组件生成规则---直接配置显示在页面上
// const rule = [{
// "type": "span",
// "title": "请输入问卷名称",
// "native": false,
// "children": [],
// "_fc_drag_tag": "span",
// "hidden": false,
// "display": true
// }]
// this.$refs.designer.setRule(rule)
this.formConfiguration()
},
methods: {
//创建问卷
createForm(formName) {
this.$refs[formName].validate((valid) => {
if (valid) {
this.step = 0;
}
});
},
//问卷发布
issueBtn() {
this.Frule = formCreate.parseJson(this.getFormJson())
......@@ -194,41 +194,103 @@ export default {
console.log(FcDesignerOptions)
return JSON.stringify(FcDesignerOptions)
},
issueFormBtn() {
console.log(this.issueForm)
this.Frule.forEach(i => {
i.feedbackId = i.field
i.questionType = formType(i.type)
i.require = formatNum(i.$required)
i.content = i.info
if (formType(i.type) == 1 || formType(i.type) == 2) {
i.options.forEach(j => {
j.content = j.value
j.remark = j.label
issueFormBtn(formName) {
this.$refs[formName].validate((valid) => {
if (valid) {
console.log(this.issueForm)
this.Frule.forEach(i => {
i.remake = i.field
i.questionType = formType(i.type)
i.require = formatNum(i.$required)
i.content = i.info
if (formType(i.type) == 1 || formType(i.type) == 2) {
i.options.forEach(j => {
j.content = j.value
j.remark = j.label
})
}
i.feedbackOptionList = i.options
})
let sub = {
id: '',
...this.titleForm,
feedbackTimeStart: this.issueForm.time[0],
feedbackTimeEnd: this.issueForm.time[1],
inviteNum: '',
formContent: JSON.stringify(this.Frule),
ruleContent: JSON.stringify(this.Fopthion),
feedbackQuestionList: [
...this.Frule
]
}
console.log(sub)
this.$post('/feedback/save', sub).then(res => {
console.log(res)
if (res.code == 1) {
this.$message.success('新增表单成功');
}
setTimeout(() => {
this.$router.back()
}, 1000);
})
}
i.feedbackOptionList = {
...i.options
}
})
let sub = {
id: '',
title: '',
feedbackTimeStart: this.issueForm.time[0],
feedbackTimeEnd: this.issueForm.time[1],
inviteNum: '',
formContent: JSON.stringify(this.Frule),
feedbackQuestionList: [
...this.Frule
]
});
},
formConfiguration() {
//配置表单基础样式以及按钮展示
const option = {
"form": {
"labelPosition": "top",
"size": "mini",
"labelWidth": "20%",
"hideRequiredAsterisk": false,
"showMessage": true,
"inlineMessage": false
},
"submitBtn": true,
"resetBtn": false,
}
console.log(sub)
this.$refs.designer.setOption(option)
//移除组件大类
this.$refs.designer.removeMenu('layout',)
//移除对应组件
this.$refs.designer.removeMenuItem('el-transfer')
this.$refs.designer.removeMenuItem('el-alert')
this.$refs.designer.removeMenuItem("colorPicker")
this.$refs.designer.removeMenuItem("cascader")
this.$refs.designer.removeMenuItem("rate")
this.$refs.designer.removeMenuItem("slider")
this.$refs.designer.removeMenuItem("datePicker")
this.$refs.designer.removeMenuItem("timePicker")
this.$refs.designer.removeMenuItem("switch")
this.$refs.designer.removeMenuItem("tree")
this.$refs.designer.removeMenuItem("inputNumber")
this.$refs.designer.removeMenuItem("select")
this.$refs.designer.removeMenuItem("fc-editor")
this.$refs.designer.removeMenuItem("el-button")
this.$refs.designer.removeMenuItem("el-divider")
//配置组件生成规则---直接配置显示在页面上
// const rule = [{
// "type": "span",
// "title": "请输入问卷名称",
// "native": false,
// "children": [],
// "_fc_drag_tag": "span",
// "hidden": false,
// "display": true
// }]
// this.$refs.designer.setRule(rule)
}
}
}
</script>
<style lang="less" scoped>
/deep/.el-textarea__inner {
height: 300px;
}
/deep/._fc-m-tools {
flex-direction: row-reverse;
justify-content: flex-start;
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment