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

1

feature
mk 2 years ago
parent
0aef6326c4
commit
07072581b8
2 changed files with 415 additions and 661 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 387
      src/views/modules/communityService/commonDemand/addForm.vue
  2. 689
      src/views/modules/communityService/commonDemand/detailForm.vue

387
src/views/modules/communityService/commonDemand/addForm.vue
View File

@ -1,160 +1,57 @@
<template> <template>
<div> <div>
<div <div class="dialog-h-content scroll-h" :class="{ 'visiual-form': source === 'visiual' }">
class="dialog-h-content scroll-h" <el-form v-if="formType === 'add'" ref="ref_form" :inline="true" :model="formData" :rules="dataRule"
:class="{ 'visiual-form': source === 'visiual' }" class="div_form">
>
<el-form
v-if="formType === 'add'"
ref="ref_form"
:inline="true"
:model="formData"
:rules="dataRule"
class="div_form"
>
<!-- 服务类别 --> <!-- 服务类别 -->
<el-form-item <el-form-item label="服务类别" style="display: block" label-width="150px" prop="serviceTypeLevel2Id">
label="服务类别" <el-select class="u-item-width-communitycascader" v-model="formData.serviceTypeLevel1Id" placeholder="请选择"
style="display: block" clearable @change="handleChangeServiceTypeLevel1">
label-width="150px" <el-option v-for="item in serviceTypesLevel1" :key="item.id" :label="item.name" :value="item.id">
prop="serviceTypeLevel2Id"
>
<el-select
class="u-item-width-communitycascader"
v-model="formData.serviceTypeLevel1Id"
placeholder="请选择"
clearable
@change="handleChangeServiceTypeLevel1"
>
<el-option
v-for="item in serviceTypesLevel1"
:key="item.id"
:label="item.name"
:value="item.id"
>
</el-option> </el-option>
</el-select> </el-select>
- -
<el-select <el-select class="u-item-width-communitycascader" v-model="formData.serviceTypeLevel2Id" placeholder="请选择"
class="u-item-width-communitycascader" @change="handleChangeServiceTypeLevel2" clearable>
v-model="formData.serviceTypeLevel2Id" <el-option v-for="item in serviceTypesLevel2" :key="item.id" :label="item.name" :value="item.id">
placeholder="请选择"
@change="handleChangeServiceTypeLevel2"
clearable
>
<el-option
v-for="item in serviceTypesLevel2"
:key="item.id"
:label="item.name"
:value="item.id"
>
</el-option> </el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item <el-form-item label="服务事项" prop="serviceName" label-width="150px" :class="{ 'form-item': source === 'visiual' }"
label="服务事项" style="display: block">
prop="serviceName" <el-input class="item_width_1" placeholder="请输入服务事项" v-model="formData.serviceName">
label-width="150px"
:class="{ 'form-item': source === 'visiual' }"
style="display: block"
>
<el-input
class="item_width_1"
placeholder="请输入服务事项"
v-model="formData.serviceName"
>
</el-input> </el-input>
</el-form-item> </el-form-item>
<el-form-item <el-form-item label="服务内容" prop="remark" label-width="150px" :class="{ 'form-item': source === 'visiual' }"
label="服务内容" style="display: block">
prop="remark" <el-input class="item_width_1" type="textarea" maxlength="1000" show-word-limit :rows="3"
label-width="150px" placeholder="请输入服务内容，不超过1000字" v-model="formData.remark"></el-input>
:class="{ 'form-item': source === 'visiual' }"
style="display: block"
>
<el-input
class="item_width_1"
type="textarea"
maxlength="1000"
show-word-limit
:rows="3"
placeholder="请输入服务内容，不超过1000字"
v-model="formData.remark"
></el-input>
</el-form-item> </el-form-item>
<el-form-item <el-form-item label="服务范围" prop="objList" label-width="150px" :class="{ 'form-item': source === 'visiual' }"
label="服务范围" style="display: block">
prop="objList" <el-cascader class="item_width_1" ref="myCascader" v-model="scopeIdArray" collapse-tags :key="iscascaderShow"
label-width="150px" :options="casOptions" :props="optionProps" :show-all-levels="false" @change="handleChangeScope"></el-cascader>
:class="{ 'form-item': source === 'visiual' }"
style="display: block"
>
<el-cascader
class="item_width_1"
ref="myCascader"
v-model="scopeIdArray"
collapse-tags
:key="iscascaderShow"
:options="casOptions"
:props="optionProps"
:show-all-levels="false"
@change="handleChangeScope"
></el-cascader>
</el-form-item> </el-form-item>
<el-form-item <el-form-item label="服务时间" label-width="150px" :class="{ 'form-item': source === 'visiual' }"
label="服务时间" prop="serviceTimeStart">
label-width="150px" <el-date-picker v-model="formData.serviceTimeStart" :picker-options="startPickerOptions" class="item_width_2"
:class="{ 'form-item': source === 'visiual' }" style="width: 220px" type="date" value-format="yyyy-MM-dd HH:mm:ss" value="yyyy-MM-dd" placeholder="开始时间">
prop="serviceTimeStart"
>
<el-date-picker
v-model="formData.serviceTimeStart"
:picker-options="startPickerOptions"
class="item_width_2"
style="width: 220px"
type="date"
value-format="yyyy-MM-dd HH:mm:ss"
value="yyyy-MM-dd"
placeholder="开始时间"
>
</el-date-picker> </el-date-picker>
<span class="u-data-tag">至</span> <span class="u-data-tag">至</span>
<el-date-picker <el-date-picker v-model="formData.serviceTimeEnd" :picker-options="endPickerOptions"
v-model="formData.serviceTimeEnd" class="item_width_2 u-data-tag" style="width: 220px" type="date" value-format="yyyy-MM-dd HH:mm:ss"
:picker-options="endPickerOptions" value="yyyy-MM-dd" placeholder="结束时间">
class="item_width_2 u-data-tag"
style="width: 220px"
type="date"
value-format="yyyy-MM-dd HH:mm:ss"
value="yyyy-MM-dd"
placeholder="结束时间"
>
</el-date-picker> </el-date-picker>
</el-form-item> </el-form-item>
<el-form-item <el-form-item label="政策依据" prop="policyId" label-width="150px" :class="{ 'form-item': source === 'visiual' }"
label="政策依据" style="display: block">
prop="policyId" <el-select v-model="formData.policyId" class="input-width-small" placeholder="请选择" clearable>
label-width="150px" <el-option v-for="item in policyList" :key="item.id" :label="item.title" :value="item.id">
:class="{ 'form-item': source === 'visiual' }"
style="display: block"
>
<el-select
v-model="formData.policyId"
class="input-width-small"
placeholder="请选择"
clearable
>
<el-option
v-for="item in policyList"
:key="item.id"
:label="item.title"
:value="item.id"
>
</el-option> </el-option>
</el-select> </el-select>
@ -167,56 +64,25 @@
> --> > -->
</el-form-item> </el-form-item>
<el-form-item <el-form-item label="经办人" prop="principalName" :class="{ 'form-item': source === 'visiual' }" label-width="150px"
label="经办人" style="display: block">
prop="principalName" <el-input class="item_width_1" placeholder="请输入联系人姓名" v-model="formData.principalName">
:class="{ 'form-item': source === 'visiual' }"
label-width="150px"
style="display: block"
>
<el-input
class="item_width_1"
placeholder="请输入联系人姓名"
v-model="formData.principalName"
>
</el-input> </el-input>
</el-form-item> </el-form-item>
<el-form-item <el-form-item label="联系方式" prop="principalContact" :class="{ 'form-item': source === 'visiual' }"
label="联系方式" label-width="150px" style="display: block">
prop="principalContact" <el-input class="item_width_1" placeholder="请输入联系人电话" v-model="formData.principalContact">
:class="{ 'form-item': source === 'visiual' }"
label-width="150px"
style="display: block"
>
<el-input
class="item_width_1"
placeholder="请输入联系人电话"
v-model="formData.principalContact"
>
</el-input> </el-input>
</el-form-item> </el-form-item>
<el-form-item label="指派服务" label-width="150px"> <el-form-item label="指派服务" label-width="150px">
<el-switch <el-switch v-model="formData.assignFlag" @change="handelDisabledRules">
v-model="formData.assignFlag"
@change="handelDisabledRules"
>
</el-switch> </el-switch>
</el-form-item> </el-form-item>
<el-form-item <el-form-item label="查找享受服务人员" prop="resiSearchTagId" :class="{ 'form-item': source === 'visiual' }"
label="查找享受服务人员" label-width="150px" style="display: block" v-if="formData.assignFlag">
prop="resiSearchTagId" <input type="text" v-model="formData.resiSearchTagId" v-show="false" />
:class="{ 'form-item': source === 'visiual' }"
label-width="150px"
style="display: block"
v-if="formData.assignFlag"
>
<input
type="text"
v-model="formData.resiSearchTagId"
v-show="false"
/>
<template v-if="formData.resiSearchTagName"> <template v-if="formData.resiSearchTagName">
<el-tag @close="handleCloseTag" closable style="margin-right: 10px"> <el-tag @close="handleCloseTag" closable style="margin-right: 10px">
{{ formData.resiSearchTagName }} {{ formData.resiSearchTagName }}
@ -228,70 +94,30 @@
</el-button> </el-button>
</el-form-item> </el-form-item>
<el-form-item <el-form-item label="服务方" prop="serviceOrgId" label-width="150px" :class="{ 'form-item': source === 'visiual' }"
label="服务方" style="display: block">
prop="serviceOrgId" <el-select v-model="formData.serviceOrgType" class="input-width-small" placeholder="请选择" clearable
label-width="150px" @change="handleServiceChange('add', $event)">
:class="{ 'form-item': source === 'visiual' }" <el-option v-for="item in serviceOptions" :key="item.value" :label="item.label" :value="item.value">
style="display: block"
>
<el-select
v-model="formData.serviceOrgType"
class="input-width-small"
placeholder="请选择"
clearable
@change="handleServiceChange('add', $event)"
>
<el-option
v-for="item in serviceOptions"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option> </el-option>
</el-select> </el-select>
- -
<el-select <el-select v-model="formData.serviceOrgId" class="input-width-middle" filterable placeholder="请选择" clearable>
v-model="formData.serviceOrgId" <el-option v-for="item in serviceOptiondList" :key="item.id" :label="item.name" :value="item.id">
class="input-width-middle"
filterable
placeholder="请选择"
clearable
>
<el-option
v-for="item in serviceOptiondList"
:key="item.id"
:label="item.name"
:value="item.id"
>
</el-option> </el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item <el-form-item label="直接反馈" prop="remark" label-width="150px" :class="{ 'form-item': source === 'visiual' }"
label="直接反馈" style="display: block">
prop="remark" <el-checkbox :label="'是'" v-model="showFeedback" @change="handleChangeFeedback"></el-checkbox>
label-width="150px"
:class="{ 'form-item': source === 'visiual' }"
style="display: block"
>
<el-checkbox
:label="'是'"
v-model="showFeedback"
@change="handleChangeFeedback"
></el-checkbox>
</el-form-item> </el-form-item>
</el-form> </el-form>
<div v-show="formType === 'feedback' || showFeedback"> <div v-show="formType === 'feedback' || showFeedback">
<!-- <h3 class="d-h3">反馈内容</h3> --> <!-- <h3 class="d-h3">反馈内容</h3> -->
<el-form <el-form ref="ref_form_feedback" :inline="true" :model="feedbackFormData" :rules="feedbackDataRule"
ref="ref_form_feedback" class="div_form">
:inline="true"
:model="feedbackFormData"
:rules="feedbackDataRule"
class="div_form"
>
<!-- <el-form-item <!-- <el-form-item
label="服务目标" label="服务目标"
prop="serviceGoal" prop="serviceGoal"
@ -363,43 +189,17 @@
</el-option> </el-option>
</el-select> --> </el-select> -->
<!-- </el-form-item> --> <!-- </el-form-item> -->
<el-form-item <el-form-item label="满意度" style="display: block" label-width="150px"
label="满意度" :class="{ 'form-item': source === 'visiual' }" prop="satisfaction">
style="display: block" <el-select class="item_width_2" v-model="feedbackFormData.satisfaction" placeholder="全部" clearable>
label-width="150px" <el-option v-for="item in satisfyArray" :key="item.value" :label="item.label" :value="item.value">
:class="{ 'form-item': source === 'visiual' }"
prop="satisfaction"
>
<el-select
class="item_width_2"
v-model="feedbackFormData.satisfaction"
placeholder="全部"
clearable
>
<el-option
v-for="item in satisfyArray"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option> </el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item <el-form-item label="备注" prop="serviceGoal" :class="{ 'form-item': source === 'visiual' }" label-width="150px"
label="备注" style="display: block">
prop="serviceGoal" <el-input class="item_width_1" type="textarea" maxlength="1000" show-word-limit :rows="3"
:class="{ 'form-item': source === 'visiual' }" v-model="feedbackFormData.serviceGoal"></el-input>
label-width="150px"
style="display: block"
>
<el-input
class="item_width_1"
type="textarea"
maxlength="1000"
show-word-limit
:rows="3"
v-model="feedbackFormData.serviceGoal"
></el-input>
</el-form-item> </el-form-item>
<!-- <el-form-item label="详细位置" label-width="150px"> <!-- <el-form-item label="详细位置" label-width="150px">
<el-input <el-input
@ -468,55 +268,21 @@
<div class="div_btn"> <div class="div_btn">
<el-button size="small" @click="handleCancle">取 消</el-button> <el-button size="small" @click="handleCancle">取 消</el-button>
<el-button <el-button size="small" type="primary" :disabled="btnDisable" @click="handleComfirm">确 定</el-button>
size="small"
type="primary"
:disabled="btnDisable"
@click="handleComfirm"
>确 定</el-button
>
</div> </div>
<el-dialog <el-dialog v-if="showPersonList" :visible.sync="showPersonList" :append-to-body="true" :close-on-click-modal="false"
v-if="showPersonList" :close-on-press-escape="false" :title="'政策预览'" width="1150px" top="5vh" class="dialog-h"
:visible.sync="showPersonList" @closed="showPersonList = false">
:append-to-body="true" <person-list ref="ref_detail_form" :policyId="policyId" :ruleList="ruleList" @handleOk="handleOk"
:close-on-click-modal="false" @handleClose="handleClose">
: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> </person-list>
</el-dialog> </el-dialog>
<el-dialog <el-dialog v-if="showLabelForm" :visible.sync="showLabelForm" :append-to-body="true" :close-on-click-modal="false"
v-if="showLabelForm" :close-on-press-escape="false" :title="'标签配置'" width="900px" top="5vh" class="dialog-h"
:visible.sync="showLabelForm" @closed="showLabelForm = false">
:append-to-body="true" <label-form ref="ref_label_form" :policyId="policyId" :ruleList="ruleList" @dialogCancle="addFormCancle"
:close-on-click-modal="false" @dialogOk="addFormOk">
:close-on-press-escape="false"
:title="'标签配置'"
width="900px"
top="5vh"
class="dialog-h"
@closed="showLabelForm = false"
>
<label-form
ref="ref_label_form"
:policyId="policyId"
:ruleList="ruleList"
@dialogCancle="addFormCancle"
@dialogOk="addFormOk"
>
<!-- @handleOk="handleOk" <!-- @handleOk="handleOk"
@handleClose="handleClose" --> @handleClose="handleClose" -->
</label-form> </label-form>
@ -524,7 +290,7 @@
</div> </div>
</template> </template>
<script> <script>
import { mapGetters } from "vuex"; import { mapGetters } from "vuex";
import { Loading } from "element-ui"; // 引入Loading服务 import { Loading } from "element-ui"; // 引入Loading服务
import { requestPost, requestGet } from "@/js/dai/request"; import { requestPost, requestGet } from "@/js/dai/request";
@ -817,7 +583,7 @@ export default {
this.$http this.$http
.get( .get(
"/governance/commonServiceType/selectList/" + "/governance/commonServiceType/selectList/" +
this.formData.serviceTypeLevel1Id this.formData.serviceTypeLevel1Id
) )
.then(({ data: res }) => { .then(({ data: res }) => {
if (res.code !== 0) { if (res.code !== 0) {
@ -1333,13 +1099,14 @@ export default {
}; };
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
@import "@/assets/scss/modules/management/form-main.scss"; @import "@/assets/scss/modules/management/form-main.scss";
@import "@/assets/scss/modules/visual/a_customize.scss"; @import "@/assets/scss/modules/visual/a_customize.scss";
.form-item::v-deep .el-form-item__label { .form-item::v-deep .el-form-item__label {
color: #fff; color: #fff;
} }
.form-item { .form-item {
.el-radio { .el-radio {
color: #fff; color: #fff;

689
src/views/modules/communityService/commonDemand/detailForm.vue
View File

@ -1,30 +1,30 @@
<template> <template>
<div> <div>
<div class="dialog-h-content scroll-h"> <div class="dialog-h-content scroll-h">
<div v-if="initLoading" class="m-row"> <div v-if="initLoading" class="m-row">
<div class="m-info"> <div class="m-info">
<div class="info-prop"> <div class="info-prop">
<span class="info-title-2">服务名称：</span> <span class="info-title-2">服务名称：</span>
<span>{{ formData.serviceName || "--" }}</span> <span>{{ formData.serviceName || "--" }}</span>
</div> </div>
<div class="info-prop"> <div class="info-prop">
<span class="info-title-2">服务组织：</span> <span class="info-title-2">服务组织：</span>
<span>{{ serviceOrgName || "--" }}</span> <span>{{ serviceOrgName || "--" }}</span>
</div> </div>
<div class="info-prop"> <div class="info-prop">
<span class="info-title-2">服务范围：</span> <span class="info-title-2">服务范围：</span>
<span>{{ formData.gridIdListName || "--" }}</span> <span>{{ formData.gridIdListName || "--" }}</span>
</div> </div>
<div class="info-prop"> <div class="info-prop">
<span class="info-title-2">服务类别：</span> <span class="info-title-2">服务类别：</span>
<span>{{ serviceTypeLevel1IdText}}</span> <span>{{ serviceTypeLevel1IdText }}</span>
</div> </div>
<div class="info-prop"> <div class="info-prop">
<span class="info-title-2">政策依据：</span> <span class="info-title-2">政策依据：</span>
<span>{{ formData.policyTitle || "--" }}</span> <span>{{ formData.policyTitle || "--" }}</span>
<!-- <el-button <!-- <el-button
v-if="formData.policyId" v-if="formData.policyId"
style="margin-left: 10px" style="margin-left: 10px"
type="primary" type="primary"
@ -32,69 +32,68 @@
@click="handlePersonList" @click="handlePersonList"
>预览</el-button >预览</el-button
> --> > -->
</div> </div>
<div class="info-prop"> <div class="info-prop">
<span class="info-title-2">经办人：</span> <span class="info-title-2">经办人：</span>
<span>{{ formData.principalName || "--" }}</span> <span>{{ formData.principalName || "--" }}</span>
</div> </div>
<div class="info-prop"> <div class="info-prop">
<span class="info-title-2">联系方式：</span> <span class="info-title-2">联系方式：</span>
<span>{{ formData.principalContact || "--" }}</span> <span>{{ formData.principalContact || "--" }}</span>
</div> </div>
<div class="info-prop"> <div class="info-prop">
<span class="info-title-2">服务时间：</span> <span class="info-title-2">服务时间：</span>
<span>{{ formData.serviceTimeStart || "--" }}</span <span>{{ formData.serviceTimeStart || "--" }}</span>至
>至 <span>{{ formData.serviceTimeEnd || "--" }}</span>
<span>{{ formData.serviceTimeEnd || "--" }}</span> </div>
</div> <div class="info-prop">
<div class="info-prop"> <span class="info-title-2">享受服务人员: </span>
<span class="info-title-2">享受服务人员: </span> <span>{{ resiSearchTagName }}</span>
<span>{{ resiSearchTagName }}</span> </div>
</div>
<div class="info-prop"> <div class="info-prop">
<span class="info-title-2">服务内容：</span> <span class="info-title-2">服务内容：</span>
<span>{{ formData.remark || "--" }}</span> <span>{{ formData.remark || "--" }}</span>
</div> </div>
<div v-show="formData.serviceStatus === 'completed'"> <div v-show="formData.serviceStatus === 'completed'">
<h3 class="d-h3">反馈内容</h3> <h3 class="d-h3">反馈内容</h3>
<div class="info-prop"> <div class="info-prop">
<span class="info-title-2">备注：</span> <span class="info-title-2">备注：</span>
<span>{{ feedbackFormData.serviceGoal || "--" }}</span> <span>{{ feedbackFormData.serviceGoal || "--" }}</span>
</div> </div>
<!-- <div class="info-prop"> <!-- <div class="info-prop">
<span class="info-title-2">服务效果：</span> <span class="info-title-2">服务效果：</span>
<span>{{ feedbackFormData.serviceEffect || "--" }}</span> <span>{{ feedbackFormData.serviceEffect || "--" }}</span>
</div> --> </div> -->
<!-- <div class="info-prop"> <!-- <div class="info-prop">
<span class="info-title-2">服务人数：</span> <span class="info-title-2">服务人数：</span>
<span>{{ feedbackFormData.servicePeopleNumber || 0 }}</span> <span>{{ feedbackFormData.servicePeopleNumber || 0 }}</span>
</div> --> </div> -->
<div class="info-prop"> <div class="info-prop">
<span class="info-title-2">服务状态：</span> <span class="info-title-2">服务状态：</span>
<span>{{ feedbackFormData.serviceStatusShow || "--" }}</span> <span>{{ feedbackFormData.serviceStatusShow || "--" }}</span>
</div> </div>
<div class="info-prop"> <div class="info-prop">
<span class="info-title-2">满意度：</span> <span class="info-title-2">满意度：</span>
<span>{{ feedbackFormData.satisfactionShow || "--" }}</span> <span>{{ feedbackFormData.satisfactionShow || "--" }}</span>
</div> </div>
<!-- <div class="info-prop"> <!-- <div class="info-prop">
<span class="info-title-2">地理位置：</span> <span class="info-title-2">地理位置：</span>
<span>{{ feedbackFormData.address || "--" }}</span> <span>{{ feedbackFormData.address || "--" }}</span>
</div> --> </div> -->
<!-- <div class="info-prop"> <!-- <div class="info-prop">
<span class="info-title-2">地图位置：</span> <span class="info-title-2">地图位置：</span>
<div class="div_map"> <div class="div_map">
<div id="app_detail"></div> <div id="app_detail"></div>
</div> </div>
</div> --> </div> -->
<!-- <div class="info-prop"> <!-- <div class="info-prop">
<span class="info-title-2">附件：</span> <span class="info-title-2">附件：</span>
<file-list <file-list
v-if="fileList.length > 0" v-if="fileList.length > 0"
@ -102,234 +101,220 @@
></file-list> ></file-list>
<span v-else>--</span> <span v-else>--</span>
</div> --> </div> -->
</div>
</div> </div>
</div> </div>
</div> </div>
</div>
<div class="div-btn"> <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> </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> policyId: "",
import { mapGetters } from "vuex"; showPersonList: false,
import { Loading } from "element-ui"; // 引入Loading服务 ruleList: [],
import { requestPost } from "@/js/dai/request"; policyList: [],
// import personList from "../policy/oldPersonList.vue"; serviceTypesLevel1: [],
import fileList from "@/views/components/fileList"; serviceTypesLevel2: []
import daiMap from "@/utils/dai-map"; };
},
components: { fileList },
async mounted() {
await this.getPolicyList();
// if (this.serviceRecordId) {//详情
await this.loadInfo();
this.getserverType()
this.handleChangeServiceTypeLevel1()
this.initLoading = true;
if (
this.formData.serviceStatus === "completed" &&
this.feedbackFormData.latitude
) {
this.$nextTick(() => {
this.initMap();
});
}
},
methods: {
diaDestroy() { },
//加载组织数据
async handlePersonList() {
if (!this.formData.policyId) {
this.$message.info("请先选择政策");
return false;
}
var map; this.policyId = this.formData.policyId;
let loading; // 加载动画 await this.loadRuleList();
export default { this.showPersonList = true;
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: [],
serviceTypesLevel1:[],
serviceTypesLevel2:[]
};
},
components: { fileList },
async mounted() {
await this.getPolicyList();
// if (this.serviceRecordId) {//详情
await this.loadInfo();
this.getserverType()
this.handleChangeServiceTypeLevel1()
this.initLoading = true;
if (
this.formData.serviceStatus === "completed" &&
this.feedbackFormData.latitude
) {
this.$nextTick(() => {
this.initMap();
});
}
}, },
methods: { async loadRuleList() {
diaDestroy() {}, const url = "/governance/policy/rulelist/" + this.policyId;
//加载组织数据 let params = {};
async handlePersonList() {
if (!this.formData.policyId) {
this.$message.info("请先选择政策");
return false;
}
this.policyId = this.formData.policyId; const { data, code, msg } = await requestPost(url, params);
await this.loadRuleList();
this.showPersonList = true; if (code === 0) {
}, this.ruleList = data;
} else {
async loadRuleList() { this.$message.error(msg);
const url = "/governance/policy/rulelist/" + this.policyId; }
},
let params = {}; handleClose() {
this.showPersonList = false;
},
const { data, code, msg } = await requestPost(url, params); async getPolicyList() {
const url = "/governance/policy/policyList";
if (code === 0) { let params = {};
this.ruleList = data;
} else {
this.$message.error(msg);
}
},
handleClose() { const { data, code, msg } = await requestPost(url, params);
this.showPersonList = false;
},
async getPolicyList() { if (code === 0) {
const url = "/governance/policy/policyList"; 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.fileList = [];
this.policyList = data.list; if (
} else { data.feedback &&
this.$message.error(msg); data.feedback.fileList &&
} data.feedback.fileList.length > 0
}, ) {
//加载组织 data.feedback.fileList.forEach((element) => {
async loadInfo() { let obj = {
const url = "/governance/icServiceRecordV2/detail"; name: element.name,
format: element.format,
let params = { url: element.url,
serviceRecordId: this.serviceRecordId, type: element.type,
}; };
this.fileList.push(obj);
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);
} }
}, } else {
async getTagName() { this.$message.error(msg);
const url = "/governance/resiSearchTag/listResiSearchTags"; }
let params = { },
pageSize: 99, async getTagName() {
}; const url = "/governance/resiSearchTag/listResiSearchTags";
let { data, msg, code } = await requestPost(url, params); let params = {
if (code == 0) { pageSize: 99,
let showAddProduct = data.list.filter(item=>{ };
return [this.formData.resiSearchTagId].includes(item.tagId) let { data, msg, code } = await requestPost(url, params);
}) if (code == 0) {
if(this.formData.resiSearchTagId){ let showAddProduct = data.list.filter(item => {
this.resiSearchTagName = showAddProduct[0].tagName return [this.formData.resiSearchTagId].includes(item.tagId)
}else{ })
this.resiSearchTagName = '--' if (this.formData.resiSearchTagId) {
} this.resiSearchTagName = showAddProduct[0].tagName
} else { } else {
this.$message.error(msg); this.resiSearchTagName = '--'
} }
},
handleCancle() { } else {
this.resetData(); this.$message.error(msg);
this.$emit("diaDetailClose"); }
}, },
getserverType() { handleCancle() {
this.resetData();
this.$emit("diaDetailClose");
},
getserverType() {
this.$http this.$http
.get("/governance/commonServiceType/selectList/0") .get("/governance/commonServiceType/selectList/0")
.then(({ data: res }) => { .then(({ data: res }) => {
@ -365,95 +350,97 @@
return this.$message.error("网络错误"); return this.$message.error("网络错误");
}); });
}, },
// 地图初始化函数，本例取名为init，开发者可根据实际情况定义 // 地图初始化函数，本例取名为init，开发者可根据实际情况定义
initMap() { initMap() {
let { latitude, longitude } = this.feedbackFormData; let { latitude, longitude } = this.feedbackFormData;
map = new daiMap( map = new daiMap(
document.getElementById("app_detail"), document.getElementById("app_detail"),
{ latitude, longitude }, { latitude, longitude },
{ {
zoom: 16.2, // 设置地图缩放级别 zoom: 16.2, // 设置地图缩放级别
pitch: 43.5, // 设置俯仰角 pitch: 43.5, // 设置俯仰角
rotation: 45, // 设置地图旋转角度 rotation: 45, // 设置地图旋转角度
} }
); );
map.setCenter(latitude, longitude); map.setCenter(latitude, longitude);
map.setMarker(latitude, longitude); map.setMarker(latitude, longitude);
}, },
handleOk() { handleOk() {
this.showPersonList = false; this.showPersonList = false;
}, },
resetData() { resetData() {
this.formData = {}; this.formData = {};
}, },
// 开启加载动画 // 开启加载动画
startLoading() { startLoading() {
loading = Loading.service({ loading = Loading.service({
lock: true, // 是否锁定 lock: true, // 是否锁定
text: "正在加载……", // 加载中需要显示的文字 text: "正在加载……", // 加载中需要显示的文字
background: "rgba(0,0,0,.7)", // 背景颜色 background: "rgba(0,0,0,.7)", // 背景颜色
}); });
}, },
// 结束加载动画 // 结束加载动画
endLoading() { endLoading() {
// clearTimeout(timer); // clearTimeout(timer);
if (loading) { if (loading) {
loading.close(); loading.close();
} }
}, },
},
computed: {
dataRule() {
return {
serviceTimeStart: [
{ required: true, message: "服务时间不能为空", trigger: "blur" },
],
};
}, },
computed: {
dataRule() {
return {
serviceTimeStart: [
{ required: true, message: "服务时间不能为空", trigger: "blur" },
],
};
},
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，如果找不到则返回空字符串
}
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,
},
serviceOrgName: {
type: String,
required: true,
}, },
props: {
serviceRecordId: {
type: String,
required: true,
},
serviceOrgName: {
type: String,
required: true,
},
satisfyArray: { satisfyArray: {
type: Array, type: Array,
default() { default() {
return []; return [];
},
}, },
statusArray: { },
type: Array, statusArray: {
default() { type: Array,
return []; default() {
}, return [];
}, },
}, },
}; },
</script> };
</script>
<style lang="scss" scoped>
@import "@/assets/scss/modules/management/detail-main.scss"; <style lang="scss" scoped>
.info-prop{ @import "@/assets/scss/modules/management/detail-main.scss";
margin-top: 29px;
} .info-prop {
.scroll-h{ margin-top: 29px;
padding: 0 90px !important; }
}
</style> .scroll-h {
padding: 0 90px !important;
}
</style>

Write Preview
Loading…
Cancel
Save