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

4 years ago · e07294f089
6 changed files with 126 additions and 117 deletions
--- a/.env.development
+++ b/.env.development
@ -1,6 +1,6 @@
 NODE_ENV=development
-VUE_APP_API_SERVER =  https://epmet-test.elinkservice.cn/api
-# VUE_APP_API_SERVER =  http://192.168.1.140/api
+# VUE_APP_API_SERVER =  https://epmet-test.elinkservice.cn/api
+VUE_APP_API_SERVER =  http://192.168.1.140/api
 # VUE_APP_API_SERVER =  http://192.168.51.36:8080/api
 # VUE_APP_API_SERVER =  https://epmet-dev.elinkservice.cn/api
 VUE_APP_NODE_ENV=dev 
--- a/.env.production.sit
+++ b/.env.production.sit
@ -1,5 +1,5 @@
 NODE_ENV=production
-VUE_APP_API_SERVER =  https://epmet-test.elinkservice.cn/api
-# VUE_APP_API_SERVER =  http://192.168.1.140/api
+# VUE_APP_API_SERVER =  https://epmet-test.elinkservice.cn/api
+VUE_APP_API_SERVER =  http://192.168.1.140/api
 VUE_APP_NODE_ENV=prod:sit
 VUE_APP_PUBLIC_PATH=epmet-oper
--- a/public/index.html
+++ b/public/index.html
@ -36,8 +36,8 @@
  <!-- 开发环境 -->
  <% if (process.env.VUE_APP_NODE_ENV==='dev' ) { %>
    <script>
-    //  window.SITE_CONFIG['apiURL'] = 'http://192.168.1.140/api'
-     window.SITE_CONFIG['apiURL'] = 'https://epmet-test.elinkservice.cn/api'
+     window.SITE_CONFIG['apiURL'] = 'http://192.168.1.140/api'
+    //  window.SITE_CONFIG['apiURL'] = 'https://epmet-test.elinkservice.cn/api'
       // window.SITE_CONFIG['apiURL'] = 'http://118.190.150.119:41080/api'
      // window.SITE_CONFIG['apiURL'] = 'https://epmet-dev.elinkservice.cn/api'
    </script>
--- a/src/assets/scss/modules/visual/processAnalyze.scss
+++ b/src/assets/scss/modules/visual/processAnalyze.scss
@ -87,9 +87,9 @@

  .g-r {
    text-align: center;
-    margin: 40px 19px 20px;
-    width: calc(100vw - 60px - 800px);
-    height: calc(100vh - 160px - 20px);
+    margin: 20px 19px 20px;
+    width: calc(100vw - 40px - 800px);
+    height: calc(100vh - 180px - 20px);
  }
 }

