From 4ba21bd41e4e65fea5c1e07b39437345fb433213 Mon Sep 17 00:00:00 2001
From: a0049873 <79py69t9wb@privaterelay.appleid.com>
Date: Thu, 24 Nov 2022 17:34:45 +0800
Subject: [PATCH 1/2] =?UTF-8?q?BUG=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../modules/myAgent/demo/competency-application.vue  | 12 ++++++++----
 .../components/CameraPopupOnMap.vue                  | 12 +++++++-----
 2 files changed, 15 insertions(+), 9 deletions(-)

diff --git a/back/src/views/modules/myAgent/demo/competency-application.vue b/back/src/views/modules/myAgent/demo/competency-application.vue
index 4c2c1690..fe182c31 100644
--- a/back/src/views/modules/myAgent/demo/competency-application.vue
+++ b/back/src/views/modules/myAgent/demo/competency-application.vue
@@ -2,7 +2,7 @@
  * @Author: hisense.liangjunhua
  * @Date: 2022-06-29 15:59:51
  * @LastEditors: Light
- * @LastEditTime: 2022-11-17 17:39:31
+ * @LastEditTime: 2022-11-24 17:22:23
  * @Description: 告诉大家这是什么
 -->
 <!--  流程业务表单   -->
@@ -180,7 +180,7 @@ export default {
       })
     })
     // 将业务KEY赋值给表单
-    console.log('params=================>', this.$route, this.$route.params)
+    console.log('params=================>', this.$route, this.$route.params, this.dataForm)
     this.dataForm.taskId = this.$route.params.taskId
     this.dataForm.instanceId = this.$route.params.processInstanceId
     this.init()
