添加地图分区摄像头数量

2022-07-14 17:02:42 +08:00 · 2022-07-14 17:02:42 +08:00 · 29b20ce55b
parent 1f7a02927e
commit 29b20ce55b
3 changed files with 300 additions and 253 deletions
--- a/front/src/supermap/config/coordinateConfig.js
+++ b/front/src/supermap/config/coordinateConfig.js
@ -2,14 +2,14 @@
 * @Author: hisense.wuhongjian
 * @Date: 2021-10-13 09:30:54
 * @LastEditors: hisense.wuhongjian
- * @LastEditTime: 2021-10-13 15:04:58
+ * @LastEditTime: 2022-07-14 16:28:27
 * @Description: 点位-位置匹配
 */
 const DIVISION = {
  qingdao: [
    {
      districtName: '城阳区',
-      name: '城阳区',
+      name: '城阳区(约1.5万)',
      districtCOde: '',
      latLng: {
        lat: 36.31,
@ -18,7 +18,7 @@ const DIVISION = {
    },
    {
      districtName: '李沧区',
-      name: '李沧区',
+      name: '李沧区(约0.6万)',
      districtCOde: '',
      latLng: {
        lat: 36.17,
@ -27,7 +27,7 @@ const DIVISION = {
    },
    {
      districtName: '市北区',
-      name: '市北区',
+      name: '市北区(约0.7万)',
      districtCOde: '',
      latLng: {
        lat: 36.1,
@ -36,7 +36,7 @@ const DIVISION = {
    },
    {
      districtName: '市南区',
-      name: '市南区',
+      name: '市南区(约0.4万)',
      districtCOde: '',
      latLng: {
        lat: 36.06,
@ -45,7 +45,7 @@ const DIVISION = {
    },
    {
      districtName: '崂山区',
-      name: '崂山区',
+      name: '崂山区(约2.0万)',
      districtCOde: '',
      latLng: {
        lat: 36.11,
@ -54,7 +54,7 @@ const DIVISION = {
    },
    {
      districtName: '即墨区',
-      name: '即墨区',
+      name: '即墨区(约1.4万)',
      districtCOde: '',
      latLng: {
        lat: 36.39,
@ -63,7 +63,7 @@ const DIVISION = {
    },
    {
      districtName: '胶州市',
-      name: '胶州市',
+      name: '胶州市(约1.5万)',
      districtCOde: '',
      latLng: {
        lat: 36.27,
@ -72,7 +72,7 @@ const DIVISION = {
    },
    {
      districtName: '平度市',
-      name: '平度市',
+      name: '平度市(约1.6万)',
      districtCOde: '',
      latLng: {
        lat: 36.78,
@ -81,7 +81,7 @@ const DIVISION = {
    },
    {
      districtName: '莱西市',
-      name: '莱西市',
+      name: '莱西市(约1.0万)',
      districtCOde: '',
      latLng: {
        lat: 36.89,
@ -90,7 +90,7 @@ const DIVISION = {
    },
    {
      districtName: '西海岸新区',
-      name: '西海岸新区',
+      name: '西海岸新区(约4.1万)',
      districtCOde: '',
      latLng: {
        lat: 35.99,
--- a/front/src/views/instructionManual/components/abilityDocTree.vue
+++ b/front/src/views/instructionManual/components/abilityDocTree.vue
@ -1,24 +1,45 @@
 <template>
  <div class="list-box">
-        <div class="list-item" v-for="(item, i) in newDataList" :key="i" @click.stop="showChildren(item)">
+    <div
+      class="list-item"
+      v-for="(item, i) in newDataList"
+      :key="i"
+      @click.stop="showChildren(item)"
+    >
      <a-tooltip placement="top" :title="item.title" arrow-point-at-center>
-                <div :class="[newClickData.title === item.title ? 'select' : '', level === 1 ? 'parent' : '', judgeLeaf(item) ? 'leaf' : '']"
-                    class="list-text">
+        <div
+          :class="[
+            newClickData.title === item.title ? 'select' : '',
+            level === 1 ? 'parent' : '',
+            judgeLeaf(item) ? 'leaf' : '',
+          ]"
+          class="list-text"
+        >
          {{ item.title }}
          <DownOutlined v-show="!item.show && !judgeLeaf(item)" />
          <UpOutlined v-show="item.show && !judgeLeaf(item)" />
        </div>
      </a-tooltip>
      <div style="margin-left: 10px" v-if="!judgeLeaf(item) && item.show">
-                <abilityDocTree :dataList="item.children" @tree-click="handleTreeItem" :clickData="newClickData"
-                    :level="newLevel + 1">
-                </abilityDocTree>
+        <abilityDocTree
+          :dataList="item.children"
+          @tree-click="handleTreeItem"
+          :clickData="newClickData"
+          :level="newLevel + 1"
+        ></abilityDocTree>
      </div>
    </div>
  </div>
 </template>
 <script setup>
-import { defineComponent, onMounted, ref, watch, defineProps, nextTick } from 'vue';
+  import {
+    defineComponent,
+    onMounted,
+    ref,
+    watch,
+    defineProps,
+    nextTick,
+  } from 'vue'
  import { getDevelopDocTree } from '@/api/home'
  import { message } from 'ant-design-vue'
  import { UpOutlined, DownOutlined } from '@ant-design/icons-vue'
@ -26,15 +47,17 @@ import { UpOutlined, DownOutlined } from '@ant-design/icons-vue'
  const props = defineProps({
    dataList: {
      type: Array,
-        default: () => []
+      default: () => [],
    },
    level: {
      type: Number,
-        default: 1
+      default: 1,
    },
    clickData: {
      type: Object,
-        default: () => { title: '' }
+      default: () => {
+        title: ''
+      },
    },
  })

@ -63,7 +86,7 @@ const showChildren = (item) => {
      }
    }
    if (item.children && item.children.length > 0) {
-        item.show = !item.show;
+      item.show = !item.show
    }
  }

@ -87,9 +110,8 @@ watch(

  const emit = defineEmits(['treeClick'])
  const handleTreeItem = (item) => {
-    emit('tree-click', item);
+    emit('tree-click', item)
  }
-
 </script>
 <style lang="less" scoped>
  .list-text {
--- a/front/src/views/instructionManual/index.vue
+++ b/front/src/views/instructionManual/index.vue
@ -4,25 +4,43 @@
    <div id="container" class="content-menu">
      <div class="rela">
        <div class="left">
-          <div class="first-title-text" v-for="(data, i) in titleList" :key="i" @click="changeName(data)"
-            :style="{ color: data.name === titleData.name ? '#0058e1' : '' }">
+          <div
+            class="first-title-text"
+            v-for="(data, i) in titleList"
+            :key="i"
+            @click="changeName(data)"
+            :style="{ color: data.name === titleData.name ? '#0058e1' : '' }"
+          >
            <div class="img" :class="data.className"></div>
            {{ data.name }}
          </div>
-          <abilityDocTree :dataList="treeArray" @treeClick="treeClick" :clickData="clickData"></abilityDocTree>
+          <abilityDocTree
+            :dataList="treeArray"
+            @treeClick="treeClick"
+            :clickData="clickData"
+          ></abilityDocTree>
        </div>
        <div class="right">
-          <div class="new-menu-box" style="height:100%" v-if="titleData.name === '新手指引'">
+          <div
+            class="new-menu-box"
+            style="height: 100%"
+            v-if="titleData.name === '新手指引'"
+          >
            <!-- 新手指引 -->
            <a-empty description="新手指引" />
          </div>
          <div v-else style="height: 100%">
-            <iframe name="iframeName" width="1000" height="100%" id="iframeId" :frameborder="0"
-              :src="clickData.doc"></iframe>
+            <iframe
+              name="iframeName"
+              width="1000"
+              height="100%"
+              id="iframeId"
+              :frameborder="0"
+              :src="clickData.doc"
+            ></iframe>
          </div>
        </div>
      </div>
-
    </div>
  </div>
 </template>
@ -37,52 +55,58 @@ import flatten from '@turf/flatten'
  const titleList = ref([
    {
      name: '新手指引',
-    className: 'newGuide'
+      className: 'newGuide',
    },
    {
      name: '技术文档',
-    className: 'doc'
-  }
+      className: 'doc',
+    },
  ])
  const titleData = ref(titleList.value[0])
  const clickData = ref({})
  const treeArray = ref([])
  const treeArrayCopy = ref([])
-let typeList = ['组件服务', '应用资源', '基础设施', '数据资源', '知识库'];
+  let typeList = ['组件服务', '应用资源', '基础设施', '数据资源', '知识库']

  const treeClick = (item) => {
-  clickData.value = item;
-  console.log('clickData------------>', item);
+    clickData.value = item
+    console.log('clickData------------>', item)
    titleData.value = titleList.value[1]
  }

  const getTreeData = () => {
-  getDevelopDocTree({}).then((res) => {
-    console.log('res------文档树------>', res);
+    getDevelopDocTree({})
+      .then((res) => {
+        console.log('res------文档树------>', res)
        if (res.data.code !== 0) {
          return message.error(res.data.msg)
        }
-    treeArray.value = res.data.data || [];
+        treeArray.value = res.data.data || []
        treeArrayCopy.value = JSON.parse(JSON.stringify(treeArray.value))
-  }).catch((err) => {
+      })
+      .catch((err) => {
        message.error(err)
-  });
+      })
  }

  const changeName = (item) => {
-  titleData.value = item;
+    titleData.value = item
    if (item.name == '新手指引') {
      clickData.value = {}
    }
    if (item.name == '技术文档') {
      if (!clickData.value.title) {
        clickData.value = {}
-      treeArray.value = [];
+        treeArray.value = []
        treeArrayCopy.value.map((val, i) => {
          let obj = Object.assign({}, val, {
            title: val.title,
-          show: (i === 0 && val.children && val.children.length > 0) || typeList.includes(val.title) ? true : false,
-          children: []
+            show:
+              (i === 0 && val.children && val.children.length > 0) ||
+              typeList.includes(val.title)
+                ? true
+                : false,
+            children: [],
          })
          formData(val.children, obj)
          treeArray.value.push(obj)
@ -92,13 +116,16 @@ const changeName = (item) => {
    }
  }

-
  const formData = (children = [], dataItem) => {
    children.map((item, index) => {
      let _obj = Object.assign({}, item, {
        title: item.title,
-      show: (index === 0 && item.children && item.children.length > 0) || typeList.includes(item.title) ? true : false,
-      children: []
+        show:
+          (index === 0 && item.children && item.children.length > 0) ||
+          typeList.includes(item.title)
+            ? true
+            : false,
+        children: [],
      })
      if (item.children && item.children.length > 0) {
        formData(item.children, _obj)
@ -118,8 +145,6 @@ const getFirstData = (firstObj = {}) => {
  onMounted(() => {
    getTreeData()
  })
-
-
 </script>

 <style scoped lang="less">