elink-star
/
epmet-oper-gov
8
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

Merge branch 'yantai_master' of http://git.elinkit.com.cn:7070/r/epmet-oper-gov into yantai_master

jly/task002
dai 3 years ago
parent
6ebd19aecb 73c289ceac
commit
b0c7c0892f
6 changed files with 964 additions and 1136 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. 4
      .env.development
  2. 3
      src/views/modules/base/epidemic/antiInfo.vue
  3. 520
      src/views/modules/communityService/fuwujilu/addForm.vue
  4. 454
      src/views/modules/communityService/fuwujilu/detailForm.vue
  5. 587
      src/views/modules/shequzhili/event/cpts/process-form-demand.vue
  6. 94
      src/views/pages/login.vue

4
.env.development
View File

@ -1,9 +1,9 @@
NODE_ENV=development NODE_ENV=development
VUE_APP_API_SERVER = http://192.168.1.140/api # VUE_APP_API_SERVER = http://192.168.1.140/api
# VUE_APP_API_SERVER = https://epmet-yantai.elinkservice.cn/api # VUE_APP_API_SERVER = https://epmet-yantai.elinkservice.cn/api
# VUE_APP_API_SERVER = https://epmet-test.elinkservice.cn/api # VUE_APP_API_SERVER = https://epmet-test.elinkservice.cn/api
# VUE_APP_API_SERVER = https://epmet-cloud.elinkservice.cn/api VUE_APP_API_SERVER = https://epmet-cloud.elinkservice.cn/api
# VUE_APP_API_SERVER = https://epdc-shibei.elinkservice.cn/api # VUE_APP_API_SERVER = https://epdc-shibei.elinkservice.cn/api
# VUE_APP_API_SERVER = https://epmet-dev.elinkservice.cn:41080/api # VUE_APP_API_SERVER = https://epmet-dev.elinkservice.cn:41080/api
# VUE_APP_API_SERVER = https://epmet-dev.elinkservice.cn/api # VUE_APP_API_SERVER = https://epmet-dev.elinkservice.cn/api

3
src/views/modules/base/epidemic/antiInfo.vue
View File