@ -172,40 +172,10 @@
 }

 .g-r {
-  .tb {
+  .m-map {
    position: relative;
-    height: calc(100vh - 220px);
-    overflow-y: auto;
-    @include scrollBar;
-
-    .m-pagination {
-      position: absolute;
-      box-sizing: border-box;
-      right: 0;
-      bottom: 0;
-
+    height: 100%;
    width: 100%;
-      height: 40px;
-      display: flex;
-      justify-content: flex-end;
-
-      /deep/ .el-pagination.is-background .el-pager li:not(.disabled).active {
-        background: #0266d1;
-        color: #000d3f;
-      }
-
-      /deep/ .el-pagination .el-pager li {
-        background: #002e74;
-      }
-
-      /deep/ .el-pagination .btn-prev {
-        background: #002e74;
-      }
-
-      /deep/ .el-pagination .btn-next {
-        background: #002e74;
-      }
-    }
  }
 }

--- a/src/views/modules/visual/communityGovern/processAnalyze.vue
+++ b/src/views/modules/visual/communityGovern/processAnalyze.vue
@ -54,13 +54,10 @@
        </div>
      </div>
      <div class="g-r">
-        <div class="m-tb">

-          <div class="tb">
-
-          </div>
-
-        </div>
+        <screen-map class="m-map"
+                    ref="map"
+                    :showIconLayer="true"></screen-map>

      </div>
    </div>
@ -107,28 +104,12 @@ export default {
        { value: 735, name: '已结案', color: '#3DDA83' },

      ],
-      //voting 已转项目：shift_project 已关闭：closed，全部：all
-      stateArray: [
-        {
-          label: '全部',
-          value: 'all'
-        },
-        {
-          label: '表决中',
-          value: 'voting'
-        },
-        {
-          label: '已转项目',
-          value: 'shift_project'
-        },
-        {
-          label: '已关闭',
-          value: 'closed'
-        },
-      ],

      dateId: '',
      agencyId: '',
+      status: 'pending',//状态:待处理 pending，结案closed
+      agencyInfo: {},
+      projectList: [],

      casOptions: [],
      agencyIdArray: [],
@ -163,12 +144,34 @@ export default {

    },
    async getApiData () {
-      await this.getAgencylist()//获取组织级别
+      await this.getWorkUserInfo()
+      // await this.getAgencylist()//获取组织级别
      await this.getProjectTotal()
+      await this.loadProjectlist()
      await this.getLine()
      // await this.getTable();
    },

+    // 获取当前管理员信息
+    getWorkUserInfo () {
+      const url = '/epmetuser/customerstaff/staffbasicinfo'
+      let params = {}
+      window.app.ajax.post(
+        url,
+        params,
+        (data, rspMsg) => {
+          this.agencyInfo = data
+          this.agencyInfo.latitude = 36.072227
+          this.agencyInfo.longitude = 120.389455
+          this.agencyInfo.level = 'street'
+        },
+        (rspMsg, data) => {
+          this.$message.error(rspMsg)
+        }
+      )
+
+    },
+
    async getAgencylist () {
      const url = '/gov/org/customeragency/agencylist'
      // const url = 'http://yapi.elinkservice.cn/mock/102/gov/org/agency/agencylist'
@ -229,6 +232,67 @@ export default {
      }
    },

+    //加载项目
+    async loadProjectlist () {
+      // const url = "/data/aggregator/project/projectstatuslist";
+      const url = "http://yapi.elinkservice.cn/mock/245/data/aggregator/project/projectstatuslist";
+      let params = {
+        agencyId: '',
+        dateId: this.dateId,
+        status: this.status
+      };
+
+      const { data, code, msg } = await requestPost(url, params);
+
+
+      if (code === 0) {
+
+
+        // this.projectList = [...data]
+
+        this.projectList = [
+          {
+            agencyId: '',
+            projectId: '',
+            origin: '',
+            status: '',
+            title: '南宁第二网格南宁第二网格',
+            latitude: 36.072227,
+            longitude: 120.389455,
+          },
+          {
+            agencyId: '',
+            projectId: '',
+            origin: '',
+            status: '',
+            latitude: 36.072227,
+            longitude: 120.389455,
+            title: "南宁第二网格",
+          },
+          {
+            agencyId: '',
+            projectId: '',
+            origin: '',
+            status: '',
+            id: "2a278c0ceb863359d263fda7aabf6742",
+            latitude: 36.072227,
+            longitude: 120.389455,
+            title: "南宁第一网格",
+          }
+        ]
+        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'
+        ]
+        //mapInfo, polygonArray, polIconUrlArray, iconArrays, iconUrlArray
+        this.$refs.map.loadMap(this.agencyInfo, null, null, this.projectList, iconUrlArray)
+
+      } else {
+        this.$message.error(msg);
+      }
+    },
+
    pieInitOk (dom) {
      console.log('pie准备好了')
      this.pieChartS = dom
--- a/src/views/modules/visual/components/screen-map/index.vue
+++ b/src/views/modules/visual/components/screen-map/index.vue
@ -1,15 +1,12 @@
 <template>
-  <div style="position: relative">
-
+  <div class="div_content_map">
    <div class="div_map"
         id="map"
         ref="map">
      <!-- <div id="map"
             class="map"></div> -->
    </div>
-
  </div>
-
 </template>

 <script>
@ -113,13 +110,7 @@ const vueGis = {
      minZoom: 1,//最小缩放

      mapInfo: {
-        agencyLevel: "community",
-        coordinates: "120.37342346270151,36.0950221490494,120.39931465567633,36.09693067926868,120.39740612545705,36.09113306860255,120.39762218548188,36.08911650837086,120.39999884575495,36.0859836380109,120.4010071258708,36.080978247435795,120.39258078490263,36.08094223743166,120.38537878407514,36.08303081767163,120.37616022301596,36.082382637597156,120.37342346270151,36.0950221490494",
-        id: "6e511da6816e53af4cda952365a26eb9",
-        latitude: 36.072227,
-        level: "agency",
-        longitude: 120.389455,
-        name: "南宁社区",
+
      },

      polygonArray: [
@ -153,27 +144,7 @@ const vueGis = {
      ],

      iconArrays: [
-        {
-          id: "2a278c0ceb863359d263fda7aabf6752",
-          latitude: 36.072227,
-          longitude: 120.389455,
-          level: "grid",
-          name: "第三网格",
-        },
-        {
-          id: "2a278c0ceb863359d263fda7aabf6753",
-          latitude: 36.072227,
-          longitude: 120.389455,
-          level: "grid",
-          name: "南宁第二网格",
-        },
-        {
-          id: "2a278c0ceb863359d263fda7aabf6742",
-          latitude: 36.072227,
-          longitude: 120.389455,
-          level: "grid",
-          name: "南宁第一网格",
-        }
+
      ],

      //policon图标样式
@ -183,11 +154,7 @@ const vueGis = {
        'https://elink-esua-epdc.oss-cn-qingdao.aliyuncs.com/epmet/test/20211116/884efcf6d6b44224a7fda599dd1b14cb.png'
      ],
      //icon图标样式
-      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'
-      ],
+      iconUrlArray: [],

    }
  },
