main
parent
5d58cb6627
commit
e69000485d
@ -0,0 +1,73 @@
|
|||||||
|
import httpService from "@/request"
|
||||||
|
|
||||||
|
// 查询所有问卷调查信息
|
||||||
|
export function getQuestionList(params) {
|
||||||
|
return httpService({
|
||||||
|
url: `/user/questionnaire/list`,
|
||||||
|
method: 'get',
|
||||||
|
params: params,
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 添加问卷调查表信息
|
||||||
|
export function addQuestion(params) {
|
||||||
|
return httpService({
|
||||||
|
url: `/user/questionnaire/insert`,
|
||||||
|
method: 'post',
|
||||||
|
data: params,
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 更新问卷调查表信息
|
||||||
|
export function updateQuestion(params) {
|
||||||
|
return httpService({
|
||||||
|
url: `/user/questionnaire/update`,
|
||||||
|
method: 'post',
|
||||||
|
data: params,
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 删除问卷调查信息
|
||||||
|
export function delQuestion(params) {
|
||||||
|
return httpService({
|
||||||
|
url: `/user/questionnaire/delete`,
|
||||||
|
method: 'post',
|
||||||
|
data: params,
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 发布下架问卷调查
|
||||||
|
export function releaseQuestion(params) {
|
||||||
|
return httpService({
|
||||||
|
url: `/user/questionnaire/isRelease`,
|
||||||
|
method: 'get',
|
||||||
|
params: params,
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 根据问卷调查主键ID查询问卷调查信息
|
||||||
|
export function findQuestion(params) {
|
||||||
|
return httpService({
|
||||||
|
url: `/user/questionnaire/findById`,
|
||||||
|
method: 'get',
|
||||||
|
params: params,
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 根据问卷调查主键id查询报表分析信息
|
||||||
|
export function getReport(params) {
|
||||||
|
return httpService({
|
||||||
|
url: `/user/questionnaire/reportAnalysis`,
|
||||||
|
method: 'get',
|
||||||
|
params: params,
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 根据题目主键id查询开放题内容信息列表
|
||||||
|
export function getAnswerList(params) {
|
||||||
|
return httpService({
|
||||||
|
url: `/user/questionnaire/shortAnswerList`,
|
||||||
|
method: 'get',
|
||||||
|
params: params,
|
||||||
|
})
|
||||||
|
}
|
||||||
@ -0,0 +1,317 @@
|
|||||||
|
<template>
|
||||||
|
<div>
|
||||||
|
<div class="cardTitle">
|
||||||
|
<a-space size="large">
|
||||||
|
<span>新增问卷调查</span>
|
||||||
|
</a-space>
|
||||||
|
</div>
|
||||||
|
<div class="top-button">
|
||||||
|
<a-button type="primary" @click="save">保存</a-button>
|
||||||
|
<!-- <a-button style="margin-left: 10px">预览</a-button> -->
|
||||||
|
<a-button style="margin-left: 10px" @click="cancel">取消</a-button>
|
||||||
|
</div>
|
||||||
|
<div class="main-area">
|
||||||
|
<div class="type-choose">
|
||||||
|
<div class="type-title">题型选择</div>
|
||||||
|
<div><a-button class="type-button" @click="addQuestion(1)"><a-icon type="check-circle" />单选题</a-button></div>
|
||||||
|
<div><a-button class="type-button" @click="addQuestion(2)"><a-icon type="check-square" />多选题</a-button></div>
|
||||||
|
<div><a-button class="type-button" @click="addQuestion(3)"><a-icon type="unordered-list" />下拉单选</a-button></div>
|
||||||
|
<div><a-button class="type-button" @click="addQuestion(4)"><a-icon type="check" />判断题</a-button></div>
|
||||||
|
<div><a-button class="type-button" @click="addQuestion(5)"><a-icon type="question" />开放题</a-button></div>
|
||||||
|
</div>
|
||||||
|
<div class="question-area">
|
||||||
|
<div class="question-area-top">
|
||||||
|
<a-input v-model="form.title" style="margin: 20px;width: 980px" placeholder="问卷标题(限40字)"></a-input>
|
||||||
|
<a-textarea v-model="form.description" style="margin: 0px 20px 20px 20px;width: 980px;height:88px" placeholder="问卷说明"></a-textarea>
|
||||||
|
</div>
|
||||||
|
<div class="question-area-top" style="margin-top: 20px" v-for="(item,index) in form.questionnaireInsertTopicDTOList" :key="index">
|
||||||
|
<div class="question-list">
|
||||||
|
<h4>{{index+1}}.{{item.topic}}</h4><a-tag>{{item.type==1?'单选题':item.type==2?'多选题':item.type==3?'下拉单选':item.type==4?'判断题':'开放题'}}</a-tag>
|
||||||
|
</div>
|
||||||
|
<div style="margin-left: 40px" v-if="item.type==1 || item.type==3">
|
||||||
|
<a-radio disabled v-for="(it,id) in item.questionnaireInsertTopicChoiceDTOList" :key="id">{{it.answer}}</a-radio>
|
||||||
|
</div>
|
||||||
|
<div style="margin-left: 40px" v-if="item.type==2">
|
||||||
|
<a-checkbox disabled v-for="(it,id) in item.questionnaireInsertTopicChoiceDTOList" :key="id">{{it.answer}}</a-checkbox>
|
||||||
|
</div>
|
||||||
|
<div style="padding: 20px">
|
||||||
|
<a-button type="primary" style="margin-left: 20px" @click="editQuestionItem(item,index)">编辑</a-button>
|
||||||
|
<a-button style="margin-left: 20px" @click="deleteQuestionItem(index)">删除</a-button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="question-item">
|
||||||
|
<div style="padding: 20px;display: flex">
|
||||||
|
<div style="width: 80%" v-if="questionCard.type == 1 || questionCard.type == 2 || questionCard.type == 3">
|
||||||
|
<a-form-model layout="horizontal" :label-col="labelCol" :wrapper-col="wrapperCol">
|
||||||
|
<a-form-model-item label="题目">
|
||||||
|
<a-input v-model="questionCard.topic"></a-input>
|
||||||
|
<a-button @click="addchoice">添加选项</a-button>
|
||||||
|
</a-form-model-item>
|
||||||
|
<a-form-model-item :label="'选项'+(index+1)" v-for="(item,index) in questionChoice" :key="index">
|
||||||
|
<div style="display: flex">
|
||||||
|
<a-input v-model="item.answer"></a-input>
|
||||||
|
<a-button @click="deleteChoice(index)" shape="circle" icon="close" />
|
||||||
|
</div>
|
||||||
|
</a-form-model-item>
|
||||||
|
</a-form-model>
|
||||||
|
<div>
|
||||||
|
<a-button type="primary" style="margin-left: 20px" @click="questionComfirm(questionCard.type)">{{isEdit==true?'确认编辑':'确认'}}</a-button>
|
||||||
|
<a-button style="margin-left: 20px" @click="questionCancel">取消</a-button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div style="width: 80%" v-else-if="questionCard.type == 4 || questionCard.type == 5">
|
||||||
|
<a-form-model layout="horizontal" :label-col="labelCol" :wrapper-col="wrapperCol">
|
||||||
|
<a-form-model-item label="题目">
|
||||||
|
<a-input v-model="questionCard.topic"></a-input>
|
||||||
|
</a-form-model-item>
|
||||||
|
</a-form-model>
|
||||||
|
<div>
|
||||||
|
<a-button type="primary" style="margin-left: 20px" @click="questionComfirm(questionCard.type)">{{isEdit==true?'确认编辑':'确认'}}</a-button>
|
||||||
|
<a-button style="margin-left: 20px" @click="questionCancel">取消</a-button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div style="padding: 20px" v-else>
|
||||||
|
请点击左侧按钮添加题目
|
||||||
|
</div>
|
||||||
|
<div style="width: 20%" v-if="questionCard.type == 1 || questionCard.type == 2 || questionCard.type == 3 || questionCard.type == 4|| questionCard.type == 5">
|
||||||
|
<a-form-model layout="horizontal" :label-col="labelCol" :wrapper-col="wrapperCol">
|
||||||
|
<a-form-model-item>
|
||||||
|
<a-select v-model="questionCard.type">
|
||||||
|
<a-select-option :value="1">单选题</a-select-option>
|
||||||
|
<a-select-option :value="2">多选题</a-select-option>
|
||||||
|
<a-select-option :value="3">下拉单选</a-select-option>
|
||||||
|
<a-select-option :value="4">判断题</a-select-option>
|
||||||
|
<a-select-option :value="5">开放题</a-select-option>
|
||||||
|
</a-select>
|
||||||
|
</a-form-model-item>
|
||||||
|
</a-form-model>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="question-setting">
|
||||||
|
<div style="padding: 20px">
|
||||||
|
<a-form-model>
|
||||||
|
<a-form-model-item label="封面图片设置">
|
||||||
|
|
||||||
|
</a-form-model-item>
|
||||||
|
<a-form-model-item label="开始日期">
|
||||||
|
<a-date-picker v-model="form.beginDate" value-format="YYYY-MM-DD HH:mm:ss"></a-date-picker>
|
||||||
|
</a-form-model-item>
|
||||||
|
<a-form-model-item label="截止日期">
|
||||||
|
<a-date-picker v-model="form.endDate" value-format="YYYY-MM-DD HH:mm:ss"></a-date-picker>
|
||||||
|
</a-form-model-item>
|
||||||
|
<a-form-model-item label="问卷对象">
|
||||||
|
<a-select v-model="form.answerType">
|
||||||
|
<a-select-option :value="1">无限制</a-select-option>
|
||||||
|
<a-select-option :value="2">业主</a-select-option>
|
||||||
|
<a-select-option :value="3">业主亲属</a-select-option>
|
||||||
|
<a-select-option :value="4">租户</a-select-option>
|
||||||
|
<a-select-option :value="5">租户亲属</a-select-option>
|
||||||
|
</a-select>
|
||||||
|
</a-form-model-item>
|
||||||
|
<a-form-model-item label="是否立即发布">
|
||||||
|
<a-select v-model="form.isRelease">
|
||||||
|
<a-select-option :value="1">发布</a-select-option>
|
||||||
|
<a-select-option :value="0">不发布</a-select-option>
|
||||||
|
</a-select>
|
||||||
|
</a-form-model-item>
|
||||||
|
</a-form-model>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import {addQuestion} from "@/api/operation/scroll"
|
||||||
|
export default {
|
||||||
|
name: "addScroll",
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
labelCol: { span: 2 },
|
||||||
|
wrapperCol: { span: 14 },
|
||||||
|
letters: ['A','B','C','D','E','F','G','H','I','J','K','L','M','N','O','P','Q','R','S','T','U','V','W','X','Y','Z'],
|
||||||
|
form: {
|
||||||
|
title: '',
|
||||||
|
description: '',
|
||||||
|
answerType: undefined,
|
||||||
|
beginDate: '',
|
||||||
|
endDate: '',
|
||||||
|
questionnaireInsertTopicDTOList: [],
|
||||||
|
isRelease: 0,
|
||||||
|
imgUrls: [],
|
||||||
|
},
|
||||||
|
id: undefined,
|
||||||
|
questionCard: {
|
||||||
|
type: undefined,
|
||||||
|
topic: '',
|
||||||
|
},
|
||||||
|
questionChoice: [],
|
||||||
|
//编辑问题
|
||||||
|
isEdit: false,
|
||||||
|
activeIndex: undefined,
|
||||||
|
}
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
//添加问题
|
||||||
|
addQuestion(type) {
|
||||||
|
this.isEdit = false;
|
||||||
|
this.activeIndex = undefined;
|
||||||
|
let obj = {
|
||||||
|
type: type,
|
||||||
|
topic: '',
|
||||||
|
questionnaireInsertTopicChoiceDTOList: [],
|
||||||
|
};
|
||||||
|
this.questionCard = obj
|
||||||
|
},
|
||||||
|
//确认,取消添加问题
|
||||||
|
questionComfirm(type) {
|
||||||
|
if(this.isEdit == false) {
|
||||||
|
if(type == 1 || type == 2 || type == 3) {
|
||||||
|
for(let i = 0;i<this.questionChoice.length;i++) {
|
||||||
|
this.questionChoice[i].options = this.letters[i]
|
||||||
|
};
|
||||||
|
let obj = {
|
||||||
|
type: this.questionCard.type,
|
||||||
|
topic: this.questionCard.topic,
|
||||||
|
questionnaireInsertTopicChoiceDTOList: this.questionChoice
|
||||||
|
};
|
||||||
|
this.form.questionnaireInsertTopicDTOList.push(obj)
|
||||||
|
} else {
|
||||||
|
let obj = {
|
||||||
|
type: this.questionCard.type,
|
||||||
|
topic: this.questionCard.topic,
|
||||||
|
questionnaireInsertTopicChoiceDTOList: []
|
||||||
|
};
|
||||||
|
this.form.questionnaireInsertTopicDTOList.push(obj)
|
||||||
|
}
|
||||||
|
} else if (this.isEdit == true) {
|
||||||
|
if(type == 1 || type == 2 || type == 3) {
|
||||||
|
for(let i = 0;i<this.questionChoice.length;i++) {
|
||||||
|
this.questionChoice[i].options = this.letters[i]
|
||||||
|
};
|
||||||
|
let obj = {
|
||||||
|
type: this.questionCard.type,
|
||||||
|
topic: this.questionCard.topic,
|
||||||
|
questionnaireInsertTopicChoiceDTOList: this.questionChoice
|
||||||
|
};
|
||||||
|
this.form.questionnaireInsertTopicDTOList[this.activeIndex] = obj
|
||||||
|
} else {
|
||||||
|
let obj = {
|
||||||
|
type: this.questionCard.type,
|
||||||
|
topic: this.questionCard.topic,
|
||||||
|
questionnaireInsertTopicChoiceDTOList: []
|
||||||
|
};
|
||||||
|
this.form.questionnaireInsertTopicDTOList[this.activeIndex] = obj
|
||||||
|
}
|
||||||
|
}
|
||||||
|
this.questionCancel()
|
||||||
|
},
|
||||||
|
questionCancel() {
|
||||||
|
this.isEdit = false;
|
||||||
|
this.activeIndex = undefined;
|
||||||
|
this.questionChoice = [];
|
||||||
|
this.questionCard = {
|
||||||
|
type: undefined,
|
||||||
|
topic: '',
|
||||||
|
}
|
||||||
|
},
|
||||||
|
//添加选项
|
||||||
|
addchoice() {
|
||||||
|
let obj = {
|
||||||
|
answer: '',
|
||||||
|
options: '',
|
||||||
|
};
|
||||||
|
this.questionChoice.push(obj)
|
||||||
|
},
|
||||||
|
//删除选项
|
||||||
|
deleteChoice(index) {
|
||||||
|
this.questionChoice.splice(index,1)
|
||||||
|
},
|
||||||
|
//编辑已经添加的问题
|
||||||
|
editQuestionItem(item,index) {
|
||||||
|
this.isEdit = true;
|
||||||
|
this.activeIndex = index;
|
||||||
|
this.questionCard.type = item.type;
|
||||||
|
this.questionCard.topic = item.topic;
|
||||||
|
if(item.questionnaireInsertTopicChoiceDTOList) {
|
||||||
|
this.questionChoice = item.questionnaireInsertTopicChoiceDTOList
|
||||||
|
}
|
||||||
|
},
|
||||||
|
//删除已经添加的问题
|
||||||
|
deleteQuestionItem(index) {
|
||||||
|
this.form.questionnaireInsertTopicDTOList.splice(index,1)
|
||||||
|
},
|
||||||
|
//保存
|
||||||
|
save() {
|
||||||
|
addQuestion(this.form).then(res => {
|
||||||
|
if (res.code === 200) {
|
||||||
|
this.$message.success(res.msg);
|
||||||
|
this.$router.go(-1);
|
||||||
|
} else {
|
||||||
|
this.$message.error(res.msg);
|
||||||
|
}
|
||||||
|
})
|
||||||
|
},
|
||||||
|
//取消
|
||||||
|
cancel() {
|
||||||
|
this.questionList = [];
|
||||||
|
this.$router.go(-1);
|
||||||
|
},
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="less">
|
||||||
|
.top-button {
|
||||||
|
padding: 8px 0px 20px 10px
|
||||||
|
}
|
||||||
|
.main-area {
|
||||||
|
display: flex;
|
||||||
|
padding: 0px 20px 20px 10px;
|
||||||
|
.type-choose {
|
||||||
|
height: 837px;
|
||||||
|
width: 220px;
|
||||||
|
border: 2px solid #E7E7E7;
|
||||||
|
.type-title {
|
||||||
|
font-size: 14px;
|
||||||
|
font-weight: 500;
|
||||||
|
line-height: 20px;
|
||||||
|
padding: 18px 18px 18px 18px
|
||||||
|
}
|
||||||
|
.type-button {
|
||||||
|
height: 40px;
|
||||||
|
width: 180px;
|
||||||
|
margin-left: 18px;
|
||||||
|
margin-bottom: 20px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.question-area {
|
||||||
|
margin-left: 20px;
|
||||||
|
.question-area-top {
|
||||||
|
// height: 184px;
|
||||||
|
width: 1020px;
|
||||||
|
border: 2px solid #E7E7E7
|
||||||
|
}
|
||||||
|
.question-item {
|
||||||
|
width: 1020px;
|
||||||
|
border: 2px solid #E7E7E7;
|
||||||
|
margin-top: 20px;
|
||||||
|
background: #F5F5F5;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.question-setting {
|
||||||
|
height: 837px;
|
||||||
|
width: 230px;
|
||||||
|
margin-left: 20px;
|
||||||
|
border: 2px solid #E7E7E7;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.question-list {
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
padding: 20px 20px 20px 40px
|
||||||
|
}
|
||||||
|
</style>
|
||||||
@ -0,0 +1,67 @@
|
|||||||
|
<template>
|
||||||
|
<div>
|
||||||
|
<div class="cardTitle">
|
||||||
|
<a-space size="large">
|
||||||
|
<span>问卷调查报表分析</span>
|
||||||
|
</a-space>
|
||||||
|
</div>
|
||||||
|
<div class="rep-title">物业服务满意度调查问卷</div>
|
||||||
|
<div class="rep-time">{{reportData.beginDate}} 至 {{reportData.endDate}}</div>
|
||||||
|
<div class="rep-number">共收集到<span style="color: rgb(49,98,188)"> {{reportData.answerNum}} </span>份问卷</div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import {getReport, getAnswerList} from "@/api/operation/scroll"
|
||||||
|
export default {
|
||||||
|
name: "analyze",
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
id: undefined,
|
||||||
|
reportData: {
|
||||||
|
// title: '',
|
||||||
|
beginDate: '',
|
||||||
|
endDate: '',
|
||||||
|
answerNum: 0,
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
created() {
|
||||||
|
this.id = this.$route.params.id;
|
||||||
|
getReport({questionnaireId: this.id}).then(res => {
|
||||||
|
let data = res.data;
|
||||||
|
this.reportData = {
|
||||||
|
beginDate: data.beginDate,
|
||||||
|
endDate: data.endDate,
|
||||||
|
answerNum: data.answerNum
|
||||||
|
}
|
||||||
|
console.log(data)
|
||||||
|
})
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="less">
|
||||||
|
.rep-title {
|
||||||
|
font-family: PingFang SC;
|
||||||
|
font-size: 18px;
|
||||||
|
font-weight: 500;
|
||||||
|
line-height: 25px;
|
||||||
|
padding: 0px 10px 10px 10px;
|
||||||
|
}
|
||||||
|
.rep-time {
|
||||||
|
font-family: PingFang SC;
|
||||||
|
font-size: 12px;
|
||||||
|
font-weight: 400;
|
||||||
|
line-height: 17px;
|
||||||
|
color: #999999;
|
||||||
|
padding: 0px 10px 10px 10px;
|
||||||
|
}
|
||||||
|
.rep-number {
|
||||||
|
font-family: PingFang SC;
|
||||||
|
font-size: 14px;
|
||||||
|
font-weight: 400;
|
||||||
|
line-height: 20px;
|
||||||
|
padding: 0px 10px 10px 10px;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
@ -0,0 +1,161 @@
|
|||||||
|
<template>
|
||||||
|
<div>
|
||||||
|
<a-drawer title="职位设置" :width="540" :visible="show" :body-style="{ paddingBottom: '80px' }" @close="addClose">
|
||||||
|
<div class="drawer-content" style="padding: 16px">
|
||||||
|
职位类型
|
||||||
|
<a-divider></a-divider>
|
||||||
|
<!-- tags -->
|
||||||
|
<span v-for="item,index in typeList" :key="item.id">
|
||||||
|
<a-input
|
||||||
|
v-if="item.show==true"
|
||||||
|
ref="input"
|
||||||
|
v-focus
|
||||||
|
type="text"
|
||||||
|
size="small"
|
||||||
|
:style="{ width: '78px','padding-bottom':'3px','margin-right':'7px' }"
|
||||||
|
v-model="item.name"
|
||||||
|
@blur="editType(item)"
|
||||||
|
@keyup.enter="editType(item)"
|
||||||
|
/>
|
||||||
|
<a-tag
|
||||||
|
v-else-if="item.show==false" closable @close.prevent="delType(item.id)"
|
||||||
|
@click="editInput(item,index)" >
|
||||||
|
{{item.name}}
|
||||||
|
</a-tag>
|
||||||
|
</span>
|
||||||
|
<!-- addTag -->
|
||||||
|
<span>
|
||||||
|
<a-input
|
||||||
|
v-if="inputVisible"
|
||||||
|
ref="addInput"
|
||||||
|
type="text"
|
||||||
|
size="small"
|
||||||
|
:style="{ width: '78px','padding-bottom':'3px'}"
|
||||||
|
:value="typeForm.name"
|
||||||
|
@change="handleInputChange"
|
||||||
|
@blur="handleInputConfirm"
|
||||||
|
@keyup.enter="handleInputConfirm"
|
||||||
|
/>
|
||||||
|
<a-tag v-else style="background: #fff; borderStyle: dashed;" @click="addShow">
|
||||||
|
<a-icon type="plus" /> 新增类型
|
||||||
|
</a-tag>
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
<div class="drawer-footer">
|
||||||
|
<a-button :style="{ marginRight: '8px' }" @click="addClose">
|
||||||
|
关闭
|
||||||
|
</a-button>
|
||||||
|
</div>
|
||||||
|
</a-drawer>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
// import {getPhontTypeList, addPhontType, delPhontType,updatePhontType} from "@/api/operation/suggestion"
|
||||||
|
import {getComList, addComType, updateComType, delComType} from "@/api/operation/commission"
|
||||||
|
export default {
|
||||||
|
props: {
|
||||||
|
show: {
|
||||||
|
type: Boolean,
|
||||||
|
default: false,
|
||||||
|
},
|
||||||
|
},
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
typeForm: {
|
||||||
|
name: ''
|
||||||
|
},
|
||||||
|
typeList: [],
|
||||||
|
inputVisible: false
|
||||||
|
}
|
||||||
|
},
|
||||||
|
created() {
|
||||||
|
this.getData()
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
async getData() {
|
||||||
|
this.typeList = []
|
||||||
|
const res = await getComList();
|
||||||
|
const arr = res.data;
|
||||||
|
arr.forEach(ele => {
|
||||||
|
ele.show = false;
|
||||||
|
})
|
||||||
|
this.typeList = arr;
|
||||||
|
this.$emit("refresh");
|
||||||
|
},
|
||||||
|
//输入
|
||||||
|
editInput(obj, i) {
|
||||||
|
this.$set(this.typeList[i],'show',true)
|
||||||
|
this.$forceUpdate()
|
||||||
|
},
|
||||||
|
//新增
|
||||||
|
addShow(){
|
||||||
|
this.inputVisible = true;
|
||||||
|
this.$nextTick(function() {
|
||||||
|
this.$refs.addInput.focus();
|
||||||
|
});
|
||||||
|
},
|
||||||
|
//编辑
|
||||||
|
async editType(item){
|
||||||
|
let res = await updateComType({
|
||||||
|
id: item.id,
|
||||||
|
name: item.name
|
||||||
|
})
|
||||||
|
if(res.code === 200){
|
||||||
|
item.show = false
|
||||||
|
this.$forceUpdate()
|
||||||
|
this.$message.success(res.msg)
|
||||||
|
}else{
|
||||||
|
this.$message.error(res.msg)
|
||||||
|
}
|
||||||
|
},
|
||||||
|
handleInputChange(e) {
|
||||||
|
this.typeForm.name = e.target.value;
|
||||||
|
},
|
||||||
|
//新增和编辑确认
|
||||||
|
async handleInputConfirm() {
|
||||||
|
if(this.typeForm.name === ''){
|
||||||
|
this.inputVisible = false;
|
||||||
|
return
|
||||||
|
}
|
||||||
|
let res = await addComType({
|
||||||
|
name:this.typeForm.name,
|
||||||
|
})
|
||||||
|
if(res.code === 200){
|
||||||
|
this.$message.success(res.msg);
|
||||||
|
this.inputVisible = false;
|
||||||
|
this.typeForm.name = '';
|
||||||
|
this.getData()
|
||||||
|
}else{
|
||||||
|
this.$message.error(res.msg);
|
||||||
|
}
|
||||||
|
},
|
||||||
|
//删除
|
||||||
|
delType(id){
|
||||||
|
this.$confirm({
|
||||||
|
title: "是否删除",
|
||||||
|
icon:'delete',
|
||||||
|
onOk:async()=>{
|
||||||
|
let res = await delComType({industryCommitteeTypeId: id})
|
||||||
|
if(res.code=== 200){
|
||||||
|
this.$message.success(res.msg);
|
||||||
|
this.getData()
|
||||||
|
}else{
|
||||||
|
this.$message.error(res.msg);
|
||||||
|
}
|
||||||
|
},
|
||||||
|
})
|
||||||
|
},
|
||||||
|
addClose() {
|
||||||
|
this.$emit("addClose");
|
||||||
|
},
|
||||||
|
},
|
||||||
|
watch: {
|
||||||
|
|
||||||
|
},
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="less">
|
||||||
|
|
||||||
|
</style>
|
||||||
@ -0,0 +1,67 @@
|
|||||||
|
export const columns = [
|
||||||
|
{
|
||||||
|
title: "问卷标题",
|
||||||
|
width: "15%",
|
||||||
|
dataIndex: "title",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "问卷对象",
|
||||||
|
width: "9%",
|
||||||
|
dataIndex: "answerType",
|
||||||
|
customRender: function(answerType) {
|
||||||
|
switch(answerType) {
|
||||||
|
case 1: return '无限制';
|
||||||
|
case 2: return '业主';
|
||||||
|
case 3: return '业主亲属';
|
||||||
|
case 4: return '租户';
|
||||||
|
case 5: return '租户亲属';
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "状态",
|
||||||
|
width: "9%",
|
||||||
|
dataIndex: "status",
|
||||||
|
customRender: function(status) {
|
||||||
|
switch(status) {
|
||||||
|
case 1: return '未开始';
|
||||||
|
case 2: return '正在进行';
|
||||||
|
case 3: return '已结束';
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "开始时间",
|
||||||
|
width: "15%",
|
||||||
|
dataIndex: "beginDate",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "结束时间",
|
||||||
|
width: "15%",
|
||||||
|
dataIndex: "endDate",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "答题人数",
|
||||||
|
width: "8%",
|
||||||
|
dataIndex: "answerNum",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "是否发布",
|
||||||
|
width: "10%",
|
||||||
|
dataIndex: "isRelease",
|
||||||
|
scopedSlots: { customRender: "release" },
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "操作",
|
||||||
|
dataIndex: "action",
|
||||||
|
key: "action",
|
||||||
|
width: "240",
|
||||||
|
fixed: "right",
|
||||||
|
scopedSlots: { customRender: "action" },
|
||||||
|
},
|
||||||
|
]
|
||||||
|
|
||||||
|
export const rules = {
|
||||||
|
appUserId: [{ required: true, message: "请选择住户", trigger: "change" }],
|
||||||
|
industryCommitteeTypeId: [{ required: true, message: "请选择职位", trigger: "change" }],
|
||||||
|
}
|
||||||
@ -0,0 +1,363 @@
|
|||||||
|
<template>
|
||||||
|
<div>
|
||||||
|
<div class="cardTitle">
|
||||||
|
<a-space size="large">
|
||||||
|
<span>编辑问卷调查</span>
|
||||||
|
</a-space>
|
||||||
|
</div>
|
||||||
|
<div class="top-button">
|
||||||
|
<a-button type="primary" @click="save">保存</a-button>
|
||||||
|
<!-- <a-button style="margin-left: 10px">预览</a-button> -->
|
||||||
|
<a-button style="margin-left: 10px" @click="cancel">取消</a-button>
|
||||||
|
</div>
|
||||||
|
<div class="main-area">
|
||||||
|
<div class="type-choose">
|
||||||
|
<div class="type-title">题型选择</div>
|
||||||
|
<div><a-button class="type-button" @click="addQuestion(1)"><a-icon type="check-circle" />单选题</a-button></div>
|
||||||
|
<div><a-button class="type-button" @click="addQuestion(2)"><a-icon type="check-square" />多选题</a-button></div>
|
||||||
|
<div><a-button class="type-button" @click="addQuestion(3)"><a-icon type="check-square" />下拉单选</a-button></div>
|
||||||
|
<div><a-button class="type-button" @click="addQuestion(4)"><a-icon type="check" />判断题</a-button></div>
|
||||||
|
<div><a-button class="type-button" @click="addQuestion(5)"><a-icon type="question" />开放题</a-button></div>
|
||||||
|
</div>
|
||||||
|
<div class="question-area">
|
||||||
|
<div class="question-area-top">
|
||||||
|
<a-input v-model="form.title" style="margin: 20px;width: 980px" placeholder="问卷标题(限40字)"></a-input>
|
||||||
|
<a-textarea v-model="form.description" style="margin: 0px 20px 20px 20px;width: 980px;height:88px" placeholder="问卷说明"></a-textarea>
|
||||||
|
</div>
|
||||||
|
<div class="question-area-top" style="margin-top: 20px" v-for="(item,index) in form.questionnaireInsertTopicDTOList" :key="index">
|
||||||
|
<div class="question-list">
|
||||||
|
<h4>{{index+1}}.{{item.topic}}</h4><a-tag>{{item.type==1?'单选题':item.type==2?'多选题':item.type==3?'下拉单选':item.type==4?'判断题':'开放题'}}</a-tag>
|
||||||
|
</div>
|
||||||
|
<div style="margin-left: 40px" v-if="item.type==1||item.type==3">
|
||||||
|
<a-radio disabled v-for="(it,id) in item.questionnaireInsertTopicChoiceDTOList" :key="id">{{it.answer}}</a-radio>
|
||||||
|
</div>
|
||||||
|
<div style="margin-left: 40px" v-if="item.type==2">
|
||||||
|
<a-checkbox disabled v-for="(it,id) in item.questionnaireInsertTopicChoiceDTOList" :key="id">{{it.answer}}</a-checkbox>
|
||||||
|
</div>
|
||||||
|
<div style="padding: 20px">
|
||||||
|
<a-button type="primary" style="margin-left: 20px" @click="editQuestionItem(item,index)">编辑</a-button>
|
||||||
|
<a-button style="margin-left: 20px" @click="deleteQuestionItem(index)">删除</a-button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="question-item">
|
||||||
|
<div style="padding: 20px;display: flex">
|
||||||
|
<div style="width: 80%" v-if="questionCard.type == 1 || questionCard.type == 2 || questionCard.type == 3">
|
||||||
|
<a-form-model layout="horizontal" :label-col="labelCol" :wrapper-col="wrapperCol">
|
||||||
|
<a-form-model-item label="题目">
|
||||||
|
<a-input v-model="questionCard.topic"></a-input>
|
||||||
|
<a-button @click="addchoice">添加选项</a-button>
|
||||||
|
</a-form-model-item>
|
||||||
|
<a-form-model-item :label="'选项'+(index+1)" v-for="(item,index) in questionChoice" :key="index">
|
||||||
|
<div style="display: flex">
|
||||||
|
<a-input v-model="item.answer"></a-input>
|
||||||
|
<a-button @click="deleteChoice(index)" shape="circle" icon="close" />
|
||||||
|
</div>
|
||||||
|
</a-form-model-item>
|
||||||
|
</a-form-model>
|
||||||
|
<div>
|
||||||
|
<a-button type="primary" style="margin-left: 20px" @click="questionComfirm(questionCard.type)">{{isEdit==true?'确认编辑':'确认'}}</a-button>
|
||||||
|
<a-button style="margin-left: 20px" @click="questionCancel">取消</a-button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div style="width: 80%" v-else-if="questionCard.type == 4 || questionCard.type == 5">
|
||||||
|
<a-form-model layout="horizontal" :label-col="labelCol" :wrapper-col="wrapperCol">
|
||||||
|
<a-form-model-item label="题目">
|
||||||
|
<a-input v-model="questionCard.topic"></a-input>
|
||||||
|
</a-form-model-item>
|
||||||
|
</a-form-model>
|
||||||
|
<div>
|
||||||
|
<a-button type="primary" style="margin-left: 20px" @click="questionComfirm(questionCard.type)">{{isEdit==true?'确认编辑':'确认'}}</a-button>
|
||||||
|
<a-button style="margin-left: 20px" @click="questionCancel">取消</a-button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div style="padding: 20px" v-else>
|
||||||
|
请点击左侧按钮添加题目
|
||||||
|
</div>
|
||||||
|
<div style="width: 20%" v-if="questionCard.type == 1 || questionCard.type == 2 || questionCard.type == 3 || questionCard.type == 4|| questionCard.type == 5">
|
||||||
|
<a-form-model layout="horizontal" :label-col="labelCol" :wrapper-col="wrapperCol">
|
||||||
|
<a-form-model-item>
|
||||||
|
<a-select v-model="questionCard.type">
|
||||||
|
<a-select-option :value="1">单选题</a-select-option>
|
||||||
|
<a-select-option :value="2">多选题</a-select-option>
|
||||||
|
<a-select-option :value="3">下拉单选</a-select-option>
|
||||||
|
<a-select-option :value="4">判断题</a-select-option>
|
||||||
|
<a-select-option :value="5">开放题</a-select-option>
|
||||||
|
</a-select>
|
||||||
|
</a-form-model-item>
|
||||||
|
</a-form-model>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="question-setting">
|
||||||
|
<div style="padding: 20px">
|
||||||
|
<a-form-model>
|
||||||
|
<a-form-model-item label="封面图片设置">
|
||||||
|
|
||||||
|
</a-form-model-item>
|
||||||
|
<a-form-model-item label="开始日期">
|
||||||
|
<a-date-picker v-model="form.beginDate" value-format="YYYY-MM-DD HH:mm:ss"></a-date-picker>
|
||||||
|
</a-form-model-item>
|
||||||
|
<a-form-model-item label="截止日期">
|
||||||
|
<a-date-picker v-model="form.endDate" value-format="YYYY-MM-DD HH:mm:ss"></a-date-picker>
|
||||||
|
</a-form-model-item>
|
||||||
|
<a-form-model-item label="问卷对象">
|
||||||
|
<a-select v-model="form.answerType">
|
||||||
|
<a-select-option :value="1">无限制</a-select-option>
|
||||||
|
<a-select-option :value="2">业主</a-select-option>
|
||||||
|
<a-select-option :value="3">业主亲属</a-select-option>
|
||||||
|
<a-select-option :value="4">租户</a-select-option>
|
||||||
|
<a-select-option :value="5">租户亲属</a-select-option>
|
||||||
|
</a-select>
|
||||||
|
</a-form-model-item>
|
||||||
|
<a-form-model-item label="是否立即发布">
|
||||||
|
<a-select v-model="form.isRelease">
|
||||||
|
<a-select-option :value="1">发布</a-select-option>
|
||||||
|
<a-select-option :value="0">不发布</a-select-option>
|
||||||
|
</a-select>
|
||||||
|
</a-form-model-item>
|
||||||
|
</a-form-model>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import {updateQuestion, findQuestion} from "@/api/operation/scroll"
|
||||||
|
export default {
|
||||||
|
name: "addScroll",
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
labelCol: { span: 2 },
|
||||||
|
wrapperCol: { span: 14 },
|
||||||
|
letters: ['A','B','C','D','E','F','G','H','I','J','K','L','M','N','O','P','Q','R','S','T','U','V','W','X','Y','Z'],
|
||||||
|
form: {
|
||||||
|
id: undefined,
|
||||||
|
title: '',
|
||||||
|
description: '',
|
||||||
|
answerType: undefined,
|
||||||
|
beginDate: '',
|
||||||
|
endDate: '',
|
||||||
|
questionnaireInsertTopicDTOList: [],
|
||||||
|
isRelease: 0,
|
||||||
|
imgUrls: [],
|
||||||
|
deleteTopicIds: [],
|
||||||
|
},
|
||||||
|
id: undefined,
|
||||||
|
questionCard: {
|
||||||
|
type: undefined,
|
||||||
|
topic: '',
|
||||||
|
id: null,
|
||||||
|
deleteTopicChoiceIds: []
|
||||||
|
},
|
||||||
|
questionChoice: [],
|
||||||
|
//编辑问题
|
||||||
|
isEdit: false,
|
||||||
|
activeIndex: undefined,
|
||||||
|
}
|
||||||
|
},
|
||||||
|
created() {
|
||||||
|
this.id = this.$route.params.id;
|
||||||
|
if(this.id != undefined) {
|
||||||
|
findQuestion({questionnaireId: this.id}).then(res => {
|
||||||
|
let data = res.data;
|
||||||
|
this.form.id = data.id;
|
||||||
|
this.form.title = data.title;
|
||||||
|
this.form.description = data.description;
|
||||||
|
this.form.answerType = data.answerType;
|
||||||
|
this.form.beginDate = data.beginDate;
|
||||||
|
this.form.endDate = data.endDate;
|
||||||
|
this.form.isRelease = data.isRelease;
|
||||||
|
// this.form.questionnaireInsertTopicDTOList = data.questionnaireFBITopicVoList;
|
||||||
|
let arr = [];
|
||||||
|
data.questionnaireFBITopicVoList.forEach(ele => {
|
||||||
|
ele.deleteTopicChoiceIds = []
|
||||||
|
let obj = {
|
||||||
|
id: ele.id,
|
||||||
|
type: ele.type,
|
||||||
|
topic: ele.topic,
|
||||||
|
deleteTopicChoiceIds: [],
|
||||||
|
questionnaireInsertTopicChoiceDTOList: ele.questionnaireFBITopicChoiceVoList
|
||||||
|
};
|
||||||
|
arr.push(obj)
|
||||||
|
});
|
||||||
|
this.form.questionnaireInsertTopicDTOList = arr
|
||||||
|
})
|
||||||
|
}
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
//添加问题
|
||||||
|
addQuestion(type) {
|
||||||
|
this.isEdit = false;
|
||||||
|
this.activeIndex = undefined;
|
||||||
|
let obj = {
|
||||||
|
type: type,
|
||||||
|
topic: '',
|
||||||
|
id: null,
|
||||||
|
questionnaireInsertTopicChoiceDTOList: [],
|
||||||
|
deleteTopicChoiceIds:[]
|
||||||
|
};
|
||||||
|
this.questionCard = obj
|
||||||
|
},
|
||||||
|
//确认,取消添加问题
|
||||||
|
questionComfirm(type) {
|
||||||
|
if(this.isEdit == false) {
|
||||||
|
if(type == 1 || type == 2 || type == 3) {
|
||||||
|
for(let i = 0;i<this.questionChoice.length;i++) {
|
||||||
|
this.questionChoice[i].options = this.letters[i]
|
||||||
|
};
|
||||||
|
let obj = {
|
||||||
|
type: this.questionCard.type,
|
||||||
|
topic: this.questionCard.topic,
|
||||||
|
id: null,
|
||||||
|
questionnaireInsertTopicChoiceDTOList: this.questionChoice,
|
||||||
|
deleteTopicChoiceIds: [],
|
||||||
|
};
|
||||||
|
this.form.questionnaireInsertTopicDTOList.push(obj)
|
||||||
|
} else {
|
||||||
|
let obj = {
|
||||||
|
type: this.questionCard.type,
|
||||||
|
topic: this.questionCard.topic,
|
||||||
|
id: null,
|
||||||
|
questionnaireInsertTopicChoiceDTOList: [],
|
||||||
|
deleteTopicChoiceIds: []
|
||||||
|
};
|
||||||
|
this.form.questionnaireInsertTopicDTOList.push(obj)
|
||||||
|
}
|
||||||
|
} else if (this.isEdit == true) {
|
||||||
|
if(type == 1 || type == 2 || type == 3) {
|
||||||
|
for(let i = 0;i<this.questionChoice.length;i++) {
|
||||||
|
this.questionChoice[i].options = this.letters[i]
|
||||||
|
};
|
||||||
|
let obj = {
|
||||||
|
type: this.questionCard.type,
|
||||||
|
topic: this.questionCard.topic,
|
||||||
|
id: this.questionCard.id,
|
||||||
|
questionnaireInsertTopicChoiceDTOList: this.questionChoice,
|
||||||
|
deleteTopicChoiceIds: []
|
||||||
|
};
|
||||||
|
this.form.questionnaireInsertTopicDTOList[this.activeIndex] = obj
|
||||||
|
} else {
|
||||||
|
let obj = {
|
||||||
|
type: this.questionCard.type,
|
||||||
|
topic: this.questionCard.topic,
|
||||||
|
id: this.questionCard.id,
|
||||||
|
questionnaireInsertTopicChoiceDTOList: [],
|
||||||
|
deleteTopicChoiceIds: []
|
||||||
|
};
|
||||||
|
this.form.questionnaireInsertTopicDTOList[this.activeIndex] = obj
|
||||||
|
}
|
||||||
|
}
|
||||||
|
this.questionCancel()
|
||||||
|
},
|
||||||
|
questionCancel() {
|
||||||
|
this.isEdit = false;
|
||||||
|
this.activeIndex = undefined;
|
||||||
|
this.questionChoice = [];
|
||||||
|
this.questionCard = {
|
||||||
|
type: undefined,
|
||||||
|
topic: '',
|
||||||
|
}
|
||||||
|
},
|
||||||
|
//添加选项
|
||||||
|
addchoice() {
|
||||||
|
let obj = {
|
||||||
|
answer: '',
|
||||||
|
options: '',
|
||||||
|
id: null
|
||||||
|
};
|
||||||
|
this.questionChoice.push(obj)
|
||||||
|
},
|
||||||
|
//删除选项
|
||||||
|
deleteChoice(index) {
|
||||||
|
this.questionChoice.splice(index,1)
|
||||||
|
},
|
||||||
|
//编辑已经添加的问题
|
||||||
|
editQuestionItem(item,index) {
|
||||||
|
this.isEdit = true;
|
||||||
|
this.activeIndex = index;
|
||||||
|
this.questionCard.type = item.type;
|
||||||
|
this.questionCard.topic = item.topic;
|
||||||
|
this.questionCard.id = item.id;
|
||||||
|
if(item.questionnaireInsertTopicChoiceDTOList) {
|
||||||
|
this.questionChoice = item.questionnaireInsertTopicChoiceDTOList
|
||||||
|
}
|
||||||
|
},
|
||||||
|
//删除已经添加的问题
|
||||||
|
deleteQuestionItem(index) {
|
||||||
|
this.form.questionnaireInsertTopicDTOList.splice(index,1)
|
||||||
|
},
|
||||||
|
//保存
|
||||||
|
save() {
|
||||||
|
console.log(this.form)
|
||||||
|
updateQuestion(this.form).then(res => {
|
||||||
|
if (res.code === 200) {
|
||||||
|
this.$message.success(res.msg);
|
||||||
|
this.$router.go(-1);
|
||||||
|
} else {
|
||||||
|
this.$message.error(res.msg);
|
||||||
|
}
|
||||||
|
})
|
||||||
|
},
|
||||||
|
//取消
|
||||||
|
cancel() {
|
||||||
|
this.questionList = [];
|
||||||
|
this.$router.go(-1);
|
||||||
|
},
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="less">
|
||||||
|
.top-button {
|
||||||
|
padding: 8px 0px 20px 10px
|
||||||
|
}
|
||||||
|
.main-area {
|
||||||
|
display: flex;
|
||||||
|
padding: 0px 20px 20px 10px;
|
||||||
|
.type-choose {
|
||||||
|
height: 837px;
|
||||||
|
width: 220px;
|
||||||
|
border: 2px solid #E7E7E7;
|
||||||
|
.type-title {
|
||||||
|
font-size: 14px;
|
||||||
|
font-weight: 500;
|
||||||
|
line-height: 20px;
|
||||||
|
padding: 18px 18px 18px 18px
|
||||||
|
}
|
||||||
|
.type-button {
|
||||||
|
height: 40px;
|
||||||
|
width: 180px;
|
||||||
|
margin-left: 18px;
|
||||||
|
margin-bottom: 20px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.question-area {
|
||||||
|
margin-left: 20px;
|
||||||
|
.question-area-top {
|
||||||
|
// height: 184px;
|
||||||
|
width: 1020px;
|
||||||
|
border: 2px solid #E7E7E7
|
||||||
|
}
|
||||||
|
.question-item {
|
||||||
|
width: 1020px;
|
||||||
|
border: 2px solid #E7E7E7;
|
||||||
|
margin-top: 20px;
|
||||||
|
background: #F5F5F5;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.question-setting {
|
||||||
|
height: 837px;
|
||||||
|
width: 230px;
|
||||||
|
margin-left: 20px;
|
||||||
|
border: 2px solid #E7E7E7;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.question-list {
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
padding: 20px 20px 20px 40px
|
||||||
|
}
|
||||||
|
</style>
|
||||||
@ -0,0 +1,197 @@
|
|||||||
|
<template>
|
||||||
|
<div>
|
||||||
|
<div class="cardTitle">
|
||||||
|
<a-space size="large">
|
||||||
|
<span>问卷调查</span>
|
||||||
|
</a-space>
|
||||||
|
</div>
|
||||||
|
<div class="search-box">
|
||||||
|
<a-row>
|
||||||
|
<a-col :span="20">
|
||||||
|
<a-space size="large">
|
||||||
|
<a-input v-model="form.title" style="width: 200px" placeholder="问卷标题"></a-input>
|
||||||
|
<a-select v-model="form.status" style="width: 200px" placeholder="问卷状态">
|
||||||
|
<a-select-option :value="1">未开始</a-select-option>
|
||||||
|
<a-select-option :value="2">正在进行</a-select-option>
|
||||||
|
<a-select-option :value="3">已结束</a-select-option>
|
||||||
|
</a-select>
|
||||||
|
<a-select v-model="form.answerType" style="width: 200px" placeholder="问卷对象">
|
||||||
|
<a-select-option :value="1">无限制</a-select-option>
|
||||||
|
<a-select-option :value="2">业主</a-select-option>
|
||||||
|
<a-select-option :value="3">业主亲属</a-select-option>
|
||||||
|
<a-select-option :value="4">租户</a-select-option>
|
||||||
|
<a-select-option :value="5">租户亲属</a-select-option>
|
||||||
|
</a-select>
|
||||||
|
<a-button type="primary" @click='getData'>查 询</a-button>
|
||||||
|
<a-button @click='reset'>重 置</a-button>
|
||||||
|
</a-space>
|
||||||
|
</a-col>
|
||||||
|
</a-row>
|
||||||
|
</div>
|
||||||
|
<a-button style="margin: 10px" class="add-btn" @click="addScroll">新增问卷调查</a-button>
|
||||||
|
<div class="main">
|
||||||
|
<a-table :columns="columns" :data-source="tableData"
|
||||||
|
:pagination="pagination" @change="handlerChange"
|
||||||
|
:row-selection="{
|
||||||
|
selectedRowKeys: selectedRowKeys,
|
||||||
|
onChange: selectionChoosed,
|
||||||
|
}"
|
||||||
|
:row-key="
|
||||||
|
(record, index) => {
|
||||||
|
return record.id;
|
||||||
|
}">
|
||||||
|
<template slot="release" slot-scope="text,record">
|
||||||
|
<a-switch checked-children="已发布"
|
||||||
|
un-checked-children="未发布"
|
||||||
|
:checked="record.isRelease == 1"
|
||||||
|
@change="handleRelease(record)">
|
||||||
|
</a-switch>
|
||||||
|
</template>
|
||||||
|
<template slot="action" slot-scope="text,record">
|
||||||
|
<span><a @click=analize(record)>分析报表</a></span>
|
||||||
|
<span><a style="margin-left: 8px" @click=edit(record)>编辑</a></span>
|
||||||
|
<span><a style="margin-left: 8px;color:red" @click=del(record)>删除</a></span>
|
||||||
|
</template>
|
||||||
|
</a-table>
|
||||||
|
<div class="action">
|
||||||
|
<a-dropdown :disabled="!hasSelected">
|
||||||
|
<a-menu slot="overlay" @click="handleMenuClick">
|
||||||
|
<a-menu-item key="del"> 批量删除 </a-menu-item>
|
||||||
|
</a-menu>
|
||||||
|
<a-button> 批量操作 <a-icon type="down" /> </a-button>
|
||||||
|
</a-dropdown>
|
||||||
|
<span style="margin-left: 8px">
|
||||||
|
<template v-if="hasSelected">
|
||||||
|
{{ `已选择 ${selectedRowKeys.length} 条` }}
|
||||||
|
</template>
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import { rules, columns } from "./depend/config";
|
||||||
|
import {getQuestionList, delQuestion, releaseQuestion} from "@/api/operation/scroll"
|
||||||
|
export default {
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
form: {
|
||||||
|
title: '',
|
||||||
|
status: undefined,
|
||||||
|
answerType: undefined
|
||||||
|
},
|
||||||
|
rules: rules,
|
||||||
|
columns: columns,
|
||||||
|
tableData: [],
|
||||||
|
pagination: {
|
||||||
|
current: 1,
|
||||||
|
total: 0,
|
||||||
|
pageSize: 10,
|
||||||
|
showTotal: (total) => `共 ${total} 条`,
|
||||||
|
showSizeChanger: true,
|
||||||
|
showQuickJumper: true,
|
||||||
|
},
|
||||||
|
//批量删除
|
||||||
|
selectedRowKeys: [],
|
||||||
|
}
|
||||||
|
},
|
||||||
|
created() {
|
||||||
|
this.getData()
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
getData() {
|
||||||
|
let obj = Object.assign(this.form, {pageNum: this.pagination.current,size: this.pagination.pageSize})
|
||||||
|
getQuestionList(obj).then(res => {
|
||||||
|
this.tableData = res.data.rows;
|
||||||
|
this.pagination.total = res.data.total
|
||||||
|
})
|
||||||
|
},
|
||||||
|
reset() {
|
||||||
|
this.form = {
|
||||||
|
title: '',
|
||||||
|
status: undefined,
|
||||||
|
answerType: undefined
|
||||||
|
},
|
||||||
|
this.getData()
|
||||||
|
},
|
||||||
|
handlerChange() {
|
||||||
|
this.pagination.current = val.current;
|
||||||
|
this.pagination.pageSize = val.pageSize;
|
||||||
|
this.getData()
|
||||||
|
},
|
||||||
|
//报表分析
|
||||||
|
analize(val) {
|
||||||
|
this.$router.push({name:'analyze',params:{id:val.id}})
|
||||||
|
},
|
||||||
|
//编辑
|
||||||
|
edit(val) {
|
||||||
|
this.$router.push({name:'editScroll',params:{id:val.id}})
|
||||||
|
},
|
||||||
|
//发布
|
||||||
|
handleRelease(val) {
|
||||||
|
releaseQuestion({questionnaireId: val.id}).then(res => {
|
||||||
|
if(res.code === 200){
|
||||||
|
this.$message.success(res.msg);
|
||||||
|
this.getData()
|
||||||
|
} else {
|
||||||
|
this.$message.error(res.msg);
|
||||||
|
}
|
||||||
|
})
|
||||||
|
},
|
||||||
|
//删除
|
||||||
|
del(val) {
|
||||||
|
this.$confirm({
|
||||||
|
title: "是否删除该问卷？",
|
||||||
|
icon:'delete',
|
||||||
|
onOk:async()=>{
|
||||||
|
let res = await delQuestion({questionnaireIds: [val.id]})
|
||||||
|
if(res.code === 200){
|
||||||
|
this.$message.success(res.msg);
|
||||||
|
this.getData()
|
||||||
|
} else {
|
||||||
|
this.$message.error(res.msg);
|
||||||
|
}
|
||||||
|
},
|
||||||
|
})
|
||||||
|
},
|
||||||
|
//批量删除
|
||||||
|
selectionChoosed(val) {
|
||||||
|
this.selectedRowKeys = val
|
||||||
|
},
|
||||||
|
handleMenuClick(data) {
|
||||||
|
if (data.key === "del") {
|
||||||
|
this.$confirm({
|
||||||
|
title: "是否删除选中的问卷？",
|
||||||
|
icon:'delete',
|
||||||
|
onOk:async()=>{
|
||||||
|
let res = await delQuestion({questionnaireIds: this.selectedRowKeys})
|
||||||
|
if(res.code === 200){
|
||||||
|
this.$message.success(res.msg);
|
||||||
|
this.selectedRowKeys = [];
|
||||||
|
this.getData()
|
||||||
|
} else {
|
||||||
|
this.$message.error(res.msg);
|
||||||
|
}
|
||||||
|
},
|
||||||
|
})
|
||||||
|
}
|
||||||
|
},
|
||||||
|
// 新增问卷
|
||||||
|
addScroll() {
|
||||||
|
this.$router.push({name:'addScroll'})
|
||||||
|
}
|
||||||
|
},
|
||||||
|
computed: {
|
||||||
|
hasSelected() {
|
||||||
|
return this.selectedRowKeys.length > 0;
|
||||||
|
},
|
||||||
|
},
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="less">
|
||||||
|
.drawer-content {
|
||||||
|
padding: 16px;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
Loading…
Reference in new issue