@ -292,6 +292,7 @@
:close-on-press-escape="false" :close-on-press-escape="false"
:title="formTitle" :title="formTitle"
width="1150px" width="1150px"
:z-index="2000"
top="5vh" top="5vh"
class="dialog-h" class="dialog-h"
@closed="handleCnalceForm"> @closed="handleCnalceForm">
@ -862,7 +863,7 @@ export default {
let params = { let params = {
id id
} }
// this.$message.error('111')
const { data, code, msg } = await requestPost(url, params) const { data, code, msg } = await requestPost(url, params)
if (code === 0) { if (code === 0) {

520
src/views/modules/communityService/fuwujilu/addForm.vue
View File

@ -1,229 +1,304 @@
<template> <template>
<div> <div>
<div class="dialog-h-content scroll-h" <div
:class="{ 'visiual-form': source === 'visiual' }"> class="dialog-h-content scroll-h"
<el-form v-if="formType === 'add'" :class="{ 'visiual-form': source === 'visiual' }"
>
<el-form
v-if="formType === 'add'"
ref="ref_form" ref="ref_form"
:inline="true" :inline="true"
:model="formData" :model="formData"
:rules="dataRule" :rules="dataRule"
class="div_form"> class="div_form"
<el-form-item label="服务分类" >
<el-form-item
label="服务分类"
prop="serviceCategoryKey" prop="serviceCategoryKey"
label-width="150px" label-width="150px"
:class="{ 'form-item': source === 'visiual' }" :class="{ 'form-item': source === 'visiual' }"
style="display: block"> style="display: block"
<el-select v-model="formData.serviceCategoryKey" >
<el-select
v-model="formData.serviceCategoryKey"
class="item_width_1" class="item_width_1"
placeholder="请选择" placeholder="请选择"
clearable> clearable
<el-option v-for="item in categrayOptions" >
<el-option
v-for="item in categrayOptions"
:key="item.value" :key="item.value"
:label="item.label" :label="item.label"
:value="item.value"> :value="item.value"
>
</el-option> </el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="服务名称" <el-form-item
label="服务名称"
prop="serviceName" prop="serviceName"
label-width="150px" label-width="150px"
:class="{ 'form-item': source === 'visiual' }" :class="{ 'form-item': source === 'visiual' }"
style="display: block"> style="display: block"
<el-input class="item_width_1" >
<el-input
class="item_width_1"
placeholder="请输入服务名称" placeholder="请输入服务名称"
v-model="formData.serviceName"> v-model="formData.serviceName"
>
</el-input> </el-input>
</el-form-item> </el-form-item>
<el-form-item label="服务组织" <el-form-item
label="服务组织"
prop="serviceOrgId" prop="serviceOrgId"
label-width="150px" label-width="150px"
:class="{ 'form-item': source === 'visiual' }" :class="{ 'form-item': source === 'visiual' }"
style="display: block"> style="display: block"
<el-select v-model="formData.serviceOrgType" >
<el-select
v-model="formData.serviceOrgType"
class="input-width-small" class="input-width-small"
placeholder="请选择" placeholder="请选择"
clearable clearable
@change="handleServiceChange('add', $event)"> @change="handleServiceChange('add', $event)"
<el-option v-for="item in serviceOptions" >
<el-option
v-for="item in serviceOptions"
:key="item.value" :key="item.value"
:label="item.label" :label="item.label"
:value="item.value"> :value="item.value"
>
</el-option> </el-option>
</el-select> </el-select>
- -
<el-select v-model="formData.serviceOrgId" <el-select
v-model="formData.serviceOrgId"
class="input-width-middle" class="input-width-middle"
filterable filterable
placeholder="请选择" placeholder="请选择"
clearable> clearable
<el-option v-for="item in serviceOptiondList" >
<el-option
v-for="item in serviceOptiondList"
:key="item.value" :key="item.value"
:label="item.label" :label="item.label"
:value="item.value"> :value="item.value"
>
</el-option> </el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="服务范围" <el-form-item
label="服务范围"
prop="objList" prop="objList"
label-width="150px" label-width="150px"
:class="{ 'form-item': source === 'visiual' }" :class="{ 'form-item': source === 'visiual' }"
style="display: block"> style="display: block"
<el-cascader class="item_width_1" >
<el-cascader
class="item_width_1"
ref="myCascader" ref="myCascader"
v-model="scopeIdArray" v-model="scopeIdArray"
:key="iscascaderShow" :key="iscascaderShow"
:options="casOptions" :options="casOptions"
:props="optionProps" :props="optionProps"
:show-all-levels="false" :show-all-levels="false"
@change="handleChangeScope"></el-cascader> @change="handleChangeScope"
></el-cascader>
</el-form-item> </el-form-item>
<el-form-item label="政策依据" <el-form-item
label="政策依据"
prop="policyId" prop="policyId"
label-width="150px" label-width="150px"
:class="{ 'form-item': source === 'visiual' }" :class="{ 'form-item': source === 'visiual' }"
style="display: block"> style="display: block"
<el-select v-model="formData.policyId" >
<el-select
v-model="formData.policyId"
class="input-width-small" class="input-width-small"
placeholder="请选择" placeholder="请选择"
clearable> clearable
<el-option v-for="item in policyList" >
<el-option
v-for="item in policyList"
:key="item.policyId" :key="item.policyId"
:label="item.title" :label="item.title"
:value="item.policyId"> :value="item.policyId"
>
</el-option> </el-option>
</el-select> </el-select>
<el-button style="margin-left: 10px" <el-button
style="margin-left: 10px"
type="primary" type="primary"
size="small" size="small"
@click="handlePersonList">预览</el-button> @click="handlePersonList"
>预览</el-button
>
</el-form-item> </el-form-item>
<el-form-item label="经办人" <el-form-item
label="经办人"
prop="principalName" prop="principalName"
:class="{ 'form-item': source === 'visiual' }" :class="{ 'form-item': source === 'visiual' }"
label-width="150px" label-width="150px"
style="display: block"> style="display: block"
<el-input class="item_width_1" >
<el-input
class="item_width_1"
placeholder="请输入联系人姓名" placeholder="请输入联系人姓名"
v-model="formData.principalName"> v-model="formData.principalName"
>
</el-input> </el-input>
</el-form-item> </el-form-item>
<el-form-item label="联系方式" <el-form-item
label="联系方式"
prop="principalContact" prop="principalContact"
:class="{ 'form-item': source === 'visiual' }" :class="{ 'form-item': source === 'visiual' }"
label-width="150px" label-width="150px"
style="display: block"> style="display: block"
<el-input class="item_width_1" >
<el-input
class="item_width_1"
placeholder="请输入联系人电话" placeholder="请输入联系人电话"
v-model="formData.principalContact"> v-model="formData.principalContact"
>
</el-input> </el-input>
</el-form-item> </el-form-item>
<el-form-item label="服务时间" <el-form-item
label="服务时间"
label-width="150px" label-width="150px"
:class="{ 'form-item': source === 'visiual' }" :class="{ 'form-item': source === 'visiual' }"
prop="serviceTimeStart"> prop="serviceTimeStart"
<el-date-picker v-model="formData.serviceTimeStart" >
<el-date-picker
v-model="formData.serviceTimeStart"
:picker-options="startPickerOptions" :picker-options="startPickerOptions"
class="item_width_2" class="item_width_2"
style="width: 220px" style="width: 220px"
type="date" type="date"
value-format="yyyy-MM-dd HH:mm:ss" value-format="yyyy-MM-dd HH:mm:ss"
value="yyyy-MM-dd" value="yyyy-MM-dd"
placeholder="开始时间"> placeholder="开始时间"
>
</el-date-picker> </el-date-picker>
<span class="data-tag">至</span> <span class="data-tag">至</span>
<el-date-picker v-model="formData.serviceTimeEnd" <el-date-picker
v-model="formData.serviceTimeEnd"
:picker-options="endPickerOptions" :picker-options="endPickerOptions"
class="item_width_2 data-tag" class="item_width_2 data-tag"
style="width: 220px" style="width: 220px"
type="date" type="date"
value-format="yyyy-MM-dd HH:mm:ss" value-format="yyyy-MM-dd HH:mm:ss"
value="yyyy-MM-dd" value="yyyy-MM-dd"
placeholder="结束时间"> placeholder="结束时间"
>
</el-date-picker> </el-date-picker>
</el-form-item> </el-form-item>
<el-form-item label="备注" <el-form-item
label="备注"
prop="remark" prop="remark"
label-width="150px" label-width="150px"
:class="{ 'form-item': source === 'visiual' }" :class="{ 'form-item': source === 'visiual' }"
style="display: block"> style="display: block"
<el-input class="item_width_1" >
<el-input
class="item_width_1"
type="textarea" type="textarea"
maxlength="1000" maxlength="1000"
show-word-limit show-word-limit
:rows="3" :rows="3"
placeholder="请输入备注，不超过1000字" placeholder="请输入备注，不超过1000字"
v-model="formData.remark"></el-input> v-model="formData.remark"
></el-input>
</el-form-item> </el-form-item>
<el-form-item label="直接反馈" <el-form-item
label="直接反馈"
prop="remark" prop="remark"
label-width="150px" label-width="150px"
:class="{ 'form-item': source === 'visiual' }" :class="{ 'form-item': source === 'visiual' }"
style="display: block"> style="display: block"
<el-checkbox :label="'是'" >
<el-checkbox
:label="'是'"
v-model="showFeedback" v-model="showFeedback"
@change="handleChangeFeedback"></el-checkbox> @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 ref="ref_form_feedback" <el-form
ref="ref_form_feedback"
:inline="true" :inline="true"
:model="feedbackFormData" :model="feedbackFormData"
:rules="feedbackDataRule" :rules="feedbackDataRule"
class="div_form"> class="div_form"
<el-form-item label="服务目标" >
<el-form-item
label="服务目标"
prop="serviceGoal" prop="serviceGoal"
:class="{ 'form-item': source === 'visiual' }" :class="{ 'form-item': source === 'visiual' }"
label-width="150px" label-width="150px"
style="display: block"> style="display: block"
<el-input class="item_width_1" >
<el-input
class="item_width_1"
type="textarea" type="textarea"
maxlength="1000" maxlength="1000"
show-word-limit show-word-limit
:rows="3" :rows="3"
placeholder="请输入服务目标，不超过1000字" placeholder="请输入服务目标，不超过1000字"
v-model="feedbackFormData.serviceGoal"></el-input> v-model="feedbackFormData.serviceGoal"
></el-input>
</el-form-item> </el-form-item>
<el-form-item label="服务效果" <el-form-item
label="服务效果"
prop="serviceEffect" prop="serviceEffect"
label-width="150px" label-width="150px"
:class="{ 'form-item': source === 'visiual' }" :class="{ 'form-item': source === 'visiual' }"
style="display: block"> style="display: block"
<el-input class="item_width_1" >
<el-input
class="item_width_1"
type="textarea" type="textarea"
maxlength="1000" maxlength="1000"
show-word-limit show-word-limit
:rows="3" :rows="3"
placeholder="请输入服务效果，不超过1000字" placeholder="请输入服务效果，不超过1000字"
v-model="feedbackFormData.serviceEffect"></el-input> v-model="feedbackFormData.serviceEffect"
></el-input>
</el-form-item> </el-form-item>
<el-form-item label="服务人数" <el-form-item
label="服务人数"
style="display: block" style="display: block"
:class="{ 'form-item': source === 'visiual' }" :class="{ 'form-item': source === 'visiual' }"
prop="servicePeopleNumber" prop="servicePeopleNumber"
label-width="150px"> label-width="150px"
<el-input-number class="item_width_2" >
<el-input-number
class="item_width_2"
v-model="feedbackFormData.servicePeopleNumber" v-model="feedbackFormData.servicePeopleNumber"
:min="0" :min="0"
:max="9999" :max="9999"
label="服务人数"></el-input-number> label="服务人数"
></el-input-number>
</el-form-item> </el-form-item>
<el-form-item label="服务状态" <el-form-item
label="服务状态"
style="display: block" style="display: block"
label-width="150px" label-width="150px"
:class="{ 'form-item': source === 'visiual' }" :class="{ 'form-item': source === 'visiual' }"
prop="serviceStatus"> prop="serviceStatus"
>
<span>已完成</span> <span>已完成</span>
<!-- <el-select class="item_width_1" <!-- <el-select class="item_width_1"
v-model="feedbackFormData.serviceStatus" v-model="feedbackFormData.serviceStatus"
@ -236,58 +311,77 @@
</el-option> </el-option>
</el-select> --> </el-select> -->
</el-form-item> </el-form-item>
<el-form-item label="满意度" <el-form-item
label="满意度"
style="display: block" style="display: block"
label-width="150px" label-width="150px"
:class="{ 'form-item': source === 'visiual' }" :class="{ 'form-item': source === 'visiual' }"
prop="satisfaction"> prop="satisfaction"
<el-select class="item_width_2" >
<el-select
class="item_width_2"
v-model="feedbackFormData.satisfaction" v-model="feedbackFormData.satisfaction"
placeholder="全部" placeholder="全部"
clearable> clearable
<el-option v-for="item in satisfyArray" >
<el-option
v-for="item in satisfyArray"
:key="item.value" :key="item.value"
:label="item.label" :label="item.label"
:value="item.value"> :value="item.value"
>
</el-option> </el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="地址" <el-form-item
label="地址"
prop="address" prop="address"
:class="{ 'form-item': source === 'visiual' }" :class="{ 'form-item': source === 'visiual' }"
label-width="150px" label-width="150px"
style="display: block"> style="display: block"
<el-input class="item_width_1" >
v-model="feedbackFormData.address"></el-input> <el-input
class="item_width_1"
v-model="feedbackFormData.address"
></el-input>
</el-form-item> </el-form-item>
<el-form-item label="地图位置" <el-form-item
label="地图位置"
label-width="150px" label-width="150px"
:class="{ 'form-item': source === 'visiual' }" :class="{ 'form-item': source === 'visiual' }"
style="display: block"> style="display: block"
>
<div style="width: 500px"> <div style="width: 500px">
<div class="div_map"> <div class="div_map">
<div id="map_app"></div> <div id="map_app"></div>
<div class="div_searchmap"> <div class="div_searchmap">
<el-input maxlength="50" <el-input
size="mini" maxlength="50"
placeholder="请输入关键字" placeholder="请输入关键字"
v-model="keyWords"> v-model="keyWords"
>
</el-input> </el-input>
<el-button style="margin-left: 10px" <el-button
style="margin-left: 10px"
type="primary" type="primary"
size="mini" size="mini"
@click="handleSearchMap">查询</el-button> @click="handleSearchMap"
>查询</el-button
>
</div> </div>
</div> </div>
</div> </div>
</el-form-item> </el-form-item>
<el-form-item class="block" <el-form-item
class="block"
label="附件" label="附件"
:class="{ 'form-item': source === 'visiual' }" :class="{ 'form-item': source === 'visiual' }"
label-width="150px" label-width="150px"
prop="attach"> prop="attach"
<el-upload :headers="$getElUploadHeaders()" >
<el-upload
:headers="$getElUploadHeaders()"
class="upload-demo" class="upload-demo"
:action="uploadUlr" :action="uploadUlr"
accept=".doc,.pdf,.xls,.docx,.xlsx,.jpg,.png,.jpeg,.bmp,.mp4,.wma,.m4a,.mp3" accept=".doc,.pdf,.xls,.docx,.xlsx,.jpg,.png,.jpeg,.bmp,.mp4,.wma,.m4a,.mp3"
@ -295,12 +389,15 @@
:on-remove="handleFileRemove" :on-remove="handleFileRemove"
:limit="3" :limit="3"
:before-upload="beforeUpload" :before-upload="beforeUpload"
:file-list="fileList"> :file-list="fileList"
<el-button size="small" >
<el-button
size="small"
:disabled="fileList.length === 3" :disabled="fileList.length === 3"
type="primary">点击上传</el-button> type="primary"
<div slot="tip" >点击上传</el-button
class="el-upload__tip">支持图片、word、pdf</div> >
<div slot="tip" class="el-upload__tip">支持图片、word、pdf</div>
</el-upload> </el-upload>
</el-form-item> </el-form-item>
</el-form> </el-form>
@ -308,15 +405,18 @@
</div> </div>
<div class="div_btn"> <div class="div_btn">
<el-button size="small" <el-button size="small" @click="handleCancle">取 消</el-button>
@click="handleCancle">取 消</el-button> <el-button
<el-button size="small" size="small"
type="primary" type="primary"
:disabled="btnDisable" :disabled="btnDisable"
@click="handleComfirm">确 定</el-button> @click="handleComfirm"
>确 定</el-button
>
</div> </div>
<el-dialog v-if="showPersonList" <el-dialog
v-if="showPersonList"
:visible.sync="showPersonList" :visible.sync="showPersonList"
:append-to-body="true" :append-to-body="true"
:close-on-click-modal="false" :close-on-click-modal="false"
@ -325,12 +425,15 @@
width="1150px" width="1150px"
top="5vh" top="5vh"
class="dialog-h" class="dialog-h"
@closed="showPersonList = false"> @closed="showPersonList = false"
<person-list ref="ref_detail_form" >
<person-list
ref="ref_detail_form"
:policyId="policyId" :policyId="policyId"
:ruleList="ruleList" :ruleList="ruleList"
@handleOk="handleOk" @handleOk="handleOk"
@handleClose="handleClose"> @handleClose="handleClose"
>
</person-list> </person-list>
</el-dialog> </el-dialog>
</div> </div>
@ -342,14 +445,11 @@ import { Loading } from "element-ui"; // 引入Loading服务
import { requestPost } from "@/js/dai/request"; import { requestPost } from "@/js/dai/request";
import personList from "../policy/personList"; import personList from "../policy/personList";
import nextTick from "dai-js/tools/nextTick"; import nextTick from "dai-js/tools/nextTick";
import daiMap from "@/utils/dai-map";
var map;
var search;
var markers;
var infoWindowList;
var geocoder; // 新建一个正逆地址解析类
let loading; // 加载动画 let loading; // 加载动画
let map;
export default { export default {
props: { props: {
defaultData: { defaultData: {
@ -377,7 +477,7 @@ export default {
}, },
categrayArray: { categrayArray: {
type: Array, type: Array,
default () { default() {
return []; return [];
}, },
}, },
@ -388,7 +488,7 @@ export default {
}, },
}, },
data () { data() {
let endDisabledDate = (time) => { let endDisabledDate = (time) => {
//这个关键属性我们一定要写在data的里面并且return的外面，这是动态改变区间的关键 //这个关键属性我们一定要写在data的里面并且return的外面，这是动态改变区间的关键
let nowData = Date.now(); let nowData = Date.now();
@ -501,7 +601,7 @@ export default {
}, },
computed: { computed: {
dataRule () { dataRule() {
return { return {
serviceName: [ serviceName: [
{ required: true, message: "服务名称不能为空", trigger: "change" }, { required: true, message: "服务名称不能为空", trigger: "change" },
@ -518,7 +618,7 @@ export default {
], ],
}; };
}, },
feedbackDataRule () { feedbackDataRule() {
return { return {
serviceGoal: [ serviceGoal: [
{ required: true, message: "服务目标不能为空", trigger: "blur" }, { required: true, message: "服务目标不能为空", trigger: "blur" },
@ -552,7 +652,7 @@ export default {
components: { personList }, components: { personList },
async mounted () { async mounted() {
this.startLoading(); this.startLoading();
// 都已经重置了，还放在prop里干嘛，我不理解 // 都已经重置了，还放在prop里干嘛，我不理解
this.categrayOptions = this.categrayArray; this.categrayOptions = this.categrayArray;
@ -560,7 +660,7 @@ export default {
this.getCategrayList(); this.getCategrayList();
this.getDictOptions(); this.getDictOptions();
this.getPolicyList(); this.getPolicyList();
if (this.formType === 'feedback' || this.showFeedback) { if (this.formType === "feedback" || this.showFeedback) {
this.initMap(); this.initMap();
this.$refs.ref_form_feedback.resetFields(); this.$refs.ref_form_feedback.resetFields();
} }
@ -577,7 +677,7 @@ export default {
}, },
methods: { methods: {
async iniDefaultData () { async iniDefaultData() {
const { defaultData } = this; const { defaultData } = this;
console.log("iniDefaultData3", defaultData); console.log("iniDefaultData3", defaultData);
if (defaultData) { if (defaultData) {
@ -598,7 +698,7 @@ export default {
}, },
//加载组织数据 //加载组织数据
async handlePersonList () { async handlePersonList() {
if (!this.formData.policyId) { if (!this.formData.policyId) {
this.$message.info("请先选择政策"); this.$message.info("请先选择政策");
return false; return false;
@ -610,7 +710,7 @@ export default {
this.showPersonList = true; this.showPersonList = true;
}, },
async loadRuleList () { async loadRuleList() {
const url = "/heart/policy/rulelist/" + this.policyId; const url = "/heart/policy/rulelist/" + this.policyId;
let params = {}; let params = {};
@ -624,14 +724,14 @@ export default {
} }
}, },
handleClose () { handleClose() {
this.showPersonList = false; this.showPersonList = false;
}, },
handleOk () { handleOk() {
this.showPersonList = false; this.showPersonList = false;
}, },
async getPolicyList () { async getPolicyList() {
const url = "/heart/policy/policyListSelect"; const url = "/heart/policy/policyListSelect";
let params = {}; let params = {};
@ -644,7 +744,7 @@ export default {
this.$message.error(msg); this.$message.error(msg);
} }
}, },
async getDictOptions () { async getDictOptions() {
this.$http this.$http
.post("/sys/dict/data/dictlist", { .post("/sys/dict/data/dictlist", {
dictType: "user_demand_service_type", dictType: "user_demand_service_type",
@ -662,7 +762,7 @@ export default {
}, },
// 字典 // 字典
async getCategrayList () { async getCategrayList() {
const url = "/sys/dict/data/dictlist"; const url = "/sys/dict/data/dictlist";
let params = { let params = {
@ -677,14 +777,14 @@ export default {
this.$message.error(msg); this.$message.error(msg);
} }
}, },
handleServiceChange (type, val) { handleServiceChange(type, val) {
if (val === "social_org") { if (val === "social_org") {
if (type === "add") this.getServiceuserList(val, "add_demand"); if (type === "add") this.getServiceuserList(val, "add_demand");
else this.getServiceuserList(val, "query_demand"); else this.getServiceuserList(val, "query_demand");
} else this.getServiceuserList(val, ""); } else this.getServiceuserList(val, "");
}, },
async getServiceuserList (serviceType, query) { async getServiceuserList(serviceType, query) {
if (!serviceType) return false; if (!serviceType) return false;
const params = { const params = {
@ -705,7 +805,7 @@ export default {
return this.$message.error("网络错误"); return this.$message.error("网络错误");
}); });
}, },
handleChangeFeedback (val) { handleChangeFeedback(val) {
this.showFeedback = val; this.showFeedback = val;
if (this.firstInitMap) { if (this.firstInitMap) {
@ -716,7 +816,7 @@ export default {
}, },
// 获取服务范围树 // 获取服务范围树
async loadScopeTree () { async loadScopeTree() {
const url = "/gov/org/icServiceProject/service/serviceScopeTree"; const url = "/gov/org/icServiceProject/service/serviceScopeTree";
// const url = 'http://yapi.elinkservice.cn/mock/245/gov/org/isServiceProject/service/serviceScopeTree' // const url = 'http://yapi.elinkservice.cn/mock/245/gov/org/isServiceProject/service/serviceScopeTree'
let params = {}; let params = {};
@ -733,7 +833,7 @@ export default {
} }
}, },
handleChangeScope (value) { handleChangeScope(value) {
this.formData.objList = []; this.formData.objList = [];
let selArray = this.$refs["myCascader"].getCheckedNodes(); let selArray = this.$refs["myCascader"].getCheckedNodes();
console.log("handleChangeScope", selArray); console.log("handleChangeScope", selArray);
@ -752,7 +852,7 @@ export default {
}); });
}, },
async handleComfirm () { async handleComfirm() {
if (this.formType === "add") { if (this.formType === "add") {
this.handleAdd(); this.handleAdd();
} else if (this.formType === "feedback") { } else if (this.formType === "feedback") {
@ -760,7 +860,7 @@ export default {
} }
}, },
async handleAdd () { async handleAdd() {
this.btnDisable = true; this.btnDisable = true;
setTimeout(() => { setTimeout(() => {
this.btnDisable = false; this.btnDisable = false;
@ -794,7 +894,7 @@ export default {
}); });
}, },
async addFuwu () { async addFuwu() {
if (this.showFeedback) { if (this.showFeedback) {
this.feedbackFormData.fileList = []; this.feedbackFormData.fileList = [];
this.feedbackFormData.fileList = [...this.fileList]; this.feedbackFormData.fileList = [...this.fileList];
@ -839,7 +939,7 @@ export default {
} }
}, },
async handleFeedback () { async handleFeedback() {
this.btnDisable = true; this.btnDisable = true;
setTimeout(() => { setTimeout(() => {
this.btnDisable = false; this.btnDisable = false;
@ -855,7 +955,7 @@ export default {
}); });
}, },
async addFeecback () { async addFeecback() {
this.feedbackFormData.fileList = []; this.feedbackFormData.fileList = [];
this.feedbackFormData.fileList = [...this.fileList]; this.feedbackFormData.fileList = [...this.fileList];
this.feedbackFormData.serviceRecordId = this.serviceRecordId; this.feedbackFormData.serviceRecordId = this.serviceRecordId;
@ -880,7 +980,7 @@ export default {
} }
}, },
beforeUpload (file) { beforeUpload(file) {
const array = file.name.split("."); const array = file.name.split(".");
const extension = array[array.length - 1]; const extension = array[array.length - 1];
@ -906,7 +1006,7 @@ export default {
} }
}, },
handleFileRemove (file) { handleFileRemove(file) {
if (file && file.status === "success") { if (file && file.status === "success") {
this.fileList.splice( this.fileList.splice(
this.fileList.findIndex((item) => item.uid === file.uid), this.fileList.findIndex((item) => item.uid === file.uid),
@ -915,7 +1015,7 @@ export default {
} }
}, },
handleFileSuccess (res, file) { handleFileSuccess(res, file) {
if (res.code === 0 && res.msg === "success") { if (res.code === 0 && res.msg === "success") {
const array = file.name.split("."); const array = file.name.split(".");
const fileType = array[array.length - 1]; const fileType = array[array.length - 1];
@ -948,7 +1048,7 @@ export default {
}, },
//下载 //下载
handleFileDownload (file) { handleFileDownload(file) {
var a = document.createElement("a"); var a = document.createElement("a");
var event = new MouseEvent("click"); var event = new MouseEvent("click");
a.download = file.name; a.download = file.name;
@ -956,137 +1056,61 @@ export default {
a.href = file.url; a.href = file.url;
a.dispatchEvent(event); a.dispatchEvent(event);
}, },
handleCancle () { handleCancle() {
this.resetData(); this.resetData();
this.$emit("handleClose"); this.$emit("handleClose");
}, },
// 地图初始化函数，本例取名为init，开发者可根据实际情况定义 // 地图初始化函数，本例取名为init，开发者可根据实际情况定义
initMap () { initMap() {
// 定义地图中心点坐标
let { latitude, longitude } = this.$store.state.user; let { latitude, longitude } = this.$store.state.user;
console.log('lat' + latitude + ',lon' + longitude)
if (!latitude || latitude == "" || latitude == "0") { map = new daiMap(
latitude = 39.9088810666821; document.getElementById("map_app"),
longitude = 116.39743841556731; { latitude, longitude },
} {
var center = new window.TMap.LatLng(latitude, longitude) zoom: 16.2, // 设置地图缩放级别
// 定义map变量，调用 TMap.Map() 构造函数创建地图
map = new window.TMap.Map(document.getElementById("map_app"), {
center: center, // 设置地图中心点坐标
zoom: 17.2, // 设置地图缩放级别
pitch: 43.5, // 设置俯仰角 pitch: 43.5, // 设置俯仰角
rotation: 45, // 设置地图旋转角度 rotation: 45, // 设置地图旋转角度
}); }
);
search = new window.TMap.service.Search({ pageSize: 10 });
// 新建一个地点搜索类
markers = new TMap.MultiMarker({
map: map,
geometries: [],
});
infoWindowList = Array(10);
geocoder = new TMap.service.Geocoder(); // 新建一个正逆地址解析类
// 监听地图平移结束 // 监听地图平移结束
map.on("panend", () => { map.on("dragend", (e) => {
this.handleMoveCenter(); this.handleMoveCenter(e);
}); });
this.handleMoveCenter();
// this.convert();
this.firstInitMap = false;
},
setMarker (lat, lng) { map.setCenter(latitude, longitude);
markers.setGeometries([]); map.setMarker(latitude, longitude);
markers.add([
{
id: "4",
styleId: "marker",
position: new TMap.LatLng(lat, lng),
properties: {
title: "marker4",
},
},
]);
}, },
handleSearchMap () { async handleMoveCenter() {
infoWindowList.forEach((infoWindow) => { //修改地图中心点
infoWindow.close(); const { lat, lng } = map.getCenter();
});
infoWindowList.length = 0;
markers.setGeometries([]);
// 在地图显示范围内以给定的关键字搜索地点
search
.searchNearby({
keyword: this.keyWords,
radius: 1000,
autoExtend: true,
center: map.getCenter(),
})
.then((result) => {
let { data } = result;
if (Array.isArray(data) && data.length > 0) {
const {
location: { lat, lng },
} = data[0];
map.setCenter(new TMap.LatLng(lat, lng));
this.setMarker(lat, lng);
this.feedbackFormData.latitude = lat; this.feedbackFormData.latitude = lat;
this.feedbackFormData.longitude = lng; this.feedbackFormData.longitude = lng;
this.convert(); map.setMarker(lat, lng);
} else {
this.$message.error("未检索到相关位置坐标"); let { msg, data } = await map.getAddress(lat, lng);
if (msg == "success") {
this.feedbackFormData.address = data.address;
} }
});
}, },
handleMoveCenter () { async handleSearchMap() {
//修改地图中心点 const { msg, data } = await map.searchNearby(this.keyWords);
const center = map.getCenter(); if (msg == "success") {
const lat = center.getLat(); const { lat, lng } = data;
const lng = center.getLng(); map.setCenter(lat, lng);
map.setMarker(lat, lng);
this.feedbackFormData.latitude = lat; this.feedbackFormData.latitude = lat;
this.feedbackFormData.longitude = lng; this.feedbackFormData.longitude = lng;
this.setMarker(lat, lng);
this.convert(lat, lng);
},
convert (lat, lng) {
markers.setGeometries([]);
// var input = document.getElementById('location').value.split(',');
let location;
if (lat && lng) {
location = new TMap.LatLng(lat, lng);
} else { } else {
location = new TMap.LatLng( this.$message.error("未检索到相关位置坐标");
this.feedbackFormData.latitude,
this.feedbackFormData.longitude
);
} }
// map.setCenter(location);
markers.updateGeometries([
{
id: "main", // 点标注数据数组
position: location,
},
]);
geocoder
.getAddress({ location: location }) // 将给定的坐标位置转换为地址
.then((result) => {
this.feedbackFormData.address = result.result.address;
// 显示搜索到的地址
});
}, },
resetData () { resetData() {
this.formData = { this.formData = {
objList: [], // objList: [], //
principalName: "", //经办人(责任人)姓名 principalName: "", //经办人(责任人)姓名
@ -1109,7 +1133,7 @@ export default {
}; };
}, },
// 开启加载动画 // 开启加载动画
startLoading () { startLoading() {
loading = Loading.service({ loading = Loading.service({
lock: true, // 是否锁定 lock: true, // 是否锁定
text: "正在加载……", // 加载中需要显示的文字 text: "正在加载……", // 加载中需要显示的文字
@ -1117,7 +1141,7 @@ export default {
}); });
}, },
// 结束加载动画 // 结束加载动画
endLoading () { endLoading() {
// clearTimeout(timer); // clearTimeout(timer);
if (loading) { if (loading) {
loading.close(); loading.close();

454
src/views/modules/communityService/fuwujilu/detailForm.vue
View File

@ -1,112 +1,110 @@
<template> <template>
<div> <div>
<div class="dialog-h-content scroll-h"> <div class="dialog-h-content scroll-h">
<div v-if="initLoading" <div v-if="initLoading" class="m-row">
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>{{ formData.policyTitle||'--' }}</span> <span>{{ formData.policyTitle || "--" }}</span>
<el-button v-if="formData.policyId" <el-button
v-if="formData.policyId"
style="margin-left: 10px" style="margin-left: 10px"
type="primary" type="primary"
size="small" size="small"
@click="handlePersonList">预览</el-button> @click="handlePersonList"
>预览</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>{{ 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 v-if="fileList.length>0" <file-list
:fileList="fileList"></file-list> v-if="fileList.length > 0"
:fileList="fileList"
></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">
<el-button size="small" <el-button size="small" @click="handleCancle">关 闭</el-button>
@click="handleCancle">关 闭</el-button>
</div> </div>
<el-dialog v-if="showPersonList" <el-dialog
v-if="showPersonList"
:visible.sync="showPersonList" :visible.sync="showPersonList"
:append-to-body="true" :append-to-body="true"
:close-on-click-modal="false" :close-on-click-modal="false"
@ -115,397 +113,265 @@
width="1150px" width="1150px"
top="5vh" top="5vh"
class="dialog-h" class="dialog-h"
@closed="showPersonList = false"> @closed="showPersonList = false"
<person-list ref="ref_detail_form" >
<person-list
ref="ref_detail_form"
:policyId="policyId" :policyId="policyId"
:ruleList="ruleList" :ruleList="ruleList"
@handleOk="handleOk" @handleOk="handleOk"
@handleClose="handleClose"> @handleClose="handleClose"
>
</person-list> </person-list>
</el-dialog> </el-dialog>
</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 } from '@/js/dai/request' import { requestPost } from "@/js/dai/request";
import personList from "../policy/personList"; import personList from "../policy/personList";
import fileList from '@/views/components/fileList' import fileList from "@/views/components/fileList";
import daiMap from "@/utils/dai-map";
var map var map;
var search let loading; // 加载动画
var markers
var infoWindowList
var geocoder // 新建一个正逆地址解析类
let loading // 加载动画
export default { export default {
data () { data() {
return { return {
initLoading: false, initLoading: false,
keyWords: '', keyWords: "",
formData: {}, formData: {},
feedbackFormData: { feedbackFormData: {
serviceProjectId: '',// 服务项目id serviceProjectId: "", // 服务项目id
serviceName: '', serviceName: "",
serviceGoal: '',// 服务目标 serviceGoal: "", // 服务目标
serviceEffect: '',// 服务效果 serviceEffect: "", // 服务效果
servicePeopleNumber: null,// 服务人数 servicePeopleNumber: null, // 服务人数
serviceStatus: 'completed',// 服务状态。in_service服务中；completed:已完成 serviceStatus: "completed", // 服务状态。in_service服务中；completed:已完成
satisfaction: '',//满意度。不满意:bad、基本满意:good、非常满意:perfect satisfaction: "", //满意度。不满意:bad、基本满意:good、非常满意:perfect
longitude: '',// 经度 longitude: "", // 经度
latitude: '',// 维度 latitude: "", // 维度
address: '', address: "",
fileList: [],// 附件列表 fileList: [], // 附件列表
}, },
policyId: "", policyId: "",
showPersonList: false, showPersonList: false,
ruleList: [], ruleList: [],
policyList: [], policyList: [],
};
}
}, },
components: { personList, fileList }, components: { personList, fileList },
async mounted () { async mounted() {
await this.getPolicyList() await this.getPolicyList();
// if (this.serviceRecordId) {//详情 // if (this.serviceRecordId) {//详情
await this.loadInfo() await this.loadInfo();
this.initLoading = true this.initLoading = true;
if (this.formData.serviceStatus === 'completed') { if (
this.formData.serviceStatus === "completed" &&
this.feedbackFormData.latitude
) {
this.$nextTick(() => { this.$nextTick(() => {
this.initMap() this.initMap();
}) });
} }
}, },
methods: { methods: {
diaDestroy() {},
diaDestroy () {
if (map) {
map.destroy()
}
},
//加载组织数据 //加载组织数据
async handlePersonList () { async handlePersonList() {
if (!this.formData.policyId) { if (!this.formData.policyId) {
this.$message.info('请先选择政策') this.$message.info("请先选择政策");
return false return false;
} }
this.policyId = this.formData.policyId this.policyId = this.formData.policyId;
await this.loadRuleList() await this.loadRuleList();
this.showPersonList = true; this.showPersonList = true;
}, },
async loadRuleList () { async loadRuleList() {
const url = "/heart/policy/rulelist/" + this.policyId;
const url = "/heart/policy/rulelist/" + this.policyId let params = {};
let params = {} const { data, code, msg } = await requestPost(url, params);
const { data, code, msg } = await requestPost(url, params)
if (code === 0) { if (code === 0) {
this.ruleList = data this.ruleList = data;
} else { } else {
this.$message.error(msg) this.$message.error(msg);
} }
}, },
handleClose () { handleClose() {
this.showPersonList = false this.showPersonList = false;
}, },
async getPolicyList() {
const url = "/heart/policy/policyListSelect";
async getPolicyList () { let params = {};
const url = '/heart/policy/policyListSelect'
let params = {}
const { data, code, msg } = await requestPost(url, params) const { data, code, msg } = await requestPost(url, params);
if (code === 0) { if (code === 0) {
this.policyList = data this.policyList = data;
} else { } else {
this.$message.error(msg) this.$message.error(msg);
} }
}, },
//加载组织 //加载组织
async loadInfo () { async loadInfo() {
const url = '/heart/icServiceRecordV2/detail' const url = "/heart/icServiceRecordV2/detail";
let params = { let params = {
serviceRecordId: this.serviceRecordId serviceRecordId: this.serviceRecordId,
} };
const { data, code, msg } = await requestPost(url, params) const { data, code, msg } = await requestPost(url, params);
if (code === 0) { if (code === 0) {
this.formData = { ...data } this.formData = { ...data };
this.formData.serviceRecordId = this.serviceRecordId this.formData.serviceRecordId = this.serviceRecordId;
this.feedbackFormData = { ...data.feedback } this.feedbackFormData = { ...data.feedback };
this.formData.policyName = '' this.formData.policyName = "";
this.formData.gridIdListName = '' this.formData.gridIdListName = "";
this.feedbackFormData.serviceStatusShow = '' this.feedbackFormData.serviceStatusShow = "";
this.feedbackFormData.satisfactionShow = '' this.feedbackFormData.satisfactionShow = "";
let arr = [] let arr = [];
this.formData.gridIdList.forEach(element => { this.formData.gridIdList.forEach((element) => {
arr.push(element.objectName) arr.push(element.objectName);
}); });
this.formData.gridIdListName = arr.join(',') this.formData.gridIdListName = arr.join(",");
this.statusArray.forEach(element => { this.statusArray.forEach((element) => {
if (this.formData.serviceStatus === element.value) { if (this.formData.serviceStatus === element.value) {
this.feedbackFormData.serviceStatusShow = element.label this.feedbackFormData.serviceStatusShow = element.label;
} }
}); });
this.satisfyArray.forEach(element => { this.satisfyArray.forEach((element) => {
if (this.feedbackFormData.satisfaction === element.value) { if (this.feedbackFormData.satisfaction === element.value) {
this.feedbackFormData.satisfactionShow = element.label this.feedbackFormData.satisfactionShow = element.label;
} }
}); });
this.policyList.forEach(element => { this.policyList.forEach((element) => {
if (this.formData.policyId === element.policyId) { if (this.formData.policyId === element.policyId) {
this.formData.policyName = element.title this.formData.policyName = element.title;
} }
}); });
this.fileList = [] this.fileList = [];
if (data.feedback && data.feedback.fileList && data.feedback.fileList.length > 0) { if (
data.feedback.fileList.forEach(element => { data.feedback &&
data.feedback.fileList &&
data.feedback.fileList.length > 0
) {
data.feedback.fileList.forEach((element) => {
let obj = { let obj = {
name: element.name, name: element.name,
format: element.format, format: element.format,
url: element.url, url: element.url,
type: element.type type: element.type,
};
} this.fileList.push(obj);
this.fileList.push(obj)
}); });
} }
} else { } else {
this.$message.error(msg) this.$message.error(msg);
} }
}, },
handleCancle() {
this.resetData();
handleCancle () { this.$emit("diaDetailClose");
this.resetData()
this.$emit('diaDetailClose')
}, },
// 地图初始化函数，本例取名为init，开发者可根据实际情况定义 // 地图初始化函数，本例取名为init，开发者可根据实际情况定义
initMap () { initMap() {
// 定义地图中心点坐标 let { latitude, longitude } = this.feedbackFormData;
let { latitude, longitude } = this.$store.state.user;
console.log('lat' + latitude + ',lon' + longitude)
if (this.formData.latitude && this.formData.longitude) {
latitude = this.formData.latitude
longitude = this.formData.longitude
}
if (!latitude || latitude == "" || latitude == "0") {
latitude = 39.9088810666821;
longitude = 116.39743841556731;
}
var center = new window.TMap.LatLng(latitude, latitude)
// 定义map变量，调用 TMap.Map() 构造函数创建地图
map = new window.TMap.Map(document.getElementById('app_detail'), {
center: center, // 设置地图中心点坐标
zoom: 17.2, // 设置地图缩放级别
pitch: 43.5, // 设置俯仰角
rotation: 45 // 设置地图旋转角度
})
search = new window.TMap.service.Search({ pageSize: 10 })
// 新建一个地点搜索类
markers = new TMap.MultiMarker({
map: map,
geometries: []
})
infoWindowList = Array(10)
geocoder = new TMap.service.Geocoder(); // 新建一个正逆地址解析类
// 监听地图平移结束
map.on('panend', () => {
this.handleMoveCenter()
})
this.handleMoveCenter()
this.convert()
},
setMarker (lat, lng) { map = new daiMap(
markers.setGeometries([]) document.getElementById("app_detail"),
markers.add([ { latitude, longitude },
{ {
id: '4', zoom: 16.2, // 设置地图缩放级别
styleId: 'marker', pitch: 43.5, // 设置俯仰角
position: new TMap.LatLng(lat, lng), rotation: 45, // 设置地图旋转角度
properties: {
title: 'marker4'
}
}
])
},
handleSearchMap () {
infoWindowList.forEach((infoWindow) => {
infoWindow.close()
})
infoWindowList.length = 0
markers.setGeometries([])
// 在地图显示范围内以给定的关键字搜索地点
search
.searchRectangle({
keyword: this.keyWords,
bounds: map.getBounds()
})
.then((result) => {
let { data } = result
if (Array.isArray(data) && data.length > 0) {
const {
location: { lat, lng }
} = data[0]
map.setCenter(new TMap.LatLng(lat, lng))
this.setMarker(lat, lng)
this.formData.latitude = lat
this.formData.longitude = lng
this.convert()
} else {
this.$message.error('未检索到相关位置坐标')
} }
}) );
},
handleMoveCenter () { map.setCenter(latitude, longitude);
//修改地图中心点 map.setMarker(latitude, longitude);
const center = map.getCenter()
const lat = center.getLat()
const lng = center.getLng()
this.formData.latitude = lat
this.formData.longitude = lng
this.setMarker(lat, lng)
this.convert(lat, lng)
}, },
convert (lat, lng) { handleOk() {
markers.setGeometries([]); this.showPersonList = false;
// var input = document.getElementById('location').value.split(',');
let location
if (lat && lng) {
location = new TMap.LatLng(lat, lng);
} else {
location = new TMap.LatLng(this.formData.latitude, this.formData.longitude);
}
// map.setCenter(location);
markers.updateGeometries([
{
id: 'main', // 点标注数据数组
position: location,
},
]);
geocoder
.getAddress({ location: location }) // 将给定的坐标位置转换为地址
.then((result) => {
this.formData.address = result.result.address
// 显示搜索到的地址
});
},
handleOk () {
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: { computed: {
dataRule () { dataRule() {
return { return {
serviceTimeStart: [ serviceTimeStart: [
{ required: true, message: '服务时间不能为空', trigger: 'blur' } { required: true, message: "服务时间不能为空", trigger: "blur" },
], ],
};
}
}, },
}, },
props: { props: {
serviceRecordId: { serviceRecordId: {
type: String, type: String,
required: true required: true,
}, },
serviceOrgName: { serviceOrgName: {
type: String, type: String,
required: true required: true,
}, },
satisfyArray: { satisfyArray: {
type: Array, type: Array,
default () { default() {
return [] return [];
} },
}, },
statusArray: { statusArray: {
type: Array, type: Array,
default () { default() {
return [] return [];
}
}, },
} },
} },
};
</script> </script>
<style lang="scss" scoped>
<style lang="scss" scoped >
@import "@/assets/scss/modules/management/detail-main.scss"; @import "@/assets/scss/modules/management/detail-main.scss";
</style> </style>

587
src/views/modules/shequzhili/event/cpts/process-form-demand.vue
View File

@ -1,10 +1,12 @@
<template> <template>
<div class=""> <div class="">
<el-form ref="ref_form" <el-form
ref="ref_form"
:inline="false" :inline="false"
:model="formData" :model="formData"
:rules="dataRule" :rules="dataRule"
label-width="100px"> label-width="100px"
>
<!-- <el-form-item label="事件分类" <!-- <el-form-item label="事件分类"
label-width="150px" label-width="150px"
prop="categoryId"> prop="categoryId">
@ -17,105 +19,124 @@
:show-all-levels="false" :show-all-levels="false"
@change="handleChangeCate"></el-cascader> @change="handleChangeCate"></el-cascader>
</el-form-item> --> </el-form-item> -->
<el-form-item label="服务内容" <el-form-item
label="服务内容"
label-width="150px" label-width="150px"
:class="{'form-item':source==='visiual'}" :class="{ 'form-item': source === 'visiual' }"
prop="content"> prop="content"
<div :class="{'visiual-form':source==='visiual'}"> >
<el-input v-model="formData.content" <div :class="{ 'visiual-form': source === 'visiual' }">
<el-input
v-model="formData.content"
:autosize="{ minRows: 2, maxRows: 10 }" :autosize="{ minRows: 2, maxRows: 10 }"
type="textarea" type="textarea"
clearable clearable
class="cell-width-area" class="cell-width-area"
placeholder="请输入内容"></el-input> placeholder="请输入内容"
></el-input>
</div> </div>
</el-form-item> </el-form-item>
<el-form-item label="服务类型" <el-form-item
label="服务类型"
label-width="150px" label-width="150px"
:class="{'form-item':source==='visiual'}" :class="{ 'form-item': source === 'visiual' }"
prop="categoryCode"> prop="categoryCode"
<div :class="{'visiual-form':source==='visiual'}"> >
<div :class="{ 'visiual-form': source === 'visiual' }">
<el-cascader v-model="formData.categoryCode" <el-cascader
v-model="formData.categoryCode"
:options="demandOptions" :options="demandOptions"
clearable clearable
class="cell-width-1" class="cell-width-1"
@change="handleCateSlect"></el-cascader> @change="handleCateSlect"
></el-cascader>
</div> </div>
</el-form-item> </el-form-item>
<el-form-item label="服务时间" <el-form-item
label="服务时间"
label-width="150px" label-width="150px"
:class="{'form-item':source==='visiual'}" :class="{ 'form-item': source === 'visiual' }"
prop="wantServiceTime"> prop="wantServiceTime"
<div :class="{'visiual-form':source==='visiual'}"> >
<el-date-picker v-model="formData.wantServiceTime" <div :class="{ 'visiual-form': source === 'visiual' }">
<el-date-picker
v-model="formData.wantServiceTime"
type="datetime" type="datetime"
class="cell-width-1" class="cell-width-1"
clearable clearable
value-format="yyyy-MM-dd HH:mm:ss" value-format="yyyy-MM-dd HH:mm:ss"
placeholder="选择日期时间"> placeholder="选择日期时间"
>
</el-date-picker> </el-date-picker>
</div> </div>
</el-form-item> </el-form-item>
<el-form-item label="需求人" <el-form-item
label="需求人"
label-width="150px" label-width="150px"
:class="{'form-item':source==='visiual'}" :class="{ 'form-item': source === 'visiual' }"
prop="demandUserName"> prop="demandUserName"
<div :class="{'visiual-form':source==='visiual'}"> >
<el-input v-model="formData.demandUserName" <div :class="{ 'visiual-form': source === 'visiual' }">
class="cell-width-1"></el-input> <el-input
v-model="formData.demandUserName"
class="cell-width-1"
></el-input>
</div> </div>
</el-form-item> </el-form-item>
<el-form-item label="联系电话" <el-form-item
label="联系电话"
label-width="150px" label-width="150px"
:class="{'form-item':source==='visiual'}" :class="{ 'form-item': source === 'visiual' }"
prop="demandUserMobile"> prop="demandUserMobile"
<div :class="{'visiual-form':source==='visiual'}"> >
<el-input v-model="formData.demandUserMobile" <div :class="{ 'visiual-form': source === 'visiual' }">
class="cell-width-1"></el-input> <el-input
v-model="formData.demandUserMobile"
class="cell-width-1"
></el-input>
</div> </div>
</el-form-item> </el-form-item>
<el-form-item label="服务地点" <el-form-item
label="服务地点"
prop="serviceLocation" prop="serviceLocation"
:class="{'form-item':source==='visiual'}" :class="{ 'form-item': source === 'visiual' }"
label-width="150px" label-width="150px"
style="display: block"> style="display: block"
>
<div :class="{'visiual-form':source==='visiual'}"> <div :class="{ 'visiual-form': source === 'visiual' }">
<el-input class="cell-width-1" <el-input class="cell-width-1" v-model="formData.serviceLocation">
v-model="formData.serviceLocation">
</el-input> </el-input>
</div> </div>
</el-form-item> </el-form-item>
<el-form-item label="位置坐标" <el-form-item
:class="{'form-item':source==='visiual'}" label="位置坐标"
:class="{ 'form-item': source === 'visiual' }"
prop="longitude" prop="longitude"
label-width="150px" label-width="150px"
style="display: block"> style="display: block"
<div style="width:500px"> >
<div style="width: 500px">
<div class="div_map"> <div class="div_map">
<div id="app_map"> <div id="app_map"></div>
</div>
<div class="div_searchmap"> <div class="div_searchmap">
<el-input class="cell-width-map" <el-input
class="cell-width-map"
maxlength="50" maxlength="50"
size="mini" size="mini"
placeholder="请输入关键字" placeholder="请输入关键字"
v-model="keyWords"> v-model="keyWords"
>
</el-input> </el-input>
<el-button style="margin-left: 10px" <el-button
style="margin-left: 10px"
type="primary" type="primary"
size="mini" size="mini"
@click="handleSearchMap">查询</el-button> @click="handleSearchMap"
>查询</el-button
>
</div> </div>
</div> </div>
@ -136,103 +157,108 @@
</div> </div>
</el-form-item> </el-form-item>
<el-form-item label="门牌号" <el-form-item
:class="{'form-item':source==='visiual'}" label="门牌号"
:class="{ 'form-item': source === 'visiual' }"
label-width="150px" label-width="150px"
prop="locationDetail"> prop="locationDetail"
<div :class="{'visiual-form':source==='visiual'}"> >
<el-input v-model="formData.locationDetail" <div :class="{ 'visiual-form': source === 'visiual' }">
class="cell-width-1"></el-input> <el-input
v-model="formData.locationDetail"
class="cell-width-1"
></el-input>
</div> </div>
</el-form-item> </el-form-item>
<el-form-item label="服务方" <el-form-item
:class="{'form-item':source==='visiual'}" label="服务方"
:class="{ 'form-item': source === 'visiual' }"
label-width="150px" label-width="150px"
prop="serverId"> prop="serverId"
>
<template> <template>
<div :class="[{'single-select':source==='visiual'},'sel-service']"> <div
<el-select v-model="formData.serviceType" :class="[{ 'single-select': source === 'visiual' }, 'sel-service']"
>
<el-select
v-model="formData.serviceType"
class="cell-width-1" class="cell-width-1"
placeholder="请选择" placeholder="请选择"
clearable clearable
@change="handleServiceChange('add', $event)"> @change="handleServiceChange('add', $event)"
<el-option v-for="item in serviceOptions" >
<el-option
v-for="item in serviceOptions"
:key="item.value" :key="item.value"
:label="item.label" :label="item.label"
:value="item.value"> :value="item.value"
>
</el-option> </el-option>
</el-select> </el-select>
- -
<el-select v-model="formData.serverId" <el-select
v-model="formData.serverId"
class="cell-width-1" class="cell-width-1"
filterable filterable
placeholder="请选择" placeholder="请选择"
clearable> clearable
<el-option v-for="item in serviceOptiondList" >
<el-option
v-for="item in serviceOptiondList"
:key="item.value" :key="item.value"
:label="item.label" :label="item.label"
:value="item.value"> :value="item.value"
>
</el-option> </el-option>
</el-select> </el-select>
</div> </div>
</template> </template>
</el-form-item> </el-form-item>
</el-form> </el-form>
</div> </div>
</template> </template>
<script> <script>
import { Loading } from "element-ui"; // 引入Loading服务 import { Loading } from "element-ui"; // 引入Loading服务
import { requestPost } from "@/js/dai/request"; import { requestPost } from "@/js/dai/request";
import formVltHelper from "dai-js/tools/formVltHelper"; import daiMap from "@/utils/dai-map";
import { isCard } from "@/utils/validate";
let loading; // 加载动画 let loading; // 加载动画
var map var map;
var search
var markers
var infoWindowList
var geocoder // 新建一个正逆地址解析类
function iniFmData () { function iniFmData() {
return { return {
operationType: '2',//处理方式[0:已回复 1:已转项目 2:已转服务] operationType: "2", //处理方式[0:已回复 1:已转项目 2:已转服务]
icEventId: '',//事件Id icEventId: "", //事件Id
gridId: '',// gridId: "", //
categoryCode: '',// 二级服务分类编码 categoryCode: "", // 二级服务分类编码
parentCode: '',// 父级服务分类编码 parentCode: "", // 父级服务分类编码
content: '',// 服务内容1000字 content: "", // 服务内容1000字
reportType: 'self_help',// 社区帮办：community；楼长帮办：building_caption;党员帮办：party;自身上报：self_help reportType: "self_help", // 社区帮办：community；楼长帮办：building_caption;党员帮办：party;自身上报：self_help
reportUserName: '',// 上报人姓名 reportUserName: "", // 上报人姓名
reportUserMobile: '',// 自身上报时存储注册居民的手机号 reportUserMobile: "", // 自身上报时存储注册居民的手机号
reportTime: '',// 上报时间 reportTime: "", // 上报时间
demandUserId: '',// 需求人：user.id或者ic_resi_user.id demandUserId: "", // 需求人：user.id或者ic_resi_user.id
demandUserName: '',// 需求人姓名 demandUserName: "", // 需求人姓名
demandUserMobile: '',//需求人联系电话 demandUserMobile: "", //需求人联系电话
wantServiceTime: '',// 希望服务时间 wantServiceTime: "", // 希望服务时间
serviceType: '', serviceType: "",
serverId: '', serverId: "",
locationDetail: '', locationDetail: "",
serviceLocation: '',//事件地址 serviceLocation: "", //事件地址
latitude: '',// 经度 latitude: "", // 经度
longitude: '',//维度 longitude: "", //维度
// categoryId: '' // categoryId: ''
}; };
} }
export default { export default {
data () { data() {
return { return {
btnDisable: false, btnDisable: false,
customerId: localStorage.getItem("customerId"), customerId: localStorage.getItem("customerId"),
demandOptions: [], demandOptions: [],
serviceOptions: [ serviceOptions: [],
],
serviceOptiondList: [], serviceOptiondList: [],
casOptions: [], casOptions: [],
@ -241,25 +267,25 @@ export default {
selCateObj: {}, selCateObj: {},
optionProps: { optionProps: {
multiple: false, multiple: false,
value: 'id', value: "id",
label: 'name', label: "name",
children: 'subCategory', children: "subCategory",
}, },
formData: iniFmData(), formData: iniFmData(),
okflag: false, okflag: false,
//地图相关 //地图相关
keyWords: '', keyWords: "",
eventDetailCopy: {} eventDetailCopy: {},
}; };
}, },
components: {}, components: {},
computed: {
dataRule () {
computed: {
dataRule() {
return { return {
// categoryId: [ // categoryId: [
// { required: true, message: "请填写事件分类", trigger: "blur" }, // { required: true, message: "请填写事件分类", trigger: "blur" },
@ -285,14 +311,11 @@ export default {
serverId: [ serverId: [
{ required: true, message: "服务方不能为空", trigger: "blur" }, { required: true, message: "服务方不能为空", trigger: "blur" },
], ],
}; };
}, },
}, },
props: {
props: {
demandUserId: { demandUserId: {
type: String, type: String,
default: "", default: "",
@ -312,156 +335,142 @@ export default {
eventDetailData: { eventDetailData: {
type: Object, type: Object,
default () { default() {
return {} return {};
} },
}, },
source: {//展示来源：manage 管理平台 visiual 可视化平台 source: {
//展示来源：manage 管理平台 visiual 可视化平台
type: String, type: String,
default: 'manage' default: "manage",
} },
}, },
watch: { watch: {
demandUserName: function (val) { demandUserName: function (val) {
this.formData.reportUserName = val;
this.formData.reportUserName = val this.formData.demandUserName = val;
this.formData.demandUserName = val
}, },
demandUserMobile: function (val) { demandUserMobile: function (val) {
this.formData.reportUserMobile = val;
this.formData.reportUserMobile = val this.formData.demandUserMobile = val;
this.formData.demandUserMobile = val
}, },
demandUserId: function (val) { demandUserId: function (val) {
this.formData.demandUserId = val;
this.formData.demandUserId = val
}, },
}, },
created () {
}, async mounted() {
const { user } = this.$store.state;
async mounted () { this.agencyId = user.agencyId;
const { user } = this.$store.state
this.agencyId = user.agencyId
this.getCategoryList();
this.getDemandOptions();
this.getServiceOption()
// this.formData = { ...this.formDataTemp }
this.initMap()
if (this.eventId) { if (this.eventId) {
this.eventDetailCopy = JSON.parse(JSON.stringify(this.eventDetailData)); this.eventDetailCopy = JSON.parse(JSON.stringify(this.eventDetailData));
this.formData.reportUserMobile = this.eventDetailCopy.mobile this.formData.reportUserMobile = this.eventDetailCopy.mobile;
this.formData.reportUserName = this.eventDetailCopy.name this.formData.reportUserName = this.eventDetailCopy.name;
this.formData.reportTime = this.eventDetailCopy.happenTime this.formData.reportTime = this.eventDetailCopy.happenTime;
this.formData.gridId = this.eventDetailCopy.gridId this.formData.gridId = this.eventDetailCopy.gridId;
this.formData.demandUserId = this.eventDetailCopy.reportUserId this.formData.demandUserId = this.eventDetailCopy.reportUserId;
this.formData.demandUserName = this.eventDetailCopy.name this.formData.demandUserName = this.eventDetailCopy.name;
this.formData.demandUserMobile = this.eventDetailCopy.mobile this.formData.demandUserMobile = this.eventDetailCopy.mobile;
if (this.eventDetailCopy.parentCategoryId && this.eventDetailCopy.categoryId) { if (
this.eventDetailCopy.parentCategoryId &&
this.eventDetailCopy.categoryId
) {
// this.selCategoryArray = [] // this.selCategoryArray = []
// this.selCategoryArray.push(this.eventDetailCopy.parentCategoryId) // this.selCategoryArray.push(this.eventDetailCopy.parentCategoryId)
// this.selCategoryArray.push(this.eventDetailCopy.categoryId) // this.selCategoryArray.push(this.eventDetailCopy.categoryId)
// this.formData.categoryId = this.eventDetailCopy.categoryId // this.formData.categoryId = this.eventDetailCopy.categoryId
// this.selCateObj = { // this.selCateObj = {
// name: this.eventDetailCopy.categoryName, // name: this.eventDetailCopy.categoryName,
// id: this.eventDetailCopy.categoryId // id: this.eventDetailCopy.categoryId
// } // }
} }
} else { } else {
this.formData.demandUserName = this.demandUserName this.formData.demandUserName = this.demandUserName;
this.formData.demandUserMobile = this.demandUserMobile this.formData.demandUserMobile = this.demandUserMobile;
this.formData.demandUserId = this.demandUserId this.formData.demandUserId = this.demandUserId;
} }
this.getCategoryList();
this.getDemandOptions();
this.getServiceOption();
this.initMap();
}, },
methods: { methods: {
async getCategoryList() {
const url = "/gov/issue/issueprojectcategorydict/list";
async getCategoryList () { let params = {};
const url = "/gov/issue/issueprojectcategorydict/list"
let params = {} const { data, code, msg } = await requestPost(url, params);
const { data, code, msg } = await requestPost(url, params)
if (code === 0) { if (code === 0) {
let treeDataNew = this.filterTree(data);
let treeDataNew = this.filterTree(data)
//组织级联数据 //组织级联数据
++this.iscascaderShow ++this.iscascaderShow;
this.casOptions = [] this.casOptions = [];
this.casOptions = treeDataNew
this.casOptions = treeDataNew;
} else { } else {
this.$message.error(msg) this.$message.error(msg);
} }
}, },
handleChangeCate () { handleChangeCate() {
console.log(this.$refs["myCascader"].getCheckedNodes()[0].data) console.log(this.$refs["myCascader"].getCheckedNodes()[0].data);
this.selCateObj = this.$refs["myCascader"].getCheckedNodes()[0].data this.selCateObj = this.$refs["myCascader"].getCheckedNodes()[0].data;
this.formData.categoryId = this.selCateObj.id this.formData.categoryId = this.selCateObj.id;
}, },
//重构树，去除网格 //重构树，去除网格
filterTree (arr) { filterTree(arr) {
let childs = arr let childs = arr;
for (let i = childs.length; i--; i > 0) { for (let i = childs.length; i--; i > 0) {
if (childs[i].subCategory) { if (childs[i].subCategory) {
if (childs[i].subCategory.length) { if (childs[i].subCategory.length) {
this.filterTree(childs[i].subCategory) this.filterTree(childs[i].subCategory);
} else { } else {
delete childs[i].subCategory delete childs[i].subCategory;
} }
} }
} }
return arr return arr;
}, },
async getDemandOptions () { async getDemandOptions() {
const url = "/heart/icresidemanddict/demandoption" const url = "/heart/icresidemanddict/demandoption";
let params = {} let params = {};
const { data, code, msg } = await requestPost(url, params) const { data, code, msg } = await requestPost(url, params);
if (code === 0) { if (code === 0) {
this.demandOptions = this.getFlagData( this.demandOptions = this.getFlagData(
this.getTreeData(data), this.getTreeData(data),
"usableFlag" "usableFlag"
); );
} else { } else {
this.$message.error(msg) this.$message.error(msg);
} }
}, },
async getServiceOption () { async getServiceOption() {
const url = "/sys/dict/data/dictlist" const url = "/sys/dict/data/dictlist";
let params = { dictType: "user_demand_service_type", } let params = { dictType: "user_demand_service_type" };
const { data, code, msg } = await requestPost(url, params) const { data, code, msg } = await requestPost(url, params);
if (code === 0) { if (code === 0) {
this.serviceOptions = data; this.serviceOptions = data;
} else { } else {
this.$message.error(msg) this.$message.error(msg);
} }
}, },
getTreeData (data) { getTreeData(data) {
if (!Array.isArray(data)) return []; if (!Array.isArray(data)) return [];
let arr = data.map((item) => { let arr = data.map((item) => {
let _item = {}; let _item = {};
@ -476,7 +485,8 @@ export default {
}); });
return arr; return arr;
}, },
getFlagData (data, flag) {
getFlagData(data, flag) {
if (!Array.isArray(data)) return []; if (!Array.isArray(data)) return [];
let arr1 = data.filter((item) => item[flag]); let arr1 = data.filter((item) => item[flag]);
let arr2 = arr1.map((item) => { let arr2 = arr1.map((item) => {
@ -488,7 +498,7 @@ export default {
return arr2; return arr2;
}, },
handleCateSlect (val) { handleCateSlect(val) {
console.log("val", val); console.log("val", val);
if (val.length === 1) { if (val.length === 1) {
this.demandOptions.forEach((item) => { this.demandOptions.forEach((item) => {
@ -501,7 +511,7 @@ export default {
} }
}, },
handleServiceChange (type, val) { handleServiceChange(type, val) {
if (val === "social_org") { if (val === "social_org") {
if (type === "add") { if (type === "add") {
this.getServiceuserList(val, "add_demand"); this.getServiceuserList(val, "add_demand");
@ -513,8 +523,7 @@ export default {
} }
}, },
async getServiceuserList (serviceType, query) { async getServiceuserList(serviceType, query) {
if (!serviceType) return false; if (!serviceType) return false;
const { demandUserId } = this.formData; const { demandUserId } = this.formData;
const params = { const params = {
@ -523,154 +532,83 @@ export default {
queryPurpose: query, queryPurpose: query,
}; };
const url = "/heart/userdemand/servicelist";
const url = "/heart/userdemand/servicelist" const { data, code, msg } = await requestPost(url, params);
const { data, code, msg } = await requestPost(url, params)
if (code === 0) { if (code === 0) {
this.serviceOptiondList = data.filter( this.serviceOptiondList = data.filter(
(item) => item.value != demandUserId (item) => item.value != demandUserId
); );
} else { } else {
this.$message.error(msg) this.$message.error(msg);
} }
}, },
async getDemandInfo () { async getDemandInfo() {
this.okflag = false this.okflag = false;
this.$refs["ref_form"].validate((valid, messageObj) => { this.$refs["ref_form"].validate((valid, messageObj) => {
if (!valid) { if (!valid) {
app.util.validateRule(messageObj); app.util.validateRule(messageObj);
// this.formData.categoryId = this.selCateObj.id // this.formData.categoryId = this.selCateObj.id
} else { } else {
this.okflag = true;
this.okflag = true
} }
}); });
}, },
resetData() {},
resetData () {
},
// 地图初始化函数，本例取名为init，开发者可根据实际情况定义 // 地图初始化函数，本例取名为init，开发者可根据实际情况定义
initMap () { initMap() {
// 定义地图中心点坐标 let { latitude, longitude } = this.$store.state.user;
var center = new window.TMap.LatLng(36.0722275, 120.38945519)
// 定义map变量，调用 TMap.Map() 构造函数创建地图
map = new window.TMap.Map(document.getElementById('app_map'), {
center: center, // 设置地图中心点坐标
zoom: 17.2, // 设置地图缩放级别
pitch: 43.5, // 设置俯仰角
rotation: 45 // 设置地图旋转角度
})
search = new window.TMap.service.Search({ pageSize: 10 })
// 新建一个地点搜索类
markers = new TMap.MultiMarker({
map: map,
geometries: []
})
infoWindowList = Array(10)
geocoder = new TMap.service.Geocoder(); // 新建一个正逆地址解析类 map = new daiMap(
document.getElementById("app_map"),
{ latitude, longitude },
{
zoom: 16.2, // 设置地图缩放级别
pitch: 43.5, // 设置俯仰角
rotation: 45, // 设置地图旋转角度
}
);
// 监听地图平移结束 // 监听地图平移结束
map.on('panend', () => { map.on("dragend", (e) => {
this.handleMoveCenter() this.handleMoveCenter(e);
}) });
this.handleMoveCenter()
this.convert() map.setCenter(latitude, longitude);
map.setMarker(latitude, longitude);
}, },
setMarker (lat, lng) { async handleMoveCenter() {
markers.setGeometries([]) //修改地图中心点
markers.add([ const { lat, lng } = map.getCenter();
{ this.formData.latitude = lat;
id: '4', this.formData.longitude = lng;
styleId: 'marker', map.setMarker(lat, lng);
position: new TMap.LatLng(lat, lng),
properties: { let { msg, data } = await map.getAddress(lat, lng);
title: 'marker4' if (msg == "success") {
} this.formData.address = data.address;
}
])
},
handleSearchMap () {
infoWindowList.forEach((infoWindow) => {
infoWindow.close()
})
infoWindowList.length = 0
markers.setGeometries([])
// 在地图显示范围内以给定的关键字搜索地点
search
.searchRectangle({
keyword: this.keyWords,
bounds: map.getBounds()
})
.then((result) => {
let { data } = result
if (Array.isArray(data) && data.length > 0) {
const {
location: { lat, lng }
} = data[0]
map.setCenter(new TMap.LatLng(lat, lng))
this.setMarker(lat, lng)
this.formData.latitude = lat
this.formData.longitude = lng
this.convert()
} else {
this.$message.error('未检索到相关位置坐标')
} }
})
}, },
handleMoveCenter () { async handleSearchMap() {
//修改地图中心点 const { msg, data } = await map.searchNearby(this.keyWords);
const center = map.getCenter() if (msg == "success") {
const lat = center.getLat() const { lat, lng } = data;
const lng = center.getLng() map.setCenter(lat, lng);
this.formData.latitude = lat map.setMarker(lat, lng);
this.formData.longitude = lng this.formData.latitude = lat;
this.setMarker(lat, lng) this.formData.longitude = lng;
this.convert(lat, lng)
},
convert (lat, lng) {
markers.setGeometries([]);
// var input = document.getElementById('location').value.split(',');
let location
if (lat && lng) {
location = new TMap.LatLng(lat, lng);
} else { } else {
location = new TMap.LatLng(this.formData.latitude, this.formData.longitude); this.$message.error("未检索到相关位置坐标");
} }
// map.setCenter(location);
markers.updateGeometries([
{
id: 'main', // 点标注数据数组
position: location,
},
]);
geocoder
.getAddress({ location: location }) // 将给定的坐标位置转换为地址
.then((result) => {
this.formData.serviceLocation = result.result.address
// 显示搜索到的地址
});
}, },
// 开启加载动画 // 开启加载动画
startLoading () { startLoading() {
loading = Loading.service({ loading = Loading.service({
lock: true, // 是否锁定 lock: true, // 是否锁定
text: "正在加载……", // 加载中需要显示的文字 text: "正在加载……", // 加载中需要显示的文字
@ -678,7 +616,7 @@ export default {
}); });
}, },
// 结束加载动画 // 结束加载动画
endLoading () { endLoading() {
// clearTimeout(timer); // clearTimeout(timer);
if (loading) { if (loading) {
loading.close(); loading.close();
@ -688,14 +626,11 @@ export default {
}; };
</script> </script>
<style lang='scss' scoped> <style lang="scss" scoped>
@import "@/assets/scss/modules/visual/a_customize.scss"; @import "@/assets/scss/modules/visual/a_customize.scss";
@import "@/assets/scss/modules/shequzhili/event-info.scss"; @import "@/assets/scss/modules/shequzhili/event-info.scss";
</style> </style>
<style> <style>
.el-dialog__body { .el-dialog__body {
padding: 0 10px 20px !important; padding: 0 10px 20px !important;

94
src/views/pages/login.vue
View File

@ -1,57 +1,57 @@
<template> <template>
<div class="g-app"> <div class="g-app">
<div class="g-bd" v-if="isShowLogin || true"> <div class="g-bd"
v-if="isShowLogin || true">
<div class="m-fm"> <div class="m-fm">
<div class="wrap"> <div class="wrap">
<h2 class="title">{{ $t("brand.work") }}</h2> <h2 class="title">{{ $t("brand.work") }}</h2>
<div class="fm"> <div class="fm">
<el-form <el-form :model="dataForm"
:model="dataForm"
:rules="dataRule" :rules="dataRule"
ref="dataForm" ref="dataForm"
@keyup.enter.native="dataFormSubmitHandle()" @keyup.enter.native="dataFormSubmitHandle()"
status-icon status-icon>
>
<div class="fm-item"> <div class="fm-item">
<div class="ico"> <div class="ico">
<img src="@/assets/img/login/zhanghao.png" alt="" /> <img src="@/assets/img/login/zhanghao.png"
alt="" />
</div> </div>
<el-form-item prop="phone" class="input"> <el-form-item prop="phone"
<input class="input">
type="text" <input type="text"
v-model="dataForm.phone" v-model="dataForm.phone"
placeholder="账号" placeholder="账号" />
/>
</el-form-item> </el-form-item>
</div> </div>
<div class="fm-item"> <div class="fm-item">
<div class="ico"> <div class="ico">
<img src="@/assets/img/login/mima.png" alt="" /> <img src="@/assets/img/login/mima.png"
alt="" />
</div> </div>
<el-form-item prop="password" class="input"> <el-form-item prop="password"
<input class="input">
type="password" <input type="password"
v-model="dataForm.password" v-model="dataForm.password"
:placeholder="$t('login.password')" :placeholder="$t('login.password')" />
/>
</el-form-item> </el-form-item>
</div> </div>
<div class="fm-captcha"> <div class="fm-captcha">
<div class="fm-item"> <div class="fm-item">
<el-form-item prop="captcha" class="input"> <el-form-item prop="captcha"
<input class="input">
type="text" <input type="text"
v-model="dataForm.captcha" v-model="dataForm.captcha"
placeholder="验证码" placeholder="验证码" />
/>
</el-form-item> </el-form-item>
</div> </div>
<div class="captcha"> <div class="captcha">
<img :src="captchaPath" @click="getCaptcha()" /> <img :src="captchaPath"
@click="getCaptcha()" />
</div> </div>
</div> </div>
<div class="fm-btn" @click="dataFormSubmitHandle()"> <div class="fm-btn"
@click="dataFormSubmitHandle()">
{{ $t("login.title") }} {{ $t("login.title") }}
</div> </div>
<div class="hint">请使用小程序端的账号密码登录</div> <div class="hint">请使用小程序端的账号密码登录</div>
@ -63,25 +63,27 @@
<div class="m-footer"> <div class="m-footer">
<div class="login-footer"> <div class="login-footer">
<p> <p>
<a href="" target="_blank">{{ $t("login.copyright") }}</a> <a href=""
target="_blank">{{ $t("login.copyright") }}</a>
</p> </p>
</div> </div>
</div> </div>
</div> </div>
<c-dialog <c-dialog :showFooter="false"
:showFooter="false"
:title="'选择客户'" :title="'选择客户'"
:isNest="false" :isNest="false"
:visible="diaVisible" :visible="diaVisible"
:dialogHeight="0.8" :dialogHeight="0.8"
:width="30" :width="30"
:top="'120px'" :top="'120px'"
@cancel="diaCancel" @cancel="diaCancel">
>
<div class="m-pop"> <div class="m-pop">
<div v-for="(item, index) in tableData" :key="index" class="div_row"> <div v-for="(item, index) in tableData"
<span @click="selectCustomer(item)" class="span_name">{{ :key="index"
class="div_row">
<span @click="selectCustomer(item)"
class="span_name">{{
item.customerName item.customerName
}}</span> }}</span>
</div> </div>
@ -100,7 +102,7 @@ import { Loading } from "element-ui"; // 引入Loading服务
let loading; // 加载动画 let loading; // 加载动画
export default { export default {
data() { data () {
return { return {
pubKey: null, // 获取到公钥 pubKey: null, // 获取到公钥
isShowLogin: true, isShowLogin: true,
@ -126,7 +128,7 @@ export default {
CDialog, CDialog,
}, },
computed: { computed: {
dataRule() { dataRule () {
return { return {
phone: [{ required: true, message: "手机号不能为空", trigger: "blur" }], phone: [{ required: true, message: "手机号不能为空", trigger: "blur" }],
password: [ password: [
@ -138,7 +140,7 @@ export default {
}; };
}, },
}, },
created() { created () {
//平阴联动平台 登陆 //平阴联动平台 登陆
if (this.$route.query.platformToken) { if (this.$route.query.platformToken) {
this.isShowLogin = false; this.isShowLogin = false;
@ -149,13 +151,13 @@ export default {
this.getPubKey(); this.getPubKey();
} }
}, },
mounted() { mounted () {
localStorage.removeItem("showHeader"); localStorage.removeItem("showHeader");
}, },
methods: { methods: {
// 登陆后跳转逻辑 // 登陆后跳转逻辑
skipAfterLogin() { skipAfterLogin () {
let href = localStorage.getItem("thePageAtExit"); let href = localStorage.getItem("thePageAtExit");
if (href && href.indexOf("login") == -1) { if (href && href.indexOf("login") == -1) {
localStorage.removeItem("thePageAtExit"); localStorage.removeItem("thePageAtExit");
@ -166,7 +168,7 @@ export default {
} }
}, },
// 获取公钥 // 获取公钥
getPubKey() { getPubKey () {
this.$http this.$http
.post("/auth/govweb/getKey") .post("/auth/govweb/getKey")
.then(({ data: res }) => { .then(({ data: res }) => {
@ -176,15 +178,15 @@ export default {
this.pubKey = res.data; // 获取到公钥; this.pubKey = res.data; // 获取到公钥;
}) })
.catch(() => {}); .catch(() => { });
}, },
// 获取验证码 // 获取验证码
getCaptcha() { getCaptcha () {
this.dataForm.uuid = getUUID(); this.dataForm.uuid = getUUID();
this.captchaPath = `${window.SITE_CONFIG["apiURL"]}/auth/login/captcha?uuid=${this.dataForm.uuid}`; this.captchaPath = `${window.SITE_CONFIG["apiURL"]}/auth/login/captcha?uuid=${this.dataForm.uuid}`;
}, },
// 表单提交 // 表单提交
dataFormSubmitHandle() { dataFormSubmitHandle () {
this.$refs["dataForm"].validate((valid, messageObj) => { this.$refs["dataForm"].validate((valid, messageObj) => {
console.log(valid, messageObj); console.log(valid, messageObj);
if (!valid) { if (!valid) {
@ -222,7 +224,7 @@ export default {
}); });
}, },
// 平阴联动 自动登录接口 // 平阴联动 自动登录接口
getAutoLogin(platformToken) { getAutoLogin (platformToken) {
this.dataForm.thirdToken = platformToken; this.dataForm.thirdToken = platformToken;
this.dataForm.platform = "pyld"; this.dataForm.platform = "pyld";
this.$http this.$http
@ -240,11 +242,11 @@ export default {
localStorage.setItem("token", res.data.token); localStorage.setItem("token", res.data.token);
this.$router.replace({ name: "index" }); this.$router.replace({ name: "index" });
}) })
.catch(() => {}); .catch(() => { });
// epmet-ext9.elinkservice.cn/platform-admin // epmet-ext9.elinkservice.cn/platform-admin
}, },
//选择客户 //选择客户
selectCustomer(row) { selectCustomer (row) {
localStorage.setItem("customerId", row.customerId); localStorage.setItem("customerId", row.customerId);
localStorage.setItem("customerName", row.customerName); localStorage.setItem("customerName", row.customerName);
this.startLoading(); this.startLoading();
@ -275,11 +277,11 @@ export default {
}); });
}, },
// 取消 // 取消
diaCancel() { diaCancel () {
this.diaVisible = false; this.diaVisible = false;
}, },
// 开启加载动画 // 开启加载动画
startLoading() { startLoading () {
loading = Loading.service({ loading = Loading.service({
lock: true, // 是否锁定 lock: true, // 是否锁定
text: "正在加载……", // 加载中需要显示的文字 text: "正在加载……", // 加载中需要显示的文字
@ -287,7 +289,7 @@ export default {
}); });
}, },
// 结束加载动画 // 结束加载动画
endLoading() { endLoading () {
// clearTimeout(timer); // clearTimeout(timer);
if (loading) { if (loading) {
loading.close(); loading.close();

Write Preview
Loading…
Cancel
Save