elink-star
/
epmet-work-pc
17
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

联调

V1.0
mk 2 years ago
parent
9e019d77bf
commit
ed70fc853a
3 changed files with 169 additions and 75 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 79
      src/views/modules/satisfaction/communitySelfInsp/followUpDetail.vue
  2. 144
      src/views/modules/satisfaction/communitySelfInsp/formList.vue
  3. 21
      src/views/modules/satisfaction/communitySelfInsp/index.vue

79
src/views/modules/satisfaction/communitySelfInsp/followUpDetail.vue
View File

@ -1,28 +1,51 @@
<template>
<div class='g-main dialog-h-content'>
<h3>海伦路路社区8月份满意度调查</h3>
<h3>{{agencyName}}{{period.substr(5,2)}}月份满意度调查</h3>
<p>尊敬的居民朋友</p>
<p style="text-indent: 2em; ">为了更好地推进社区工作，为您提供更全面、优质的服务，请您根据真实情况填写此表，我们将认真对待您提出的问题，并承诺对您提供的信息保密，感谢您的配合！</p>
<div class="card" v-for="(item, index) in formList" :key="index">
<p>{{ index + 1 }}、您对本社区的{{ item.label }}是否满意</p>
<section class="f-hflex">
<el-radio class="f-bot16" v-model.trim="form[item.pkey]" label="veryGood">满意</el-radio>
<el-radio class="f-bot16" v-model.trim="form[item.pkey]" label="good">基本满意</el-radio>
<el-radio class="f-bot16" v-model.trim="form[item.pkey]" label="bad">不满意</el-radio>
<el-radio class="f-bot16" v-model.trim="form[item.pkey]" disabled label="veryGood">满意</el-radio>
<el-radio class="f-bot16" v-model.trim="form[item.pkey]" disabled label="good">基本满意</el-radio>
<el-radio class="f-bot16" v-model.trim="form[item.pkey]" disabled label="bad">不满意</el-radio>
</section>
<p>{{ index + 1 }}.1您具体对那些方面不满意</p>
<section class="f-hflex" v-for="(itemK, indexK) in item.children">
<el-radio class="f-bot16" v-model.trim="form[item.value]" :label="itemK.value"
@change="caca">{{ itemK.label }}</el-radio>
<el-input v-if="indexK == item.children.length -1 && form[item.pkey] == 'bad'" placeholder="请填写不满意原因" v-model.trim="form[item.reason]"></el-input>
<el-radio class="f-bot16" v-model.trim="form[item.value]" :label="itemK.value" disabled
>{{ itemK.label }}</el-radio>
<el-input v-if="indexK == item.children.length -1 && form[item.pkey] == 'bad'" disabled placeholder="请填写不满意原因" v-model.trim="form[item.reason]"></el-input>
</section>
</div>
<p>8、姓名：{{form.reporterName}}</p>
<p>9、电话：{{form.reporterMobile}}</p>
<p>10、姓名：{{form.reporterName}}</p>
<p>11、您是否接受回访</p>
<section class="f-hflex">
<el-radio class="f-bot16" v-model="form.followUpStatus" disabled :label="-2">未知</el-radio>
<el-radio class="f-bot16" v-model="form.followUpStatus" disabled :label="-1">不接受回访</el-radio>
<el-radio class="f-bot16" v-model="form.followUpStatus" disabled :label="0">接受回访/待回访</el-radio>
<el-radio class="f-bot16" v-model="form.followUpStatus" disabled :label="1">已回访</el-radio>
</section>
<p v-if="form.followUpStatus === 0">12、请选择合适您的回访方式</p>
<section class="f-hflex" v-if="form.followUpStatus === 0">
<el-radio class="f-bot16" v-model="form.expectFollowUpWay" disabled label="0">未知</el-radio>
<el-radio class="f-bot16" v-model="form.expectFollowUpWay" disabled label="1">电话回访</el-radio>
<el-radio class="f-bot16" v-model="form.expectFollowUpWay" disabled label="2">上门回访</el-radio>
</section>
<p >请填写您的家庭住址</p>
<el-input v-model="form.resideAddress" disabled></el-input>
<el-row type="flex" justify="end" class="f-top12">
<el-col :span="2">
<el-button @click="handleClose"> 取消</el-button>
</el-col>
</el-row>
</div>
</template>
<script>
import { requestGet } from "@/js/dai/request";
export default {
//数据
data() {
@ -64,13 +87,23 @@ export default {
socialAssistanceReason: '',
oldPeopleProvideReason: '',
medicalReason: '',
}
// 居民信息
reporterName:'',
reporterMobile:'',
followUpStatus: null,
expectFollowUpWay:'',
resideAddress:'',
},
agencyName:this.$store.state.user.agencyName,
};
},
//创建前
async created() {
console.log(this.period);
await this.getDicts()
await this.handleArr()
await this.getInspResult()
},
//方法
methods: {
@ -96,10 +129,7 @@ export default {
this.formList = transformArray(this.dicts.satisfaction_ns_aspect);
console.log(this.formList);
},
caca(val){
console.log(val);
},
async getDicts() {
try {
const requests = [
@ -121,6 +151,19 @@ export default {
console.log("获取字典失败: ", error);
}
},
async getInspResult(){
const url = `/governance/satisfaction/communitySelfInsp/inspResult/detail/${this.inspResultId}`
const {data,code,msg} = await requestGet(url)
if(code == 0){
this.form = {...data.reporter,...data.satisfaction}
console.log(this.form);
}else{
this.$message.error(msg)
}
},
handleClose(){
this.$emit('handleClose')
}
},
//子组件注册
components: {},
@ -128,6 +171,16 @@ export default {
computed: {},
//监听
watch: {},
props:{
inspResultId:{
type:String,
default:''
},
period:{
type:String,
default:''
}
}
}
</script>

144
src/views/modules/satisfaction/communitySelfInsp/formList.vue
View File

@ -17,42 +17,67 @@
</el-option>
</el-select>
</el-form-item>
<el-button size="small" type="primary "
@click="handleSearch">查询</el-button>
</el-form>
<el-button type="primary" @click="xinzneg" >查看</el-button>
<el-button type="primary" @click="bianji" >回访记录</el-button>
<!-- <el-button type="primary" @click="xinzneg" >查看</el-button>
<el-button type="primary" @click="bianji" >回访记录</el-button> -->
<el-table class="m-table-item" :data="tableData" style="width: 100%">
<el-table-column label="序号" header-align="center" align="center" type="index" width="50"></el-table-column>
<el-table-column label="填写时间" prop="createdTime" header-align="center" align="center" type="index"
width="100"></el-table-column>
<el-table-column label="姓名" prop="reporterName" header-align="center" align="center" type="index"
width="50"></el-table-column>
<el-table-column label="联系电话" prop="reporterMobile" header-align="center" align="center" type="index"
width="80"></el-table-column>
<el-table-column label="回访方式" prop="followUpWay" header-align="center" align="center" type="index"
width="100"></el-table-column>
<el-table-column label="文化设施" prop="evaCulturalFacility" header-align="center" align="center" type="index"
width="80"></el-table-column>
<el-table-column label="体育设施" prop="evaSportsFacility" header-align="center" align="center" type="index"
width="80"></el-table-column>
<el-table-column label="生态环境" prop="evaEcologicalEnv" header-align="center" align="center" type="index"
width="80"></el-table-column>
<el-table-column label="社会治安" prop="evaSocialSecurity" header-align="center" align="center" type="index"
width="80"></el-table-column>
<el-table-column label="社会救助" prop="evaSocialAssistance" header-align="center" align="center" type="index"
width="80"></el-table-column>
<el-table-column label="老有所养" prop="evaOldPeopleProvide" header-align="center" align="center" type="index"
width="80"></el-table-column>
<el-table-column label="基础教育" prop="evaBasicEducation" header-align="center" align="center" type="index"
width="80"></el-table-column>
<el-table-column label="病有所医" prop="evaMedical" header-align="center" align="center" type="index"
width="80"></el-table-column>
<el-table-column label="回访状态" prop="followUpStatus" header-align="center" align="center" type="index"
width="80"></el-table-column>
<el-table-column label="姓名" prop="reporterName" header-align="center" align="center" width="80" show-overflow-tooltip>
</el-table-column>
<el-table-column label="联系电话" prop="reporterMobile" header-align="center" align="center"
width="120"></el-table-column>
<el-table-column label="回访方式" prop="followUpWay" header-align="center" align="center"
width="100">
<template slot-scope="scope">
{{scope.row.followUpWay?scope.row.followUpWay =='1'?'电话回访':scope.row.followUpWay == '2'?'上门回访':'':''}}
</template>
</el-table-column>
<el-table-column label="文化设施" prop="evaCulturalFacility" header-align="center" align="center" width="80">
<template slot-scope="scope">
{{ satisfactionCategory(scope.row, 'evaCulturalFacility') }}
</template>
</el-table-column>
<el-table-column label="体育设施" prop="evaSportsFacility" header-align="center" align="center" width="80">
<template slot-scope="scope">
{{ satisfactionCategory(scope.row, 'evaSportsFacility') }}
</template></el-table-column>
<el-table-column label="生态环境" prop="evaEcologicalEnv" header-align="center" align="center" width="80"> <template
slot-scope="scope">
{{ satisfactionCategory(scope.row, 'evaEcologicalEnv') }}
</template> </el-table-column>
<el-table-column label="社会治安" prop="evaSocialSecurity" header-align="center" align="center" width="80">
<template slot-scope="scope">
{{ satisfactionCategory(scope.row, 'evaSocialSecurity') }}
</template> </el-table-column>
<el-table-column label="社会救助" prop="evaSocialAssistance" header-align="center" align="center" width="80">
<template slot-scope="scope">
{{ satisfactionCategory(scope.row, 'evaSocialAssistance') }}
</template> </el-table-column>
<el-table-column label="老有所养" prop="evaOldPeopleProvide" header-align="center" align="center" width="80">
<template slot-scope="scope">
{{ satisfactionCategory(scope.row, 'evaOldPeopleProvide') }}
</template> </el-table-column>
<el-table-column label="基础教育" prop="evaBasicEducation" header-align="center" align="center" width="80">
<template slot-scope="scope">
{{ satisfactionCategory(scope.row, 'evaBasicEducation') }}
</template> </el-table-column>
<el-table-column label="病有所医" prop="evaMedical" header-align="center" align="center" width="80"> <template
slot-scope="scope">
{{ satisfactionCategory(scope.row, 'evaMedical') }}
</template> </el-table-column>
<el-table-column label="回访状态" prop="followUpStatus" header-align="center" align="center" show-overflow-tooltip width="80"> <template
slot-scope="scope" >
{{ scope.row.followUpStatus!= null?scope.row.followUpStatus == -1 ?'不接受回访':scope.row.followUpStatus == 1 ?'已回访':'接受回访/未回访':'--' }}
</template> </el-table-column>
<el-table-column fixed="right" label="操作" align="center" width="220">
<template slot-scope="scope">
<el-button @click="handleDetail(scope.row)" type="text" size="small">查看</el-button>
<el-button @click="handleEdit(scope.row)" type="text" size="small">回访记录</el-button>
<el-button @click="handelFollowUpList(scope.row)" type="text" size="small">回访记录</el-button>
</template>
</el-table-column>
</el-table>
@ -86,23 +111,29 @@ export default {
};
},
//创建前
created() {},
created() { },
async mounted() {
await this.getDicts()
await this.getTableData()
if (this.satisfactionCategoryStr) {
this.formData.satisfactionCategory = this.satisfactionCategoryStr
this.formData.inspRecordId = this.inspRecordId
console.log(this.formData.satisfactionCategory);
this.formData.satisfactionLevel = this.seriesName
}
await this.getDicts()
await this.getTableData()
},
//方法
methods: {
xinzneg(){
this.$emit('handelDetail',true)
handleDetail(row) {
this.$emit('handelDetail', row.id)
},
handelFollowUpList() {
this.$emit('handelFollowUpList', true)
},
bianji(){
this.$emit('handelFollowUpList',true)
satisfactionCategory(row, name) {
if (row[name]) {
let text = this.dicts.satisfaction_level.find(item => item.value === row[name]).label
return text
}
},
async getDicts() {
try {
@ -138,22 +169,23 @@ export default {
this.pageNo = val;
this.getTableData();
},
handleSearch(){
this.getTableData()
},
async getTableData() {
console.log(this.formData);
var params = {
...this.formData,
pageNo: this.pageNo,
pageSize: this.pageSize,
};
console.log(params);
let url = '/governance/satisfaction/communitySelfInsp/inspResult/list'
const { data, code, msg } = await requestGet(url, params)
if (code == 0) {
this.tableData = data.data;
this.total = data.total;
} else {
console.log(err);
}
let params = {
...this.formData,
pageNo: this.pageNo,
pageSize: this.pageSize,
};
let url = '/governance/satisfaction/communitySelfInsp/inspResult/list'
const { data, code, msg } = await requestGet(url, params)
if (code == 0) {
this.tableData = data.list;
this.total = data.total;
} else {
this.$message.error(msg)
}
},
},
//子组件注册
@ -165,7 +197,15 @@ export default {
type: String,
default: ''
},
period:{
period: {
type: String,
default: ''
},
inspRecordId: {
type: String,
default: ''
},
seriesName: {
type: String,
default: ''
}

21
src/views/modules/satisfaction/communitySelfInsp/index.vue
View File

@ -57,10 +57,10 @@
:close-on-press-escape="false" title="社区自查" :modal-append-to-body="false" width="820px" top="5vh"
class="dialog-h" @closed="showFormList = false">
<form-list ref="ref_add_form" @handleClose="handleClose" :satisfactionCategoryStr="satisfactionCategoryStr"
@handelDetail="handelDetail" @handelFollowUpList="handelFollowUpList" :period="formData.period" :inspRecordId="formData.inspRecordId"></form-list>
@handelDetail="handelDetail" @handelFollowUpList="handelFollowUpList" :period="formData.period" :seriesName="seriesName" :inspRecordId="formData.inspRecordId"></form-list>
<el-dialog width="920px" class="dialog-h" title="社区自查报告详情" :close-on-click-modal="false"
v-if="showFollowUpDetail" :visible.sync="showFollowUpDetail" append-to-body>
<follow-Detail></follow-Detail>
<follow-Detail :period="formData.period" :inspResultId="inspResultId" @handleClose="handleClose"></follow-Detail>
</el-dialog>
<el-dialog width="820px" class="dialog-h" title="回访记录" :close-on-click-modal="false" v-if="showFollowUpList"
:visible.sync="showFollowUpList" append-to-body>
@ -210,7 +210,9 @@ export default {
qrCodeImgUrl: '',//生成二维码图片链接
questionnaireUrl: '',
synthesisScore: '',
personQty: ''
personQty: '',
inspResultId:""
};
},
@ -263,8 +265,9 @@ export default {
}
},
// ------------------------------------事件------------------------------------------
handelDetail() {
handelDetail(id) {
this.showFollowUpDetail = true;
this.inspResultId = id
},
handelFollowUpList() {
this.showFollowUpList = true;
@ -287,10 +290,7 @@ export default {
this.myChart.setOption(this.option);
let than = this;
this.myChart.on("click", function (params) {
// console.log(params.name); // 柱子对应的类目名
// console.log(params.data); // 柱子的数据
// console.log(params.seriesName); // 对应的系列名称
than.handelClickChart(params.name);
than.handelClickChart(params.name,params.seriesName);
});
window.addEventListener("resize", this.handleWindowResize);
},
@ -299,15 +299,16 @@ export default {
this.myChart.resize();
}
},
handelClickChart(name) {
handelClickChart(name,seriesName) {
this.showFormList = true;
this.satisfactionCategoryStr = this.dicts.satisfaction_category.filter(
(item) => item.label == name
)[0].value;
console.log(this.satisfactionCategoryStr);
this.seriesName = seriesName == '满意'?'veryGood':seriesName == '基本满意'?'good':'bad';
},
handleClose() {
this.showFormList = false;
this.showFollowUpDetail = false
},
// 搜索事件
handleSearch(val) {

Write Preview
Loading…
Cancel
Save