Browse Source

Merge remote-tracking branch 'origin/yantai_master' into 烟台-master

yantai_master
jianjun 3 years ago
parent
commit
1738da7550
  1. 690
      src/views/modules/communityService/fuwujilu/addForm.vue

690
src/views/modules/communityService/fuwujilu/addForm.vue

@ -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">支持图片wordpdf</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">支持图片wordpdf</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) => {
//datareturn
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();

Loading…
Cancel
Save