|
|
|
@ -1,27 +1,30 @@ |
|
|
|
<template> |
|
|
|
<div> |
|
|
|
<div class="dialog-h-content scroll-h"> |
|
|
|
<div v-if="initLoading" class="m-row"> |
|
|
|
<div class="m-info"> |
|
|
|
<div class="info-prop"> |
|
|
|
<span class="info-title-2">服务名称：</span> |
|
|
|
<span>{{ formData.serviceName || "--" }}</span> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div class="info-prop"> |
|
|
|
<span class="info-title-2">服务组织：</span> |
|
|
|
<span>{{ serviceOrgName || "--" }}</span> |
|
|
|
</div> |
|
|
|
<div> |
|
|
|
<div class="dialog-h-content scroll-h"> |
|
|
|
<div v-if="initLoading" class="m-row"> |
|
|
|
<div class="m-info"> |
|
|
|
<div class="info-prop"> |
|
|
|
<span class="info-title-2">服务名称：</span> |
|
|
|
<span>{{ formData.serviceName || "--" }}</span> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div class="info-prop"> |
|
|
|
<span class="info-title-2">服务范围：</span> |
|
|
|
<span>{{ formData.gridIdListName || "--" }}</span> |
|
|
|
</div> |
|
|
|
<div class="info-prop"> |
|
|
|
<span class="info-title-2">服务组织：</span> |
|
|
|
<span>{{ serviceOrgName || "--" }}</span> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div class="info-prop"> |
|
|
|
<span class="info-title-2">政策依据：</span> |
|
|
|
<span>{{ formData.policyTitle || "--" }}</span> |
|
|
|
<!-- <el-button |
|
|
|
<div class="info-prop"> |
|
|
|
<span class="info-title-2">服务范围：</span> |
|
|
|
<span>{{ formData.gridIdListName || "--" }}</span> |
|
|
|
</div> |
|
|
|
<div class="info-prop"> |
|
|
|
<span class="info-title-2">服务类别：</span> |
|
|
|
<span>{{ serviceTypeLevel1IdText }}</span> |
|
|
|
</div> |
|
|
|
<div class="info-prop"> |
|
|
|
<span class="info-title-2">政策依据：</span> |
|
|
|
<span>{{ formData.policyTitle || "--" }}</span> |
|
|
|
<!-- <el-button |
|
|
|
v-if="formData.policyId" |
|
|
|
style="margin-left: 10px" |
|
|
|
type="primary" |
|
|
|
@ -29,69 +32,68 @@ |
|
|
|
@click="handlePersonList" |
|
|
|
>预览</el-button |
|
|
|
> --> |
|
|
|
</div> |
|
|
|
<div class="info-prop"> |
|
|
|
<span class="info-title-2">经办人：</span> |
|
|
|
<span>{{ formData.principalName || "--" }}</span> |
|
|
|
</div> |
|
|
|
<div class="info-prop"> |
|
|
|
<span class="info-title-2">联系方式：</span> |
|
|
|
<span>{{ formData.principalContact || "--" }}</span> |
|
|
|
</div> |
|
|
|
<div class="info-prop"> |
|
|
|
<span class="info-title-2">服务时间：</span> |
|
|
|
<span>{{ formData.serviceTimeStart || "--" }}</span |
|
|
|
>至 |
|
|
|
<span>{{ formData.serviceTimeEnd || "--" }}</span> |
|
|
|
</div> |
|
|
|
<div class="info-prop"> |
|
|
|
<span class="info-title-2">享受服务人员: </span> |
|
|
|
<span>{{ resiSearchTagName }}</span> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="info-prop"> |
|
|
|
<span class="info-title-2">经办人：</span> |
|
|
|
<span>{{ formData.principalName || "--" }}</span> |
|
|
|
</div> |
|
|
|
<div class="info-prop"> |
|
|
|
<span class="info-title-2">联系方式：</span> |
|
|
|
<span>{{ formData.principalContact || "--" }}</span> |
|
|
|
</div> |
|
|
|
<div class="info-prop"> |
|
|
|
<span class="info-title-2">服务时间：</span> |
|
|
|
<span>{{ formData.serviceTimeStart || "--" }}</span>至 |
|
|
|
<span>{{ formData.serviceTimeEnd || "--" }}</span> |
|
|
|
</div> |
|
|
|
<div class="info-prop"> |
|
|
|
<span class="info-title-2">享受服务人员: </span> |
|
|
|
<span>{{ resiSearchTagName }}</span> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div class="info-prop"> |
|
|
|
<span class="info-title-2">服务内容：</span> |
|
|
|
<span>{{ formData.remark || "--" }}</span> |
|
|
|
</div> |
|
|
|
<div class="info-prop"> |
|
|
|
<span class="info-title-2">服务内容：</span> |
|
|
|
<span>{{ formData.remark || "--" }}</span> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div v-show="formData.serviceStatus === 'completed'"> |
|
|
|
<h3 class="d-h3">反馈内容</h3> |
|
|
|
<div v-show="formData.serviceStatus === 'completed'"> |
|
|
|
<h3 class="d-h3">反馈内容</h3> |
|
|
|
|
|
|
|
<div class="info-prop"> |
|
|
|
<span class="info-title-2">备注：</span> |
|
|
|
<span>{{ feedbackFormData.serviceGoal || "--" }}</span> |
|
|
|
</div> |
|
|
|
<!-- <div class="info-prop"> |
|
|
|
<div class="info-prop"> |
|
|
|
<span class="info-title-2">备注：</span> |
|
|
|
<span>{{ feedbackFormData.serviceGoal || "--" }}</span> |
|
|
|
</div> |
|
|
|
<!-- <div class="info-prop"> |
|
|
|
<span class="info-title-2">服务效果：</span> |
|
|
|
<span>{{ feedbackFormData.serviceEffect || "--" }}</span> |
|
|
|
</div> --> |
|
|
|
<!-- <div class="info-prop"> |
|
|
|
<!-- <div class="info-prop"> |
|
|
|
<span class="info-title-2">服务人数：</span> |
|
|
|
<span>{{ feedbackFormData.servicePeopleNumber || 0 }}</span> |
|
|
|
</div> --> |
|
|
|
|
|
|
|
<div class="info-prop"> |
|
|
|
<span class="info-title-2">服务状态：</span> |
|
|
|
<span>{{ feedbackFormData.serviceStatusShow || "--" }}</span> |
|
|
|
</div> |
|
|
|
<div class="info-prop"> |
|
|
|
<span class="info-title-2">满意度：</span> |
|
|
|
<span>{{ feedbackFormData.satisfactionShow || "--" }}</span> |
|
|
|
</div> |
|
|
|
<div class="info-prop"> |
|
|
|
<span class="info-title-2">服务状态：</span> |
|
|
|
<span>{{ feedbackFormData.serviceStatusShow || "--" }}</span> |
|
|
|
</div> |
|
|
|
<div class="info-prop"> |
|
|
|
<span class="info-title-2">满意度：</span> |
|
|
|
<span>{{ feedbackFormData.satisfactionShow || "--" }}</span> |
|
|
|
</div> |
|
|
|
|
|
|
|
<!-- <div class="info-prop"> |
|
|
|
<!-- <div class="info-prop"> |
|
|
|
<span class="info-title-2">地理位置：</span> |
|
|
|
<span>{{ feedbackFormData.address || "--" }}</span> |
|
|
|
</div> --> |
|
|
|
|
|
|
|
<!-- <div class="info-prop"> |
|
|
|
<!-- <div class="info-prop"> |
|
|
|
<span class="info-title-2">地图位置：</span> |
|
|
|
<div class="div_map"> |
|
|
|
<div id="app_detail"></div> |
|
|
|
</div> |
|
|
|
</div> --> |
|
|
|
|
|
|
|
<!-- <div class="info-prop"> |
|
|
|
<!-- <div class="info-prop"> |
|
|
|
<span class="info-title-2">附件：</span> |
|
|
|
<file-list |
|
|
|
v-if="fileList.length > 0" |
|
|
|
@ -99,321 +101,347 @@ |
|
|
|
></file-list> |
|
|
|
<span v-else>--</span> |
|
|
|
</div> --> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div class="div-btn"> |
|
|
|
</div> |
|
|
|
<el-row type="flex" justify="right"> |
|
|
|
<el-col :span="24" align="right"> |
|
|
|
<el-button size="small" @click="handleCancle" style="margin-right:16px;">关 闭</el-button> |
|
|
|
</el-col> |
|
|
|
</el-row> |
|
|
|
<el-dialog |
|
|
|
v-if="showPersonList" |
|
|
|
:visible.sync="showPersonList" |
|
|
|
:append-to-body="true" |
|
|
|
:close-on-click-modal="false" |
|
|
|
:close-on-press-escape="false" |
|
|
|
:title="'政策预览'" |
|
|
|
width="1150px" |
|
|
|
top="5vh" |
|
|
|
class="dialog-h" |
|
|
|
@closed="showPersonList = false" |
|
|
|
> |
|
|
|
<person-list |
|
|
|
ref="ref_detail_form" |
|
|
|
:policyId="policyId" |
|
|
|
:ruleList="ruleList" |
|
|
|
@handleOk="handleOk" |
|
|
|
@handleClose="handleClose" |
|
|
|
> |
|
|
|
</person-list> |
|
|
|
</el-dialog> |
|
|
|
<div class="div-btn"> |
|
|
|
</div> |
|
|
|
</template> |
|
|
|
<el-row type="flex" justify="right"> |
|
|
|
<el-col :span="24" align="right"> |
|
|
|
<el-button size="small" @click="handleCancle" style="margin-right:16px;">关 闭</el-button> |
|
|
|
</el-col> |
|
|
|
</el-row> |
|
|
|
<el-dialog v-if="showPersonList" :visible.sync="showPersonList" :append-to-body="true" :close-on-click-modal="false" |
|
|
|
:close-on-press-escape="false" :title="'政策预览'" width="1150px" top="5vh" class="dialog-h" |
|
|
|
@closed="showPersonList = false"> |
|
|
|
<person-list ref="ref_detail_form" :policyId="policyId" :ruleList="ruleList" @handleOk="handleOk" |
|
|
|
@handleClose="handleClose"> |
|
|
|
</person-list> |
|
|
|
</el-dialog> |
|
|
|
</div> |
|
|
|
</template> |
|
|
|
|
|
|
|
<script> |
|
|
|
import { mapGetters } from "vuex"; |
|
|
|
import { Loading } from "element-ui"; // 引入Loading服务 |
|
|
|
import { requestPost } from "@/js/dai/request"; |
|
|
|
// import personList from "../policy/oldPersonList.vue"; |
|
|
|
import fileList from "@/views/components/fileList"; |
|
|
|
import daiMap from "@/utils/dai-map"; |
|
|
|
|
|
|
|
var map; |
|
|
|
let loading; // 加载动画 |
|
|
|
|
|
|
|
export default { |
|
|
|
data() { |
|
|
|
return { |
|
|
|
initLoading: false, |
|
|
|
|
|
|
|
keyWords: "", |
|
|
|
formData: {}, |
|
|
|
resiSearchTagName: "", |
|
|
|
feedbackFormData: { |
|
|
|
serviceProjectId: "", // 服务项目id |
|
|
|
serviceName: "", |
|
|
|
serviceGoal: "", // 服务目标 |
|
|
|
serviceEffect: "", // 服务效果 |
|
|
|
servicePeopleNumber: null, // 服务人数 |
|
|
|
serviceStatus: "completed", // 服务状态。in_service服务中；completed:已完成 |
|
|
|
satisfaction: "", //满意度。不满意:bad、基本满意:good、非常满意:perfect |
|
|
|
longitude: "", // 经度 |
|
|
|
latitude: "", // 维度 |
|
|
|
address: "", |
|
|
|
fileList: [], // 附件列表 |
|
|
|
}, |
|
|
|
|
|
|
|
<script> |
|
|
|
import { mapGetters } from "vuex"; |
|
|
|
import { Loading } from "element-ui"; // 引入Loading服务 |
|
|
|
import { requestPost } from "@/js/dai/request"; |
|
|
|
// import personList from "../policy/oldPersonList.vue"; |
|
|
|
import fileList from "@/views/components/fileList"; |
|
|
|
import daiMap from "@/utils/dai-map"; |
|
|
|
policyId: "", |
|
|
|
showPersonList: false, |
|
|
|
ruleList: [], |
|
|
|
policyList: [], |
|
|
|
serviceTypesLevel1: [], |
|
|
|
serviceTypesLevel2: [] |
|
|
|
}; |
|
|
|
}, |
|
|
|
components: { fileList }, |
|
|
|
async mounted() { |
|
|
|
await this.getPolicyList(); |
|
|
|
// if (this.serviceRecordId) {//详情 |
|
|
|
await this.loadInfo(); |
|
|
|
this.handleChangeServiceTypeLevel1() |
|
|
|
this.initLoading = true; |
|
|
|
|
|
|
|
if ( |
|
|
|
this.formData.serviceStatus === "completed" && |
|
|
|
this.feedbackFormData.latitude |
|
|
|
) { |
|
|
|
this.$nextTick(() => { |
|
|
|
this.initMap(); |
|
|
|
}); |
|
|
|
} |
|
|
|
}, |
|
|
|
created(){ |
|
|
|
this.getserverType() |
|
|
|
}, |
|
|
|
methods: { |
|
|
|
diaDestroy() { }, |
|
|
|
|
|
|
|
//加载组织数据 |
|
|
|
async handlePersonList() { |
|
|
|
if (!this.formData.policyId) { |
|
|
|
this.$message.info("请先选择政策"); |
|
|
|
return false; |
|
|
|
} |
|
|
|
|
|
|
|
var map; |
|
|
|
let loading; // 加载动画 |
|
|
|
this.policyId = this.formData.policyId; |
|
|
|
await this.loadRuleList(); |
|
|
|
|
|
|
|
export default { |
|
|
|
data() { |
|
|
|
return { |
|
|
|
initLoading: false, |
|
|
|
|
|
|
|
keyWords: "", |
|
|
|
formData: {}, |
|
|
|
resiSearchTagName:"", |
|
|
|
feedbackFormData: { |
|
|
|
serviceProjectId: "", // 服务项目id |
|
|
|
serviceName: "", |
|
|
|
serviceGoal: "", // 服务目标 |
|
|
|
serviceEffect: "", // 服务效果 |
|
|
|
servicePeopleNumber: null, // 服务人数 |
|
|
|
serviceStatus: "completed", // 服务状态。in_service服务中；completed:已完成 |
|
|
|
satisfaction: "", //满意度。不满意:bad、基本满意:good、非常满意:perfect |
|
|
|
longitude: "", // 经度 |
|
|
|
latitude: "", // 维度 |
|
|
|
address: "", |
|
|
|
fileList: [], // 附件列表 |
|
|
|
}, |
|
|
|
|
|
|
|
policyId: "", |
|
|
|
showPersonList: false, |
|
|
|
ruleList: [], |
|
|
|
policyList: [], |
|
|
|
}; |
|
|
|
}, |
|
|
|
components: { fileList }, |
|
|
|
async mounted() { |
|
|
|
await this.getPolicyList(); |
|
|
|
// if (this.serviceRecordId) {//详情 |
|
|
|
await this.loadInfo(); |
|
|
|
this.initLoading = true; |
|
|
|
|
|
|
|
if ( |
|
|
|
this.formData.serviceStatus === "completed" && |
|
|
|
this.feedbackFormData.latitude |
|
|
|
) { |
|
|
|
this.$nextTick(() => { |
|
|
|
this.initMap(); |
|
|
|
}); |
|
|
|
} |
|
|
|
this.showPersonList = true; |
|
|
|
}, |
|
|
|
|
|
|
|
methods: { |
|
|
|
diaDestroy() {}, |
|
|
|
async loadRuleList() { |
|
|
|
const url = "/governance/policy/rulelist/" + this.policyId; |
|
|
|
|
|
|
|
//加载组织数据 |
|
|
|
async handlePersonList() { |
|
|
|
if (!this.formData.policyId) { |
|
|
|
this.$message.info("请先选择政策"); |
|
|
|
return false; |
|
|
|
} |
|
|
|
let params = {}; |
|
|
|
|
|
|
|
this.policyId = this.formData.policyId; |
|
|
|
await this.loadRuleList(); |
|
|
|
const { data, code, msg } = await requestPost(url, params); |
|
|
|
|
|
|
|
this.showPersonList = true; |
|
|
|
}, |
|
|
|
|
|
|
|
async loadRuleList() { |
|
|
|
const url = "/governance/policy/rulelist/" + this.policyId; |
|
|
|
if (code === 0) { |
|
|
|
this.ruleList = data; |
|
|
|
} else { |
|
|
|
this.$message.error(msg); |
|
|
|
} |
|
|
|
}, |
|
|
|
|
|
|
|
let params = {}; |
|
|
|
handleClose() { |
|
|
|
this.showPersonList = false; |
|
|
|
}, |
|
|
|
|
|
|
|
const { data, code, msg } = await requestPost(url, params); |
|
|
|
async getPolicyList() { |
|
|
|
const url = "/governance/policy/policyList"; |
|
|
|
|
|
|
|
if (code === 0) { |
|
|
|
this.ruleList = data; |
|
|
|
} else { |
|
|
|
this.$message.error(msg); |
|
|
|
} |
|
|
|
}, |
|
|
|
let params = {}; |
|
|
|
|
|
|
|
handleClose() { |
|
|
|
this.showPersonList = false; |
|
|
|
}, |
|
|
|
const { data, code, msg } = await requestPost(url, params); |
|
|
|
|
|
|
|
async getPolicyList() { |
|
|
|
const url = "/governance/policy/policyList"; |
|
|
|
if (code === 0) { |
|
|
|
this.policyList = data.list; |
|
|
|
} else { |
|
|
|
this.$message.error(msg); |
|
|
|
} |
|
|
|
}, |
|
|
|
//加载组织 |
|
|
|
async loadInfo() { |
|
|
|
const url = "/governance/icServiceRecordV2/detail"; |
|
|
|
|
|
|
|
let params = {}; |
|
|
|
let params = { |
|
|
|
serviceRecordId: this.serviceRecordId, |
|
|
|
}; |
|
|
|
|
|
|
|
const { data, code, msg } = await requestPost(url, params); |
|
|
|
const { data, code, msg } = await requestPost(url, params); |
|
|
|
|
|
|
|
if (code === 0) { |
|
|
|
this.formData = { ...data }; |
|
|
|
this.formData.serviceRecordId = this.serviceRecordId; |
|
|
|
this.feedbackFormData = { ...data.feedback }; |
|
|
|
this.formData.policyName = ""; |
|
|
|
this.formData.gridIdListName = ""; |
|
|
|
this.feedbackFormData.serviceStatusShow = ""; |
|
|
|
this.feedbackFormData.satisfactionShow = ""; |
|
|
|
await this.getTagName() |
|
|
|
let arr = []; |
|
|
|
this.formData.gridIdList.forEach((element) => { |
|
|
|
arr.push(element.objectName); |
|
|
|
}); |
|
|
|
this.formData.gridIdListName = arr.join(","); |
|
|
|
this.statusArray.forEach((element) => { |
|
|
|
if (this.formData.serviceStatus === element.value) { |
|
|
|
this.feedbackFormData.serviceStatusShow = element.label; |
|
|
|
} |
|
|
|
}); |
|
|
|
this.satisfyArray.forEach((element) => { |
|
|
|
if (this.feedbackFormData.satisfaction === element.value) { |
|
|
|
this.feedbackFormData.satisfactionShow = element.label; |
|
|
|
} |
|
|
|
}); |
|
|
|
this.policyList.forEach((element) => { |
|
|
|
if (this.formData.id === element.id) { |
|
|
|
this.formData.policyName = element.title; |
|
|
|
} |
|
|
|
}); |
|
|
|
|
|
|
|
if (code === 0) { |
|
|
|
this.policyList = data.list; |
|
|
|
this.fileList = []; |
|
|
|
if ( |
|
|
|
data.feedback && |
|
|
|
data.feedback.fileList && |
|
|
|
data.feedback.fileList.length > 0 |
|
|
|
) { |
|
|
|
data.feedback.fileList.forEach((element) => { |
|
|
|
let obj = { |
|
|
|
name: element.name, |
|
|
|
format: element.format, |
|
|
|
url: element.url, |
|
|
|
type: element.type, |
|
|
|
}; |
|
|
|
this.fileList.push(obj); |
|
|
|
}); |
|
|
|
} |
|
|
|
} else { |
|
|
|
this.$message.error(msg); |
|
|
|
} |
|
|
|
}, |
|
|
|
async getTagName() { |
|
|
|
const url = "/governance/resiSearchTag/listResiSearchTags"; |
|
|
|
let params = { |
|
|
|
pageSize: 99, |
|
|
|
}; |
|
|
|
let { data, msg, code } = await requestPost(url, params); |
|
|
|
if (code == 0) { |
|
|
|
let showAddProduct = data.list.filter(item => { |
|
|
|
return [this.formData.resiSearchTagId].includes(item.tagId) |
|
|
|
}) |
|
|
|
if (this.formData.resiSearchTagId) { |
|
|
|
this.resiSearchTagName = showAddProduct[0].tagName |
|
|
|
} else { |
|
|
|
this.$message.error(msg); |
|
|
|
this.resiSearchTagName = '--' |
|
|
|
} |
|
|
|
}, |
|
|
|
//加载组织 |
|
|
|
async loadInfo() { |
|
|
|
const url = "/governance/icServiceRecordV2/detail"; |
|
|
|
|
|
|
|
let params = { |
|
|
|
serviceRecordId: this.serviceRecordId, |
|
|
|
}; |
|
|
|
|
|
|
|
const { data, code, msg } = await requestPost(url, params); |
|
|
|
|
|
|
|
if (code === 0) { |
|
|
|
this.formData = { ...data }; |
|
|
|
this.formData.serviceRecordId = this.serviceRecordId; |
|
|
|
this.feedbackFormData = { ...data.feedback }; |
|
|
|
this.formData.policyName = ""; |
|
|
|
this.formData.gridIdListName = ""; |
|
|
|
this.feedbackFormData.serviceStatusShow = ""; |
|
|
|
this.feedbackFormData.satisfactionShow = ""; |
|
|
|
await this.getTagName() |
|
|
|
let arr = []; |
|
|
|
this.formData.gridIdList.forEach((element) => { |
|
|
|
arr.push(element.objectName); |
|
|
|
}); |
|
|
|
this.formData.gridIdListName = arr.join(","); |
|
|
|
this.statusArray.forEach((element) => { |
|
|
|
if (this.formData.serviceStatus === element.value) { |
|
|
|
this.feedbackFormData.serviceStatusShow = element.label; |
|
|
|
} |
|
|
|
}); |
|
|
|
this.satisfyArray.forEach((element) => { |
|
|
|
if (this.feedbackFormData.satisfaction === element.value) { |
|
|
|
this.feedbackFormData.satisfactionShow = element.label; |
|
|
|
} |
|
|
|
}); |
|
|
|
this.policyList.forEach((element) => { |
|
|
|
if (this.formData.id === element.id) { |
|
|
|
this.formData.policyName = element.title; |
|
|
|
} |
|
|
|
}); |
|
|
|
|
|
|
|
this.fileList = []; |
|
|
|
if ( |
|
|
|
data.feedback && |
|
|
|
data.feedback.fileList && |
|
|
|
data.feedback.fileList.length > 0 |
|
|
|
) { |
|
|
|
data.feedback.fileList.forEach((element) => { |
|
|
|
let obj = { |
|
|
|
name: element.name, |
|
|
|
format: element.format, |
|
|
|
url: element.url, |
|
|
|
type: element.type, |
|
|
|
}; |
|
|
|
this.fileList.push(obj); |
|
|
|
}); |
|
|
|
} else { |
|
|
|
this.$message.error(msg); |
|
|
|
} |
|
|
|
}, |
|
|
|
handleCancle() { |
|
|
|
this.resetData(); |
|
|
|
this.$emit("diaDetailClose"); |
|
|
|
}, |
|
|
|
getserverType() { |
|
|
|
this.$http |
|
|
|
.get("/governance/commonServiceType/selectList/0") |
|
|
|
.then(({ data: res }) => { |
|
|
|
if (res.code !== 0) { |
|
|
|
return this.$message.error(res.msg); |
|
|
|
} else { |
|
|
|
this.serviceTypesLevel1 = res.data; |
|
|
|
console.log(res.data); |
|
|
|
} |
|
|
|
} else { |
|
|
|
this.$message.error(msg); |
|
|
|
} |
|
|
|
}, |
|
|
|
async getTagName() { |
|
|
|
const url = "/governance/resiSearchTag/listResiSearchTags"; |
|
|
|
let params = { |
|
|
|
pageSize: 99, |
|
|
|
}; |
|
|
|
let { data, msg, code } = await requestPost(url, params); |
|
|
|
if (code == 0) { |
|
|
|
let showAddProduct = data.list.filter(item=>{ |
|
|
|
return [this.formData.resiSearchTagId].includes(item.tagId) |
|
|
|
}) |
|
|
|
if(this.formData.resiSearchTagId){ |
|
|
|
this.resiSearchTagName = showAddProduct[0].tagName |
|
|
|
}else{ |
|
|
|
this.resiSearchTagName = '--' |
|
|
|
}) |
|
|
|
.catch(() => { |
|
|
|
return this.$message.error("网络错误"); |
|
|
|
}); |
|
|
|
}, |
|
|
|
// 服务类型下拉框选中事件 |
|
|
|
handleChangeServiceTypeLevel1() { |
|
|
|
// this.formData.serviceTypeLevel2Id = ""; |
|
|
|
console.log(this.formData); |
|
|
|
let str = this.formData.serviceTypeLevel1Id |
|
|
|
this.$http |
|
|
|
.get( |
|
|
|
"/governance/commonServiceType/selectList/" + |
|
|
|
str |
|
|
|
) |
|
|
|
.then(({ data: res }) => { |
|
|
|
if (res.code !== 0) { |
|
|
|
return this.$message.error(res.msg); |
|
|
|
} else { |
|
|
|
this.serviceTypesLevel2 = res.data; |
|
|
|
} |
|
|
|
|
|
|
|
} else { |
|
|
|
this.$message.error(msg); |
|
|
|
}) |
|
|
|
.catch(() => { |
|
|
|
return this.$message.error("网络错误"); |
|
|
|
}); |
|
|
|
}, |
|
|
|
// 地图初始化函数，本例取名为init，开发者可根据实际情况定义 |
|
|
|
initMap() { |
|
|
|
let { latitude, longitude } = this.feedbackFormData; |
|
|
|
|
|
|
|
map = new daiMap( |
|
|
|
document.getElementById("app_detail"), |
|
|
|
{ latitude, longitude }, |
|
|
|
{ |
|
|
|
zoom: 16.2, // 设置地图缩放级别 |
|
|
|
pitch: 43.5, // 设置俯仰角 |
|
|
|
rotation: 45, // 设置地图旋转角度 |
|
|
|
} |
|
|
|
}, |
|
|
|
handleCancle() { |
|
|
|
this.resetData(); |
|
|
|
this.$emit("diaDetailClose"); |
|
|
|
}, |
|
|
|
); |
|
|
|
|
|
|
|
// 地图初始化函数，本例取名为init，开发者可根据实际情况定义 |
|
|
|
initMap() { |
|
|
|
let { latitude, longitude } = this.feedbackFormData; |
|
|
|
|
|
|
|
map = new daiMap( |
|
|
|
document.getElementById("app_detail"), |
|
|
|
{ latitude, longitude }, |
|
|
|
{ |
|
|
|
zoom: 16.2, // 设置地图缩放级别 |
|
|
|
pitch: 43.5, // 设置俯仰角 |
|
|
|
rotation: 45, // 设置地图旋转角度 |
|
|
|
} |
|
|
|
); |
|
|
|
map.setCenter(latitude, longitude); |
|
|
|
map.setMarker(latitude, longitude); |
|
|
|
}, |
|
|
|
|
|
|
|
map.setCenter(latitude, longitude); |
|
|
|
map.setMarker(latitude, longitude); |
|
|
|
}, |
|
|
|
handleOk() { |
|
|
|
this.showPersonList = false; |
|
|
|
}, |
|
|
|
|
|
|
|
handleOk() { |
|
|
|
this.showPersonList = false; |
|
|
|
}, |
|
|
|
resetData() { |
|
|
|
this.formData = {}; |
|
|
|
}, |
|
|
|
// 开启加载动画 |
|
|
|
startLoading() { |
|
|
|
loading = Loading.service({ |
|
|
|
lock: true, // 是否锁定 |
|
|
|
text: "正在加载……", // 加载中需要显示的文字 |
|
|
|
background: "rgba(0,0,0,.7)", // 背景颜色 |
|
|
|
}); |
|
|
|
}, |
|
|
|
// 结束加载动画 |
|
|
|
endLoading() { |
|
|
|
// clearTimeout(timer); |
|
|
|
if (loading) { |
|
|
|
loading.close(); |
|
|
|
} |
|
|
|
}, |
|
|
|
}, |
|
|
|
computed: { |
|
|
|
dataRule() { |
|
|
|
return { |
|
|
|
serviceTimeStart: [ |
|
|
|
{ required: true, message: "服务时间不能为空", trigger: "blur" }, |
|
|
|
], |
|
|
|
}; |
|
|
|
}, |
|
|
|
|
|
|
|
resetData() { |
|
|
|
this.formData = {}; |
|
|
|
}, |
|
|
|
// 开启加载动画 |
|
|
|
startLoading() { |
|
|
|
loading = Loading.service({ |
|
|
|
lock: true, // 是否锁定 |
|
|
|
text: "正在加载……", // 加载中需要显示的文字 |
|
|
|
background: "rgba(0,0,0,.7)", // 背景颜色 |
|
|
|
}); |
|
|
|
}, |
|
|
|
// 结束加载动画 |
|
|
|
endLoading() { |
|
|
|
// clearTimeout(timer); |
|
|
|
if (loading) { |
|
|
|
loading.close(); |
|
|
|
} |
|
|
|
}, |
|
|
|
serviceTypeLevel1IdText() { |
|
|
|
const item = this.serviceTypesLevel1.find(entry => entry.id === this.formData.serviceTypeLevel1Id); |
|
|
|
const item2 = this.serviceTypesLevel2.find(entry => entry.id === this.formData.serviceTypeLevel2Id); |
|
|
|
return item2 ? item.name + '-' + item2.name : '--'; // 返回对应的 label，如果找不到则返回空字符串 |
|
|
|
} |
|
|
|
|
|
|
|
}, |
|
|
|
props: { |
|
|
|
serviceRecordId: { |
|
|
|
type: String, |
|
|
|
required: true, |
|
|
|
}, |
|
|
|
computed: { |
|
|
|
dataRule() { |
|
|
|
return { |
|
|
|
serviceTimeStart: [ |
|
|
|
{ required: true, message: "服务时间不能为空", trigger: "blur" }, |
|
|
|
], |
|
|
|
}; |
|
|
|
}, |
|
|
|
// resiSearchTagNameText(){ |
|
|
|
// let text = "" |
|
|
|
// if(this.resiSearchTagName){ |
|
|
|
// text = this.resiSearchTagName |
|
|
|
// }else { |
|
|
|
// text = '--' |
|
|
|
// } |
|
|
|
// return text |
|
|
|
// }, |
|
|
|
serviceOrgName: { |
|
|
|
type: String, |
|
|
|
required: true, |
|
|
|
}, |
|
|
|
props: { |
|
|
|
serviceRecordId: { |
|
|
|
type: String, |
|
|
|
required: true, |
|
|
|
}, |
|
|
|
serviceOrgName: { |
|
|
|
type: String, |
|
|
|
required: true, |
|
|
|
}, |
|
|
|
|
|
|
|
satisfyArray: { |
|
|
|
type: Array, |
|
|
|
default() { |
|
|
|
return []; |
|
|
|
}, |
|
|
|
satisfyArray: { |
|
|
|
type: Array, |
|
|
|
default() { |
|
|
|
return []; |
|
|
|
}, |
|
|
|
statusArray: { |
|
|
|
type: Array, |
|
|
|
default() { |
|
|
|
return []; |
|
|
|
}, |
|
|
|
}, |
|
|
|
statusArray: { |
|
|
|
type: Array, |
|
|
|
default() { |
|
|
|
return []; |
|
|
|
}, |
|
|
|
}, |
|
|
|
}; |
|
|
|
</script> |
|
|
|
|
|
|
|
<style lang="scss" scoped> |
|
|
|
@import "@/assets/scss/modules/management/detail-main.scss"; |
|
|
|
.info-prop{ |
|
|
|
margin-top: 29px; |
|
|
|
} |
|
|
|
.scroll-h{ |
|
|
|
padding: 0 90px !important; |
|
|
|
} |
|
|
|
</style> |
|
|
|
}, |
|
|
|
}; |
|
|
|
</script> |
|
|
|
|
|
|
|
<style lang="scss" scoped> |
|
|
|
@import "@/assets/scss/modules/management/detail-main.scss"; |
|
|
|
|
|
|
|
.info-prop { |
|
|
|
margin-top: 29px; |
|
|
|
} |
|
|
|
|
|
|
|
.scroll-h { |
|
|
|
padding: 0 90px !important; |
|
|
|
} |
|
|
|
</style> |
|
|
|
|
wxz
3 years ago