From 3e225ddce24d80eaa681dccfe73c491a4d6f25e6 Mon Sep 17 00:00:00 2001
From: gongjiale <942894820@qq.com>
Date: Mon, 21 Nov 2022 12:21:21 +0800
Subject: [PATCH 1/8] =?UTF-8?q?=E6=A0=87=E7=AD=BE=E8=A7=86=E9=A2=91?=
 =?UTF-8?q?=E6=B7=BB=E5=8A=A0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 front/src/api/file.js                         |   9 +
 .../home/detailsPageInfrastructureTreeXha.vue | 247 +++++++++++++++---
 .../views/home/videoSurveillance/index.vue    |  25 +-
 3 files changed, 236 insertions(+), 45 deletions(-)

diff --git a/front/src/api/file.js b/front/src/api/file.js
index 23e6e43a..d5ae6a57 100644
--- a/front/src/api/file.js
+++ b/front/src/api/file.js
@@ -113,6 +113,15 @@ export function getPlaceType() {
     config2
   )
 }
+
+//西海岸 根据标签树查询视频列表
+export function CameraConditionPlaceType(params) {
+  return axios.post(
+    'http://10.134.135.92:9537/data_service/getCamera/CameraConditionPlaceType',
+    params,
+    config2
+  )
+}
 // 西海岸--获取摄像头列表的后台地址 (测试环境地址：10.134.135.92:9537)
 let _cameraUrl =
   (_global &&
diff --git a/front/src/views/home/detailsPageInfrastructureTreeXha.vue b/front/src/views/home/detailsPageInfrastructureTreeXha.vue
index b30661cb..9ce9e429 100644
--- a/front/src/views/home/detailsPageInfrastructureTreeXha.vue
+++ b/front/src/views/home/detailsPageInfrastructureTreeXha.vue
@@ -1,8 +1,34 @@
 <template>
   <div class="wrapper">
-    <div class="wrapper-title-left-tree" :key="showKey">
+    <div class="nav">
+      <div :class="{ active: itemIndex == 1 }" @click="btnClick(1)">
+        <span
+          class="photo"
+          :style="{
+            backgroundImage: `url(${bumenImg}) `,
+            backgroundSize: 'cover',
+          }"
+        ></span>
+        <span>部门</span>
+      </div>
+      <div :class="{ active: itemIndex == 2 }" @click="btnClick(2)">
+        <span
+          class="photo"
+          :style="{
+            backgroundImage: `url(${biaoqianImg}) `,
+            backgroundSize: 'cover',
+          }"
+        ></span>
+        <span>标签</span>
+      </div>
+    </div>
+    <div v-if="itemIndex == 1" class="wrapper-title-left-tree" :key="showKey">
       <div v-for="item in treeData" :key="item.id" class="primaryNode">
-        <div class="top" @click="showBottom(item)" :class="item.show ? 'topSelect' : ''">
+        <div
+          class="top"
+          @click="showBottom(item)"
+          :class="item.show ? 'topSelect' : ''"
+        >
           {{ item.name }}
           ({{ item.channelCount }})
           <DownOutlined v-show="!item.show" />
@@ -10,13 +36,28 @@
         </div>
         <div class="bottom" v-show="item.show">
           <div v-for="val in item.children" :key="val.id" class="item">
-            <div class="up" :class="selectId == val.id ? 'select' : ''"
-              @click="showDown(item, val), onSelect(item, val)">
+            <div
+              class="up"
+              :class="selectId == val.id ? 'select' : ''"
+              @click="showDown(item, val), onSelect(item, val)"
+            >
               <div>
-                <svg t="1654068878091" class="icon" viewBox="0 0 1024 1024" version="1.1"
-                  xmlns="http://www.w3.org/2000/svg" p-id="2156" width="0.25rem" height="0.25rem"
-                  v-show="selectId == val.id">
-                  <path d="M512 624a112 112 0 1 0 0-224 112 112 0 0 0 0 224z" p-id="2157" fill="#0058e1"></path>
+                <svg
+                  t="1654068878091"
+                  class="icon"
+                  viewBox="0 0 1024 1024"
+                  version="1.1"
+                  xmlns="http://www.w3.org/2000/svg"
+                  p-id="2156"
+                  width="0.25rem"
+                  height="0.25rem"
+                  v-show="selectId == val.id"
+                >
+                  <path
+                    d="M512 624a112 112 0 1 0 0-224 112 112 0 0 0 0 224z"
+                    p-id="2157"
+                    fill="#0058e1"
+                  ></path>
                 </svg>
                 <span class="name">{{ val.name }}({{ val.channelCount }})</span>
               </div>
@@ -27,13 +68,30 @@
               </span>
             </div>
             <div class="down" v-show="val.show">
-              <div v-for="child in val.children" :key="child.id" class="child"
-                :class="selectId == child.id ? 'select2' : ''" @click="onSelect(item, child, child)">
+              <div
+                v-for="child in val.children"
+                :key="child.id"
+                class="child"
+                :class="selectId == child.id ? 'select2' : ''"
+                @click="onSelect(item, child, child)"
+              >
                 <div>
-                  <svg t="1654068878091" class="icon" viewBox="0 0 1024 1024" version="1.1"
-                    xmlns="http://www.w3.org/2000/svg" p-id="2156" width="0.25rem" height="0.25rem"
-                    v-show="selectId == child.id">
-                    <path d="M512 624a112 112 0 1 0 0-224 112 112 0 0 0 0 224z" p-id="2157" fill="#0058e1"></path>
+                  <svg
+                    t="1654068878091"
+                    class="icon"
+                    viewBox="0 0 1024 1024"
+                    version="1.1"
+                    xmlns="http://www.w3.org/2000/svg"
+                    p-id="2156"
+                    width="0.25rem"
+                    height="0.25rem"
+                    v-show="selectId == child.id"
+                  >
+                    <path
+                      d="M512 624a112 112 0 1 0 0-224 112 112 0 0 0 0 224z"
+                      p-id="2157"
+                      fill="#0058e1"
+                    ></path>
                   </svg>
                   <span class="name">
                     {{ child.name }}
@@ -46,12 +104,31 @@
         </div>
       </div>
     </div>
+    <div v-if="itemIndex == 2" class="wrapper-title-left-tree">
+      <div v-for="(item, index) in biaoqianList">
+        <div class="titleName">{{ item.placeTypeName }}</div>
+        <div class="glgkmk" v-for="(child, index) in item.children">
+          <a-tooltip placement="topLeft">
+              <template #title>{{ child.placeTypeName }}</template>
+              <div
+            class="glgknum"
+            :class="{ active: child.placeTypeCode == chooseId }"
+            @click="tabClick(child.placeTypeCode)"
+          >
+            {{ child.placeTypeName }}
+          </div>
+            </a-tooltip>
+          
+        </div>
+      </div>
+    </div>
   </div>
 </template>
 <script>
 import { defineComponent, ref, watch } from 'vue'
 import { getCameraAllOrgan } from '@/api/videoSurveillance'
-import { getCameraInfoByAreaId } from '@/api/file'
+
+import { getCameraInfoByAreaId ,getPlaceType} from '@/api/file'
 import mybus from '@/myplugins/mybus'
 import { useRouter } from 'vue-router'
 import { UpOutlined, DownOutlined } from '@ant-design/icons-vue'
