From dccd7f4839958bb621b4e363d373c947bf84708e Mon Sep 17 00:00:00 2001
From: jiangyy <jiang478938504@126.com>
Date: Tue, 2 Aug 2022 09:05:39 +0800
Subject: [PATCH] 111

---
 .../communityParty/regionalParty/units.vue    |  15 +-
 .../modules/communityService/sqzzz/index.vue  |  17 +-
 .../shequzhili/tuceng/zhonghe/baseTotal.vue   |  29 +-
 .../communityGovern/fivelayers/mapIndex.vue   | 158 +--------
 .../communityGovern/fivelayers/qsydw.vue      | 319 ++++++++++++++++++
 5 files changed, 374 insertions(+), 164 deletions(-)
 create mode 100644 src/views/modules/visual/communityGovern/fivelayers/qsydw.vue

diff --git a/src/views/modules/communityParty/regionalParty/units.vue b/src/views/modules/communityParty/regionalParty/units.vue
index 5666675a..568768eb 100644
--- a/src/views/modules/communityParty/regionalParty/units.vue
+++ b/src/views/modules/communityParty/regionalParty/units.vue
@@ -574,11 +574,16 @@ export default {
 
       if (code === 0) {
         if (data.type) {
-          this.$message({
-            type: "success",
-            message: "同步成功"
-          });
-          this.loadTable()
+          if (data.msg) {
+            this.$message({
+              type: "success",
+              message: "同步成功"
+            });
+            this.loadTable()
+          } else {
+            this.$message.error(data.msg)
+          }
+
         } else {
           this.$message.error(data.msg)
         }
diff --git a/src/views/modules/communityService/sqzzz/index.vue b/src/views/modules/communityService/sqzzz/index.vue
index 312ef51c..b0c04a39 100644
--- a/src/views/modules/communityService/sqzzz/index.vue
+++ b/src/views/modules/communityService/sqzzz/index.vue
@@ -520,17 +520,20 @@ export default {
 
       if (code === 0) {
         if (data.type) {
-          this.$message({
-            type: "success",
-            message: "同步成功"
-          });
-          this.getTableData();
+          if (data.msg) {
+            this.$message({
+              type: "success",
+              message: "同步成功"
+            });
+            this.loadTable()
+          } else {
+            this.$message.error(data.msg)
+          }
+
         } else {
           this.$message.error(data.msg)
         }
 
-
-
       } else {
         this.$message.error(msg)
       }
diff --git a/src/views/modules/shequzhili/tuceng/zhonghe/baseTotal.vue b/src/views/modules/shequzhili/tuceng/zhonghe/baseTotal.vue
index 5d71f7d4..b0bd49d6 100644
--- a/src/views/modules/shequzhili/tuceng/zhonghe/baseTotal.vue
+++ b/src/views/modules/shequzhili/tuceng/zhonghe/baseTotal.vue
@@ -12,7 +12,7 @@
                         label="居民类别">
             <div class="resi-cell-value">
               <el-form-item prop="category">
-                <el-select v-model.trim="fmData.category"
+                <el-select v-model="fmData.category"
                            placeholder="请选择居民类别"
                            size="small"
                            clearable
@@ -639,7 +639,32 @@ export default {
       this.getTableData();
     },
     resetForm (formName) {
-      this.$refs[formName].resetFields();
+      // this.$refs[formName].resetFields();
+      this.agencyIdArray = []
+      this.fmData = {
+        agencyId: "",
+        gridId: "",
+        villageId: "",
+        buildId: "",
+        unitId: "",
+        homeId: "",
+        name: "",
+        mobile: "",
+        idCard: "",
+
+      }
+      this.elseParams = []
+      if (this.jmlbOptions.length > 0) {
+        this.fmData.category = this.jmlbOptions[0].value
+        let temp = {
+          queryType: this.jmlbOptions[0].queryType,
+          tableName: this.jmlbOptions[0].tableName,
+          columnName: this.jmlbOptions[0].columnName,
+          columnValue: [this.jmlbOptions[0].columnValue],
+        }
+
+        this.elseParams.push(temp)
+      }
       this.handleSearch();
     },
 
diff --git a/src/views/modules/visual/communityGovern/fivelayers/mapIndex.vue b/src/views/modules/visual/communityGovern/fivelayers/mapIndex.vue
index 07a2796b..583bc2ba 100644
--- a/src/views/modules/visual/communityGovern/fivelayers/mapIndex.vue
+++ b/src/views/modules/visual/communityGovern/fivelayers/mapIndex.vue
@@ -20,11 +20,6 @@
       <div v-show="!showPeopleInfo"
            class="div_content">
 
-        <div class="div_map"
-             id="map"
-             ref="map">
-        </div>
-
         <div class="div_data">
           <div class="div_tips">
             <cpt-card>
@@ -367,9 +362,9 @@
             :uid="selUserId"
             ref="ref_people"></people>
 
-    <event-info v-if="pageType==='dispose'"
+    <!-- <event-info v-if="pageType==='dispose'"
                 ref="eleEditForm"
-                @handleClose="handleClose" />
+                @handleClose="handleClose" /> -->
 
     <!-- <service-info v-if="pageType==='dispose'"
                   ref="eleEditForm"
@@ -377,6 +372,9 @@
     <!-- <fuwu-info v-if="pageType==='dispose'"
                ref="eleEditForm"
                @handleClose="handleClose" /> -->
+    <qsydw v-if="pageType==='dispose'"
+           ref="eleEditForm"
+           @handleClose="handleClose" />
 
   </div>
 
@@ -412,6 +410,7 @@ import People from "../../basicinfo/people";
 import eventInfo from "./eventInfo";
 import serviceInfo from "./serviceInfo";
 import fuwuInfo from "./fuwuInfo";
+import qsydw from "./qsydw";
 
 
 
@@ -419,125 +418,13 @@ var centerPointGlobal = [120.664619, 36.504963]
 
 let loading;//加载动画
 
-let map;
-let mapView;
-let gaodeMapLayer;//背景地图图层
-let parentLayer;//上级组织图层
-let parentSource;//上级组织多边形
-let polygonLayer;//标注图层
-let iconLayer; // icon标注图层
-let iconSource; // icon
-let polygonSource;//标注多边形
-let select;//选中标注
-
-let xoffset = 0
-let yoffset = 0
-
-
-//url图标
-
-let iconUrlArray = [
-  'https://elink-esua-epdc.oss-cn-qingdao.aliyuncs.com/epmet/test/20211116/a219130b6bc74b0b80b5ddb0fce0892a.png',
-  'https://elink-esua-epdc.oss-cn-qingdao.aliyuncs.com/epmet/test/20211116/a775d15e62374350b80e5cdf1912a4eb.png',
-  'https://elink-esua-epdc.oss-cn-qingdao.aliyuncs.com/epmet/test/20211116/884efcf6d6b44224a7fda599dd1b14cb.png'
-];
-let textColorArray = [
-  'rgba(236, 69, 4, 0.66)',
-  'rgba(0, 146, 238, 0.75)',
-  'rgba(238, 151, 0, 0.8)'
-];
-let polygonColorArray = [
-  'rgba(210, 2, 2, 0.24)',
-  'rgba(43, 231, 253, 0.25)',
-  'rgba(183, 185, 0, 0.16)'
-];
-//标注的文字样式
-var createTextStyle = function (feature) {
-  return new Text({
-    textAlign: undefined,
-    font: "18px Arial",
-    //fontFamily: "Courier New, monospace",
-    // fontWeight: "bold",
-    text: feature.values_.name,
-    backgroundFill: new Fill({
-      // color: 'rgba(0, 146, 238, 0.75)'
-      color: textColorArray[feature.values_.colorIndex]
-    }),
-    padding: [4, 10, 4, 10],
-    //text: "名称",
-    fill: new Fill({ color: "#ffffff" }),
-    // stroke: new Stroke({ color: "#ffffff", width: 3 }),
-    offsetY: -30,
-    offsetX: -50,
-    overflow: true,
-  });
-};
-
-//上级组织标注样式
-var parentStyleFunction = (function () {
-  return function (feature) {
-    return new Style({
-      // fill: new Fill({
-      //   color: [255, 255, 255, 0.3]
-      // }),
-      stroke: new Stroke({
-        color: [0, 103, 182, 1],
-        width: 2
-      }),
-
-      // text: createTextStyle(feature)
-    });;
-  };
-})()
-
-
-//标注样式
-var polygonStyleFunction = (function () {
-  return function (feature) {
-    return new Style({
-      fill: new Fill({
-        // color: [255, 255, 255, 0.3]
-        color: polygonColorArray[feature.values_.colorIndex]
-      }),
-      stroke: new Stroke({
-        color: polygonColorArray[feature.values_.colorIndex],
-        width: 3
-      }),
-
-      text: createTextStyle(feature)
-    });;
-  };
-})()
-
-//定义颜色转换方法
-let reverseFunc = function (pixelsTemp) {
-  //蓝色
-  for (var i = 0; i < pixelsTemp.length; i += 4) {
-    var r = pixelsTemp[i];
-    var g = pixelsTemp[i + 1];
-    var b = pixelsTemp[i + 2];
-    //运用图像学公式，设置灰度值
-    var grey = r * 0.3 + g * 0.59 + b * 0.11;
-    //将rgb的值替换为灰度值
-    pixelsTemp[i] = grey;
-    pixelsTemp[i + 1] = grey;
-    pixelsTemp[i + 2] = grey;
-
-    //基于灰色，设置为蓝色，这几个数值是我自己试出来的，可以根据需求调整
-    pixelsTemp[i] = 55 - pixelsTemp[i];
-    pixelsTemp[i + 1] = 255 - pixelsTemp[i + 1];
-    pixelsTemp[i + 2] = 305 - pixelsTemp[i + 2];
-  }
-};
+
 
 
 const vueGis = {
   name: 'HomeMap',
   data () {
     return {
-      centerPoint: [],//中心点位置
-      zoom: 14,//缩放范围：区14
-      minZoom: 1,//最小缩放
 
       orgData: {},//当前组织对象
       orgId: '',
@@ -705,35 +592,6 @@ const vueGis = {
   },
   async mounted () {
 
-    //加载组织数据
-    await this.loadOrgData()
-
-    //初始化地图
-    this.initMap()
-
-    await nextTick(300)
-    this.addParentLayer()
-    this.loadParentPolygon()
-    //添加标注图层
-    this.addPolygonLayer()
-
-    //添加icontuceng
-    this.addIconLayer()
-
-    //加载当前园区的标注
-    this.loadPolygon(this.subAgencyArray)
-
-
-    this.setMapLocation()
-    await this.loadCategoryList()
-    this.getTable();
-    await this.getMapTable();
-
-
-    //初始化icon图层
-    this.addOverlay()
-
-    this.addMapClick()
 
   },
   methods: {
@@ -1869,7 +1727,7 @@ const vueGis = {
     ...mapGetters(["clientHeight"])
 
   },
-  components: { cptTb, cptCard, ScreenLoading, People, eventInfo, serviceInfo, fuwuInfo },
+  components: { cptTb, cptCard, ScreenLoading, People, eventInfo, serviceInfo, fuwuInfo, qsydw },
 }
 export default vueGis;
 </script>
diff --git a/src/views/modules/visual/communityGovern/fivelayers/qsydw.vue b/src/views/modules/visual/communityGovern/fivelayers/qsydw.vue
new file mode 100644
index 00000000..8308df39
--- /dev/null
+++ b/src/views/modules/visual/communityGovern/fivelayers/qsydw.vue
@@ -0,0 +1,319 @@
+<template>
+  <div class="m-pop">
+    <div class="wrap">
+      <cpt-card>
+        <div class="title">
+          <img src="@/assets/img/shuju/title-tip.png" />
+          <span>企事业单位巡查详情</span>
+        </div>
+
+        <div class="btn-close"
+             @click="handleClose">
+          <img src="@/assets/img/shuju/people/close.png" />
+        </div>
+
+        <el-form ref="ref_form"
+                 :inline="false"
+                 :model="formData"
+                 :rules="dataRule"
+                 label-width="100px">
+          <!-- <el-form-item label="事件分类"
+                    label-width="150px"
+                    prop="categoryId">
+        <el-cascader class="cell-width-2"
+                     ref="myCascader"
+                     v-model="selCategoryArray"
+                     :key="iscascaderShow"
+                     :options="casOptions"
+                     :props="optionProps"
+                     :show-all-levels="false"
+                     @change="handleChangeCate"></el-cascader>
+      </el-form-item> -->
+          <el-form-item label="服务内容"
+                        label-width="150px"
+                        :class="{'form-item':source==='visiual'}"
+                        prop="content">
+            <div :class="{'visiual-form':source==='visiual'}">
+              <el-input v-model="formData.content"
+                        :autosize="{ minRows: 2, maxRows: 10 }"
+                        type="textarea"
+                        clearable
+                        class="cell-width-area"
+                        placeholder="请输入内容"></el-input>
+            </div>
+          </el-form-item>
+
+          <el-form-item label="服务类型"
+                        label-width="150px"
+                        :class="{'form-item':source==='visiual'}"
+                        prop="categoryCode">
+            <div :class="{'visiual-form':source==='visiual'}">
+
+              <el-cascader v-model="formData.categoryCode"
+                           :options="demandOptions"
+                           clearable
+                           class="cell-width-1"
+                           @change="handleCateSlect"></el-cascader>
+            </div>
+
+          </el-form-item>
+
+          <el-form-item label="服务时间"
+                        label-width="150px"
+                        :class="{'form-item':source==='visiual'}"
+                        prop="wantServiceTime">
+            <div :class="{'visiual-form':source==='visiual'}">
+              <el-date-picker v-model="formData.wantServiceTime"
+                              type="datetime"
+                              class="cell-width-1"
+                              clearable
+                              value-format="yyyy-MM-dd HH:mm:ss"
+                              placeholder="选择日期时间">
+              </el-date-picker>
+            </div>
+          </el-form-item>
+
+          <el-form-item label="需求人"
+                        label-width="150px"
+                        :class="{'form-item':source==='visiual'}"
+                        prop="demandUserName">
+            <div :class="{'visiual-form':source==='visiual'}">
+              <el-input v-model="formData.demandUserName"
+                        class="cell-width-1"></el-input>
+            </div>
+
+          </el-form-item>
+          <el-form-item label="联系电话"
+                        label-width="150px"
+                        :class="{'form-item':source==='visiual'}"
+                        prop="demandUserMobile">
+            <div :class="{'visiual-form':source==='visiual'}">
+              <el-input v-model="formData.demandUserMobile"
+                        class="cell-width-1"></el-input>
+            </div>
+
+          </el-form-item>
+          <el-form-item label="服务地点"
+                        prop="serviceLocation"
+                        :class="{'form-item':source==='visiual'}"
+                        label-width="150px"
+                        style="display: block">
+
+            <div :class="{'visiual-form':source==='visiual'}">
+              <el-input class="cell-width-1"
+                        v-model="formData.serviceLocation">
+              </el-input>
+            </div>
+
+          </el-form-item>
+
+          <el-form-item label="门牌号"
+                        :class="{'form-item':source==='visiual'}"
+                        label-width="150px"
+                        prop="locationDetail">
+            <div :class="{'visiual-form':source==='visiual'}">
+              <el-input v-model="formData.locationDetail"
+                        class="cell-width-1"></el-input>
+            </div>
+
+          </el-form-item>
+
+        </el-form>
+      </cpt-card>
+    </div>
+  </div>
+</template>
+
+<script>
+import cptCard from "@/views/modules/visual/cpts/card";
+
+import { requestPost } from "@/js/dai/request";
+import eventInfo from "@/views/modules/shequzhili/event/cpts/event-info";
+
+function iniFmData () {
+  return {
+    operationType: '2',//处理方式[0:已回复 1:已转项目  2:已转服务]	
+    icEventId: '',//事件Id	
+    gridId: '',//	
+    categoryCode: '',//	二级服务分类编码	
+    parentCode: '',//	父级服务分类编码	
+    content: '',//		服务内容1000字	
+    reportType: 'self_help',//	社区帮办：community；楼长帮办：building_caption;党员帮办：party;自身上报：self_help	
+    reportUserName: '',//	上报人姓名	
+    reportUserMobile: '',//	自身上报时存储注册居民的手机号	
+    reportTime: '',//	上报时间	
+    demandUserId: '',//	需求人：user.id或者ic_resi_user.id	
+    demandUserName: '',//	需求人姓名	
+    demandUserMobile: '',//需求人联系电话	
+    wantServiceTime: '',//	希望服务时间
+    serviceType: '',
+    serverId: '',
+    locationDetail: '',
+    serviceLocation: '',//事件地址	
+    latitude: '',//	经度	
+    longitude: '',//维度	
+    // categoryId: ''
+  };
+}
+export default {
+  name: "dialogInfo",
+  props: {
+
+  },
+
+  components: {
+    cptCard,
+    eventInfo,
+  },
+
+  data () {
+    return {
+      loading: false,
+
+      pageType: 'dispose',
+      eventId: '1552537796854706177',
+      eventDetailData: {},
+      formData: iniFmData(),
+
+      btnDisable: false,
+      customerId: localStorage.getItem("customerId"),
+      demandOptions: [],
+      serviceOptions: [
+      ],
+      serviceOptiondList: [],
+
+      casOptions: [],
+      iscascaderShow: 0,
+      selCategoryArray: [],
+      selCateObj: {},
+      optionProps: {
+        multiple: false,
+        value: 'id',
+        label: 'name',
+        children: 'subCategory',
+      },
+    };
+  },
+
+  async mounted () {
+    this.loading = false
+    await this.handleSearch()
+    this.loading = true
+  },
+
+  methods: {
+    async handleSearch () {
+
+      const url = "/gov/project/icEvent/detail";
+      // const url = "http://yapi.elinkservice.cn/mock/245/gov/project/icEvent/detail";
+
+      const { data, code, msg } = await requestPost(url, {
+        icEventId: this.eventId,
+      });
+
+      if (code === 0) {
+
+        this.eventDetailData = { ...data };
+        this.pageType = "dispose";
+      } else {
+        this.$message.error(msg);
+      }
+    },
+
+    handleClose () {
+      this.pageType = "";
+      this.$emit("handleClose")
+      // this.eventId = ""
+    },
+    handleOk () {
+      this.pageType = "";
+      // this.eventId = ""
+      this.pageNo = 1
+    },
+
+    handleEditSuccess () {
+      this.handleClose();
+
+    },
+  },
+};
+</script>
+
+<style
+  lang="scss"
+  src="@/assets/scss/modules/visual/people.scss"
+  scoped
+></style>
+<style lang="scss" scoped>
+@import "@/assets/scss/modules/visual/a_customize.scss";
+@import "@/assets/scss/modules/shequzhili/event-info.scss";
+
+.m-pop {
+  color: #fff;
+  .wrap {
+    .list {
+      display: block;
+      width: 60%;
+      .item {
+        display: flex;
+        width: 100%;
+        box-sizing: border-box;
+        margin-top: 0;
+        margin-bottom: 15px;
+        font-size: 16px;
+        cursor: pointer;
+
+        .item-field {
+          flex-shrink: 0;
+        }
+
+        .item-filed-height {
+          line-height: 30px;
+        }
+      }
+      .item-desc {
+        font-size: 16px;
+        color: #fff;
+        margin-bottom: 10px;
+        line-height: 24px;
+      }
+    }
+  }
+  .list-title {
+    width: 100%;
+    box-sizing: border-box;
+    padding: 20px 0 10px 62px;
+    font-size: 20px;
+    color: #fff;
+    cursor: pointer;
+  }
+}
+.list-wr {
+  display: flex;
+  padding: 0 32px;
+}
+
+.sel-service {
+  display: flex;
+  justify-content: flex-start;
+}
+
+.div_btn {
+  display: flex;
+  justify-content: center;
+
+  .item_btn {
+    font-size: 14px;
+    padding: 8px 16px;
+    cursor: pointer;
+
+    border: 1px dashed #0c81fe;
+    border-radius: 6px;
+    background-color: #0c81fe;
+  }
+
+  .mgl {
+    margin-left: 20px;
+  }
+}
+</style>