|
|
@ -28,27 +28,27 @@ |
|
|
|
src="@/assets/images/manyidu/tc-title-icon.png" |
|
|
|
/>事项详情 |
|
|
|
</div> |
|
|
|
<div class="eventItem"> |
|
|
|
<!-- <div class="eventItem"> |
|
|
|
<span>所属组织:</span> |
|
|
|
<span>{{ item.agencyName }}</span> |
|
|
|
</div> |
|
|
|
</div> --> |
|
|
|
<div class="eventItem"> |
|
|
|
<span>不满意事项来源:</span> |
|
|
|
<span>社区意度自查</span> |
|
|
|
</div> |
|
|
|
<div class="eventItem"> |
|
|
|
<span>不满意事项类型:</span> |
|
|
|
<span>{{ item.scopeId && getSxType(item.scopeId) }}</span> |
|
|
|
<span>{{ getSxType(item) }}</span> |
|
|
|
</div> |
|
|
|
<div class="eventItem"> |
|
|
|
<!-- <div class="eventItem"> |
|
|
|
<span>所属月份:</span> |
|
|
|
<span>{{ |
|
|
|
item.createdTime && getMonthData(item.createdTime) |
|
|
|
}}</span> |
|
|
|
</div> |
|
|
|
</div> --> |
|
|
|
<div class="eventItem"> |
|
|
|
<div>不满意事项描述:</div> |
|
|
|
<div style="margin-top: 20px">{{ item.problemDesc }}</div> |
|
|
|
<div style="margin-top: 20px">{{ getSxReason(item) }}</div> |
|
|
|
</div> |
|
|
|
<div class="eventItem"> |
|
|
|
<span>提交人姓名:</span> |
|
|
@ -58,10 +58,10 @@ |
|
|
|
<span>提交人电话:</span> |
|
|
|
<span> {{ $sensitive(item.reporterMobile, 3, 7) }}</span> |
|
|
|
</div> |
|
|
|
<div class="eventItem"> |
|
|
|
<!-- <div class="eventItem"> |
|
|
|
<span>完成时限:</span> |
|
|
|
<span>{{ item.completeTime }}</span> |
|
|
|
</div> |
|
|
|
</div> --> |
|
|
|
</div> |
|
|
|
</el-col> |
|
|
|
</el-row> |
|
|
@ -94,10 +94,51 @@ export default { |
|
|
|
logList: [], |
|
|
|
}, |
|
|
|
loading: false, |
|
|
|
loading1: false, |
|
|
|
activities: [], |
|
|
|
// 不满意类型列表 |
|
|
|
satisfactionCategoryOptions: [], |
|
|
|
satisfactionCategoryOptions: [ |
|
|
|
{ |
|
|
|
key: "evaCulturalFacility", |
|
|
|
value: "文化设施", |
|
|
|
}, |
|
|
|
{ |
|
|
|
key: "evaSportsFacility", |
|
|
|
value: "体育设施", |
|
|
|
}, |
|
|
|
{ |
|
|
|
key: "evaEcologicalEnv", |
|
|
|
value: "生态环境", |
|
|
|
}, |
|
|
|
{ |
|
|
|
key: "evaSocialSecurity", |
|
|
|
value: "社会治安", |
|
|
|
}, |
|
|
|
{ |
|
|
|
key: "evaocialAssistance", |
|
|
|
value: "社会救助", |
|
|
|
}, |
|
|
|
{ |
|
|
|
key: "evaOldPeopleProvide", |
|
|
|
value: "老有所养", |
|
|
|
}, |
|
|
|
{ |
|
|
|
key: "evaBasicEducation", |
|
|
|
value: "基础教育", |
|
|
|
}, |
|
|
|
{ |
|
|
|
key: "evaMedical", |
|
|
|
value: "病有所医", |
|
|
|
}, |
|
|
|
], |
|
|
|
reason: [ |
|
|
|
"basicEducationReason", |
|
|
|
"culturalFacilityReason", |
|
|
|
"ecologicalEnvReason", |
|
|
|
"medicalReason", |
|
|
|
"oldPeopleProvideReason", |
|
|
|
"socialAssistanceReason", |
|
|
|
"socialSecurityReason", |
|
|
|
"sportsFacilityReason", |
|
|
|
], |
|
|
|
}; |
|
|
|
}, |
|
|
|
|
|
|
@ -128,13 +169,41 @@ export default { |
|
|
|
return this.$moment(time * 1000).format("YYYY-MM-DD hh:mm"); |
|
|
|
}, |
|
|
|
|
|
|
|
getSxType(value) { |
|
|
|
if (this.satisfactionCategoryOptions.length > 0 && value) { |
|
|
|
return this.satisfactionCategoryOptions.filter( |
|
|
|
(item) => item.value == value |
|
|
|
)[0].label; |
|
|
|
getSxType(row) { |
|
|
|
let arr = []; |
|
|
|
let text = ""; |
|
|
|
for (let k in row) { |
|
|
|
if (row[k] == "bad") { |
|
|
|
arr.push(k); |
|
|
|
} |
|
|
|
} |
|
|
|
return ""; |
|
|
|
this.satisfactionCategoryOptions.forEach((item) => { |
|
|
|
arr.forEach((item1) => { |
|
|
|
if (item1 == item.key) { |
|
|
|
if (text == "") { |
|
|
|
text = item.value; |
|
|
|
} else { |
|
|
|
text = text + ", " + item.value; |
|
|
|
} |
|
|
|
} |
|
|
|
}); |
|
|
|
}); |
|
|
|
return text; |
|
|
|
}, |
|
|
|
getSxReason(row) { |
|
|
|
let text = ""; |
|
|
|
this.reason.forEach((item) => { |
|
|
|
for (let key in row) { |
|
|
|
if (item == key && row[key]) { |
|
|
|
if (text == "") { |
|
|
|
text = row[key]; |
|
|
|
} else { |
|
|
|
text = text + ";" + row[key]; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
}); |
|
|
|
return text; |
|
|
|
}, |
|
|
|
getMonthData(time) { |
|
|
|
if (time) { |
|
|
@ -152,7 +221,7 @@ export default { |
|
|
|
this.loading = false; |
|
|
|
const { code, data, msg } = res.data; |
|
|
|
if (code === 0) { |
|
|
|
this.item = {...data.reporter,...data.satisfaction}; |
|
|
|
this.item = { ...data.reporter, ...data.satisfaction }; |
|
|
|
} else { |
|
|
|
this.$message.error(msg); |
|
|
|
} |
|
|
@ -168,18 +237,19 @@ export default { |
|
|
|
// this.$message.error(msg); |
|
|
|
// } |
|
|
|
// }); |
|
|
|
this.$http |
|
|
|
.get( |
|
|
|
"/governance/satisfactionDetailList/getUnsatisfiedCategory?satisfactionSource=" |
|
|
|
) |
|
|
|
.then(({ data: { data } }) => { |
|
|
|
this.satisfactionCategoryOptions = data.map((item) => { |
|
|
|
return { |
|
|
|
label: item.categoryName, |
|
|
|
value: item.categoryCode, |
|
|
|
}; |
|
|
|
}); |
|
|
|
}); |
|
|
|
// this.$http |
|
|
|
// .get( |
|
|
|
// "/governance/satisfactionDetailList/getUnsatisfiedCategory?satisfactionSource=" |
|
|
|
// ) |
|
|
|
// .then(({ data: { data } }) => { |
|
|
|
// console.log('data::', data); |
|
|
|
// this.satisfactionCategoryOptions = data.map((item) => { |
|
|
|
// return { |
|
|
|
// label: item.categoryName, |
|
|
|
// value: item.categoryCode, |
|
|
|
// }; |
|
|
|
// }); |
|
|
|
// }); |
|
|
|
}, |
|
|
|
}, |
|
|
|
}; |
|
|
|