@@ -59,29 +136,39 @@ import { DETAIL_PAGE_CONTENT_DEFAULT_TAB } from '@/global/GlobalConfig.js'
 
 export default defineComponent({
   setup() {
+    const biaoqianList = ref([])
+    const bumenImg = require('@/assets/newHome/bumen.png')
+    const biaoqianImg = require('@/assets/newHome/biaoqian.png')
     const router = useRouter()
     const whoShow1 = ref(whoShow)
     const showKey = ref(0)
     const treeData = ref([])
     const selectId = ref('')
-
+    let itemIndex = ref(1)
+    let chooseId = ref('')
+    //切换tab
+    const btnClick = (index) => {
+      itemIndex.value = index
+    }
+    //选择标签内容
+    const tabClick = (id) => {
+      chooseId.value = id
+      let placeTypeCode =[]
+      placeTypeCode.push(id)
+      mybus.emit('CameraConditionPlaceType', placeTypeCode)
+    }
     // 初始化
     const init = async () => {
       treeData.value = []
-      console.log(
-        'router.currentRoute.value.query.select',
-        router.currentRoute.value.query.select
-      )
-      let select = router.currentRoute.value.query.select || DETAIL_PAGE_CONTENT_DEFAULT_TAB
+      let select =
+        router.currentRoute.value.query.select ||
+        DETAIL_PAGE_CONTENT_DEFAULT_TAB
       if (select === '123') {
         select = ''
       }
-      console.log(
-        '获取url中的select=====================>',
-        router.currentRoute.value.query.select
-      )
       if (select == '基础设施') {
-        let res = {};
+  
+        let res = {}
         if (whoShow1.value && !whoShow1.value.itShowXiHaiAn) {
           res = await getCameraAllOrgan({ parentId: 'S4NbecfYB1DBH8HNULGS34' })
         } else {
@@ -90,9 +177,13 @@ export default defineComponent({
             areaId: '70be8c5b664f4bcf869d82f2e8335051',
           })
         }
-        treeData.value = res.data && res.data.data || []
+        treeData.value = (res.data && res.data.data) || []
+        let tabs={}
+        tabs = await getPlaceType()
+        //获取标签列表=========
+        biaoqianList.value =(tabs.data && tabs.data.data) || []
         // 只有一个，默认展开到二级菜单
-        if(res.data && res.data.data.length == 1) {
+        if (res.data && res.data.data.length == 1) {
           showBottom(treeData.value[0])
         }
       }
@@ -102,15 +193,12 @@ export default defineComponent({
     })
 
     const onSelect = async (item, val, child) => {
-      console.log('item--------onSelect---->', item);
-      console.log('val------onSelect------>', val);
-      console.log('child-----onSelect------->', child);
-      mybus.emit('getCameraByParentId', val.id)
-      mybus.emit('getListByParentId', val.id)
+
       let res = {}
       if (whoShow1.value && !whoShow1.value.itShowXiHaiAn) {
         res = await getCameraAllOrgan({ parentId: val.id })
       } else {
+         mybus.emit('getCameraByParentId', val.id)
         // 西海岸
         res = await getCameraInfoByAreaId({ areaId: val.id })
       }
@@ -137,8 +225,8 @@ export default defineComponent({
     })
 
     const showBottom = async (item) => {
-      item.show = !item.show;
-      let res = {};
+      item.show = !item.show
+      let res = {}
       if (whoShow1.value && !whoShow1.value.itShowXiHaiAn) {
         res = await getCameraAllOrgan({ parentId: item.id })
       } else {
@@ -148,17 +236,17 @@ export default defineComponent({
 
       treeData.value.map((treeDataItem, index) => {
         if (item.id == treeDataItem.id) {
-          treeData.value[index].children = res.data && res.data.data || []
+          treeData.value[index].children = (res.data && res.data.data) || []
           console.log('treeData.value.[index]', treeData.value[index])
         }
       })
     }
     const showDown = (item, val) => {
       selectId.value = val.id
-      console.log('item---showDown--------->', item);
-      console.log('val----showDown-------->', val);
+      console.log('item---showDown--------->', item)
+      console.log('val----showDown-------->', val)
       if (item.children) {
-        val.show = !val.show;
+        val.show = !val.show
         // 取消选中
         if (!val.show) {
           selectId.value = ''
@@ -166,12 +254,19 @@ export default defineComponent({
       }
     }
     return {
+      btnClick,
+      tabClick,
       treeData,
       showKey,
       onSelect,
       showBottom,
       showDown,
       selectId,
+      itemIndex,
+      bumenImg,
+      biaoqianImg,
+      biaoqianList,
+      chooseId,
     }
   },
   beforeUnmount() {
@@ -185,6 +280,76 @@ export default defineComponent({
 })
 </script>
 <style lang="less" scoped>
+.titleName {
+  font-size: 18px;
+  color: #7e7676;
+  margin-bottom: 10px;
+  padding-left: 10px;
+  border-left: 6px solid #1296db;
+}
+.glgkmk {
+  cursor: pointer;
+  text-align: left;
+  position: relative;
+  display: inline-block;
+  width: 30%;
+  margin-bottom: 10px;
+  margin-left: 6px;
+ 
+  .glgknum {
+    // width: 100px;
+    // color: #000000;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    display: -webkit-box;
+    -webkit-line-clamp: 1;
+    -webkit-box-orient: vertical;
+    word-break: break-all;
+  }
+  .active {
+    color: #0058e1;
+  }
+}
+
+.glgkmk :hover {
+  color: #0058e1;
+}
+.nav {
+  margin-bottom: 13px;
+  display: flex;
+  justify-content: space-around;
+  align-items: center;
+  font-size: 18px;
+  font-family: 'Alibaba PuHuiTi';
+  color: #000000;
+  line-height: 0.32rem;
+  margin-bottom: 0.1rem;
+
+  .photo {
+    display: inline-block;
+    height: 0.3rem;
+    width: 0.3rem;
+    margin-right: 0.1rem;
+  }
+
+  div {
+    padding: 0 0.1rem;
+    cursor: pointer;
+    display: flex;
+    align-items: center;
+  }
+
+  div:hover {
+    color: #1296db;
+  }
+
+  .active {
+    font-weight: 600;
+    color: #1296db;
+    border-bottom: 0.02rem solid #1296db;
+  }
+}
+
 .primaryNode {
   .top {
     width: 100%;
@@ -232,7 +397,7 @@ export default defineComponent({
       border-top: 0.01rem solid #ccc;
       padding: 0 0.1rem;
 
-      &>div {
+      & > div {
         display: flex;
         justify-content: flex-start;
       }
@@ -289,7 +454,7 @@ export default defineComponent({
         align-items: center;
         padding: 0 0.1rem;
 
-        &>div {
+        & > div {
           display: flex;
           justify-content: flex-start;
         }
diff --git a/front/src/views/home/videoSurveillance/index.vue b/front/src/views/home/videoSurveillance/index.vue
index 1d8cad1e..6128f09d 100644
--- a/front/src/views/home/videoSurveillance/index.vue
+++ b/front/src/views/home/videoSurveillance/index.vue
@@ -108,7 +108,7 @@ import { ElMessage } from 'element-plus'
     selectByLabelName,
     selectByChannelName,
   } from '@/api/videoSurveillance'
-  import { getCameraByCondition,getListForPOI } from '@/api/file'
+  import { getCameraByCondition,getListForPOIm,CameraConditionPlaceType } from '@/api/file'
   import mybus from '@/myplugins/mybus'
   import * as turf from '@turf/turf';
 
@@ -204,8 +204,25 @@ import { ElMessage } from 'element-plus'
       mybus.on('cameraDataOnMap', (data) => {
           this.addResourceTomap('videoMap', data)
       })
+      //行政区划点击查询摄像头
+      mybus.off('CameraConditionPlaceType')
+      mybus.on('CameraConditionPlaceType', (data) => {
+        this.queryCameraConditionPlace(data)
+         
+      })
     },
     methods: { // 查询
+      //查询标签视频
+      queryCameraConditionPlace(data) {
+          let params = {
+        placeTypeCode: data,
+        pageNum: "1",
+        pageSize: 30000,
+        }
+      CameraConditionPlaceType(params).then((res) => {
+          this.addResourceTomap('videoMap', res.data.data)
+        })
+      },
       handleEnter(){
         console.log('查询',this.address,this.addressType)
         if(this.address){
@@ -378,9 +395,9 @@ import { ElMessage } from 'element-plus'
       // 初始化地址匹配服务
       initAddressMatchService() {
         this.L = window.L || {}
-        this.addressMatchService = L.supermap.addressMatchService(
-          this.addressMatchUrl
-        )
+        // this.addressMatchService = L.supermap.addressMatchService(
+        //   this.addressMatchUrl
+        // )
       },
       areaMode(){
         // 转换不规则形状模式

From 1d02b59509fd3dce3b12cc4ce85fcde7fddbabeb Mon Sep 17 00:00:00 2001
From: a0049873 <79py69t9wb@privaterelay.appleid.com>
Date: Mon, 21 Nov 2022 13:48:57 +0800
Subject: [PATCH 2/8] =?UTF-8?q?=E6=9F=A5=E8=AF=A2=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../views/home/videoSurveillance/index.vue    | 59 +++++++++++++++++--
 1 file changed, 55 insertions(+), 4 deletions(-)

diff --git a/front/src/views/home/videoSurveillance/index.vue b/front/src/views/home/videoSurveillance/index.vue
index 2627f8a1..fd162db1 100644
--- a/front/src/views/home/videoSurveillance/index.vue
+++ b/front/src/views/home/videoSurveillance/index.vue
@@ -35,14 +35,26 @@
           <el-option label="兴趣点" value="1" />
           <el-option label="点位" value="2" />
         </el-select>
-        <el-input
+        <el-autocomplete
           v-if="addressType==1"
+            v-model="address"
+            :fetch-suggestions="querySearch"
+            clearable
+            class="input-with-select"
+            placeholder="请输入关键词"
+            @select="
+              (addressItem) => {
+                selectedAddress(addressItem, i)
+              }
+            "
+          />
+        <!-- <el-input
           v-model="address"
           placeholder="请输入关键词"
           class="input-with-select"
           @keyup.enter="handleEnter"
         >
-        </el-input>
+        </el-input> -->
         <el-autocomplete
           v-else-if="addressType==2"
           v-model="address"
@@ -149,6 +161,7 @@ import { ElMessage } from 'element-plus'
           type: 0,  //0是无，1画圆，2不规则
         },
         pointAllData:[],
+        restaurants:[],
       }
     },
     components: {
@@ -205,8 +218,44 @@ import { ElMessage } from 'element-plus'
           this.addResourceTomap('videoMap', data)
       })
     },
-    methods: { // 查询
-      handleEnter(){
+    methods: {
+       querySearch (queryString, cb) {
+        console.log('querySearch',queryString, cb,this.restaurants)
+        if(queryString){
+          getListForPOI({keywords:queryString}).then(res => {
+            if(res.data.data.rows[0]){
+              res.data.data.rows.map( val =>{
+                let arr = val.location.split(',')
+                val.location = {y:arr[1],x:arr[0]}
+                val.value = val.name
+              })
+              const results =res.data.data.rows
+              cb(results)
+            }else{
+              ElMessage({
+                showClose: true,
+                message: '未查询到兴趣点！',
+                type: 'warning',
+              })
+            }
+          })
+        }else{
+          cb([])
+        }
+        // const results = queryString
+        //   ? this.restaurants.filter(createFilter(queryString))
+        //   : this.restaurants
+        // call callback function to return suggestions
+      },
+      createFilter (queryString) {
+        return (restaurant) => {
+          return (
+            restaurant.toLowerCase().indexOf(queryString.toLowerCase()) === 0
+          )
+        }
+      },
+      // 查询
+      handleEnter(queryString, cb){
         console.log('查询',this.address,this.addressType)
         if(this.address){
           getListForPOI({keywords:this.address}).then(res => {
@@ -444,6 +493,7 @@ import { ElMessage } from 'element-plus'
       },
       //查询地址建议匹配
       async searchAddressByKeyWord(queryString, cb, indexX) {
+        console.log('queryString, cb, indexX',queryString, cb, indexX)
         this.disasterPointIndex = indexX
         /* const res = await bdPlaceSearch({ searchKey: queryString });
         if (res.data) {
@@ -556,6 +606,7 @@ import { ElMessage } from 'element-plus'
         }
       },
       handleSelect(item) {
+        console.log('1111',item)
         this.hiMapFun.clearAllLayers()
         //定时器方法
         let arr = item.detail.location.split(',')

From f39257bdb0384fddab7e662527b7f463d7ec0bca Mon Sep 17 00:00:00 2001
From: gongjiale <942894820@qq.com>
Date: Mon, 21 Nov 2022 14:14:45 +0800
Subject: [PATCH 3/8] =?UTF-8?q?=E8=A5=BF=E6=B5=B7=E5=B2=B8=E5=B7=A6?=
 =?UTF-8?q?=E4=BE=A7=E6=A0=B7=E5=BC=8F=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 front/public/static/config/basicConfig.js | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/front/public/static/config/basicConfig.js b/front/public/static/config/basicConfig.js
index b6641aa4..efea83fb 100644
--- a/front/public/static/config/basicConfig.js
+++ b/front/public/static/config/basicConfig.js
@@ -67,12 +67,14 @@ var CONFIGITEM = {
             },
             backUrl: 'http://10.134.135.9:9797',
             previewUrl: 'http://10.134.135.9:9796/',
-            apiURL: 'http://10.134.135.92:8888/renren-admin',
             // websocketURL: '10.134.135.9:8888/ucs-admin', // 正式环境
-            websocketURL: '10.134.135.92:8888/ucs-admin', // 测试环境
-            //websocketURL: '192.168.124.254:8888/ucs-admin', // 李志成-远雄
+            // websocketURL: '10.134.135.92:8888/ucs-admin', // 测试环境
+            // apiURL: 'http://10.134.135.92:8888/renren-admin',
+            apiURL: 'http://192.168.124.233:8888/ucs-admin',
+            // websocketURL: '192.168.124.254:8888/ucs-admin', // 李志成-远雄
             // websocketURL: '10.18.1.99:8889/ucs-admin', // 研发
-            POI_URL: 'http://15.72.178.129:8090/iserver/services/addressmatch-qingdaoPOI181015/restjsr/v1/address',
+            POI_URL:
+                'http://15.72.178.129:8090/iserver/services/addressmatch-qingdaoPOI181015/restjsr/v1/address',
         },
         // 开发
         dev: {

From 88d86a674949b34e0a892a3dbfa79c76392968b8 Mon Sep 17 00:00:00 2001
From: gongjiale <942894820@qq.com>
Date: Mon, 21 Nov 2022 14:16:21 +0800
Subject: [PATCH 4/8] =?UTF-8?q?Revert=20"=E8=A5=BF=E6=B5=B7=E5=B2=B8?=
 =?UTF-8?q?=E5=B7=A6=E4=BE=A7=E6=A0=B7=E5=BC=8F=E4=BF=AE=E6=94=B9"?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

This reverts commit f39257bdb0384fddab7e662527b7f463d7ec0bca.
---
 front/public/static/config/basicConfig.js | 10 ++++------
 1 file changed, 4 insertions(+), 6 deletions(-)

diff --git a/front/public/static/config/basicConfig.js b/front/public/static/config/basicConfig.js
index efea83fb..b6641aa4 100644
--- a/front/public/static/config/basicConfig.js
+++ b/front/public/static/config/basicConfig.js
@@ -67,14 +67,12 @@ var CONFIGITEM = {
             },
             backUrl: 'http://10.134.135.9:9797',
             previewUrl: 'http://10.134.135.9:9796/',
+            apiURL: 'http://10.134.135.92:8888/renren-admin',
             // websocketURL: '10.134.135.9:8888/ucs-admin', // 正式环境
-            // websocketURL: '10.134.135.92:8888/ucs-admin', // 测试环境
-            // apiURL: 'http://10.134.135.92:8888/renren-admin',
-            apiURL: 'http://192.168.124.233:8888/ucs-admin',
-            // websocketURL: '192.168.124.254:8888/ucs-admin', // 李志成-远雄
+            websocketURL: '10.134.135.92:8888/ucs-admin', // 测试环境
+            //websocketURL: '192.168.124.254:8888/ucs-admin', // 李志成-远雄
             // websocketURL: '10.18.1.99:8889/ucs-admin', // 研发
-            POI_URL:
-                'http://15.72.178.129:8090/iserver/services/addressmatch-qingdaoPOI181015/restjsr/v1/address',
+            POI_URL: 'http://15.72.178.129:8090/iserver/services/addressmatch-qingdaoPOI181015/restjsr/v1/address',
         },
         // 开发
         dev: {

From f795484416e42308845a4c018f24be6308acf095 Mon Sep 17 00:00:00 2001
From: gongjiale <942894820@qq.com>
Date: Mon, 21 Nov 2022 14:19:16 +0800
Subject: [PATCH 5/8] =?UTF-8?q?=E8=A5=BF=E6=B5=B7=E5=B2=B8=E5=B7=A6?=
 =?UTF-8?q?=E4=BE=A7=E6=A0=B7=E5=BC=8F=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 front/public/static/config/basicConfig.js     | 229 +++++++++---------
 front/src/views/home/DetailsPageconetent.vue  |   2 +-
 .../home/detailsPageInfrastructureTreeXha.vue |   4 +-
 3 files changed, 120 insertions(+), 115 deletions(-)

diff --git a/front/public/static/config/basicConfig.js b/front/public/static/config/basicConfig.js
index b6641aa4..1659fe20 100644
--- a/front/public/static/config/basicConfig.js
+++ b/front/public/static/config/basicConfig.js
@@ -7,117 +7,122 @@
  */
 var _global = {}
 var CONFIGITEM = {
-    // version: 'qingdao', //青岛
-    version: 'xihaian', // 西海岸
-    //version: 'dev', // 开发
-    // version: 'zhanTingDev', // 展厅dev (2022-09-13:姜永超让添加)
-    // version: 'qingdao', // 测试
-    //version: 'frp', // 内网穿透
-    vNum: 'v0.8.15.2',
-    configData: {
-        // 青岛市大数据局
-        qingdao: {
-            loginInfo: {
-                // 视频平台登陆信息
-                loginIp: '10.132.191.3',
-                loginPort: '8320',
-                userName: 'ynszdz',
-                userPwd: 'Admin@123',
-            },
-            backUrl: 'http://15.72.183.90:8001',
-            previewUrl: 'http://15.72.183.90:7008/',
-            //frontUrl: 'http://15.72.183.90:7008/document/#/devModelFile/',
-            apiURL: 'http://15.72.183.90:8000/ucs-admin',
-            websocketURL: '15.72.183.90:8000/ucs-admin',
-            // websocketURL: '192.168.124.233:8888/ucs-admin',
-            POI_URL: 'http://15.72.178.129:8090/iserver/services/addressmatch-qingdaoPOI181015/restjsr/v1/address',
-        },
-        // 研发展厅
-        zhanTingDev: {
-            loginInfo: {
-                // 视频平台登陆信息
-                loginIp: '10.132.191.3',
-                loginPort: '8320',
-                userName: 'ynszdz',
-                userPwd: 'Admin@123',
-            },
-            backUrl: 'http://15.72.183.90:8001',
-            previewUrl: 'http://15.72.183.90:7008/',
-            //frontUrl: 'http://15.72.183.90:7008/document/#/devModelFile/',
-            //apiURL: 'http://15.72.183.90:8000/ucs-admin',
-            // websocketURL: '10.16.5.146:8888/ucs-admin', // 姜永超
-            websocketURL: '10.18.1.99:8889/ucs-admin',
-            // websocketURL: '10.16.5.35:8888/ucs-admin',
-            POI_URL: 'http://15.72.178.129:8090/iserver/services/addressmatch-qingdaoPOI181015/restjsr/v1/address',
-        },
-        // 西海岸大数据局
-        xihaian: {
-            loginInfo: {
-                // 视频平台登陆信息
-                loginIp: '',
-                loginPort: '',
-                userName: '',
-                userPwd: '',
-            },
-            // 获取摄像头的后端接口地址
-            camreaInfo: {
-                // cameraUrl: '10.134.135.92:9537', // 西海岸-测试环境
-                // cameraUrl: '10.134.135.9:9537', // 西海岸-生产环境
-                cameraUrl: '192.168.124.236:9537', // 远雄（不挂vpn可直接连）
-            },
-            backUrl: 'http://10.134.135.9:9797',
-            previewUrl: 'http://10.134.135.9:9796/',
-            apiURL: 'http://10.134.135.92:8888/renren-admin',
-            // websocketURL: '10.134.135.9:8888/ucs-admin', // 正式环境
-            websocketURL: '10.134.135.92:8888/ucs-admin', // 测试环境
-            //websocketURL: '192.168.124.254:8888/ucs-admin', // 李志成-远雄
-            // websocketURL: '10.18.1.99:8889/ucs-admin', // 研发
-            POI_URL: 'http://15.72.178.129:8090/iserver/services/addressmatch-qingdaoPOI181015/restjsr/v1/address',
-        },
-        // 开发
-        dev: {
-            loginInfo: {
-                // 视频平台登陆信息
-                loginIp: '',
-                loginPort: '',
-                userName: '',
-                userPwd: '',
-            },
-            backUrl: 'http://localhost:8001',
-            previewUrl: 'http://192.168.124.243:9796/',
-            apiURL: 'http://192.168.124.243:8888/ucs-admin',
-            websocketURL: '192.168.124.243:8888/ucs-admin',
-            // websocketURL: '10.18.1.99:8889/ucs-admin',
-            POI_URL: 'http://15.72.178.129:8090/iserver/services/addressmatch-qingdaoPOI181015/restjsr/v1/address',
-        },
-        // 测试
-        test: {
-            loginInfo: {
-                // 视频平台登陆信息
-                loginIp: '',
-                loginPort: '',
-                userName: '',
-                userPwd: '',
-            },
-            backUrl: 'http://192.168.124.243:9797',
-            previewUrl: 'http://192.168.124.243:9796/',
-            websocketURL: '192.168.124.243:8888/ucs-admin',
-            POI_URL: 'http://15.72.178.129:8090/iserver/services/addressmatch-qingdaoPOI181015/restjsr/v1/address',
-        },
-        // 内网穿透
-        frp: {
-            loginInfo: {
-                // 视频平台登陆信息
-                loginIp: '',
-                loginPort: '',
-                userName: '',
-                userPwd: '',
-            },
-            backUrl: 'http://124.222.94.39:9797',
-            previewUrl: 'http://124.222.94.39:9796/',
-            websocketURL: '124.222.94.39:8888/ucs-admin',
-            POI_URL: 'http://15.72.178.129:8090/iserver/services/addressmatch-qingdaoPOI181015/restjsr/v1/address',
-        },
+  // version: 'qingdao', //青岛
+  // version: 'xihaian', // 西海岸
+  version: 'dev', // 开发
+  // version: 'zhanTingDev', // 展厅dev (2022-09-13:姜永超让添加)
+  // version: 'qingdao', // 测试
+  //version: 'frp', // 内网穿透
+  vNum: 'v0.8.15.2',
+  configData: {
+    // 青岛市大数据局
+    qingdao: {
+      loginInfo: {
+        // 视频平台登陆信息
+        loginIp: '10.132.191.3',
+        loginPort: '8320',
+        userName: 'ynszdz',
+        userPwd: 'Admin@123',
+      },
+      backUrl: 'http://15.72.183.90:8001',
+      previewUrl: 'http://15.72.183.90:7008/',
+      //frontUrl: 'http://15.72.183.90:7008/document/#/devModelFile/',
+      apiURL: 'http://15.72.183.90:8000/ucs-admin',
+      websocketURL: '15.72.183.90:8000/ucs-admin',
+      // websocketURL: '192.168.124.233:8888/ucs-admin',
+      POI_URL:
+        'http://15.72.178.129:8090/iserver/services/addressmatch-qingdaoPOI181015/restjsr/v1/address',
     },
+    // 研发展厅
+    zhanTingDev: {
+      loginInfo: {
+        // 视频平台登陆信息
+        loginIp: '10.132.191.3',
+        loginPort: '8320',
+        userName: 'ynszdz',
+        userPwd: 'Admin@123',
+      },
+      backUrl: 'http://15.72.183.90:8001',
+      previewUrl: 'http://15.72.183.90:7008/',
+      //frontUrl: 'http://15.72.183.90:7008/document/#/devModelFile/',
+      //apiURL: 'http://15.72.183.90:8000/ucs-admin',
+      // websocketURL: '10.16.5.146:8888/ucs-admin', // 姜永超
+      websocketURL: '10.18.1.99:8889/ucs-admin',
+      // websocketURL: '10.16.5.35:8888/ucs-admin',
+      POI_URL:
+        'http://15.72.178.129:8090/iserver/services/addressmatch-qingdaoPOI181015/restjsr/v1/address',
+    },
+    // 西海岸大数据局
+    xihaian: {
+      loginInfo: {
+        // 视频平台登陆信息
+        loginIp: '',
+        loginPort: '',
+        userName: '',
+        userPwd: '',
+      },
+      // 获取摄像头的后端接口地址
+      camreaInfo: {
+        // cameraUrl: '10.134.135.92:9537', // 西海岸-测试环境
+        // cameraUrl: '10.134.135.9:9537', // 西海岸-生产环境
+        cameraUrl: '192.168.124.236:9537', // 远雄（不挂vpn可直接连）
+      },
+      backUrl: 'http://10.134.135.9:9797',
+      previewUrl: 'http://10.134.135.9:9796/',
+      // websocketURL: '10.134.135.9:8888/ucs-admin', // 正式环境
+      // websocketURL: '10.134.135.92:8888/ucs-admin', // 测试环境
+      websocketURL: '192.168.124.254:8888/ucs-admin', // 李志成-远雄
+      // websocketURL: '10.18.1.99:8889/ucs-admin', // 研发
+      POI_URL:
+        'http://15.72.178.129:8090/iserver/services/addressmatch-qingdaoPOI181015/restjsr/v1/address',
+    },
+    // 开发
+    dev: {
+      loginInfo: {
+        // 视频平台登陆信息
+        loginIp: '',
+        loginPort: '',
+        userName: '',
+        userPwd: '',
+      },
+      backUrl: 'http://localhost:8001',
+      previewUrl: 'http://192.168.124.243:9796/',
+      apiURL: 'http://192.168.124.243:8888/ucs-admin',
+      websocketURL: '192.168.124.243:8888/ucs-admin',
+      // websocketURL: '10.18.1.99:8889/ucs-admin',
+      POI_URL:
+        'http://15.72.178.129:8090/iserver/services/addressmatch-qingdaoPOI181015/restjsr/v1/address',
+    },
+    // 测试
+    test: {
+      loginInfo: {
+        // 视频平台登陆信息
+        loginIp: '',
+        loginPort: '',
+        userName: '',
+        userPwd: '',
+      },
+      backUrl: 'http://192.168.124.243:9797',
+      previewUrl: 'http://192.168.124.243:9796/',
+      websocketURL: '192.168.124.243:8888/ucs-admin',
+      POI_URL:
+        'http://15.72.178.129:8090/iserver/services/addressmatch-qingdaoPOI181015/restjsr/v1/address',
+    },
+    // 内网穿透
+    frp: {
+      loginInfo: {
+        // 视频平台登陆信息
+        loginIp: '',
+        loginPort: '',
+        userName: '',
+        userPwd: '',
+      },
+      backUrl: 'http://124.222.94.39:9797',
+      previewUrl: 'http://124.222.94.39:9796/',
+      websocketURL: '124.222.94.39:8888/ucs-admin',
+      POI_URL:
+        'http://15.72.178.129:8090/iserver/services/addressmatch-qingdaoPOI181015/restjsr/v1/address',
+    },
+  },
 }
-_global.config = CONFIGITEM.configData[CONFIGITEM.version]
\ No newline at end of file
+_global.config = CONFIGITEM.configData[CONFIGITEM.version]
diff --git a/front/src/views/home/DetailsPageconetent.vue b/front/src/views/home/DetailsPageconetent.vue
index f1a19858..dcc77b9b 100644
--- a/front/src/views/home/DetailsPageconetent.vue
+++ b/front/src/views/home/DetailsPageconetent.vue
@@ -2065,7 +2065,7 @@
     background: rgba(245, 243, 243, 0.3);
 
     .details-pageconetent-left {
-      max-height: 6.9rem;
+      max-height: 8.5rem;
       position: absolute;
       width: 2.5rem;
       top: 0.17rem;
diff --git a/front/src/views/home/detailsPageInfrastructureTreeXha.vue b/front/src/views/home/detailsPageInfrastructureTreeXha.vue
index e8780a55..964cddf8 100644
--- a/front/src/views/home/detailsPageInfrastructureTreeXha.vue
+++ b/front/src/views/home/detailsPageInfrastructureTreeXha.vue
@@ -291,9 +291,9 @@ export default defineComponent({
   text-align: left;
   position: relative;
   display: inline-block;
-  width: 30%;
+  width: 45%;
   margin-bottom: 10px;
-  margin-left: 6px;
+  margin-left: 10px;
  
   .glgknum {
     // width: 100px;

From 879b43cea5ef71e187dd8b25f3c6e9c346c44752 Mon Sep 17 00:00:00 2001
From: gongjiale <942894820@qq.com>
Date: Mon, 21 Nov 2022 18:22:58 +0800
Subject: [PATCH 6/8] =?UTF-8?q?=E6=B7=BB=E5=8A=A0=E6=8C=89=E9=88=95?=
 =?UTF-8?q?=E5=8F=96=E6=B6=88=E4=BA=8B=E4=BB=B6=EF=BC=9B=E4=BF=AE=E6=94=B9?=
 =?UTF-8?q?UI?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 front/src/views/home/DetailsPageconetent.vue  |  1 +
 .../views/home/components/KnowledgeBase.vue   |  5 +++
 .../home/detailsPageInfrastructureTreeXha.vue |  7 ++--
 front/src/views/home/infrastructurePage.vue   | 33 ++++++++++++++-----
 .../src/views/home/infrastructurePageXha.vue  |  2 +-
 5 files changed, 37 insertions(+), 11 deletions(-)

diff --git a/front/src/views/home/DetailsPageconetent.vue b/front/src/views/home/DetailsPageconetent.vue
index dcc77b9b..2f3cdf55 100644
--- a/front/src/views/home/DetailsPageconetent.vue
+++ b/front/src/views/home/DetailsPageconetent.vue
@@ -143,6 +143,7 @@
           show-size-changer
           show-less-items
           show-quick-jumper
+          :showTotal="total => `共 ${total} 项`"
           :total="resourceTotal"
           :page-size-options="pageSizeOptions"
           @change="pageChange"
diff --git a/front/src/views/home/components/KnowledgeBase.vue b/front/src/views/home/components/KnowledgeBase.vue
index 74842d04..0408b64e 100644
--- a/front/src/views/home/components/KnowledgeBase.vue
+++ b/front/src/views/home/components/KnowledgeBase.vue
@@ -40,6 +40,10 @@
             :pageSize="5"
             :total="props.resourceTotal"
             show-less-items
+            show-size-changer
+            show-quick-jumper
+            :page-size-options="pageSizeOptions"
+            :showTotal="total => `共 ${total} 项`"
             @change="handleCurrentChange"
             :showSizeChanger="false"
           />
@@ -56,6 +60,7 @@
     resourceList: { type: Array, default: null },
     resourceTotal: { type: String, default: '' },
   })
+  const pageSizeOptions = ref(['5', '10', '20', '50'])
   console.log('props==========>', props)
   // 知识库
   const zskState = reactive({
diff --git a/front/src/views/home/detailsPageInfrastructureTreeXha.vue b/front/src/views/home/detailsPageInfrastructureTreeXha.vue
index 964cddf8..9387dcb6 100644
--- a/front/src/views/home/detailsPageInfrastructureTreeXha.vue
+++ b/front/src/views/home/detailsPageInfrastructureTreeXha.vue
@@ -191,7 +191,10 @@ export default defineComponent({
     mybus.on('getDeptList', () => {
       init()
     })
-
+    mybus.on('clearChoose', () => {
+      selectId.value=''
+      chooseId.value=''
+    })
     const onSelect = async (item, val, child) => {
       let res = {}
       if (whoShow1.value && !whoShow1.value.itShowXiHaiAn) {
@@ -270,7 +273,7 @@ export default defineComponent({
   },
   beforeUnmount() {
     mybus.off('getDeptList')
-    console.log('getDeptList销毁~~~~~~~~~~~~~~~~~~~')
+    mybus.off('clearChoose')
   },
   components: {
     UpOutlined,
diff --git a/front/src/views/home/infrastructurePage.vue b/front/src/views/home/infrastructurePage.vue
index ea531868..a8d4616d 100644
--- a/front/src/views/home/infrastructurePage.vue
+++ b/front/src/views/home/infrastructurePage.vue
@@ -128,16 +128,21 @@
             预约
           </a-button>
         </div>
+        
+        <!-- <div class="flex-space" style="justify-content: center;display:flex;height:40px;align-items:center;"> -->
         <a-pagination
           v-model:current="roomPage"
           v-model:pageSize="roomLimit"
           show-quick-jumper
+          :showTotal="total => `共 ${total} 项`"
           :total="roomTotal"
           :page-size-options="pageSizeOptions"
           @change="onRoomChange"
           @showSizeChange="onShowSizeChange"
           show-size-changer
-        />
+        /> 
+        <!-- <el-button @click="onOkChange" class="queding" >确认</el-button>
+</div> -->
       </div>
       <div v-if="roomResult" style="display: grid">
         <a-table
@@ -1440,10 +1445,14 @@
     }
   }
   //分页
-  const onRoomChange = (pageNumber) => {
+  const onRoomChange = () => {
     roomPage.value = pageNumber
     searchData()
   }
+  const onOkChange = () => {
+    current.value = roomPage.value
+    searchData()
+  }
   const onShowSizeChange = (current, pageSize) => {
     roomLimit.value = pageSize
     searchData()
@@ -2471,6 +2480,16 @@
   })
 </script>
 <style lang="less" scoped>
+.queding{
+  margin-left: 16px;
+    cursor: pointer;
+    background: #0058e1;
+    color: #ffffff;
+    width: 56px;
+    border-radius: 2px;
+    border: 1px #0058e1 solid;
+    margin-top: 17px;
+  }
   .infrastructrueBox {
     padding: 0.2rem;
     background: #ffffff;
@@ -2803,13 +2822,11 @@
       }
     }
 
-    :deep(.ant-pagination) {
-      float: right;
-    }
 
-    :deep(.ant-pagination) {
-      text-align: end;
-    }
+
+    // :deep(.ant-pagination) {
+    //   text-align: end;
+    // }
   }
   :deep(.ant-table-thead > tr > th) {
     color: #5580f7 !important;
diff --git a/front/src/views/home/infrastructurePageXha.vue b/front/src/views/home/infrastructurePageXha.vue
index e2c75bb9..2c20db0e 100644
--- a/front/src/views/home/infrastructurePageXha.vue
+++ b/front/src/views/home/infrastructurePageXha.vue
@@ -2579,7 +2579,7 @@
     }
 
     :deep(.ant-pagination) {
-      float: right;
+      float: center;
     }
 
     :deep(.ant-pagination) {

From 828a011669ac0c0093fb0c97b40dff322c0f71f4 Mon Sep 17 00:00:00 2001
From: a0049873 <79py69t9wb@privaterelay.appleid.com>
Date: Mon, 21 Nov 2022 18:46:38 +0800
Subject: [PATCH 7/8] =?UTF-8?q?=E8=A5=BF=E6=B5=B7=E5=B2=B8=E7=89=88?=
 =?UTF-8?q?=E6=9C=AC=E5=BC=80=E5=8F=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 front/src/api/home.js                         |  18 +-
 front/src/views/home/apply.vue                | 258 +++++++++---------
 .../views/home/infrastructureApplication.vue  | 189 +++++++++++--
 .../views/home/videoSurveillance/index.vue    |  50 ++--
 4 files changed, 344 insertions(+), 171 deletions(-)

diff --git a/front/src/api/home.js b/front/src/api/home.js
index cb9cbb7d..4ab17c15 100644
--- a/front/src/api/home.js
+++ b/front/src/api/home.js
@@ -2,7 +2,7 @@
  * @Author: hisense.wuhongjian
  * @Date: 2022-04-01 19:19:40
  * @LastEditors: Light
- * @LastEditTime: 2022-11-19 14:53:29
+ * @LastEditTime: 2022-11-21 16:35:03
  * @Description: 告诉大家这是什么
  */
 import request from '@/utils/request'
@@ -556,3 +556,19 @@ export function willApplyCameraBatchDelete(data) {
     data,
   })
 }
+// 西海岸基础设施已申请列表
+export function getApplyCameraListXha(data) {
+  return request({
+    url: '/processForm/tabilityapplication/getApplyCameraList',
+    method: 'get',
+    data,
+  })
+}
+// 西海岸基础设施已申请列表删除
+export function delApplyCamera(data) {
+  return request({
+    url: '/processForm/tabilityapplication/delApplyCamera',
+    method: 'post',
+    data,
+  })
+}
diff --git a/front/src/views/home/apply.vue b/front/src/views/home/apply.vue
index 7f9d5982..33df1c19 100644
--- a/front/src/views/home/apply.vue
+++ b/front/src/views/home/apply.vue
@@ -237,6 +237,7 @@
   </div>
 </template>
 <script>
+  import { willApplyCameraBatchDelete } from '@/api/home'
   import AbilityToApplyFor from './AbilityToApplyFor.vue'
   import HomeHeader from '@/views/home/components/header'
   import { reactive, ref, watch, onBeforeUnmount } from 'vue'
@@ -656,6 +657,7 @@
         if (item.note1 && typeof item.note1 == 'string') {
           item.note1 = JSON.parse(item.note1)
         }
+        let delArr = []
         item.note1 &&
           item.note1.map((jcss) => {
             if (!jcss) {
@@ -678,31 +680,39 @@
             }
             // 西海岸
             if (isXiHaiAn.value) {
+              // _itemData.resourceId = jcss.channelId
               _itemData.managementUnitName = jcss.managementUnitName
               _itemData.cameraPointTypeName = jcss.cameraPointTypeName
+              delArr.push(jcss.id)
             }
             obj.system.push(_itemData)
           })
         submitApply(obj).then((res) => {
           // applySuccess.value = false
           console.log('摄像头申请================>', res)
-          if (item.id) {
-            sgcDel({ ids: [item.id] }).then((res1) => {
-              if (res1.data.msg === 'success') {
-                if (falgNum == 0 && sxt) {
-                  message.success('申请提交成功，请到消息中心查看！')
-                  sxt = false
-                }
-                mybus.emit('getSgcNum')
+          if (res.data.msg == 'success') {
+            if (delArr.length > 0) {
+              willApplyCameraBatchDelete(delArr).then((res) => {
                 jumpToDetailsPageconetent()
+              })
+            } else if (item.id) {
+              sgcDel({ ids: [item.id] }).then((res1) => {
+                if (res1.data.msg === 'success') {
+                  if (falgNum == 0 && sxt) {
+                    message.success('申请提交成功，请到消息中心查看！')
+                    sxt = false
+                  }
+                  mybus.emit('getSgcNum')
+                  jumpToDetailsPageconetent()
+                }
+              })
+            } else {
+              if (res.data.msg === 'success' && falgNum == 0 && sxt) {
+                message.success('申请提交成功，请到消息中心查看！')
+                sxt = false
               }
-            })
-          } else {
-            if (res.data.msg === 'success' && falgNum == 0 && sxt) {
-              message.success('申请提交成功，请到消息中心查看！')
-              sxt = false
+              jumpToDetailsPageconetent()
             }
-            jumpToDetailsPageconetent()
           }
         })
       }
@@ -956,130 +966,130 @@
   }
 </script>
 <style scoped lang="less">
-#apply-container {
-  // background-color: #f5f8fc;
-  height: 100%;
-  width: 100%;
-  margin: 0.8rem auto 0;
-  display: flex;
-  justify-content: space-between;
-
-  aside {
-    width: 282px;
-    height: 96%;
-    overflow-y: auto;
-    background-color: #fff;
-    margin: 1% 0 3%;
-  }
-
-  article {
-    width: 1090px;
-    height: 99%;
-    overflow-y: auto;
-    background-color: #fff;
-    margin: 1% auto;
-  }
-
-  .form-container {
-    padding: 20px 20px 30px 20px;
-
-    .title {
-      font-size: 20px;
-      color: #000;
-      font-weight: bold;
-      margin-bottom: 20px;
-    }
-  }
-
-  .base-info {
+  #apply-container {
+    // background-color: #f5f8fc;
+    height: 100%;
+    width: 100%;
+    margin: 0.8rem auto 0;
     display: flex;
     justify-content: space-between;
-  }
 
-  .flex-row-start {
-    justify-content: flex-start;
-    align-items: center;
-  }
+    aside {
+      width: 282px;
+      height: 96%;
+      overflow-y: auto;
+      background-color: #fff;
+      margin: 1% 0 3%;
+    }
 
-  :deep(.ant-form-item-label) {
-    label {
-      color: #666;
-      font-size: 16px;
+    article {
+      width: 1090px;
+      height: 99%;
+      overflow-y: auto;
+      background-color: #fff;
+      margin: 1% auto;
+    }
 
-      &::after {
-        content: '';
+    .form-container {
+      padding: 20px 20px 30px 20px;
+
+      .title {
+        font-size: 20px;
+        color: #000;
+        font-weight: bold;
+        margin-bottom: 20px;
       }
     }
-  }
 
-  :deep(.ant-form-item-required) {
-    &::before {
-      font-size: 8px;
-      margin-right: 10px;
+    .base-info {
+      display: flex;
+      justify-content: space-between;
+    }
+
+    .flex-row-start {
+      justify-content: flex-start;
+      align-items: center;
+    }
+
+    :deep(.ant-form-item-label) {
+      label {
+        color: #666;
+        font-size: 16px;
+
+        &::after {
+          content: '';
+        }
+      }
+    }
+
+    :deep(.ant-form-item-required) {
+      &::before {
+        font-size: 8px;
+        margin-right: 10px;
+      }
+    }
+
+    :deep(.ant-input) {
+      border: 1px solid #e0e0e0;
+      border-radius: 6px;
+    }
+
+    .success {
+      div {
+        width: 100px;
+        margin: 80px auto 40px;
+      }
+
+      text-align: center;
+      font-size: 20px;
+      font-weight: bold;
+      color: #000;
     }
   }
 
-  :deep(.ant-input) {
-    border: 1px solid #e0e0e0;
+  .applicationScene {
+    :deep(.ant-select-selector) {
+      overflow-x: scroll;
+    }
+
+    :deep(.ant-select-selection-overflow) {
+      flex-wrap: nowrap;
+    }
+  }
+
+  textarea {
+    resize: none;
+    font-size: 14px;
+  }
+
+  .bottom-btn {
+    display: flex;
+    justify-content: center;
+    // position: fixed;
+  }
+
+  .cancel-apply {
+    width: 80px;
+    height: 38px;
+    margin-right: 20px;
+    background: #e1edfa;
+    color: #0087ff;
+    font-size: 14px;
     border-radius: 6px;
-  }
-
-  .success {
-    div {
-      width: 100px;
-      margin: 80px auto 40px;
-    }
-
+    border: none;
+    padding: 0;
     text-align: center;
-    font-size: 20px;
-    font-weight: bold;
-    color: #000;
-  }
-}
-
-.applicationScene {
-  :deep(.ant-select-selector) {
-    overflow-x: scroll;
   }
 
-  :deep(.ant-select-selection-overflow) {
-    flex-wrap: nowrap;
+  .confirm-apply {
+    width: 80px;
+    height: 38px;
+    background: #0087ff;
+    color: #fff;
+    font-size: 14px;
+    border-radius: 6px;
+    border: none;
+    padding: 0;
+    text-align: center;
   }
-}
-
-textarea {
-  resize: none;
-  font-size: 14px;
-}
-
-.bottom-btn {
-  display: flex;
-  justify-content: center;
-  // position: fixed;
-}
-
-.cancel-apply {
-  width: 80px;
-  height: 38px;
-  margin-right: 20px;
-  background: #e1edfa;
-  color: #0087ff;
-  font-size: 14px;
-  border-radius: 6px;
-  border: none;
-  padding: 0;
-  text-align: center;
-}
-
-.confirm-apply {
-  width: 80px;
-  height: 38px;
-  background: #0087ff;
-  color: #fff;
-  font-size: 14px;
-  border-radius: 6px;
-  border: none;
-  padding: 0;
-  text-align: center;
-}
 </style>
diff --git a/front/src/views/home/infrastructureApplication.vue b/front/src/views/home/infrastructureApplication.vue
index ddb63315..33842f48 100644
--- a/front/src/views/home/infrastructureApplication.vue
+++ b/front/src/views/home/infrastructureApplication.vue
@@ -2,7 +2,7 @@
  * @Author: Light
  * @Date: 2022-11-18 11:53:43
  * @LastEditors: Light
- * @LastEditTime: 2022-11-19 17:15:15
+ * @LastEditTime: 2022-11-21 17:51:38
  * @Description: 告诉大家这是什么
 -->
 <template>
@@ -17,30 +17,46 @@
                 {{ item.channelName }}
               </a-tooltip>
             </div>
-            <a-button type="link" danger @click="delWillApplyCamera(item.id)">
-              移出
-            </a-button>
+            <a-popconfirm
+              :title="'是否移出' + item.channelName + '?'"
+              ok-text="是"
+              cancel-text="否"
+              @confirm="delWillApplyCamera(item.id)"
+            >
+              <a-button type="link" danger>移出</a-button>
+            </a-popconfirm>
           </a-list-item>
         </template>
         <template #header>
           <div class="title">待申请列表</div>
         </template>
         <template #footer>
-          <a-button type="primary">一键申请</a-button>
+          <a-button type="primary" @click="apply">一键申请</a-button>
         </template>
       </a-list>
     </div>
     <div class="bottom">
-      <a-list size="small" bordered :data-source="data">
+      <a-list size="small" bordered :data-source="dataList.requested">
         <template #renderItem="{ item }">
           <a-list-item>
             <div class="name">
               <a-tooltip>
-                <template #title>{{ item }}</template>
-                {{ item }}
+                <template #title>{{ item.cameraInfo.channelName }}</template>
+                {{ item.cameraInfo.channelName }}
               </a-tooltip>
             </div>
-            <a-button type="link" danger>删除</a-button>
+            <a-popconfirm
+              v-if="item.approveStatus == '通过'"
+              :title="'是否删除' + item.cameraInfo.channelName + '?'"
+              ok-text="是"
+              cancel-text="否"
+              @confirm="deleteApply(item)"
+            >
+              <a-button type="link" danger>删除</a-button>
+            </a-popconfirm>
+            <a-button v-else type="link" danger @click="deleteApply(item)">
+              删除
+            </a-button>
           </a-list-item>
         </template>
         <template #header>
@@ -49,20 +65,63 @@
       </a-list>
     </div>
   </div>
+  <a-modal
+    :width="800"
+    v-model:visible="visible"
+    title="删除申请"
+    @ok="handleOk"
+    @cancel="clear"
+  >
+    <p>本次申请的摄像头包含以下{{ showArr.length }}个摄像头，是否删除申请？</p>
+    <a-table :columns="columns" :data-source="showArr">
+      <template #bodyCell="{ column, text }">
+        <template v-if="column.dataIndex === 'name'">
+          <a>{{ text }}</a>
+        </template>
+      </template>
+    </a-table>
+  </a-modal>
 </template>
 <script setup>
   import {
     willApplyCameraSelect,
     willApplyCameraBatchInsert,
     willApplyCameraBatchDelete,
+    getApplyCameraListXha,
+    delApplyCamera,
   } from '@/api/home'
+  import { endProcess } from '@/api/personalCenter.js'
   import { onBeforeUnmount, reactive, ref } from 'vue'
   import { message } from 'ant-design-vue'
   import mybus from '@/myplugins/mybus'
+  import { useRouter } from 'vue-router'
   const dataList = reactive({ toBeApplied: [], requested: [] })
   // 待办
   const addWacFlag = ref(true)
   const delWacFlag = ref(true)
+  const delApply = ref(true)
+  const visible = ref(false)
+  const instanceId = ref('')
+  const showArr = ref({})
+  const columns = [
+    {
+      title: '名称',
+      dataIndex: 'channelName',
+      key: 'channelName',
+    },
+    {
+      title: '地址',
+      dataIndex: 'managementUnitName',
+      key: 'managementUnitName',
+    },
+    {
+      title: '类型',
+      dataIndex: 'cameraPointTypeName',
+      key: 'cameraPointTypeName',
+      ellipsis: true,
+    },
+  ]
+  const router = useRouter()
   const delWillApplyCamera = (id) => {
     console.log('删除===>', id)
     if (delWacFlag.value) {
@@ -77,6 +136,86 @@
       })
     }
   }
+  const apply = () => {
+    let obj = {
+      arr: [
+        {
+          checked: true,
+          delFlag: 0,
+          id: '1593084734789996545',
+          idtCameraChannel: '790582098133127168',
+          loading: false,
+          note1: '',
+          resourceId: '1522550195055828996',
+          resourceName: '摄像头列表',
+          type: '基础设施',
+        },
+      ],
+      deptName: '西海岸新区工业和信息化局',
+      deptId: '732560225344761856',
+    }
+    dataList.toBeApplied.map((val) => {
+      val.type = '基础设施'
+      val.delFlag = 0
+      val.resourceId = val.channelId
+      val.resourceName = val.channelName
+      // obj.arr.push(val)
+    })
+    obj.arr[0].note1 = JSON.stringify(dataList.toBeApplied)
+    if (obj.arr.length > 0) {
+      console.log('一键申请===================>', obj)
+      localStorage.setItem('applyList', JSON.stringify([obj]))
+      router.push({
+        path: '/apply',
+      })
+    }
+  }
+  // 删除已申请
+  const deleteApply = (item) => {
+    console.log('删除========>', item)
+    if (delApply.value) {
+      delApply.value = false
+      switch (item.approveStatus) {
+        case '审核中':
+          visible.value = true
+          instanceId.value = item.instanceId
+          showArr.value = []
+          dataList.requested.map((val) => {
+            if (val.instanceId == item.instanceId) {
+              showArr.value.push(val.cameraInfo)
+            }
+          })
+          break
+        case '通过':
+          delApplyCamera([item.id]).then((res) => {
+            if (res.data.code == 0) {
+              message.success('删除成功')
+            } else {
+              message.warning('删除失败')
+            }
+            initApply()
+          })
+          break
+      }
+    }
+  }
+  const handleOk = () => {
+    endProcess({ instanceId: instanceId.value }).then((res) => {
+      if (res.data.code == 0) {
+        message.success('删除成功')
+      } else {
+        message.warning('删除失败')
+      }
+      initApply()
+      visible.value = false
+    })
+  }
+  const clear = () => {
+    instanceId.value = ''
+    showArr.value = []
+    visible.value = false
+    delApply.value = true
+  }
   const init = () => {
     willApplyCameraSelect().then((res) => {
       if (res.data.code == 0) {
@@ -89,10 +228,25 @@
       }
     })
   }
+  const initApply = () => {
+    getApplyCameraListXha().then((res) => {
+      if (res.data.code == 0) {
+        res.data.data.map((val) => {
+          val.cameraInfo = JSON.parse(val.cameraInfo)
+        })
+        dataList.requested = res.data.data
+        delApply.value = true
+      } else {
+        message.warning('查询失败')
+        dataList.requested = []
+      }
+    })
+  }
   init()
+  initApply()
   mybus.on('selectCamera', (obj) => {
     // 判断最多10条
-    if (dataList.toBeApplied.length + dataList.requested.length > 10) {
+    if (dataList.toBeApplied.length + dataList.requested.length >= 10) {
       message.warning('最多只能申请10个摄像头！')
       return
     }
@@ -127,19 +281,6 @@
   onBeforeUnmount(() => {
     mybus.off('selectCamera')
   })
-
-  const data = [
-    'Racing car sprays burning fuel into crowd.',
-    'Japanese princess to wed commoner.',
-    'Australian walks 100km after outback crash.',
-    'Man charged over missing wedding girl.',
-    'Los Angeles battles huge wildfires.',
-    'Racing car sprays burning fuel into crowd.',
-    'Japanese princess to wed commoner.',
-    'Australian walks 100km after outback crash.',
-    'Man charged over missing wedding girl.',
-    'Los Angeles battles huge wildfires.',
-  ]
 </script>
 <style lang="less" scoped>
   .infrastructureApplication {
@@ -168,10 +309,12 @@
       justify-content: flex-end;
     }
     :deep(.ant-list-items) {
+      width: 2.5rem;
       height: 2.45rem;
       overflow-y: scroll;
     }
     :deep(.ant-spin-nested-loading) {
+      width: 2.5rem;
       height: 2.45rem;
     }
   }
diff --git a/front/src/views/home/videoSurveillance/index.vue b/front/src/views/home/videoSurveillance/index.vue
index df5409f5..d6151d6e 100644
--- a/front/src/views/home/videoSurveillance/index.vue
+++ b/front/src/views/home/videoSurveillance/index.vue
@@ -41,7 +41,7 @@
             :fetch-suggestions="querySearch"
             clearable
             class="input-with-select"
-            placeholder="请输入关键词"
+            placeholder="请输入关键字"
             @select="
               (addressItem) => {
                 selectedAddress(addressItem, i)
@@ -58,7 +58,7 @@
         <el-autocomplete
           v-else-if="addressType==2"
           v-model="address"
-          placeholder="请输入地址"
+          placeholder="请输入关键字"
           :fetch-suggestions="
             (queryString, cb) => {
               searchAddressByKeyWord(queryString, cb, i)
@@ -298,6 +298,7 @@ import { ElMessage } from 'element-plus'
         }
       },
       selectedAddress(item, index) {
+        mybus.emit('clearChoose')
         // 跳转到相应经纬度
         console.log('跳转', item)
         const latLng = {
@@ -511,29 +512,32 @@ import { ElMessage } from 'element-plus'
       },
       //查询地址建议匹配
       async searchAddressByKeyWord(queryString, cb, indexX) {
-        console.log('queryString, cb, indexX',queryString, cb, indexX)
-        this.disasterPointIndex = indexX
-        /* const res = await bdPlaceSearch({ searchKey: queryString });
-        if (res.data) {
-          for(var i=0;i<res.data.length;i++){
-            res.data[i].value = res.data[i].name;
-          }
-          cb(res.data);
-        }*/
-        const match = function (obj) {
-          //console.log('ooooo',obj);
-          obj.result.map((item) => {
-            item.value = item.address
+        console.log('querySearch',queryString, cb,this.restaurants)
+        if(queryString){
+          getCameraByCondition({
+            pageNum: 1,
+            pageSize: 10,
+            regionId: "70be8c5b664f4bcf869d82f2e8335051",
+            type: "0",
+            name:queryString,
+          }).then(res => {
+            if(res.data.data[0]){
+              res.data.data.map( val =>{
+                val.location = {y:val.gpsY,x:val.gpsX}
+                val.value = val.channelName
+              })
+              const results = res.data.data
+              cb(results)
+            }else{
+              ElMessage({
+                showClose: true,
+                message: '未查询到点位！',
+                type: 'warning',
+              })
+            }
           })
-          cb(obj.result)
-        }
-        if (!queryString) {
+        }else{
           cb([])
-        } else {
-          var geoCodeParam = new SuperMap.GeoCodingParameter({
-            address: queryString,
-          })
-          this.addressMatchService.code(geoCodeParam, match)
         }
       },
       getCameraAllPage(page) {

From bd88609e0b42416db7ee361b5cc93bbc1ba088e4 Mon Sep 17 00:00:00 2001
From: a0049873 <79py69t9wb@privaterelay.appleid.com>
Date: Mon, 21 Nov 2022 18:49:01 +0800
Subject: [PATCH 8/8] =?UTF-8?q?=E8=A5=BF=E6=B5=B7=E5=B2=B8=E9=9C=80?=
 =?UTF-8?q?=E6=B1=82=E5=BC=80=E5=8F=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 front/src/views/home/videoSurveillance/index.vue | 1 +
 1 file changed, 1 insertion(+)

diff --git a/front/src/views/home/videoSurveillance/index.vue b/front/src/views/home/videoSurveillance/index.vue
index d6151d6e..0da6d3fa 100644
--- a/front/src/views/home/videoSurveillance/index.vue
+++ b/front/src/views/home/videoSurveillance/index.vue
@@ -299,6 +299,7 @@ import { ElMessage } from 'element-plus'
       },
       selectedAddress(item, index) {
         mybus.emit('clearChoose')
+        this.getCameraAllPage()
         // 跳转到相应经纬度
         console.log('跳转', item)
         const latLng = {