|
|
@ -1,304 +1,229 @@ |
|
|
|
<template> |
|
|
|
<div> |
|
|
|
<div |
|
|
|
class="dialog-h-content scroll-h" |
|
|
|
:class="{ 'visiual-form': source === 'visiual' }" |
|
|
|
> |
|
|
|
<el-form |
|
|
|
v-if="formType === 'add'" |
|
|
|
ref="ref_form" |
|
|
|
:inline="true" |
|
|
|
:model="formData" |
|
|
|
:rules="dataRule" |
|
|
|
class="div_form" |
|
|
|
> |
|
|
|
<el-form-item |
|
|
|
label="服务分类" |
|
|
|
prop="serviceCategoryKey" |
|
|
|
label-width="150px" |
|
|
|
:class="{ 'form-item': source === 'visiual' }" |
|
|
|
style="display: block" |
|
|
|
> |
|
|
|
<el-select |
|
|
|
v-model="formData.serviceCategoryKey" |
|
|
|
class="item_width_1" |
|
|
|
placeholder="请选择" |
|
|
|
clearable |
|
|
|
> |
|
|
|
<el-option |
|
|
|
v-for="item in categrayOptions" |
|
|
|
:key="item.value" |
|
|
|
:label="item.label" |
|
|
|
:value="item.value" |
|
|
|
> |
|
|
|
<div class="dialog-h-content scroll-h" |
|
|
|
:class="{ 'visiual-form': source === 'visiual' }"> |
|
|
|
<el-form v-if="formType === 'add'" |
|
|
|
ref="ref_form" |
|
|
|
:inline="true" |
|
|
|
:model="formData" |
|
|
|
:rules="dataRule" |
|
|
|
class="div_form"> |
|
|
|
<el-form-item label="服务分类" |
|
|
|
prop="serviceCategoryKey" |
|
|
|
label-width="150px" |
|
|
|
:class="{ 'form-item': source === 'visiual' }" |
|
|
|
style="display: block"> |
|
|
|
<el-select v-model="formData.serviceCategoryKey" |
|
|
|
class="item_width_1" |
|
|
|
placeholder="请选择" |
|
|
|
clearable> |
|
|
|
<el-option v-for="item in categrayOptions" |
|
|
|
:key="item.value" |
|
|
|
:label="item.label" |
|
|
|
:value="item.value"> |
|
|
|
</el-option> |
|
|
|
</el-select> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item |
|
|
|
label="服务名称" |
|
|
|
prop="serviceName" |
|
|
|
label-width="150px" |
|
|
|
:class="{ 'form-item': source === 'visiual' }" |
|
|
|
style="display: block" |
|
|
|
> |
|
|
|
<el-input |
|
|
|
class="item_width_1" |
|
|
|
placeholder="请输入服务名称" |
|
|
|
v-model="formData.serviceName" |
|
|
|
> |
|
|
|
<el-form-item label="服务名称" |
|
|
|
prop="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-form-item> |
|
|
|
|
|
|
|
<el-form-item |
|
|
|
label="服务组织" |
|
|
|
prop="serviceOrgId" |
|
|
|
label-width="150px" |
|
|
|
:class="{ 'form-item': source === 'visiual' }" |
|
|
|
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-form-item label="服务组织" |
|
|
|
prop="serviceOrgId" |
|
|
|
label-width="150px" |
|
|
|
:class="{ 'form-item': source === 'visiual' }" |
|
|
|
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-select> |
|
|
|
- |
|
|
|
<el-select |
|
|
|
v-model="formData.serviceOrgId" |
|
|
|
class="input-width-middle" |
|
|
|
filterable |
|
|
|
placeholder="请选择" |
|
|
|
clearable |
|
|
|
> |
|
|
|
<el-option |
|
|
|
v-for="item in serviceOptiondList" |
|
|
|
:key="item.value" |
|
|
|
:label="item.label" |
|
|
|
:value="item.value" |
|
|
|
> |
|
|
|
<el-select v-model="formData.serviceOrgId" |
|
|
|
class="input-width-middle" |
|
|
|
filterable |
|
|
|
placeholder="请选择" |
|
|
|
clearable> |
|
|
|
<el-option v-for="item in serviceOptiondList" |
|
|
|
:key="item.value" |
|
|
|
:label="item.label" |
|
|
|
:value="item.value"> |
|
|
|
</el-option> |
|
|
|
</el-select> |
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
<el-form-item |
|
|
|
label="服务范围" |
|
|
|
prop="objList" |
|
|
|
label-width="150px" |
|
|
|
:class="{ 'form-item': source === 'visiual' }" |
|
|
|
style="display: block" |
|
|
|
> |
|
|
|
<el-cascader |
|
|
|
class="item_width_1" |
|
|
|
ref="myCascader" |
|
|
|
v-model="scopeIdArray" |
|
|
|
:key="iscascaderShow" |
|
|
|
:options="casOptions" |
|
|
|
:props="optionProps" |
|
|
|
:show-all-levels="false" |
|
|
|
@change="handleChangeScope" |
|
|
|
></el-cascader> |
|
|
|
<el-form-item label="服务范围" |
|
|
|
prop="objList" |
|
|
|
label-width="150px" |
|
|
|
:class="{ 'form-item': source === 'visiual' }" |
|
|
|
style="display: block"> |
|
|
|
<el-cascader class="item_width_1" |
|
|
|
ref="myCascader" |
|
|
|
v-model="scopeIdArray" |
|
|
|
:key="iscascaderShow" |
|
|
|
:options="casOptions" |
|
|
|
:props="optionProps" |
|
|
|
:show-all-levels="false" |
|
|
|
@change="handleChangeScope"></el-cascader> |
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
<el-form-item |
|
|
|
label="政策依据" |
|
|
|
prop="policyId" |
|
|
|
label-width="150px" |
|
|
|
: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.policyId" |
|
|
|
:label="item.title" |
|
|
|
:value="item.policyId" |
|
|
|
> |
|
|
|
<el-form-item label="政策依据" |
|
|
|
prop="policyId" |
|
|
|
label-width="150px" |
|
|
|
: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.policyId" |
|
|
|
:label="item.title" |
|
|
|
:value="item.policyId"> |
|
|
|
</el-option> |
|
|
|
</el-select> |
|
|
|
|
|
|
|
<el-button |
|
|
|
style="margin-left: 10px" |
|
|
|
type="primary" |
|
|
|
size="small" |
|
|
|
@click="handlePersonList" |
|
|
|
>预览</el-button |
|
|
|
> |
|
|
|
<el-button style="margin-left: 10px" |
|
|
|
type="primary" |
|
|
|
size="small" |
|
|
|
@click="handlePersonList">预览</el-button> |
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
<el-form-item |
|
|
|
label="经办人" |
|
|
|
prop="principalName" |
|
|
|
:class="{ 'form-item': source === 'visiual' }" |
|
|
|
label-width="150px" |
|
|
|
style="display: block" |
|
|
|
> |
|
|
|
<el-input |
|
|
|
class="item_width_1" |
|
|
|
placeholder="请输入联系人姓名" |
|
|
|
v-model="formData.principalName" |
|
|
|
> |
|
|
|
<el-form-item label="经办人" |
|
|
|
prop="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-form-item> |
|
|
|
<el-form-item |
|
|
|
label="联系方式" |
|
|
|
prop="principalContact" |
|
|
|
:class="{ 'form-item': source === 'visiual' }" |
|
|
|
label-width="150px" |
|
|
|
style="display: block" |
|
|
|
> |
|
|
|
<el-input |
|
|
|
class="item_width_1" |
|
|
|
placeholder="请输入联系人电话" |
|
|
|
v-model="formData.principalContact" |
|
|
|
> |
|
|
|
<el-form-item label="联系方式" |
|
|
|
prop="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-form-item> |
|
|
|
|
|
|
|
<el-form-item |
|
|
|
label="服务时间" |
|
|
|
label-width="150px" |
|
|
|
:class="{ 'form-item': source === 'visiual' }" |
|
|
|
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-form-item label="服务时间" |
|
|
|
label-width="150px" |
|
|
|
:class="{ 'form-item': source === 'visiual' }" |
|
|
|
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> |
|
|
|
<span class="data-tag">至</span> |
|
|
|
<el-date-picker |
|
|
|
v-model="formData.serviceTimeEnd" |
|
|
|
:picker-options="endPickerOptions" |
|
|
|
class="item_width_2 data-tag" |
|
|
|
style="width: 220px" |
|
|
|
type="date" |
|
|
|
value-format="yyyy-MM-dd HH:mm:ss" |
|
|
|
value="yyyy-MM-dd" |
|
|
|
placeholder="结束时间" |
|
|
|
> |
|
|
|
<el-date-picker v-model="formData.serviceTimeEnd" |
|
|
|
:picker-options="endPickerOptions" |
|
|
|
class="item_width_2 data-tag" |
|
|
|
style="width: 220px" |
|
|
|
type="date" |
|
|
|
value-format="yyyy-MM-dd HH:mm:ss" |
|
|
|
value="yyyy-MM-dd" |
|
|
|
placeholder="结束时间"> |
|
|
|
</el-date-picker> |
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
<el-form-item |
|
|
|
label="备注" |
|
|
|
prop="remark" |
|
|
|
label-width="150px" |
|
|
|
: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 label="备注" |
|
|
|
prop="remark" |
|
|
|
label-width="150px" |
|
|
|
: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 |
|
|
|
label="直接反馈" |
|
|
|
prop="remark" |
|
|
|
label-width="150px" |
|
|
|
:class="{ 'form-item': source === 'visiual' }" |
|
|
|
style="display: block" |
|
|
|
> |
|
|
|
<el-checkbox |
|
|
|
:label="'是'" |
|
|
|
v-model="showFeedback" |
|
|
|
@change="handleChangeFeedback" |
|
|
|
></el-checkbox> |
|
|
|
<el-form-item label="直接反馈" |
|
|
|
prop="remark" |
|
|
|
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> |
|
|
|
<div v-show="formType === 'feedback' || showFeedback"> |
|
|
|
<!-- <h3 class="d-h3">反馈内容</h3> --> |
|
|
|
|
|
|
|
<el-form |
|
|
|
ref="ref_form_feedback" |
|
|
|
:inline="true" |
|
|
|
:model="feedbackFormData" |
|
|
|
:rules="feedbackDataRule" |
|
|
|
class="div_form" |
|
|
|
> |
|
|
|
<el-form-item |
|
|
|
label="服务目标" |
|
|
|
prop="serviceGoal" |
|
|
|
:class="{ 'form-item': source === 'visiual' }" |
|
|
|
label-width="150px" |
|
|
|
style="display: block" |
|
|
|
> |
|
|
|
<el-input |
|
|
|
class="item_width_1" |
|
|
|
type="textarea" |
|
|
|
maxlength="1000" |
|
|
|
show-word-limit |
|
|
|
:rows="3" |
|
|
|
placeholder="请输入服务目标,不超过1000字" |
|
|
|
v-model="feedbackFormData.serviceGoal" |
|
|
|
></el-input> |
|
|
|
<el-form ref="ref_form_feedback" |
|
|
|
:inline="true" |
|
|
|
:model="feedbackFormData" |
|
|
|
:rules="feedbackDataRule" |
|
|
|
class="div_form"> |
|
|
|
<el-form-item label="服务目标" |
|
|
|
prop="serviceGoal" |
|
|
|
:class="{ 'form-item': source === 'visiual' }" |
|
|
|
label-width="150px" |
|
|
|
style="display: block"> |
|
|
|
<el-input class="item_width_1" |
|
|
|
type="textarea" |
|
|
|
maxlength="1000" |
|
|
|
show-word-limit |
|
|
|
:rows="3" |
|
|
|
placeholder="请输入服务目标,不超过1000字" |
|
|
|
v-model="feedbackFormData.serviceGoal"></el-input> |
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
<el-form-item |
|
|
|
label="服务效果" |
|
|
|
prop="serviceEffect" |
|
|
|
label-width="150px" |
|
|
|
: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="feedbackFormData.serviceEffect" |
|
|
|
></el-input> |
|
|
|
<el-form-item label="服务效果" |
|
|
|
prop="serviceEffect" |
|
|
|
label-width="150px" |
|
|
|
: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="feedbackFormData.serviceEffect"></el-input> |
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
<el-form-item |
|
|
|
label="服务人数" |
|
|
|
style="display: block" |
|
|
|
:class="{ 'form-item': source === 'visiual' }" |
|
|
|
prop="servicePeopleNumber" |
|
|
|
label-width="150px" |
|
|
|
> |
|
|
|
<el-input-number |
|
|
|
class="item_width_2" |
|
|
|
v-model="feedbackFormData.servicePeopleNumber" |
|
|
|
:min="0" |
|
|
|
:max="9999" |
|
|
|
label="服务人数" |
|
|
|
></el-input-number> |
|
|
|
<el-form-item label="服务人数" |
|
|
|
style="display: block" |
|
|
|
:class="{ 'form-item': source === 'visiual' }" |
|
|
|
prop="servicePeopleNumber" |
|
|
|
label-width="150px"> |
|
|
|
<el-input-number class="item_width_2" |
|
|
|
v-model="feedbackFormData.servicePeopleNumber" |
|
|
|
:min="0" |
|
|
|
:max="9999" |
|
|
|
label="服务人数"></el-input-number> |
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
<el-form-item |
|
|
|
label="服务状态" |
|
|
|
style="display: block" |
|
|
|
label-width="150px" |
|
|
|
:class="{ 'form-item': source === 'visiual' }" |
|
|
|
prop="serviceStatus" |
|
|
|
> |
|
|
|
<el-form-item label="服务状态" |
|
|
|
style="display: block" |
|
|
|
label-width="150px" |
|
|
|
:class="{ 'form-item': source === 'visiual' }" |
|
|
|
prop="serviceStatus"> |
|
|
|
<span>已完成</span> |
|
|
|
<!-- <el-select class="item_width_1" |
|
|
|
v-model="feedbackFormData.serviceStatus" |
|
|
@ -311,93 +236,70 @@ |
|
|
|
</el-option> |
|
|
|
</el-select> --> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item |
|
|
|
label="满意度" |
|
|
|
style="display: block" |
|
|
|
label-width="150px" |
|
|
|
: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-form-item label="满意度" |
|
|
|
style="display: block" |
|
|
|
label-width="150px" |
|
|
|
: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-select> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item |
|
|
|
label="地址" |
|
|
|
prop="address" |
|
|
|
:class="{ 'form-item': source === 'visiual' }" |
|
|
|
label-width="150px" |
|
|
|
style="display: block" |
|
|
|
> |
|
|
|
<el-input |
|
|
|
class="item_width_1" |
|
|
|
v-model="feedbackFormData.address" |
|
|
|
></el-input> |
|
|
|
<el-form-item label="地址" |
|
|
|
prop="address" |
|
|
|
:class="{ 'form-item': source === 'visiual' }" |
|
|
|
label-width="150px" |
|
|
|
style="display: block"> |
|
|
|
<el-input class="item_width_1" |
|
|
|
v-model="feedbackFormData.address"></el-input> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item |
|
|
|
label="地图位置" |
|
|
|
label-width="150px" |
|
|
|
:class="{ 'form-item': source === 'visiual' }" |
|
|
|
style="display: block" |
|
|
|
> |
|
|
|
<el-form-item label="地图位置" |
|
|
|
label-width="150px" |
|
|
|
:class="{ 'form-item': source === 'visiual' }" |
|
|
|
style="display: block"> |
|
|
|
<div style="width: 500px"> |
|
|
|
<div class="div_map"> |
|
|
|
<div id="map_app"></div> |
|
|
|
<div class="div_searchmap"> |
|
|
|
<el-input |
|
|
|
maxlength="50" |
|
|
|
size="mini" |
|
|
|
placeholder="请输入关键字" |
|
|
|
v-model="keyWords" |
|
|
|
> |
|
|
|
<el-input maxlength="50" |
|
|
|
size="mini" |
|
|
|
placeholder="请输入关键字" |
|
|
|
v-model="keyWords"> |
|
|
|
</el-input> |
|
|
|
<el-button |
|
|
|
style="margin-left: 10px" |
|
|
|
type="primary" |
|
|
|
size="mini" |
|
|
|
@click="handleSearchMap" |
|
|
|
>查询</el-button |
|
|
|
> |
|
|
|
<el-button style="margin-left: 10px" |
|
|
|
type="primary" |
|
|
|
size="mini" |
|
|
|
@click="handleSearchMap">查询</el-button> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
<el-form-item |
|
|
|
class="block" |
|
|
|
label="附件" |
|
|
|
:class="{ 'form-item': source === 'visiual' }" |
|
|
|
label-width="150px" |
|
|
|
prop="attach" |
|
|
|
> |
|
|
|
<el-upload |
|
|
|
class="upload-demo" |
|
|
|
:action="uploadUlr" |
|
|
|
accept=".doc,.pdf,.xls,.docx,.xlsx,.jpg,.png,.jpeg,.bmp,.mp4,.wma,.m4a,.mp3" |
|
|
|
:on-success="handleFileSuccess" |
|
|
|
:on-remove="handleFileRemove" |
|
|
|
:limit="3" |
|
|
|
:before-upload="beforeUpload" |
|
|
|
:file-list="fileList" |
|
|
|
> |
|
|
|
<el-button |
|
|
|
size="small" |
|
|
|
:disabled="fileList.length === 3" |
|
|
|
type="primary" |
|
|
|
>点击上传</el-button |
|
|
|
> |
|
|
|
<div slot="tip" class="el-upload__tip">支持图片、word、pdf</div> |
|
|
|
<el-form-item class="block" |
|
|
|
label="附件" |
|
|
|
:class="{ 'form-item': source === 'visiual' }" |
|
|
|
label-width="150px" |
|
|
|
prop="attach"> |
|
|
|
<el-upload class="upload-demo" |
|
|
|
:action="uploadUlr" |
|
|
|
accept=".doc,.pdf,.xls,.docx,.xlsx,.jpg,.png,.jpeg,.bmp,.mp4,.wma,.m4a,.mp3" |
|
|
|
:on-success="handleFileSuccess" |
|
|
|
:on-remove="handleFileRemove" |
|
|
|
:limit="3" |
|
|
|
:before-upload="beforeUpload" |
|
|
|
:file-list="fileList"> |
|
|
|
<el-button size="small" |
|
|
|
:disabled="fileList.length === 3" |
|
|
|
type="primary">点击上传</el-button> |
|
|
|
<div slot="tip" |
|
|
|
class="el-upload__tip">支持图片、word、pdf</div> |
|
|
|
</el-upload> |
|
|
|
</el-form-item> |
|
|
|
</el-form> |
|
|
@ -405,35 +307,29 @@ |
|
|
|
</div> |
|
|
|
|
|
|
|
<div class="div_btn"> |
|
|
|
<el-button size="small" @click="handleCancle">取 消</el-button> |
|
|
|
<el-button |
|
|
|
size="small" |
|
|
|
type="primary" |
|
|
|
:disabled="btnDisable" |
|
|
|
@click="handleComfirm" |
|
|
|
>确 定</el-button |
|
|
|
> |
|
|
|
<el-button size="small" |
|
|
|
@click="handleCancle">取 消</el-button> |
|
|
|
<el-button size="small" |
|
|
|
type="primary" |
|
|
|
:disabled="btnDisable" |
|
|
|
@click="handleComfirm">确 定</el-button> |
|
|
|
</div> |
|
|
|
|
|
|
|
<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" |
|
|
|
> |
|
|
|
<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> |
|
|
@ -480,7 +376,7 @@ export default { |
|
|
|
}, |
|
|
|
categrayArray: { |
|
|
|
type: Array, |
|
|
|
default() { |
|
|
|
default () { |
|
|
|
return []; |
|
|
|
}, |
|
|
|
}, |
|
|
@ -491,7 +387,7 @@ export default { |
|
|
|
}, |
|
|
|
}, |
|
|
|
|
|
|
|
data() { |
|
|
|
data () { |
|
|
|
let endDisabledDate = (time) => { |
|
|
|
//这个关键属性我们一定要写在data的里面并且return的外面,这是动态改变区间的关键 |
|
|
|
let nowData = Date.now(); |
|
|
@ -555,10 +451,10 @@ export default { |
|
|
|
}, |
|
|
|
|
|
|
|
endPickerOptions: { |
|
|
|
disabledDate: endDisabledDate, |
|
|
|
// disabledDate: endDisabledDate, |
|
|
|
}, |
|
|
|
startPickerOptions: { |
|
|
|
disabledDate: startDisabledDate, |
|
|
|
// disabledDate: startDisabledDate, |
|
|
|
}, |
|
|
|
|
|
|
|
showFeedback: false, |
|
|
@ -604,7 +500,7 @@ export default { |
|
|
|
}, |
|
|
|
|
|
|
|
computed: { |
|
|
|
dataRule() { |
|
|
|
dataRule () { |
|
|
|
return { |
|
|
|
serviceName: [ |
|
|
|
{ required: true, message: "服务名称不能为空", trigger: "change" }, |
|
|
@ -621,7 +517,7 @@ export default { |
|
|
|
], |
|
|
|
}; |
|
|
|
}, |
|
|
|
feedbackDataRule() { |
|
|
|
feedbackDataRule () { |
|
|
|
return { |
|
|
|
serviceGoal: [ |
|
|
|
{ required: true, message: "服务目标不能为空", trigger: "blur" }, |
|
|
@ -655,7 +551,7 @@ export default { |
|
|
|
|
|
|
|
components: { personList }, |
|
|
|
|
|
|
|
async mounted() { |
|
|
|
async mounted () { |
|
|
|
this.startLoading(); |
|
|
|
// 都已经重置了,还放在prop里干嘛,我不理解 |
|
|
|
this.categrayOptions = this.categrayArray; |
|
|
@ -680,7 +576,7 @@ export default { |
|
|
|
}, |
|
|
|
|
|
|
|
methods: { |
|
|
|
async iniDefaultData() { |
|
|
|
async iniDefaultData () { |
|
|
|
const { defaultData } = this; |
|
|
|
console.log("iniDefaultData3", defaultData); |
|
|
|
if (defaultData) { |
|
|
@ -701,7 +597,7 @@ export default { |
|
|
|
}, |
|
|
|
|
|
|
|
//加载组织数据 |
|
|
|
async handlePersonList() { |
|
|
|
async handlePersonList () { |
|
|
|
if (!this.formData.policyId) { |
|
|
|
this.$message.info("请先选择政策"); |
|
|
|
return false; |
|
|
@ -713,7 +609,7 @@ export default { |
|
|
|
this.showPersonList = true; |
|
|
|
}, |
|
|
|
|
|
|
|
async loadRuleList() { |
|
|
|
async loadRuleList () { |
|
|
|
const url = "/heart/policy/rulelist/" + this.policyId; |
|
|
|
|
|
|
|
let params = {}; |
|
|
@ -727,14 +623,14 @@ export default { |
|
|
|
} |
|
|
|
}, |
|
|
|
|
|
|
|
handleClose() { |
|
|
|
handleClose () { |
|
|
|
this.showPersonList = false; |
|
|
|
}, |
|
|
|
handleOk() { |
|
|
|
handleOk () { |
|
|
|
this.showPersonList = false; |
|
|
|
}, |
|
|
|
|
|
|
|
async getPolicyList() { |
|
|
|
async getPolicyList () { |
|
|
|
const url = "/heart/policy/policyListSelect"; |
|
|
|
|
|
|
|
let params = {}; |
|
|
@ -747,7 +643,7 @@ export default { |
|
|
|
this.$message.error(msg); |
|
|
|
} |
|
|
|
}, |
|
|
|
async getDictOptions() { |
|
|
|
async getDictOptions () { |
|
|
|
this.$http |
|
|
|
.post("/sys/dict/data/dictlist", { |
|
|
|
dictType: "user_demand_service_type", |
|
|
@ -765,7 +661,7 @@ export default { |
|
|
|
}, |
|
|
|
|
|
|
|
// 字典 |
|
|
|
async getCategrayList() { |
|
|
|
async getCategrayList () { |
|
|
|
const url = "/sys/dict/data/dictlist"; |
|
|
|
|
|
|
|
let params = { |
|
|
@ -780,14 +676,14 @@ export default { |
|
|
|
this.$message.error(msg); |
|
|
|
} |
|
|
|
}, |
|
|
|
handleServiceChange(type, val) { |
|
|
|
handleServiceChange (type, val) { |
|
|
|
if (val === "social_org") { |
|
|
|
if (type === "add") this.getServiceuserList(val, "add_demand"); |
|
|
|
else this.getServiceuserList(val, "query_demand"); |
|
|
|
} else this.getServiceuserList(val, ""); |
|
|
|
}, |
|
|
|
|
|
|
|
async getServiceuserList(serviceType, query) { |
|
|
|
async getServiceuserList (serviceType, query) { |
|
|
|
if (!serviceType) return false; |
|
|
|
|
|
|
|
const params = { |
|
|
@ -808,7 +704,7 @@ export default { |
|
|
|
return this.$message.error("网络错误"); |
|
|
|
}); |
|
|
|
}, |
|
|
|
handleChangeFeedback(val) { |
|
|
|
handleChangeFeedback (val) { |
|
|
|
this.showFeedback = val; |
|
|
|
|
|
|
|
if (this.firstInitMap) { |
|
|
@ -819,7 +715,7 @@ export default { |
|
|
|
}, |
|
|
|
|
|
|
|
// 获取服务范围树 |
|
|
|
async loadScopeTree() { |
|
|
|
async loadScopeTree () { |
|
|
|
const url = "/gov/org/icServiceProject/service/serviceScopeTree"; |
|
|
|
// const url = 'http://yapi.elinkservice.cn/mock/245/gov/org/isServiceProject/service/serviceScopeTree' |
|
|
|
let params = {}; |
|
|
@ -836,7 +732,7 @@ export default { |
|
|
|
} |
|
|
|
}, |
|
|
|
|
|
|
|
handleChangeScope(value) { |
|
|
|
handleChangeScope (value) { |
|
|
|
this.formData.objList = []; |
|
|
|
let selArray = this.$refs["myCascader"].getCheckedNodes(); |
|
|
|
console.log("handleChangeScope", selArray); |
|
|
@ -846,8 +742,8 @@ export default { |
|
|
|
element.data.objectType === "grid" |
|
|
|
? "grid" |
|
|
|
: element.data.objectType === "neighborhood" |
|
|
|
? "neighborhood" |
|
|
|
: "agency", |
|
|
|
? "neighborhood" |
|
|
|
: "agency", |
|
|
|
objectId: element.data.objectId, |
|
|
|
objectName: element.data.objectName, |
|
|
|
}; |
|
|
@ -855,7 +751,7 @@ export default { |
|
|
|
}); |
|
|
|
}, |
|
|
|
|
|
|
|
async handleComfirm() { |
|
|
|
async handleComfirm () { |
|
|
|
if (this.formType === "add") { |
|
|
|
this.handleAdd(); |
|
|
|
} else if (this.formType === "feedback") { |
|
|
@ -863,7 +759,7 @@ export default { |
|
|
|
} |
|
|
|
}, |
|
|
|
|
|
|
|
async handleAdd() { |
|
|
|
async handleAdd () { |
|
|
|
this.btnDisable = true; |
|
|
|
setTimeout(() => { |
|
|
|
this.btnDisable = false; |
|
|
@ -897,7 +793,7 @@ export default { |
|
|
|
}); |
|
|
|
}, |
|
|
|
|
|
|
|
async addFuwu() { |
|
|
|
async addFuwu () { |
|
|
|
if (this.showFeedback) { |
|
|
|
this.feedbackFormData.fileList = []; |
|
|
|
this.feedbackFormData.fileList = [...this.fileList]; |
|
|
@ -942,7 +838,7 @@ export default { |
|
|
|
} |
|
|
|
}, |
|
|
|
|
|
|
|
async handleFeedback() { |
|
|
|
async handleFeedback () { |
|
|
|
this.btnDisable = true; |
|
|
|
setTimeout(() => { |
|
|
|
this.btnDisable = false; |
|
|
@ -958,7 +854,7 @@ export default { |
|
|
|
}); |
|
|
|
}, |
|
|
|
|
|
|
|
async addFeecback() { |
|
|
|
async addFeecback () { |
|
|
|
this.feedbackFormData.fileList = []; |
|
|
|
this.feedbackFormData.fileList = [...this.fileList]; |
|
|
|
this.feedbackFormData.serviceRecordId = this.serviceRecordId; |
|
|
@ -983,7 +879,7 @@ export default { |
|
|
|
} |
|
|
|
}, |
|
|
|
|
|
|
|
beforeUpload(file) { |
|
|
|
beforeUpload (file) { |
|
|
|
const array = file.name.split("."); |
|
|
|
const extension = array[array.length - 1]; |
|
|
|
|
|
|
@ -1009,7 +905,7 @@ export default { |
|
|
|
} |
|
|
|
}, |
|
|
|
|
|
|
|
handleFileRemove(file) { |
|
|
|
handleFileRemove (file) { |
|
|
|
if (file && file.status === "success") { |
|
|
|
this.fileList.splice( |
|
|
|
this.fileList.findIndex((item) => item.uid === file.uid), |
|
|
@ -1018,7 +914,7 @@ export default { |
|
|
|
} |
|
|
|
}, |
|
|
|
|
|
|
|
handleFileSuccess(res, file) { |
|
|
|
handleFileSuccess (res, file) { |
|
|
|
if (res.code === 0 && res.msg === "success") { |
|
|
|
const array = file.name.split("."); |
|
|
|
const fileType = array[array.length - 1]; |
|
|
@ -1051,7 +947,7 @@ export default { |
|
|
|
}, |
|
|
|
|
|
|
|
//下载 |
|
|
|
handleFileDownload(file) { |
|
|
|
handleFileDownload (file) { |
|
|
|
var a = document.createElement("a"); |
|
|
|
var event = new MouseEvent("click"); |
|
|
|
a.download = file.name; |
|
|
@ -1059,13 +955,13 @@ export default { |
|
|
|
a.href = file.url; |
|
|
|
a.dispatchEvent(event); |
|
|
|
}, |
|
|
|
handleCancle() { |
|
|
|
handleCancle () { |
|
|
|
this.resetData(); |
|
|
|
this.$emit("handleClose"); |
|
|
|
}, |
|
|
|
|
|
|
|
// 地图初始化函数,本例取名为init,开发者可根据实际情况定义 |
|
|
|
initMap() { |
|
|
|
initMap () { |
|
|
|
// 定义地图中心点坐标 |
|
|
|
var center = new window.TMap.LatLng(36.0722275, 120.38945519); |
|
|
|
// 定义map变量,调用 TMap.Map() 构造函数创建地图 |
|
|
@ -1096,7 +992,7 @@ export default { |
|
|
|
this.firstInitMap = false; |
|
|
|
}, |
|
|
|
|
|
|
|
setMarker(lat, lng) { |
|
|
|
setMarker (lat, lng) { |
|
|
|
markers.setGeometries([]); |
|
|
|
markers.add([ |
|
|
|
{ |
|
|
@ -1110,7 +1006,7 @@ export default { |
|
|
|
]); |
|
|
|
}, |
|
|
|
|
|
|
|
handleSearchMap() { |
|
|
|
handleSearchMap () { |
|
|
|
infoWindowList.forEach((infoWindow) => { |
|
|
|
infoWindow.close(); |
|
|
|
}); |
|
|
@ -1140,7 +1036,7 @@ export default { |
|
|
|
}); |
|
|
|
}, |
|
|
|
|
|
|
|
handleMoveCenter() { |
|
|
|
handleMoveCenter () { |
|
|
|
//修改地图中心点 |
|
|
|
const center = map.getCenter(); |
|
|
|
const lat = center.getLat(); |
|
|
@ -1151,7 +1047,7 @@ export default { |
|
|
|
this.convert(lat, lng); |
|
|
|
}, |
|
|
|
|
|
|
|
convert(lat, lng) { |
|
|
|
convert (lat, lng) { |
|
|
|
markers.setGeometries([]); |
|
|
|
// var input = document.getElementById('location').value.split(','); |
|
|
|
let location; |
|
|
@ -1179,7 +1075,7 @@ export default { |
|
|
|
}); |
|
|
|
}, |
|
|
|
|
|
|
|
resetData() { |
|
|
|
resetData () { |
|
|
|
this.formData = { |
|
|
|
objList: [], // |
|
|
|
principalName: "", //经办人(责任人)姓名 |
|
|
@ -1202,7 +1098,7 @@ export default { |
|
|
|
}; |
|
|
|
}, |
|
|
|
// 开启加载动画 |
|
|
|
startLoading() { |
|
|
|
startLoading () { |
|
|
|
loading = Loading.service({ |
|
|
|
lock: true, // 是否锁定 |
|
|
|
text: "正在加载……", // 加载中需要显示的文字 |
|
|
@ -1210,7 +1106,7 @@ export default { |
|
|
|
}); |
|
|
|
}, |
|
|
|
// 结束加载动画 |
|
|
|
endLoading() { |
|
|
|
endLoading () { |
|
|
|
// clearTimeout(timer); |
|
|
|
if (loading) { |
|
|
|
loading.close(); |
|
|
|