diff --git a/back/public/config/basicConfig.js b/back/public/config/basicConfig.js
index 00261cd2..fb5e785c 100644
--- a/back/public/config/basicConfig.js
+++ b/back/public/config/basicConfig.js
@@ -2,7 +2,7 @@
  * @Author: hisense.wuhongjian
  * @Date: 2022-08-25 14:37:49
  * @LastEditors: hisense.wuhongjian
- * @LastEditTime: 2022-10-12 09:06:24
+ * @LastEditTime: 2022-10-12 13:40:14
  * @Description: 告诉大家这是什么
  */
 var _global = {}
@@ -24,7 +24,8 @@ var CONFIGITEM = {
     xihaian: {
       previewUrl: 'http://10.134.135.9:9796/',
       // apiURL: 'http://10.134.135.9:8888/renren-admin',
-      apiURL: 'http://10.16.5.35:8888/renren-admin', // 李志成
+      // apiURL: 'http://10.16.5.35:8888/renren-admin', // 李志成-研发
+      apiURL: 'http://192.168.124.254:8888/renren-admin', // 李志成-远雄
       websocketURL: 'ws://10.134.135.9:8888/renren-admin/websocket'
     },
     // 测试
diff --git a/front/src/views/home/DetailsPageconetent.vue b/front/src/views/home/DetailsPageconetent.vue
index eff61da6..b8fcc4c9 100644
--- a/front/src/views/home/DetailsPageconetent.vue
+++ b/front/src/views/home/DetailsPageconetent.vue
@@ -1085,7 +1085,7 @@ export default defineComponent({
 
     // 青岛-数据处理
     const getQingDao = (res) => {
-      ; ((res.data && res.data.data && res.data.data.data) || []).forEach(
+      ((res.data && res.data.data && res.data.data.data) || []).forEach(
         (val) => {
           val.id = val.guid // id
           val.name = val.zyname // 名字
@@ -1101,7 +1101,7 @@ export default defineComponent({
     }
     // 青岛-西海岸处理
     const getXiHaiAn = (res) => {
-      ; ((res.data && res.data.data && res.data.data.list) || []).forEach(
+      ((res.data && res.data.data && res.data.data.list) || []).forEach(
         (val) => {
           val.id = val.serviceId // id
           val.name = val.serviceName // 名字
diff --git a/front/src/views/home/components/header.vue b/front/src/views/home/components/header.vue
index 5ae0e50e..d0d82917 100644
--- a/front/src/views/home/components/header.vue
+++ b/front/src/views/home/components/header.vue
@@ -1,8 +1,11 @@
 <template>
-  <div class="home-header" :class="[
-    select !== 'home' || scrollTop > 500 ? 'white' : '',
-    props.showView === 'algorithm-details' ? '' : '',
-  ]">
+  <div
+    class="home-header"
+    :class="[
+      select !== 'home' || scrollTop > 500 ? 'white' : '',
+      props.showView === 'algorithm-details' ? '' : '',
+    ]"
+  >
     <div class="name" @click="goToHome">
       <div class="name-bg" v-if="!itShowXiHaiAn"></div>
       <div class="name-bg-xihaian" v-else></div>
@@ -11,26 +14,52 @@
         <p>(United Capacity System)</p>
       </div>
     </div>
-    <div v-for="item in navList" :key="item.key" @click="jumpPage(item)" class="nav"
-      :class="item.key == select ? 'select' : ''">
+    <div
+      v-for="item in navList"
+      :key="item.key"
+      @click="jumpPage(item)"
+      class="nav"
+      :class="item.key == select ? 'select' : ''"
+    >
       {{ item.name }}
     </div>
     <!-- 购物车 -->
     <a-badge :count="sgcNum">
-      <svg t="1650455446850" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
-        p-id="2069" width="0.4rem" height="0.4rem" @click="goToSgc">
+      <svg
+        t="1650455446850"
+        class="icon"
+        viewBox="0 0 1024 1024"
+        version="1.1"
+        xmlns="http://www.w3.org/2000/svg"
+        p-id="2069"
+        width="0.4rem"
+        height="0.4rem"
+        @click="goToSgc"
+      >
         <path
           d="M384 832v85.333333h-85.333333v-85.333333h85.333333z m405.333333 0v85.333333h-85.333333v-85.333333h85.333333zM240.32 185.002667l24.149333 140.928h633.173334L835.285333 746.666667h-563.626666l-85.333334-497.685334H94.485333v-64h145.834667z m583.104 204.928H275.434667L325.632 682.666667h454.464l43.328-292.736z"
-          :fill="props.showView === 'algorithm-details' ? '#1296db' : '#1296db'" p-id="2070"></path>
+          :fill="props.showView === 'algorithm-details' ? '#1296db' : '#1296db'"
+          p-id="2070"
+        ></path>
       </svg>
     </a-badge>
     <a-badge :count="mynoticeNum" style="margin-left: 0.2rem">
       <!-- 消息提醒 -->
-      <svg t="1654051054113" class="icon2" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
-        p-id="2187" width="0.35rem" height="0.35rem">
+      <svg
+        t="1654051054113"
+        class="icon2"
+        viewBox="0 0 1024 1024"
+        version="1.1"
+        xmlns="http://www.w3.org/2000/svg"
+        p-id="2187"
+        width="0.35rem"
+        height="0.35rem"
+      >
         <path
           d="M544 161.536a330.666667 330.666667 0 0 1 298.666667 329.130667h-0.341334c0.213333 1.493333 0.341333 2.986667 0.341334 4.565333v219.434667h39.68a32 32 0 0 1 0 64h-212.053334a160 160 0 0 1-316.586666 0H141.909333a32 32 0 1 1 0-64h39.424v-219.434667c0-1.578667 0.128-3.072 0.341334-4.565333H181.333333a330.666667 330.666667 0 0 1 298.666667-329.130667V128a32 32 0 1 1 64 0v33.536z m-298.666667 553.130667h533.333334v-219.434667c0-1.578667 0.128-3.072 0.341333-4.565333h-0.341333a266.666667 266.666667 0 1 0-533.333334 0h-0.341333c0.213333 1.493333 0.341333 2.986667 0.341333 4.565333v219.434667z m359.765334 64H418.901333a96 96 0 0 0 186.197334 0z"
-          :fill="props.showView === 'algorithm-details' ? '#1296db' : '#1296db'" p-id="2188"></path>
+          :fill="props.showView === 'algorithm-details' ? '#1296db' : '#1296db'"
+          p-id="2188"
+        ></path>
       </svg>
       <!-- <a-avatar shape="square" size="large" /> -->
     </a-badge>
@@ -59,7 +88,10 @@
         <template #title>
           <span>{{ user.realName }}</span>
         </template>
-        <span class="name" @click="jumpPage({ name: '个人中心', key: 'personalCenter' })">
+        <span
+          class="name"
+          @click="jumpPage({ name: '个人中心', key: 'personalCenter' })"
+        >
           {{ user.realName }}
         </span>
       </a-tooltip>
@@ -82,214 +114,168 @@
           fill="#bfbfbf"
         ></path>
       </svg> -->
-      <i @click="jumpPage({ name: '后台管理', key: 'houtaiguanli' })" class="iconTo"></i>
+      <i
+        @click="jumpPage({ name: '后台管理', key: 'houtaiguanli' })"
+        class="iconTo"
+        v-show="backFlag"
+      ></i>
     </div>
   </div>
 </template>
 <script setup>
-import { ref, onMounted, onBeforeUnmount, defineProps } from 'vue'
-import { recordRoute } from '@/config'
-import { useRoute, useRouter } from 'vue-router'
-import { mynotice } from '@/api/home'
-import { useStore } from 'vuex'
-import { getSgcTotal } from '@/api/home'
-import Cookies from 'js-cookie'
-import mybus from '@/myplugins/mybus'
-import { DETAIL_PAGE_CONTENT_DEFAULT_TAB } from '@/global/GlobalConfig.js'
-import { message } from 'ant-design-vue'
+  import { ref, onMounted, onBeforeUnmount, defineProps } from 'vue'
+  import { getUserInfo } from '@/api/user'
+  import { recordRoute } from '@/config'
+  import { useRoute, useRouter } from 'vue-router'
+  import { mynotice } from '@/api/home'
+  import { useStore } from 'vuex'
+  import { getSgcTotal } from '@/api/home'
+  import Cookies from 'js-cookie'
+  import mybus from '@/myplugins/mybus'
+  import { DETAIL_PAGE_CONTENT_DEFAULT_TAB } from '@/global/GlobalConfig.js'
+  import { message } from 'ant-design-vue'
 
-const store = useStore()
-const router = useRouter()
-const route = useRoute()
+  const store = useStore()
+  const router = useRouter()
+  const route = useRoute()
+  const itShowXiHaiAn = ref(whoShow.itShowXiHaiAn)
 
-const itShowXiHaiAn = ref(whoShow.itShowXiHaiAn)
+  // 用户信息
+  const user = ref({
+    username: store.getters['user/username'],
+    realName: store.getters['user/realName'],
+  })
+  const select = ref(router.currentRoute.value.name)
+  const mynoticeFlag = ref(false)
+  const mynoticeData = ref([])
+  const navList = ref(navListManagement.navList)
+  const backFlag = ref(true)
+  getUserInfo().then((res) => {
+    if (res.data.data.roleIdList.length == 0) {
+      backFlag.value = false
+    }
+  })
+  console.log('navList------------>', navList)
 
-// 用户信息
-const user = ref({
-  username: store.getters['user/username'],
-  realName: store.getters['user/realName'],
-})
-const select = ref(router.currentRoute.value.name)
-const mynoticeFlag = ref(false)
-const mynoticeData = ref([])
-const navList = ref(navListManagement.navList)
-console.log('navList------------>', navList)
+  const props = defineProps({
+    showView: { type: String, default: '' },
+  })
 
-const props = defineProps({
-  showView: { type: String, default: '' },
-})
-
-// 退出登录
-const logout = async () => {
-  await store.dispatch('user/logout')
-  window.sessionStorage.setItem('visits', JSON.stringify([]))
-  // 西海岸不返回登录页
-  if (!itShowXiHaiAn.value) {
-    if (recordRoute) {
-      const fullPath = route.fullPath
-      router.push(`/login?redirect=${fullPath}`)
-    } else {
-      router.push('/login')
+  // 退出登录
+  const logout = async () => {
+    await store.dispatch('user/logout')
+    window.sessionStorage.setItem('visits', JSON.stringify([]))
+    // 西海岸不返回登录页
+    if (!itShowXiHaiAn.value) {
+      if (recordRoute) {
+        const fullPath = route.fullPath
+        router.push(`/login?redirect=${fullPath}`)
+      } else {
+        router.push('/login')
+      }
     }
   }
-}
-// 返回首页
-const goToHome = () => {
-  router.push({
-    path: '/home',
-  })
-}
-// 跳转页面
-const jumpPage = (item) => {
-  // 西海岸
-  if (itShowXiHaiAn.value) {
-    let _arr = ['共享门户', '能力云图', '能力统计', '需求中心', '赋能案例']
-    if (_arr.includes(item.name) && !xhaHasPermissionUser.list.includes(user.value.username)) {
-      return message.warn('暂无权限')
+  // 返回首页
+  const goToHome = () => {
+    router.push({
+      path: '/home',
+    })
+  }
+  // 跳转页面
+  const jumpPage = (item) => {
+    // 西海岸
+    if (itShowXiHaiAn.value) {
+      let _arr = ['共享门户', '能力云图', '能力统计', '需求中心', '赋能案例']
+      if (
+        _arr.includes(item.name) &&
+        !xhaHasPermissionUser.list.includes(user.value.username)
+      ) {
+        return message.warn('暂无权限')
+      }
+    }
+    select.value = item.key
+    switch (item.name) {
+      case '个人中心':
+        window.sessionStorage.setItem('type', JSON.stringify('PurchaseVehicle'))
+        router.push({
+          path: '/personalCenter',
+        })
+        break
+      case '能力统计':
+        router.push({
+          path: '/abilityStatistics',
+        })
+        break
+      case '能力集市':
+        router.push({
+          path: '/DetailsPageconetent',
+          query: {
+            select: DETAIL_PAGE_CONTENT_DEFAULT_TAB,
+          },
+        })
+        break
+      case '能力云图':
+        router.push({
+          path: '/capabilityCloud',
+        })
+        break
+      // case '技术文档':
+      //   router.push({
+      //     path: '/developmentGuide',
+      //   })
+      //   break
+      case '新手指南':
+        router.push({
+          path: '/instructionManual',
+        })
+        break
+      case '需求中心':
+        router.push({
+          path: '/demandCenter',
+        })
+        break
+      case '区市站点':
+        router.push({
+          path: '/mapTest',
+        })
+        break
+      case '后台管理':
+        Cookies.remove('JSESSIONID')
+        window.open(window.SITE_CONFIG.backUrl + '/#/workBench-workBench')
+        // window.reload('http://15.2.21.238:9797')
+        break
+      case '赋能案例':
+        router.push({
+          path: '/assignCase',
+        })
+        break
+      case '典型赋能案例':
+        router.push({
+          path: '/assignCase',
+        })
+        break
+      case '融合服务':
+        router.push({
+          path: '/integrationServices',
+        })
+        break
+      case 'CIM专区':
+        router.push({
+          path: '/cimSpecialArea',
+        })
+        break
+      default:
+        router.push('/home')
+        break
     }
   }
-  select.value = item.key
-  switch (item.name) {
-    case '个人中心':
-      window.sessionStorage.setItem('type', JSON.stringify('PurchaseVehicle'))
-      router.push({
-        path: '/personalCenter',
-      })
-      break
-    case '能力统计':
-      router.push({
-        path: '/abilityStatistics',
-      })
-      break
-    case '能力集市':
-      router.push({
-        path: '/DetailsPageconetent',
-        query: {
-          select: DETAIL_PAGE_CONTENT_DEFAULT_TAB
-        },
-      })
-      break
-    case '能力云图':
-      router.push({
-        path: '/capabilityCloud',
-      })
-      break
-    // case '技术文档':
-    //   router.push({
-    //     path: '/developmentGuide',
-    //   })
-    //   break
-    case '新手指南':
-      router.push({
-        path: '/instructionManual',
-      })
-      break
-    case '需求中心':
-      router.push({
-        path: '/demandCenter',
-      })
-      break
-    case '区市站点':
-      router.push({
-        path: '/mapTest',
-      })
-      break
-    case '后台管理':
-      Cookies.remove('JSESSIONID')
-      window.open(window.SITE_CONFIG.backUrl + '/#/workBench-workBench')
-      // window.reload('http://15.2.21.238:9797')
-      break
-    case '赋能案例':
-      router.push({
-        path: '/assignCase',
-      })
-      break
-    case '典型赋能案例':
-      router.push({
-        path: '/assignCase',
-      })
-      break
-    case '融合服务':
-      router.push({
-        path: '/integrationServices',
-      })
-      break
-    case 'CIM专区':
-      router.push({
-        path: '/cimSpecialArea',
-      })
-      break
-    default:
-      router.push('/home')
-      break
-  }
-}
-const scrollTop = ref(0)
-window.onscroll = function () {
-  //为了保证兼容性，这里取两个值，哪个有值取哪一个
-  //scrollTop就是触发滚轮事件时滚轮的高度
-  scrollTop.value =
-    document.documentElement.scrollTop || document.body.scrollTop
-  // console.log('滚动距离' + scrollTop.value)
-}
-mybus.on('getSgcNum', () => {
-  getSgcTotal().then((res) => {
-    sgcNum.value = res.data.data.count
-    // console.log('申购车总数========================>', res.data.data.count)
-  })
-})
-
-const sgcNum = ref(0)
-const goToSgc = () => {
-  window.sessionStorage.setItem('type', JSON.stringify('PurchaseVehicle'))
-  router.push('/personalCenter')
-}
-const mynoticeNum = ref(0)
-// 我的消息
-const getMynotice = () => {
-  mynotice({ page: 1, limit: 3, readStatus: 0 }).then((res) => {
-    // console.log('我的消息', res.data.data)
-    mynoticeNum.value = res.data.data.total
-    mynoticeData.value = res.data.data.list
-  })
-}
-const goToView = () => {
-  router.push({
-    path: '/mynoticeView',
-  })
-}
-// const read = (item) => {
-//   mynoticeRead(item.id).then((res) => {
-//     console.log('已读', res)
-//     getMynotice()
-//   })
-// }
-// 建立链接 -- 携带cookie参数
-
-onMounted(() => {
-  getSgcTotal().then((res) => {
-    // console.log('初始化========================>', res.data.data.count)
-    sgcNum.value = res.data.data.count
-  })
-  getMynotice()
-  // 解决
-  const mynoticeDom = document.querySelector('.icon2')
-  const mynotice = document.querySelector('.mynotice')
-  if (mynoticeDom) {
-    mynoticeDom.addEventListener('mouseover', () => {
-      mynoticeFlag.value = true
-    })
-    mynoticeDom.addEventListener('mouseout', () => {
-      mynoticeFlag.value = false
-    })
-  }
-  if (mynotice) {
-    mynotice.addEventListener('mouseover', () => {
-      mynoticeFlag.value = true
-    })
-    mynotice.addEventListener('mouseout', () => {
-      mynoticeFlag.value = false
-    })
+  const scrollTop = ref(0)
+  window.onscroll = function () {
+    //为了保证兼容性，这里取两个值，哪个有值取哪一个
+    //scrollTop就是触发滚轮事件时滚轮的高度
+    scrollTop.value =
+      document.documentElement.scrollTop || document.body.scrollTop
+    // console.log('滚动距离' + scrollTop.value)
   }
   mybus.on('getSgcNum', () => {
     getSgcTotal().then((res) => {
@@ -297,268 +283,329 @@ onMounted(() => {
       // console.log('申购车总数========================>', res.data.data.count)
     })
   })
-  mybus.on('getMynotice', () => {
+
+  const sgcNum = ref(0)
+  const goToSgc = () => {
+    window.sessionStorage.setItem('type', JSON.stringify('PurchaseVehicle'))
+    router.push('/personalCenter')
+  }
+  const mynoticeNum = ref(0)
+  // 我的消息
+  const getMynotice = () => {
+    mynotice({ page: 1, limit: 3, readStatus: 0 }).then((res) => {
+      // console.log('我的消息', res.data.data)
+      mynoticeNum.value = res.data.data.total
+      mynoticeData.value = res.data.data.list
+    })
+  }
+  const goToView = () => {
+    router.push({
+      path: '/mynoticeView',
+    })
+  }
+  // const read = (item) => {
+  //   mynoticeRead(item.id).then((res) => {
+  //     console.log('已读', res)
+  //     getMynotice()
+  //   })
+  // }
+  // 建立链接 -- 携带cookie参数
+
+  onMounted(() => {
+    getSgcTotal().then((res) => {
+      // console.log('初始化========================>', res.data.data.count)
+      sgcNum.value = res.data.data.count
+    })
     getMynotice()
+    // 解决
+    const mynoticeDom = document.querySelector('.icon2')
+    const mynotice = document.querySelector('.mynotice')
+    if (mynoticeDom) {
+      mynoticeDom.addEventListener('mouseover', () => {
+        mynoticeFlag.value = true
+      })
+      mynoticeDom.addEventListener('mouseout', () => {
+        mynoticeFlag.value = false
+      })
+    }
+    if (mynotice) {
+      mynotice.addEventListener('mouseover', () => {
+        mynoticeFlag.value = true
+      })
+      mynotice.addEventListener('mouseout', () => {
+        mynoticeFlag.value = false
+      })
+    }
+    mybus.on('getSgcNum', () => {
+      getSgcTotal().then((res) => {
+        sgcNum.value = res.data.data.count
+        // console.log('申购车总数========================>', res.data.data.count)
+      })
+    })
+    mybus.on('getMynotice', () => {
+      getMynotice()
+    })
+  })
+  onBeforeUnmount(() => {
+    mybus.off('getSgcNum')
+    mybus.off('getMynotice')
   })
-})
-onBeforeUnmount(() => {
-  mybus.off('getSgcNum')
-  mybus.off('getMynotice')
-})
 </script>
 <style lang="less" scoped>
-@font-face {
-  font-family: 'header-typeface';
-  src: url('~@/assets/newHome/font/header-typeface.ttf');
-}
-
-.home-header {
-  height: 0.64rem;
-  width: 100%;
-  max-width: 1920px;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  // padding: 0 1rem;
-  background-color: rgba(0, 0, 25, 0.7);
-  position: fixed;
-  z-index: 1000;
-  top: 0;
-
-  div {
-    color: #fff;
-    font-size: 0.16rem;
+  @font-face {
+    font-family: 'header-typeface';
+    src: url('~@/assets/newHome/font/header-typeface.ttf');
   }
 
-  .name {
-    cursor: pointer;
-    font-size: 0.22rem;
-    font-family: header-typeface;
-    margin-right: 0.2rem;
-    display: flex;
-    align-items: center;
-
-    .name-bg {
-      height: 0.6rem;
-      width: 0.6rem;
-      background: url('~@/assets/newHome/ucs-2.png') no-repeat;
-      background-size: 100%;
-      margin-right: 0.15rem;
-    }
-
-    .name-bg-xihaian {
-      height: 0.6rem;
-      width: 0.6rem;
-      background: url('~@/assets/newHome/newHome-title-bg-xihaian.png') no-repeat;
-      background-size: 100%;
-      margin-right: 0.15rem;
-    }
-
-    .name-content {
-      padding-top: 0.14rem;
-
-      p {
-        font-size: 0.2rem;
-        margin-bottom: 0;
-
-        &:nth-of-type(2) {
-          font-size: 0.12rem;
-        }
-      }
-    }
-  }
-
-  .nav {
-    width: 1.2rem;
+  .home-header {
     height: 0.64rem;
-    line-height: 0.64rem;
-    text-align: center;
-  }
-
-  .nav:hover {
-    background: #0058e1;
-    color: #fff;
-    cursor: pointer;
-  }
-
-  .select {
-    background: #0058e1;
-    color: #fff !important;
-  }
-
-  .info {
-    // width: 2rem;
-    margin-left: 0.2rem;
+    width: 100%;
+    max-width: 1920px;
     display: flex;
     justify-content: center;
+    align-items: center;
+    // padding: 0 1rem;
+    background-color: rgba(0, 0, 25, 0.7);
+    position: fixed;
+    z-index: 1000;
+    top: 0;
 
-    .img {
-      width: 0.3rem;
-      height: 0.3rem;
-      border-radius: 0.1rem;
-      background: url('~@/assets/newHome/user.png') no-repeat;
-      background-size: 100%;
-    }
-
-    span {
-      height: 0.3rem;
-      line-height: 0.3rem;
-      margin-left: 0.08rem;
-      margin-right: 0.06rem;
+    div {
+      color: #fff;
       font-size: 0.16rem;
     }
 
     .name {
-      max-width: 2.3rem;
-      text-overflow: ellipsis;
-      display: -webkit-box;
-      -webkit-line-clamp: 1;
-      -webkit-box-orient: vertical;
-      overflow: hidden;
-      word-break: break-all;
+      cursor: pointer;
+      font-size: 0.22rem;
+      font-family: header-typeface;
+      margin-right: 0.2rem;
+      display: flex;
+      align-items: center;
+
+      .name-bg {
+        height: 0.6rem;
+        width: 0.6rem;
+        background: url('~@/assets/newHome/ucs-2.png') no-repeat;
+        background-size: 100%;
+        margin-right: 0.15rem;
+      }
+
+      .name-bg-xihaian {
+        height: 0.6rem;
+        width: 0.6rem;
+        background: url('~@/assets/newHome/newHome-title-bg-xihaian.png')
+          no-repeat;
+        background-size: 100%;
+        margin-right: 0.15rem;
+      }
+
+      .name-content {
+        padding-top: 0.14rem;
+
+        p {
+          font-size: 0.2rem;
+          margin-bottom: 0;
+
+          &:nth-of-type(2) {
+            font-size: 0.12rem;
+          }
+        }
+      }
     }
 
-    .out {
+    .nav {
+      width: 1.2rem;
+      height: 0.64rem;
+      line-height: 0.64rem;
+      text-align: center;
+    }
+
+    .nav:hover {
+      background: #0058e1;
+      color: #fff;
       cursor: pointer;
-      // padding: 0 0.16rem;
-      padding: 0 0.04rem 0 0.1rem;
-      border-left: 0.01rem solid #666;
+    }
+
+    .select {
+      background: #0058e1;
+      color: #fff !important;
+    }
+
+    .info {
+      // width: 2rem;
+      margin-left: 0.2rem;
+      display: flex;
+      justify-content: center;
+
+      .img {
+        width: 0.3rem;
+        height: 0.3rem;
+        border-radius: 0.1rem;
+        background: url('~@/assets/newHome/user.png') no-repeat;
+        background-size: 100%;
+      }
+
+      span {
+        height: 0.3rem;
+        line-height: 0.3rem;
+        margin-left: 0.08rem;
+        margin-right: 0.06rem;
+        font-size: 0.16rem;
+      }
+
+      .name {
+        max-width: 2.3rem;
+        text-overflow: ellipsis;
+        display: -webkit-box;
+        -webkit-line-clamp: 1;
+        -webkit-box-orient: vertical;
+        overflow: hidden;
+        word-break: break-all;
+      }
+
+      .out {
+        cursor: pointer;
+        // padding: 0 0.16rem;
+        padding: 0 0.04rem 0 0.1rem;
+        border-left: 0.01rem solid #666;
+      }
+
+      .icon {
+        cursor: pointer;
+      }
+    }
+  }
+
+  .white {
+    background-color: #fff;
+    box-shadow: 0 0.02rem 0.1rem rgba(0, 0, 0, 0.1);
+
+    .name {
+      color: #0058e1;
+
+      .name-bg {
+        height: 0.6rem;
+        width: 0.6rem;
+        background: url('~@/assets/newHome/ucs-1.png') no-repeat;
+        background-size: 100%;
+        margin-right: 0.15rem;
+      }
+
+      p {
+        color: #0058e1;
+      }
     }
 
     .icon {
       cursor: pointer;
     }
-  }
-}
 
-.white {
-  background-color: #fff;
-  box-shadow: 0 0.02rem 0.1rem rgba(0, 0, 0, 0.1);
-
-  .name {
-    color: #0058e1;
-
-    .name-bg {
-      height: 0.6rem;
-      width: 0.6rem;
-      background: url('~@/assets/newHome/ucs-1.png') no-repeat;
-      background-size: 100%;
-      margin-right: 0.15rem;
-    }
-
-    p {
-      color: #0058e1;
-    }
-  }
-
-  .icon {
-    cursor: pointer;
-  }
-
-  .nav {
-    color: #000;
-  }
-
-  .info {
-    span {
+    .nav {
       color: #000;
     }
-  }
-}
 
-.blue {
-  position: absolute;
-  background: linear-gradient(to right,
+    .info {
+      span {
+        color: #000;
+      }
+    }
+  }
+
+  .blue {
+    position: absolute;
+    background: linear-gradient(
+      to right,
       rgba(15, 90, 253, 0.8),
-      rgba(36, 25, 248, 0.8));
+      rgba(36, 25, 248, 0.8)
+    );
 
-  .name {
-    color: #fff;
-  }
-
-  .nav {
-    color: #fff;
-  }
-
-  .nav:hover {
-    background: #fff;
-    color: #0058e1;
-  }
-
-  .info {
-    span {
+    .name {
       color: #fff;
     }
-  }
-}
 
-.mynotice {
-  width: 4rem;
-  height: 3rem;
-  background: #eee;
-  border-radius: 0.05rem;
-  position: absolute;
-  top: 0.45rem;
-  right: 2.4rem;
-  overflow-y: scroll;
+    .nav {
+      color: #fff;
+    }
 
-  .bottom {
-    cursor: pointer;
-    width: 100%;
-    text-align: center;
-    color: #000;
-    font-size: 0.16rem;
-  }
-}
+    .nav:hover {
+      background: #fff;
+      color: #0058e1;
+    }
 
-.mynotice::-webkit-scrollbar {
-  display: none;
-}
-
-:deep(.ant-list-item) {
-  border-bottom: 0.01rem solid #ccc;
-  padding: 0.1rem;
-}
-
-:deep(.ant-list-item-meta-title) {
-
-  // display: flex;
-  // justify-content: space-around;
-  // align-items: center;
-  // padding: 0 0.05rem;
-  a {
-    width: 3.8rem;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    display: -webkit-box;
-    -webkit-line-clamp: 2;
-    word-break: break-all;
-    -webkit-box-orient: vertical;
-  }
-
-  button {
-    width: 0.7rem;
-    height: 0.25rem;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-
-    span {
-      font-size: 0.1rem;
+    .info {
+      span {
+        color: #fff;
+      }
     }
   }
-}
 
-.iconTo {
-  display: block;
-  width: 0.35rem;
-  height: 0.35rem;
-  background: url('~@/assets/newHome/iconTo.png') no-repeat;
-  cursor: pointer;
-}
+  .mynotice {
+    width: 4rem;
+    height: 3rem;
+    background: #eee;
+    border-radius: 0.05rem;
+    position: absolute;
+    top: 0.45rem;
+    right: 2.4rem;
+    overflow-y: scroll;
+
+    .bottom {
+      cursor: pointer;
+      width: 100%;
+      text-align: center;
+      color: #000;
+      font-size: 0.16rem;
+    }
+  }
+
+  .mynotice::-webkit-scrollbar {
+    display: none;
+  }
+
+  :deep(.ant-list-item) {
+    border-bottom: 0.01rem solid #ccc;
+    padding: 0.1rem;
+  }
+
+  :deep(.ant-list-item-meta-title) {
+    // display: flex;
+    // justify-content: space-around;
+    // align-items: center;
+    // padding: 0 0.05rem;
+    a {
+      width: 3.8rem;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      display: -webkit-box;
+      -webkit-line-clamp: 2;
+      word-break: break-all;
+      -webkit-box-orient: vertical;
+    }
+
+    button {
+      width: 0.7rem;
+      height: 0.25rem;
+      display: flex;
+      justify-content: center;
+      align-items: center;
+
+      span {
+        font-size: 0.1rem;
+      }
+    }
+  }
+
+  .iconTo {
+    display: block;
+    width: 0.35rem;
+    height: 0.35rem;
+    background: url('~@/assets/newHome/iconTo.png') no-repeat;
+    cursor: pointer;
+  }
 </style>
 <style>
-html::-webkit-scrollbar {
-  display: none;
-}
+  html::-webkit-scrollbar {
+    display: none;
+  }
 </style>
diff --git a/front/src/views/home/infrastructurePage.vue b/front/src/views/home/infrastructurePage.vue
index e38455bc..5fa40442 100644
--- a/front/src/views/home/infrastructurePage.vue
+++ b/front/src/views/home/infrastructurePage.vue
@@ -330,7 +330,6 @@
                 <a-input v-model:value="formState.name" style="width: 72%" />
               </a-form-item>
             </a-col>
-            <!-- v-bind="validateInfos.phone" -->
             <a-col :span="8">
               <a-form-item
                 name="phone"
@@ -416,7 +415,6 @@
             <span>{{ pagination.total || 0 }}</span>
             个
           </p>
-          <!-- <i class="boundary"></i> -->
           <p>
             已选
             <span>{{ selectedRowKeys.length }}</span>
@@ -425,7 +423,6 @@
         </div>
         <!-- 右侧 -->
         <div class="contentRight">
-          <!-- 搜索@search="onSearch" -->
           <div class="searchInput" v-if="isXiHaiAn">
             <a-input-search
               v-model:value="mapSearchParam.cameraName"
@@ -490,10 +487,10 @@
           @change="handleTableChange"
           :row-selection="{
             selectedRowKeys: selectedRowKeys,
-            // onChange: onSelectChange,
             onSelect: onSelectChange,
             onSelectAll: onSelectAll,
           }"
+          :loading="loadingCamera"
         >
           <template #bodyCell="{ column, record }">
             <template v-if="isXiHaiAn && column.dataIndex === 'status'">
@@ -512,18 +509,6 @@
               >
                 预览
               </a>
-              <!-- <a
-                v-else
-                @click="
-                  openPicture(
-                    record.channelCode ||
-                      record.channelId ||
-                      record.channelCode.channelId
-                  )
-                "
-              >
-                预览
-              </a> -->
             </template>
           </template>
         </a-table>
@@ -566,19 +551,19 @@
       >
         <template #footer></template>
         <div style="width: 100%; display: flex; justify-content: center">
-          <div style="width: 100%; height: 100%; position: relative">
+          <div style="width: 100%; height: 100%; position: relative" v-show="isXiHaiAn">
             <!-- 西海岸--预览视频--遮罩 todo-->
-            <div class="video-cover" @click="videoShowMsg" v-show="isXiHaiAn"></div>
-            <div class="waterMark waterMark-left-top" v-show="isXiHaiAn">
+            <div class="video-cover" @click="videoShowMsg"></div>
+            <div class="waterMark waterMark-left-top">
               {{ userInfo.usernameShow }}
             </div>
-            <div class="waterMark waterMark-right-top" v-show="isXiHaiAn">
+            <div class="waterMark waterMark-right-top">
               {{ userInfo.realNameShow }}
             </div>
-            <div class="waterMark waterMark-left-bottom" v-show="isXiHaiAn">
+            <div class="waterMark waterMark-left-bottom">
               {{ userInfo.usernameShow }}
             </div>
-            <div class="waterMark waterMark-right-bottom" v-show="isXiHaiAn">
+            <div class="waterMark waterMark-right-bottom">
               {{ userInfo.realNameShow }}
             </div>
             <vue3VideoPlay v-bind="options" />
@@ -843,13 +828,6 @@
       },
     ],
     matter: [{ min: 1, max: 500, required: true, message: '可输入500字内容' }],
-    // phone: [
-    //   {
-    //     required: true,
-    //     pattern: /^1[3|4|5|7|8|9][0-9]\d{8}$/,
-    //     message: '请输入正确的手机号',
-    //   },
-    // ],
     dept: [
       {
         required: true,
@@ -948,7 +926,6 @@
 
       dataSource.value = param.dataSource
       pagination.value.total = param.total
-      // getCamera()
     })
     //点位点击
     mybus.off('pointMarkerClick')
@@ -1004,10 +981,6 @@
       {
         arr: [
           {
-            // description:
-            //   '申请单兵手持便携终端，提告前端人员执法透明度，加强执法人员与指挥中心实时沟通。',
-            // resourceId: 'dbsb',
-            // type: '单兵设备',
             description: data.description,
             resourceId: data.id,
             resourceName: data.wrjName,
@@ -1444,14 +1417,6 @@
         pagination.value.total = 0
         selectType.value = '感知资源'
       } else if (name == '城市云脑会客厅') {
-        //     room.value = false
-        //     wrjFlag.value = true
-        //     showMap.value = false
-        // roomYuyue.value = true
-        //     roomResult.value = false
-        //     tabList.value[1] = []
-        //     emits('add', 6)
-        //     searchData()
       }
       clickList.value[indexFather].content.splice(
         clickList.value[indexFather].content.indexOf(name),
@@ -1491,12 +1456,10 @@
             mapSearchParam.value.labelCodes.push(item.labelCode)
           })
         }
-        // todo
         mapSearchParam.value.gpsX = ''
         mapSearchParam.value.gpsY = ''
         mapSearchParam.value.radius = ''
         mapSearchParam.value.type = ''
-        console.log('mapSearchParam----->查询条件', mapSearchParam.value)
         mapSearchParam.value.labelCodes = mapSearchParam.value.labelCodes + ''
         emits('add', 1)
         getCamera()
@@ -1717,7 +1680,6 @@
           videoList.value.push(ob)
         })
       }
-      console.log('验证数据的准确性', videoList)
       batchVisible.value = true
     } else {
       message.error('请选择需要预览的数据')
@@ -1750,7 +1712,6 @@
           videoList.value.push(ob)
         })
       }
-      console.log('验证数据的准确性', videoList)
       batchPicVisible.value = true
     } else {
       message.error('请选择需要预览的数据')
@@ -1778,8 +1739,6 @@
   }
   const videoClean = () => {
     //视频预览弹窗关闭后不清除选中行
-    // selectedList.value = []
-    // selectedRowKeys.value = []
     videoList.value = []
     current.value = 1
   }
@@ -1787,11 +1746,8 @@
   const changePage = (page) => {}
   // 一键申请
   const dept = reactive({})
-  // eslint-disable-next-line no-undef
   if (infrastructure) {
-    // eslint-disable-next-line no-undef
     dept.deptId = infrastructure.deptId || ''
-    // eslint-disable-next-line no-undef
     dept.deptName = infrastructure.deptName || ''
   }
 
@@ -1809,7 +1765,6 @@
   }
 
   const apply = async () => {
-    console.log('一键申请', selectedList.value)
     if (selectedRowKeys.value.length != 0) {
       // 判断最大数量
       let maxNumRes = await judegNumber()
@@ -1831,6 +1786,7 @@
           deptName: dept.deptName,
         },
       ]
+      console.log('一键申请', arr)
       localStorage.setItem('applyList', JSON.stringify(arr))
       router.push({
         path: '/apply',
@@ -1851,30 +1807,27 @@
         break
     }
   }
-  // // 添加至购物车
-  // const addShopCar = () => {
-  //   console.log('添加至购物车')
-  // }
   const wrjFlag = ref(false)
+  // 西海岸-视频资源loading
+  const loadingCamera = ref(false)
   const getCamera = (flag, str) => {
-    console.log(
-      'mapSearchParam.value.cameraName------------>',
-      mapSearchParam.value.cameraName
-    )
+    loadingCamera.value = true;
     if (flag) {
       mapSearchParam.value.cameraName = str
-      console.log('赋值===============》', str, mapSearchParam.value)
     }
     console.log('初始化调用')
     console.log('不选左侧树的时候不调用接口', mapSearchParam.value)
     if (!whoShow1.value.itShowXiHaiAn) {
       getCameraByParentId(mapSearchParam.value).then((res) => {
-        console.log('RRRRRRRRRR', res.data.data)
+        console.log('res--查询摄像头---------->', res);
+        loadingCamera.value = false;
         dataSource.value = res.data.data
         pagination.value.total = res.data.count
+      }).catch(err => {
+        loadingCamera.value = false;
+        message.error(err)
       })
     } else {
-      console.log('mapSearchParam------------>', mapSearchParam)
       let params = {
         regionId:
           mapSearchParam.value.parentId || '70be8c5b664f4bcf869d82f2e8335051',
@@ -1911,9 +1864,13 @@
         }
       }
       getCameraByCondition(params).then((res) => {
+        console.log('res--查询摄像头---------->', res);
+        loadingCamera.value = false;
         dataSource.value = res.data.data
         pagination.value.total = res.data.count
-        console.log('根据parent查询摄像头', res.data.data)
+      }).catch(err => {
+        loadingCamera.value = false;
+        message.error(err)
       })
     }
   }
@@ -1931,9 +1888,7 @@
           note1: [v],
         })
       })
-      console.log('_arr------------>', _arr);
       sgcInsert(_arr).then((res) => {
-        console.log('res------申购车------>', res);
         if(res.data.code !== 0) {
           return message.error(res.data.msg)
         }
@@ -2001,7 +1956,6 @@
       align: 'center',
     },
   ])
-  // const allClick = ref([])
   const onSelectChange = (
     record,
     selected,
@@ -2009,7 +1963,6 @@
     nativeEvent,
     type
   ) => {
-    console.log('hahhahah', record, selected, selectedRows, nativeEvent)
     record = JSON.parse(JSON.stringify(record))
     if (selected) {
       if (selectedRowKeys.value.length == 1000) {
@@ -2041,9 +1994,6 @@
       if (selectedRowKeys.value.length > 1000) {
         message.warning('最多只能添加1000个摄像头！')
         changeRows.map((val) => {
-          // selectedList.value = selectedList.value.filter(
-          //   (item) => item.idtCameraChannel !== val.idtCameraChannel
-          // )
           selectedList.value.forEach((ele, index) => {
             if (ele.channelCode == record.channelCode) {
               selectedList.value.splice(index, 1)
diff --git a/front/src/views/newHome/components/CapabilityConvergence.vue b/front/src/views/newHome/components/CapabilityConvergence.vue
index 57554491..494e4f02 100644
--- a/front/src/views/newHome/components/CapabilityConvergence.vue
+++ b/front/src/views/newHome/components/CapabilityConvergence.vue
@@ -8,65 +8,40 @@
       <div class="bottom">
         <div class="item">
           <div class="zj">组件服务</div>
-          <div
-            class="name"
-            v-for="(item, index) in zjList.slice(0, 5)"
-            :key="item.name"
-            :class="index == 4 ? 'name-last' : ''"
-            @click="selectOne1(item.name)"
-          >
+          <div class="name" v-for="(item, index) in zjList.slice(0, 5)" :key="item.name"
+            :class="index == 4 ? 'name-last' : ''" @click="selectOne1(item.name)">
             {{ item.name + '-' + item.num + '项' }}
           </div>
           <div class="btn" @click="jumpPage('组件服务')">查看更多</div>
         </div>
         <div class="item">
           <div class="yy">应用资源</div>
-        <div
-            class="name"
-            v-for="(item, index) in yyList.slice(0, 5)"
-            :key="item.name"
-            :class="index == 4 ? 'name-last' : ''"
-            @click="selectOne11(item.name)"
-          >
+          <div class="name" v-for="(item, index) in yyList.slice(0, 5)" :key="item.name"
+            :class="index == 4 ? 'name-last' : ''" @click="selectOne11(item.name)">
             {{ item.name + '-' + item.num + '项' }}
           </div>
           <div class="btn" @click="jumpPage('应用资源')">查看更多</div>
         </div>
         <div class="item">
           <div class="jc">基础设施</div>
-          <div
-            class="name"
-            v-for="(item, index) in jcList.slice(0, 5)"
-            :key="item.name"
-            :class="index == 2 ? 'name-last' : ''"
-            @click="selectOne2(item.name)"
-          >
+          <div class="name" v-for="(item, index) in jcList.slice(0, 5)" :key="item.name"
+            :class="index == 2 ? 'name-last' : ''" @click="selectOne2(item.name)">
             {{ item.name + '-' + item.num + '项' }}
           </div>
           <div class="btn" @click="jumpPage('基础设施')">查看更多</div>
         </div>
         <div class="item">
           <div class="sj">数据资源</div>
-          <div
-            class="name"
-            v-for="(item, index) in sjList"
-            :key="item.id"
-            :class="index == 4 ? 'name-last' : ''"
-            @click="selectOne3(item.name)"
-          >
+          <div class="name" v-for="(item, index) in sjList" :key="item.id" :class="index == 4 ? 'name-last' : ''"
+            @click="selectOne3(item.name)">
             {{ index + 1 }}-{{ item.name }}
           </div>
           <div class="btn" @click="jumpPage('数据资源')">查看更多</div>
         </div>
         <div class="item">
           <div class="zs">知识库</div>
-          <div
-            class="name"
-            v-for="(item, index) in zsList"
-            :key="item.id"
-            :class="index == 4 ? 'name-last' : ''"
-            @click="openHref(item)"
-          >
+          <div class="name" v-for="(item, index) in zsList" :key="item.id" :class="index == 4 ? 'name-last' : ''"
+            @click="openHref(item)">
             {{ index + 1 }}-{{ item.name }}
           </div>
           <div class="btn" @click="jumpPage('知识库')">查看更多</div>
@@ -76,448 +51,424 @@
   </div>
 </template>
 <script setup>
-  import {
-    pageWithAttrs,
-    getDataResource,
-    selectInfrastructureList,
-    selectCollectComponentList,
-    selectCollectResourceList
-  } from '@/api/home.js'
-  import { ref, reactive } from 'vue'
-  import { useRouter } from 'vue-router'
-  import { useStore } from 'vuex'
-  import { updateVisits, browsingInsert, getSoldierList } from '@/api/home'
-  import { message, Upload } from 'ant-design-vue'
-  import mybus from '@/myplugins/mybus'
-  const store = useStore()
-  const router = useRouter()
-  const zjList = ref([])
-  const jcList = ref([])
-  const sjList = ref([])
-  const yyList = ref([])
-  // 知识库模块数据
-  const zsList = ref([])
-  // const jcList = ref([])
-  const paramsGetResources = {
-    districtId: '',
-    pageNum: 1,
-    pageSize: 5,
-    type: '',
-    name: '',
-    infoList: [],
-    orderField: 'total', // total 综合 visits 访问量 applyCount 申请量 score 评分  collectCount 收藏量
-    orderType: 'DESC', // ASC 升序  DESC 降序
-  }
-  console.log('dataShowdev==========================>', whoShow)
-  // eslint-disable-next-line no-undef
-  const whoShow1 = ref(whoShow)
-  const interfaceSuccess = ref(0)
-  const object = reactive({
-    yyNum: '',
-    zjNum: '',
-    jcNum: '',
-    sjNum: '',
-    zsNum: '',
-  })
-  const getAppResources = (type, obj) => {
-    paramsGetResources.type = type
-    if (type === '数据资源' && !whoShow1.value.itShowBaoTou) {
-      getDataResource({
-        serviceName: paramsGetResources.name || '', //资源名称
-        orderField: whoShow1.value.itShowQingDao ? 'fbrq' : 'createTime', //排序字段
-        orderType: paramsGetResources.orderType.toLowerCase(), //排序方式：desc，asc
-        pageNum: paramsGetResources.pageNum, //页码
-        pageSize: paramsGetResources.pageSize, //分页大小
-      }).then((res) => {
-        console.log('数据资源==================>', res.data.data)
-        if (whoShow1.value.itShowQingDao) {
-          res.data.data.data.forEach((val) => {
-            val.id = val.guid // id
-            val.name = val.zyname // 名字
-            val.sjlCount = val.sjcczl // 数据量
-            val.applyCount = val.syqk // 申请量
-            val.deptName = val.TGBM // 部门
-            val.createDate = val.fbrq // 发布时间
-            val.description = val.xgxt // 描述
-          })
-          obj.value = res.data.data.data || []
-          object.sjNum = res.data.data.rows
-        } else if (whoShow1.value.itShowXiHaiAn) {
-          res.data.data.list.forEach((val) => {
-            val.id = val.serviceId // id
-            val.name = val.serviceName // 名字
-            val.sjlCount = val.requestQuantity // 数据量
-            val.applyCount = val.requestCount // 申请量
-            val.deptName = val.departmentName // 部门
-            val.createTime = val.createTime.split('.')[0]
-            val.createDate = val.createTime // 发布时间
-          })
-          obj.value = res.data.data.list || []
-          object.sjNum = res.data.data.total
-        }
-      })
-    } else {
-      let type = paramsGetResources.type
-   
-      if (type == '基础设施') {
-        jcList.value = []
-        selectInfrastructureList().then((res) => {
-          console.log('基础设施==========>', res.data.data)
-          for (const key in res.data.data) {
-            if (whoShow1.value.itShowXiHaiAn) {
-              if (key === '视频资源') {
-                jcList.value.push({
-                  name: key,
-                  num: res.data.data[key],
-                })
-              }
-            } else {
+import {
+  pageWithAttrs,
+  getDataResource,
+  selectInfrastructureList,
+  selectCollectComponentList,
+  selectCollectResourceList
+} from '@/api/home.js'
+import { ref, reactive } from 'vue'
+import { useRouter } from 'vue-router'
+import { useStore } from 'vuex'
+import { updateVisits, browsingInsert, getSoldierList } from '@/api/home'
+import { message, Upload } from 'ant-design-vue'
+import mybus from '@/myplugins/mybus'
+const store = useStore()
+const router = useRouter()
+const zjList = ref([])
+const jcList = ref([])
+const sjList = ref([])
+const yyList = ref([])
+// 知识库模块数据
+const zsList = ref([])
+// const jcList = ref([])
+const paramsGetResources = {
+  districtId: '',
+  pageNum: 1,
+  pageSize: 5,
+  type: '',
+  name: '',
+  infoList: [],
+  orderField: 'total', // total 综合 visits 访问量 applyCount 申请量 score 评分  collectCount 收藏量
+  orderType: 'DESC', // ASC 升序  DESC 降序
+}
+console.log('dataShowdev==========================>', whoShow)
+// eslint-disable-next-line no-undef
+const whoShow1 = ref(whoShow)
+const interfaceSuccess = ref(0)
+const object = reactive({
+  yyNum: '',
+  zjNum: '',
+  jcNum: '',
+  sjNum: '',
+  zsNum: '',
+})
+const getAppResources = (type, obj) => {
+  paramsGetResources.type = type
+  if (type === '数据资源' && !whoShow1.value.itShowBaoTou) {
+    getDataResource({
+      serviceName: paramsGetResources.name || '', //资源名称
+      orderField: whoShow1.value.itShowQingDao ? 'fbrq' : 'createTime', //排序字段
+      orderType: paramsGetResources.orderType.toLowerCase(), //排序方式：desc，asc
+      pageNum: paramsGetResources.pageNum, //页码
+      pageSize: paramsGetResources.pageSize, //分页大小
+    }).then((res) => {
+      console.log('数据资源==================>', res.data.data)
+      if (whoShow1.value.itShowQingDao) {
+        res.data.data.data.forEach((val) => {
+          val.id = val.guid // id
+          val.name = val.zyname // 名字
+          val.sjlCount = val.sjcczl // 数据量
+          val.applyCount = val.syqk // 申请量
+          val.deptName = val.TGBM // 部门
+          val.createDate = val.fbrq // 发布时间
+          val.description = val.xgxt // 描述
+        })
+        obj.value = res.data.data.data || []
+        object.sjNum = res.data.data.rows
+      } else if (whoShow1.value.itShowXiHaiAn) {
+        res.data.data.list.forEach((val) => {
+          val.id = val.serviceId // id
+          val.name = val.serviceName // 名字
+          val.sjlCount = val.requestQuantity // 数据量
+          val.applyCount = val.requestCount // 申请量
+          val.deptName = val.departmentName // 部门
+          val.createTime = val.createTime.split('.')[0]
+          val.createDate = val.createTime // 发布时间
+        })
+        obj.value = res.data.data.list || []
+        object.sjNum = res.data.data.total
+      }
+    })
+  } else {
+    let type = paramsGetResources.type
+
+    if (type == '基础设施') {
+      jcList.value = []
+      selectInfrastructureList().then((res) => {
+        console.log('基础设施------res------>', res);
+        for (const key in res.data.data) {
+          if (whoShow1.value.itShowXiHaiAn) {
+            if (key === '视频资源') {
               jcList.value.push({
                 name: key,
                 num: res.data.data[key],
               })
             }
+          } else {
+            jcList.value.push({
+              name: key,
+              num: res.data.data[key],
+            })
           }
-          // 西海岸-单兵设备、无人机 获取数量
-          if (whoShow1.value.itShowXiHaiAn) {
-            getSoldierData('无人机')
-              .then((res) => {
-                let { total = 0 } = res.data.data
-                jcList.value.push({
-                  name: '无人机',
-                  num: total,
-                })
+        }
+        // 西海岸-单兵设备、无人机 获取数量
+        if (whoShow1.value.itShowXiHaiAn) {
+          getSoldierData('无人机')
+            .then((res) => {
+              let { total = 0 } = res.data.data
+              jcList.value.push({
+                name: '无人机',
+                num: total,
               })
-              .catch((err) => {
-                console.log('err--无人机---------->', err)
+            })
+            .catch((err) => {
+              console.log('err--无人机---------->', err)
+            })
+          getSoldierData('单兵设备')
+            .then((res) => {
+              let { total = 0 } = res.data.data
+              jcList.value.push({
+                name: '单兵设备',
+                num: total,
               })
-            getSoldierData('单兵设备')
-              .then((res) => {
-                let { total = 0 } = res.data.data
-                jcList.value.push({
-                  name: '单兵设备',
-                  num: total,
-                })
-              })
-              .catch((err) => {
-                console.log('err--单兵设备---------->', err)
-              })
-          }
-        })
-      }   
-      else if (type == '组件服务') {
-        zjList.value = []
-        selectCollectComponentList().then((res) => {
-          for (const key in res.data.data) {
-            if (whoShow1.value.itShowXiHaiAn) {
-              if (key === '视频资源') {
-                zjList.value.push({
-                  name: key,
-                  num: res.data.data[key],
-                })
-              }
-            } else {
-              zjList.value.push({
-                name: key,
-                num: res.data.data[key],
-              })
-            }
-          }
-        })
-      }     
-      else if (type == '应用资源') {
-        yyList.value = []
-        selectCollectResourceList().then((res) => {
-          for (const key in res.data.data) {
-            if (whoShow1.value.itShowXiHaiAn) {
-              if (key === '视频资源') {
-                yyList.value.push({
-                  name: key,
-                  num: res.data.data[key],
-                })
-              }
-            } else {
-              yyList.value.push({
-                name: key,
-                num: res.data.data[key],
-              })
-            }
-          }
-        })
-      } 
-      else {
-        pageWithAttrs(paramsGetResources).then((res) => {
-          console.log('object个数======>', type)
-          obj.value = res.data.data.records
-          switch (type) {
-            case '组件服务':
-              assignmentMethod('zjNum', res)
-              break
-            case '应用资源':
-              assignmentMethod('yyNum', res)
-              break
-            case '基础设施':
-              assignmentMethod('jcNum', res)
-              break
-            case '知识库':
-              assignmentMethod('zsNum', res)
-              break
-          }
-        })
-      }
-    }
-  }
-
-  // todo 获取无人机、单兵设备
-  const getSoldierData = (name) => {
-    let _params = {
-      type: name,
-      page: 1,
-      limit: 10,
-    }
-    return new Promise((resolve, reject) => {
-      getSoldierList(_params)
-        .then((res) => {
-          resolve(res)
-          console.log('res---获取无人机、单兵设备--------->', res)
-          if (res.data.code !== 0) {
-            return message.error(res.data.msg)
-          }
-        })
-        .catch((err) => {
-          reject(err)
-        })
-    })
-  }
-
-  const openHref = (item) => {
-    console.log(item.id, 'wowowo')
-    console.log(item.visits, 'wowowo')
-    browsingInsert({ resourceId: item.id }).then((res) => {
-      // console.log(res)
-    })
-    const arrList = ref([])
-    arrList.value = JSON.parse(window.sessionStorage.getItem('visits'))
-    if (arrList.value.indexOf(item.id) === -1) {
-      arrList.value.push(item.id)
-      updateVisits({
-        id: item.id,
-        visits: item.visits || '0',
-      }).then(() => {
-        window.sessionStorage.setItem('visits', JSON.stringify(arrList.value))
+            })
+            .catch((err) => {
+              console.log('err--单兵设备---------->', err)
+            })
+        }
+      })
+    }
+    else if (type == '组件服务') {
+      zjList.value = []
+      selectCollectComponentList().then((res) => {
+        console.log('组件服务----res-------->', res);
+        for (const key in res.data.data) {
+          console.log('key------------>', key);
+          zjList.value.push({
+            name: key,
+            num: res.data.data[key],
+          })
+        }
+        console.log('zjList------------>', zjList);
+      })
+    }
+    else if (type == '应用资源') {
+      yyList.value = []
+      selectCollectResourceList().then((res) => {
+        console.log('应用资源---res--------->', res);
+        for (const key in res.data.data) {
+          yyList.value.push({
+            name: key,
+            num: res.data.data[key],
+          })
+        }
+      })
+    }
+    else {
+      pageWithAttrs(paramsGetResources).then((res) => {
+        console.log('object个数======>', type)
+        obj.value = res.data.data.records
+        switch (type) {
+          case '组件服务':
+            assignmentMethod('zjNum', res)
+            break
+          case '应用资源':
+            assignmentMethod('yyNum', res)
+            break
+          case '基础设施':
+            assignmentMethod('jcNum', res)
+            break
+          case '知识库':
+            assignmentMethod('zsNum', res)
+            break
+        }
       })
     }
-    window.open(item.link)
-    // window.open(
-    //   window.SITE_CONFIG.previewUrl +
-    //     'hisense_office/onlinePreview?url=' +
-    //     btoa(encodeURI(item.fileHref))
-    // )
   }
-  const assignmentMethod = (type, res) => {
-    object[type] = res.data.data.total
-    // interfaceSuccess.value++
-    // console.log('object个数======>', object, interfaceSuccess.value, type)
-    // if (interfaceSuccess.value >= 4) {
-    //   mybus.emit('chagneNum', object)
-    // }
-  }
-  getAppResources('组件服务', zjList)
-  getAppResources('应用资源', yyList)
-  getAppResources('基础设施', jcList)
-  getAppResources('数据资源', sjList)
-  getAppResources('知识库', zsList)
+}
 
-  function jumpPage(type) {
-    // 点击内存入store
-    store.commit('home/selectCardsData', {
-      selectCardsnum: type,
-    })
-    console.log(
-      '选中===================>',
-      store.getters['home/selectCardsnum']
-    )
-    // router.push({ path: '/DetailsPageconetent' })
-    router.push({
-      path: '/DetailsPageconetent',
-      query: {
-        select: type,
-      },
-    })
-  }
-  const selectOne = (id) => {
-    console.log('点击===============》', id)
-    router.push({
-      path: '/details',
-      query: {
-        id: id,
-      },
-    })
-  }
-  const selectOne1 = (name) => {
-    router.push({
-      path: '/DetailsPageconetent',
-      query: {
-        type: name,
-        select: '组件服务',
-      },
-    })
-  }
-  const selectOne11 = (name) => {
-    router.push({
-      path: '/DetailsPageconetent',
-      query: {
-        type: name,
-        select: '应用资源',
-      },
-    })
-  }
-  const selectOne2 = (name) => {
-    console.log('点击===============》', name)
-    router.push({
-      path: '/DetailsPageconetent',
-      query: {
-        type: name,
-        select: '基础设施',
-      },
-    })
-  }
-  const selectOne3 = (name) => {
-    console.log('点击===============》', name)
-    router.push({
-      path: '/DetailsPageconetent',
-      query: {
-        str: name,
-        select: '数据资源',
-      },
+// todo 获取无人机、单兵设备
+const getSoldierData = (name) => {
+  let _params = {
+    type: name,
+    page: 1,
+    limit: 10,
+  }
+  return new Promise((resolve, reject) => {
+    getSoldierList(_params)
+      .then((res) => {
+        resolve(res)
+        console.log('res---获取无人机、单兵设备--------->', res)
+        if (res.data.code !== 0) {
+          return message.error(res.data.msg)
+        }
+      })
+      .catch((err) => {
+        reject(err)
+      })
+  })
+}
+
+const openHref = (item) => {
+  console.log(item.id, 'wowowo')
+  console.log(item.visits, 'wowowo')
+  browsingInsert({ resourceId: item.id }).then((res) => {
+    // console.log(res)
+  })
+  const arrList = ref([])
+  arrList.value = JSON.parse(window.sessionStorage.getItem('visits'))
+  if (arrList.value.indexOf(item.id) === -1) {
+    arrList.value.push(item.id)
+    updateVisits({
+      id: item.id,
+      visits: item.visits || '0',
+    }).then(() => {
+      window.sessionStorage.setItem('visits', JSON.stringify(arrList.value))
     })
   }
+  window.open(item.link)
+}
+const assignmentMethod = (type, res) => {
+  object[type] = res.data.data.total
+}
+getAppResources('组件服务', zjList)
+getAppResources('应用资源', yyList)
+getAppResources('基础设施', jcList)
+getAppResources('数据资源', sjList)
+getAppResources('知识库', zsList)
+
+function jumpPage(type) {
+  // 点击内存入store
+  store.commit('home/selectCardsData', {
+    selectCardsnum: type,
+  })
+  console.log(
+    '选中===================>',
+    store.getters['home/selectCardsnum']
+  )
+  // router.push({ path: '/DetailsPageconetent' })
+  router.push({
+    path: '/DetailsPageconetent',
+    query: {
+      select: type,
+    },
+  })
+}
+const selectOne = (id) => {
+  console.log('点击===============》', id)
+  router.push({
+    path: '/details',
+    query: {
+      id: id,
+    },
+  })
+}
+const selectOne1 = (name) => {
+  router.push({
+    path: '/DetailsPageconetent',
+    query: {
+      type: name,
+      select: '组件服务',
+    },
+  })
+}
+const selectOne11 = (name) => {
+  router.push({
+    path: '/DetailsPageconetent',
+    query: {
+      type: name,
+      select: '应用资源',
+    },
+  })
+}
+const selectOne2 = (name) => {
+  console.log('点击===============》', name)
+  router.push({
+    path: '/DetailsPageconetent',
+    query: {
+      type: name,
+      select: '基础设施',
+    },
+  })
+}
+const selectOne3 = (name) => {
+  console.log('点击===============》', name)
+  router.push({
+    path: '/DetailsPageconetent',
+    query: {
+      str: name,
+      select: '数据资源',
+    },
+  })
+}
 </script>
 <style lang="less" scoped>
-  .capability-convergence {
-    height: 7.2rem;
-    background: url('~@/assets/newHome/Convergence-bg.png') no-repeat;
-    background-size: 100%;
-    display: flex;
-    justify-content: center;
+.capability-convergence {
+  height: 7.2rem;
+  background: url('~@/assets/newHome/Convergence-bg.png') no-repeat;
+  background-size: 100%;
+  display: flex;
+  justify-content: center;
 
-    .main {
-      width: 13rem;
-      margin-top: 1.8rem;
+  .main {
+    width: 13rem;
+    margin-top: 1.8rem;
+    display: flex;
+    flex-direction: column;
+    flex-wrap: wrap;
+
+    .top {
+      font-size: 0.3rem;
+      color: #212121;
+      text-align: center;
       display: flex;
       flex-direction: column;
       flex-wrap: wrap;
+      justify-content: center;
+      align-items: center;
 
-      .top {
-        font-size: 0.3rem;
-        color: #212121;
-        text-align: center;
-        display: flex;
-        flex-direction: column;
-        flex-wrap: wrap;
-        justify-content: center;
-        align-items: center;
+      .line {
+        width: 0.34rem;
+        height: 0.03rem;
+        background-color: #0058e1;
+        margin-top: 0.08rem;
+      }
+    }
 
-        .line {
-          width: 0.34rem;
-          height: 0.03rem;
-          background-color: #0058e1;
-          margin-top: 0.08rem;
+    .bottom {
+      display: flex;
+      justify-content: space-between;
+      margin-top: 0.4rem;
+
+      .item {
+        width: 2.44rem;
+        height: 3.91rem;
+        font-size: 0.16rem;
+        background-color: #fff;
+        border-radius: 0.02rem;
+        box-shadow: 0 0.05rem 0.2rem #ccc;
+        position: relative;
+
+        div:nth-of-type(1) {
+          height: 1.02rem;
+          line-height: 1.02rem;
+          font-size: 0.2rem;
+          color: #fff;
+          padding-left: 0.15rem;
+          background-size: 100%;
+        }
+
+        .jc {
+          background: url('~@/assets/newHome/Convergence-jc.png') no-repeat;
+        }
+
+        .sj {
+          background: url('~@/assets/newHome/Convergence-sj.png') no-repeat;
+        }
+
+        .zj {
+          background: url('~@/assets/newHome/Convergence-zj.png') no-repeat;
+        }
+
+        .yy {
+          background: url('~@/assets/newHome/Convergence-yy.png') no-repeat;
+        }
+
+        .zs {
+          background: url('~@/assets/newHome/Convergence-zs.png') no-repeat;
+        }
+
+        .name {
+          height: 0.47rem;
+          line-height: 0.47rem;
+          margin: 0 0.16rem;
+          border-bottom: 0.01rem solid #e9e9e9;
+          overflow: hidden;
+          text-overflow: ellipsis;
+          display: -webkit-box;
+          -webkit-line-clamp: 1;
+          -webkit-box-orient: vertical;
+          word-break: break-all;
+        }
+
+        .name:hover {
+          color: #0058e1;
+          cursor: pointer;
+        }
+
+        .name-last {
+          border-bottom: none;
+        }
+
+        .btn {
+          cursor: pointer;
+          width: 0.8rem;
+          height: 0.24rem;
+          border: 0.01rem solid #0058e1;
+          font-size: 0.14rem;
+          color: #0058e1;
+          border-radius: 0.02rem;
+          text-align: center;
+          margin-top: 0.1rem;
+          margin-left: 0.85rem;
+          position: absolute;
+          bottom: 0.2rem;
+        }
+
+        .btn:hover {
+          background: rgba(0, 88, 225, 0.3);
+          color: #000;
         }
       }
 
-      .bottom {
-        display: flex;
-        justify-content: space-between;
-        margin-top: 0.4rem;
-
-        .item {
-          width: 2.44rem;
-          height: 3.91rem;
-          font-size: 0.16rem;
-          background-color: #fff;
-          border-radius: 0.02rem;
-          box-shadow: 0 0.05rem 0.2rem #ccc;
-          position: relative;
-
-          div:nth-of-type(1) {
-            height: 1.02rem;
-            line-height: 1.02rem;
-            font-size: 0.2rem;
-            color: #fff;
-            padding-left: 0.15rem;
-            background-size: 100%;
-          }
-
-          .jc {
-            background: url('~@/assets/newHome/Convergence-jc.png') no-repeat;
-          }
-
-          .sj {
-            background: url('~@/assets/newHome/Convergence-sj.png') no-repeat;
-          }
-
-          .zj {
-            background: url('~@/assets/newHome/Convergence-zj.png') no-repeat;
-          }
-
-          .yy {
-            background: url('~@/assets/newHome/Convergence-yy.png') no-repeat;
-          }
-
-          .zs {
-            background: url('~@/assets/newHome/Convergence-zs.png') no-repeat;
-          }
-
-          .name {
-            height: 0.47rem;
-            line-height: 0.47rem;
-            margin: 0 0.16rem;
-            border-bottom: 0.01rem solid #e9e9e9;
-            overflow: hidden;
-            text-overflow: ellipsis;
-            display: -webkit-box;
-            -webkit-line-clamp: 1;
-            -webkit-box-orient: vertical;
-            word-break: break-all;
-          }
-
-          .name:hover {
-            color: #0058e1;
-            cursor: pointer;
-          }
-
-          .name-last {
-            border-bottom: none;
-          }
-
-          .btn {
-            cursor: pointer;
-            width: 0.8rem;
-            height: 0.24rem;
-            border: 0.01rem solid #0058e1;
-            font-size: 0.14rem;
-            color: #0058e1;
-            border-radius: 0.02rem;
-            text-align: center;
-            margin-top: 0.1rem;
-            margin-left: 0.85rem;
-            position: absolute;
-            bottom: 0.2rem;
-          }
-
-          .btn:hover {
-            background: rgba(0, 88, 225, 0.3);
-            color: #000;
-          }
-        }
-
-        .item:hover {
-          border-radius: 0.02rem;
-          border: 0.01rem solid #0058e1;
-          box-shadow: 0rem 0.08rem 0.2rem rgba(0, 88, 225, 0.3);
-        }
+      .item:hover {
+        border-radius: 0.02rem;
+        border: 0.01rem solid #0058e1;
+        box-shadow: 0rem 0.08rem 0.2rem rgba(0, 88, 225, 0.3);
       }
     }
   }
+}
 </style>