@ -197,8 +164,12 @@ const vueGis = {
  },
  methods: {
    //加载地图
-    loadMap (mapInfo) {
+    loadMap (mapInfo, polygonArray, polIconUrlArray, iconArrays, iconUrlArray) {
      this.mapInfo = mapInfo
+      this.polygonArray = polygonArray
+      this.polIconUrlArray = polIconUrlArray
+      this.iconArrays = iconArrays
+      this.iconUrlArray = iconUrlArray

      //初始化地图
      this.initMap()
@ -360,7 +331,7 @@ const vueGis = {
            id: oneIcon.id,
            properties: {
              type: "icon",
-              id: oneIcon.id
+              info: { ...oneIcon.info }
            }
          });

@ -438,16 +409,16 @@ const vueGis = {
        this.centerPoint.push(this.mapInfo.latitude)
      }

-      this.setZoom(this.mapInfo.agencyLevel)
+      this.setZoom(this.mapInfo.level)
    },

    //根据组织层级设置缩放级别
-    setZoom (agencyLevel) {
-      if (agencyLevel === 'district') {
+    setZoom (level) {
+      if (level === 'district') {
        this.zoom = 14
-      } else if (agencyLevel === 'street') {
+      } else if (level === 'street') {
        this.zoom = 15
-      } else if (agencyLevel === 'community') {
+      } else if (level === 'community') {
        this.zoom = 16
      }

@ -597,16 +568,20 @@ export default vueGis;
 ></style>

 <style lang="scss" >
-.div_content {
+.div_content_map {
  .ol-viewport {
    border-radius: 5px;
  }
+  .div_map {
+    box-sizing: border-box;
+    width: 100%;
+    // padding: 10px 5px 13px;
+    // margin-top: 8px;
+    height: 100%;
+    color: #fff;
+  }
 }
 .ol-overlaycontainer-stopevent {
  display: none;
 }
-
-.el-scrollbar__wrap {
-  overflow-x: hidden !important;
-}
 </style>