@@ -262,6 +262,7 @@ export default {
     getInfo () {
       let params = ''
       if (this.dataForm.taskId) {
+        console.log('获取信息')
         params = `taskId=${this.dataForm.taskId}`
         this.$http
           .get(
@@ -277,7 +278,9 @@ export default {
               this.dataForm,
               'elas============================'
             )
-            this.deptName = res.data.tAbilityApplicationDTOList[0].resourceOwnerDept.name
+            if (res.data.tAbilityApplicationDTOList[0].resourceOwnerDept) {
+              this.deptName = res.data.tAbilityApplicationDTOList[0].resourceOwnerDept.name
+            }
             this.$http
               .get(
             `/act/task/getTaskVariables?${params}&variableName=allowEntrust`
@@ -297,6 +300,7 @@ export default {
                   }
                 }
               })
+            console.log('获取信息', res.data)
             if (res.data.tAbilityApplicationDTOList[0].applicationScene) {
               res.data.tAbilityApplicationDTOList[0].applicationSceneStr = ''
               res.data.tAbilityApplicationDTOList[0].applicationScene.map(
@@ -359,6 +363,7 @@ export default {
               this.dataForm,
               'elas============================'
             )
+            console.log('获取信息2', res.data)
             if (res.data[0].applicationScene) {
               res.data[0].applicationSceneStr = ''
               res.data[0].applicationScene.map((val, index) => {
@@ -416,7 +421,6 @@ export default {
     agreeOrNot: debounce(
       function (data, type) {
         if (type === '同意') {
-    
           const params = qs.stringify({
             taskId: this.dataForm.taskId,
             comment: this.input || '同意'
diff --git a/front/src/views/home/videoSurveillance/components/CameraPopupOnMap.vue b/front/src/views/home/videoSurveillance/components/CameraPopupOnMap.vue
index 554a026c..34e27f92 100644
--- a/front/src/views/home/videoSurveillance/components/CameraPopupOnMap.vue
+++ b/front/src/views/home/videoSurveillance/components/CameraPopupOnMap.vue
@@ -36,7 +36,7 @@
               </div>
               <div class="footer-button" v-if="showFlag">
                 <a-button type="primary" @click="applyNow(cameraDataList[defaultIndex])">立即申请</a-button>
-                <a-button type="primary" style="margin-left:20px" @click="addIntoCart(cameraDataList[defaultIndex])">加入申购车</a-button>
+                <a-button type="primary" style="margin-left:20px" @click="addIntoCart(cameraDataList[defaultIndex])">加入申请列表</a-button>
               </div>
       </div>
     </div>
@@ -337,10 +337,12 @@
      padding: 5px;
     }
     .footer-button{
-       width: 750px;
-       //height:50px;
-       text-align: center;
-       padding-top:5px;
+      display: flex;
+      justify-content: center;
+      // width: 750px;
+      //height:50px;
+      text-align: center;
+      padding-top:5px;
     }
     }
     .ant-carousel {

From 5e9759544dd06ebdded2c296c994aa96c609f828 Mon Sep 17 00:00:00 2001
From: a0049873 <79py69t9wb@privaterelay.appleid.com>
Date: Thu, 24 Nov 2022 19:54:20 +0800
Subject: [PATCH 2/2] =?UTF-8?q?BUG=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 back/src/views/main-content.vue               |  82 +--
 front/src/api/file.js                         |   6 +-
 .../home/detailsPageInfrastructureTreeXha.vue | 628 +++++++++---------
 .../views/home/infrastructureApplication.vue  |   4 +-
 4 files changed, 359 insertions(+), 361 deletions(-)

diff --git a/back/src/views/main-content.vue b/back/src/views/main-content.vue
index 9466136c..a84e161c 100644
--- a/back/src/views/main-content.vue
+++ b/back/src/views/main-content.vue
@@ -65,75 +65,83 @@
 </template>
 
 <script>
-import { isURL } from "@/utils/validate";
+import { isURL } from '@/utils/validate'
 export default {
-  data() {
-    return {};
+  data () {
+    return {}
   },
   methods: {
     // tabs, 是否通过iframe展示
-    tabIsIframe(url) {
-      return isURL(url);
+    tabIsIframe (url) {
+      return isURL(url)
     },
     // tabs, 选中tab
-    tabSelectedHandle(tab) {
+    tabSelectedHandle (tab) {
       tab = this.$store.state.contentTabs.filter(
         (item) => item.name === tab.name
-      )[0];
+      )[0]
       if (tab) {
         this.$router.push({
-          name: /^iframe_.+/.test(tab.name) ? "iframe" : tab.name,
+          name: /^iframe_.+/.test(tab.name) ? 'iframe' : tab.name,
           params: { ...tab.params },
-          query: { ...tab.query },
-        });
+          query: { ...tab.query }
+        })
       }
     },
     // tabs, 删除tab
-    tabRemoveHandle(tabName) {
-      if (tabName === "home") {
-        return false;
+    tabRemoveHandle (tabName) {
+      if (tabName === 'home') {
+        return false
       }
-      this.$store.state.contentTabs = this.$store.state.contentTabs.filter(
-        (item) => item.name !== tabName
-      );
-      if (this.$store.state.contentTabs.length <= 0) {
-        this.$store.state.sidebarMenuActiveName =
-          this.$store.state.contentTabsActiveName = "home";
-        return false;
+      console.log('删除', this.$store.state.contentTabs)
+      if (this.$store.state.contentTabs.length !== 1) {
+        this.$store.state.contentTabs = this.$store.state.contentTabs.filter(
+          (item) => item.name !== tabName
+        )
+      } else {
+        this.$message({
+          message: '必须打开一个窗口！',
+          type: 'warning'
+        })
       }
+      // if (this.$store.state.contentTabs.length <= 0) {
+      //   this.$store.state.sidebarMenuActiveName =
+      //     this.$store.state.contentTabsActiveName = 'home'
+      //   return false
+      // }
       // 当前选中tab被删除
       if (tabName === this.$store.state.contentTabsActiveName) {
-        let tab =
+        const tab =
           this.$store.state.contentTabs[
             this.$store.state.contentTabs.length - 1
-          ];
+          ]
         this.$router.push({
-          name: /^iframe_.+/.test(tab.name) ? "iframe" : tab.name,
+          name: /^iframe_.+/.test(tab.name) ? 'iframe' : tab.name,
           params: { ...tab.params },
-          query: { ...tab.query },
-        });
+          query: { ...tab.query }
+        })
       }
     },
     // tabs, 关闭其它
-    tabsCloseOtherHandle() {
+    tabsCloseOtherHandle () {
       this.$store.state.contentTabs = this.$store.state.contentTabs.filter(
         (item) => {
           return (
-            item.name === "home" ||
+            item.name === 'home' ||
             item.name === this.$store.state.contentTabsActiveName
-          );
+          )
         }
-      );
+      )
     },
     // tabs, 关闭全部
-    tabsCloseAllHandle() {
+    tabsCloseAllHandle () {
       this.$store.state.contentTabs = this.$store.state.contentTabs.filter(
-        (item) => item.name === "home"
-      );
-      this.$router.push({ name: "home" });
-    },
-  },
-};
+        (item) => item.name === 'home'
+      )
+      this.$router.push({ name: 'home' })
+    }
+  }
+}
 </script>
 <style scoped lang="scss">
 .aui-content {
@@ -152,4 +160,4 @@ export default {
     }
   }
 }
-</style>
\ No newline at end of file
+</style>
diff --git a/front/src/api/file.js b/front/src/api/file.js
index c0e0dd66..7bb2e58d 100644
--- a/front/src/api/file.js
+++ b/front/src/api/file.js
@@ -1,8 +1,8 @@
 /*
  * @Author: hisense.wuhongjian
  * @Date: 2022-04-20 17:16:35
- * @LastEditors: hisense.wuhongjian
- * @LastEditTime: 2022-11-24 14:32:50
+ * @LastEditors: Light
+ * @LastEditTime: 2022-11-24 18:04:45
  * @Description: 告诉大家这是什么
  */
 import request from '@/utils/request'
@@ -117,7 +117,7 @@ export function getPlaceType() {
 //西海岸 根据标签树查询视频列表
 export function CameraConditionPlaceType(params) {
   return axios.post(
-    `http://${_cameraUrl}/data_service/getCamera/CameraConditionPlaceType'`,
+    `http://${_cameraUrl}/data_service/getCamera/CameraConditionPlaceType`,
     params,
     config2
   )
diff --git a/front/src/views/home/detailsPageInfrastructureTreeXha.vue b/front/src/views/home/detailsPageInfrastructureTreeXha.vue
index 56d11d22..b345a31f 100644
--- a/front/src/views/home/detailsPageInfrastructureTreeXha.vue
+++ b/front/src/views/home/detailsPageInfrastructureTreeXha.vue
@@ -109,373 +109,306 @@
         <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>
-          
+            <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 { defineComponent, ref, watch } from 'vue'
+  import { getCameraAllOrgan } from '@/api/videoSurveillance'
 
-import { getCameraInfoByAreaId ,getPlaceType} from '@/api/file'
-import mybus from '@/myplugins/mybus'
-import { useRouter } from 'vue-router'
-import { UpOutlined, DownOutlined } from '@ant-design/icons-vue'
-import { DETAIL_PAGE_CONTENT_DEFAULT_TAB } from '@/global/GlobalConfig.js'
+  import { getCameraInfoByAreaId, getPlaceType } from '@/api/file'
+  import mybus from '@/myplugins/mybus'
+  import { useRouter } from 'vue-router'
+  import { UpOutlined, DownOutlined } from '@ant-design/icons-vue'
+  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 showKey = ref(0)
-    const treeData = ref([])
-    const selectId = ref('')
-    let itemIndex = ref(1)
-    let chooseId = ref('')
-    //切换tab
-    const btnClick = (index) => {
-      itemIndex.value = index
-    if(index===2){
-      if(chooseId.value !==''){
-        let placeTypeCode =[]
-      placeTypeCode.push(chooseId.value)
-      mybus.emit('CameraConditionPlaceType', placeTypeCode)
-    }else{
-      mybus.emit('clearLeftSelect')
-    }
-    }else{
-      if(selectId.value!==''){
-        mybus.emit('getCameraByParentId', selectId.value)
-      }else{
-      mybus.emit('clearLeftSelect')
+  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 showKey = ref(0)
+      const treeData = ref([])
+      const selectId = ref('')
+      let itemIndex = ref(1)
+      let chooseId = ref('')
+      //切换tab
+      const btnClick = (index) => {
+        itemIndex.value = index
+        if (index === 2) {
+          if (chooseId.value !== '') {
+            let placeTypeCode = []
+            placeTypeCode.push(chooseId.value)
+            mybus.emit('CameraConditionPlaceType', placeTypeCode)
+          } else {
+            mybus.emit('clearLeftSelect')
+          }
+        } else {
+          if (selectId.value !== '') {
+            mybus.emit('getCameraByParentId', selectId.value)
+          } else {
+            mybus.emit('clearLeftSelect')
+          }
+        }
       }
-    }
-     
-  
-   
-    }
-    //选择标签内容
-    const tabClick = (id) => {
-      if(chooseId.value === id){
-        chooseId.value = ''
-        mybus.emit('clearLeftSelect')
-      }else{
-  
-        chooseId.value = id
-      let placeTypeCode =[]
-      placeTypeCode.push(id)
-      mybus.emit('CameraConditionPlaceType', placeTypeCode)
+      //选择标签内容
+      const tabClick = (id) => {
+        if (chooseId.value === id) {
+          chooseId.value = ''
+          // mybus.emit('clearLeftSelect')
+          mybus.emit('CameraConditionPlaceType', [])
+        } else {
+          chooseId.value = id
+          let placeTypeCode = []
+          placeTypeCode.push(id)
+          mybus.emit('CameraConditionPlaceType', placeTypeCode)
+        }
       }
-     
-    }
-    // 初始化
-    const init = async () => {
-      treeData.value = []
-      let select =
-        router.currentRoute.value.query.select ||
-        DETAIL_PAGE_CONTENT_DEFAULT_TAB
-      if (select === '123') {
-        select = ''
-      }
-      if (select == '基础设施') {
-  
-        let res = {}
-   
+      // 初始化
+      const init = async () => {
+        treeData.value = []
+        let select =
+          router.currentRoute.value.query.select ||
+          DETAIL_PAGE_CONTENT_DEFAULT_TAB
+        if (select === '123') {
+          select = ''
+        }
+        if (select == '基础设施') {
+          let res = {}
+
           res = await getCameraInfoByAreaId({
             areaId: '70be8c5b664f4bcf869d82f2e8335051',
           })
-        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) {
-          showBottom(treeData.value[0])
+          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) {
+            showBottom(treeData.value[0])
+          }
         }
       }
-    }
-    mybus.on('getDeptList', () => {
-      init()
-    })
-    mybus.on('clearChoose', () => {
-      selectId.value=''
-      chooseId.value=''
-    })
-    const onSelect = async (item, val, child) => {
-
-        let res = {}  
+      mybus.on('getDeptList', () => {
+        init()
+      })
+      mybus.on('clearChoose', () => {
+        selectId.value = ''
+        chooseId.value = ''
+      })
+      const onSelect = async (item, val, child) => {
+        let res = {}
+        console.log('点击', item, val, child)
         res = await getCameraInfoByAreaId({ areaId: val.id })
-      treeData.value.map((treeDataItem, index) => {
-        if (item.id == treeDataItem.id) {
-          treeData.value[index].children.map((childItem, childIndex) => {
-            if (childItem.id == val.id) {
-              treeData.value[index].children[childIndex].children =
-                res.data.data
-            }
-          })
+        treeData.value.map((treeDataItem, index) => {
+          if (item.id == treeDataItem.id) {
+            treeData.value[index].children.map((childItem, childIndex) => {
+              if (childItem.id == val.id) {
+                treeData.value[index].children[childIndex].children =
+                  res.data.data
+              }
+            })
+          }
+        })
+        if (child) {
+          if (selectId.value === child.id) {
+            selectId.value = ''
+          } else {
+            selectId.value = child.id
+            mybus.emit('getCameraByParentId', val.id)
+          }
+        }
+      }
+
+      watch(selectId, (newVal) => {
+        if (newVal == '') {
+          mybus.emit('getCameraByParentId', '70be8c5b664f4bcf869d82f2e8335051')
         }
       })
-      if (child) {
-          if(selectId.value===child.id){
-           selectId.value=''    
-      }else{
-        selectId.value = child.id
-        mybus.emit('getCameraByParentId', val.id)
-      }
-      
-      }
- 
-     
-    }
 
-    watch(selectId, (newVal) => {
-      if (newVal == '') { 
-          mybus.emit('clearLeftSelect')
-      }
-    })
-
-    const showBottom = async (item) => {
-      item.show = !item.show
-      let res = {}
+      const showBottom = async (item) => {
+        item.show = !item.show
+        let res = {}
         // 西海岸
         res = await getCameraInfoByAreaId({ areaId: item.id })
-      treeData.value.map((treeDataItem, index) => {
-        if (item.id == treeDataItem.id) {
-          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
-      //mybus.emit('getCameraByParentId', val.id)
-      if (item.children) {
-        val.show = !val.show
-        // 取消选中
-        if (!val.show) {
-          selectId.value = ''
-         // mybus.emit('clearLeftSelect')
-        }else{
-          mybus.emit('getCameraByParentId', val.id)
+        treeData.value.map((treeDataItem, index) => {
+          if (item.id == treeDataItem.id) {
+            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
+        //mybus.emit('getCameraByParentId', val.id)
+        if (item.children) {
+          val.show = !val.show
+          // 取消选中
+          if (!val.show) {
+            selectId.value = ''
+            // mybus.emit('clearLeftSelect')
+          } else {
+            mybus.emit('getCameraByParentId', val.id)
+          }
         }
       }
-    }
-    return {
-      btnClick,
-      tabClick,
-      treeData,
-      showKey,
-      onSelect,
-      showBottom,
-      showDown,
-      selectId,
-      itemIndex,
-      bumenImg,
-      biaoqianImg,
-      biaoqianList,
-      chooseId,
-    }
-  },
-  beforeUnmount() {
-    mybus.off('getDeptList')
-    mybus.off('clearChoose')
-  },
-  components: {
-    UpOutlined,
-    DownOutlined,
-  },
-})
+      return {
+        btnClick,
+        tabClick,
+        treeData,
+        showKey,
+        onSelect,
+        showBottom,
+        showDown,
+        selectId,
+        itemIndex,
+        bumenImg,
+        biaoqianImg,
+        biaoqianList,
+        chooseId,
+      }
+    },
+    beforeUnmount() {
+      mybus.off('getDeptList')
+      mybus.off('clearChoose')
+    },
+    components: {
+      UpOutlined,
+      DownOutlined,
+    },
+  })
 </script>
 <style lang="less" scoped>
-.titleName {
-  font-size: 18px;
+  .titleName {
+    font-size: 18px;
     color: #7e7676;
     margin-bottom: 10px;
     padding-left: 6px;
     border-left: 6px solid #1296db;
     margin-left: 10px;
-}
-.glgkmk {
-  cursor: pointer;
-  text-align: left;
-  position: relative;
-  display: inline-block;
-  width: 45%;
-  margin-bottom: 10px;
-  margin-left: 10px;
- 
-  .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;
-    font-weight: bold;
-  }
-}
-
-.glgkmk :hover {
-  color: #0058e1;
-}
-.nav {
-  display: flex;
-  justify-content: space-between;
-   margin-right: 20px;
-  align-items: center;
-  font-size: 18px;
-  font-family: 'Alibaba PuHuiTi';
-  color: #000000;
-  line-height: 0.32rem;
-  margin-bottom: 24px;
-
-  .photo {
-    display: inline-block;
-    height: 0.3rem;
-    width: 0.3rem;
-    margin-right: 0.1rem;
-  }
-
-  div {
-    padding: 0 0.1rem;
+  .glgkmk {
     cursor: pointer;
-    display: flex;
-    align-items: center;
+    text-align: left;
+    position: relative;
+    display: inline-block;
+    width: 45%;
+    margin-bottom: 10px;
+    margin-left: 10px;
+
+    .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;
+      font-weight: bold;
+    }
   }
 
-  div:hover {
-    color: #1296db;
+  .glgkmk :hover {
+    color: #0058e1;
   }
-
-  .active {
-    font-weight: 600;
-    color: #1296db;
-    border-bottom: 0.02rem solid #1296db;
-  }
-}
-
-.primaryNode {
-  .top {
-    width: 100%;
-    height: 0.4rem;
-    background: rgba(0, 135, 225, 0.1);
+  .nav {
     display: flex;
     justify-content: space-between;
+    margin-right: 20px;
     align-items: center;
-    padding: 0 0.1rem;
-    margin-top: 0.08rem;
-  }
+    font-size: 18px;
+    font-family: 'Alibaba PuHuiTi';
+    color: #000000;
+    line-height: 0.32rem;
+    margin-bottom: 24px;
 
-  .top:hover {
-    cursor: pointer;
-    // 0058e1 透明度 0.5
-    background: rgba(0, 88, 225, 0.8);
-    color: white;
-
-    :deep(.anticon) {
-      color: white;
+    .photo {
+      display: inline-block;
+      height: 0.3rem;
+      width: 0.3rem;
+      margin-right: 0.1rem;
     }
-  }
 
-  .topSelect {
-    background: #0058e1;
-    color: white;
-
-    :deep(.anticon) {
-      color: white;
-    }
-  }
-
-  .bottom {
-    width: 100%;
-    background: rgba(244, 245, 248, 0.8);
-    padding: 0 0.1rem;
-
-    // margin-bottom: .08rem;
-    .up {
+    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%;
       height: 0.4rem;
+      background: rgba(0, 135, 225, 0.1);
       display: flex;
       justify-content: space-between;
       align-items: center;
-      border-top: 0.01rem solid #ccc;
+      padding: 0 0.1rem;
+      margin-top: 0.08rem;
+    }
+
+    .top:hover {
+      cursor: pointer;
+      // 0058e1 透明度 0.5
+      background: rgba(0, 88, 225, 0.8);
+      color: white;
+
+      :deep(.anticon) {
+        color: white;
+      }
+    }
+
+    .topSelect {
+      background: #0058e1;
+      color: white;
+
+      :deep(.anticon) {
+        color: white;
+      }
+    }
+
+    .bottom {
+      width: 100%;
+      background: rgba(244, 245, 248, 0.8);
       padding: 0 0.1rem;
 
-      & > div {
-        display: flex;
-        justify-content: flex-start;
-      }
-
-      .name {
-        overflow: hidden;
-        text-overflow: ellipsis;
-        display: -webkit-box;
-        -webkit-line-clamp: 1;
-        -webkit-box-orient: vertical;
-        word-break: break-all;
-      }
-    }
-
-    .up:hover {
-      .name {
-        color: #0058e1;
-        font-weight: 600;
-      }
-
-      span {
-        color: #0058e1;
-        font-weight: 600;
-      }
-    }
-
-    .select {
-      padding: 0 0.1rem 0 0;
-
-      .name {
-        width: 1.7rem;
-        color: #0058e1 !important;
-        font-weight: 600;
-      }
-
-      span {
-        color: #0058e1;
-        font-weight: 600;
-      }
-    }
-
-    .item:nth-of-type(1) .up {
-      border-top: none;
-    }
-
-    .down {
-      width: 100%;
-
-      .child {
+      // margin-bottom: .08rem;
+      .up {
         cursor: pointer;
         height: 0.4rem;
         display: flex;
         justify-content: space-between;
         align-items: center;
+        border-top: 0.01rem solid #ccc;
         padding: 0 0.1rem;
 
         & > div {
@@ -493,7 +426,7 @@ export default defineComponent({
         }
       }
 
-      .child:hover {
+      .up:hover {
         .name {
           color: #0058e1;
           font-weight: 600;
@@ -505,10 +438,12 @@ export default defineComponent({
         }
       }
 
-      .select2 {
+      .select {
+        padding: 0 0.1rem 0 0;
+
         .name {
           width: 1.7rem;
-          color: #0058e1;
+          color: #0058e1 !important;
           font-weight: 600;
         }
 
@@ -516,10 +451,65 @@ export default defineComponent({
           color: #0058e1;
           font-weight: 600;
         }
+      }
 
-        padding: 0 0.1rem 0 0;
+      .item:nth-of-type(1) .up {
+        border-top: none;
+      }
+
+      .down {
+        width: 100%;
+
+        .child {
+          cursor: pointer;
+          height: 0.4rem;
+          display: flex;
+          justify-content: space-between;
+          align-items: center;
+          padding: 0 0.1rem;
+
+          & > div {
+            display: flex;
+            justify-content: flex-start;
+          }
+
+          .name {
+            overflow: hidden;
+            text-overflow: ellipsis;
+            display: -webkit-box;
+            -webkit-line-clamp: 1;
+            -webkit-box-orient: vertical;
+            word-break: break-all;
+          }
+        }
+
+        .child:hover {
+          .name {
+            color: #0058e1;
+            font-weight: 600;
+          }
+
+          span {
+            color: #0058e1;
+            font-weight: 600;
+          }
+        }
+
+        .select2 {
+          .name {
+            width: 1.7rem;
+            color: #0058e1;
+            font-weight: 600;
+          }
+
+          span {
+            color: #0058e1;
+            font-weight: 600;
+          }
+
+          padding: 0 0.1rem 0 0;
+        }
       }
     }
   }
-}
 </style>
diff --git a/front/src/views/home/infrastructureApplication.vue b/front/src/views/home/infrastructureApplication.vue
index 207f0ba5..ef558224 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-24 15:56:51
+ * @LastEditTime: 2022-11-24 18:12:43
  * @Description: 告诉大家这是什么
 -->
 <template>
@@ -386,7 +386,7 @@
 <style lang="less" scoped>
   .infrastructureApplication {
     background: #fff;
-    position: fixed;
+    position: absolute;
     top: 50%;
     right: 0.16rem;
     margin-top: -3.9rem;