西海岸相关功能 合并代码

front/public/static/config/basicConfig.js

@@ -28,7 +28,8 @@ var CONFIGITEM = {
       previewUrl: 'http://15.72.183.90:7008/',
       //frontUrl: 'http://15.72.183.90:7008/document/#/devModelFile/',
       //apiURL: 'http://15.72.183.90:8000/renren-admin',
-      websocketURL: '15.72.183.90:8000/renren-admin',
+      // websocketURL: '15.72.183.90:8000/renren-admin',
+      websocketURL: '192.168.124.254:8888/renren-admin', // 李志成-远雄
       POI_URL:
         'http://15.72.178.129:8090/iserver/services/addressmatch-qingdaoPOI181015/restjsr/v1/address',
     },
@@ -62,8 +63,9 @@ var CONFIGITEM = {
       },
       backUrl: 'http://10.134.135.9:9797',
       previewUrl: 'http://10.134.135.9:9796/',
-      websocketURL: '10.134.135.9:8888/renren-admin', // 正式环境
-      websocketURL: '10.134.135.92:8888/renren-admin', // 测试环境
+      // websocketURL: '10.134.135.9:8888/renren-admin', // 正式环境
+      // websocketURL: '10.134.135.92:8888/renren-admin', // 测试环境
+      websocketURL: '192.168.124.254:8888/renren-admin', // 李志成-远雄
       // websocketURL: '10.18.1.99:8889/renren-admin', // 研发
       POI_URL:
         'http://15.72.178.129:8090/iserver/services/addressmatch-qingdaoPOI181015/restjsr/v1/address',

front/src/api/home.js

@@ -74,7 +74,8 @@ export function getHls(params) {
 // 加入申购车
 export function sgcInsert(data) {
   return request({
-    url: '/resourcecar/insert',
+    // url: '/resourcecar/insert',
+    url: '/resourcecar/batchInsert', // 西海岸-加入购物车相当于收藏功能
     method: 'post',
     data,
   })

front/src/views/abilityStatistics/components/ResourceAggregation.vue

@@ -60,6 +60,7 @@ import {
 } from '@/api/abilityStatistics.js'
 // import { zywMessage } from '@/api/home'
 import * as echarts from 'echarts'
+import { message } from 'ant-design-vue'
 //各类资源汇聚量
 let dataList = ref({
   title: '各类资源汇聚量',
@@ -95,11 +96,10 @@ let dataList = ref({
 //   })
 // }
 selectTotal().then((res) => {
-  console.log('selectTotal===============>', res.data.data)
-  // res.data.data.map((item, index) => {
-  //   dataList.value.dataList[index].organization = '个'
-  //   dataList.value.dataList[index].photo = photo.value[index]
-  // })
+  console.log('selectTotal===============>', res)
+  if(res.data.code !== 0) {
+    return message.error(res.data.msg)
+  }
   let imgObj = {
     '组件服务': require('../../../assets/abilityStatistics/banner-zj.png'),
     '应用资源': require('../../../assets/abilityStatistics/banner-yy.png'),

front/src/views/home/AbilityToApplyFor.vue

@@ -89,11 +89,15 @@
               </span>
               <span>{{ val.type }}</span>
             </div>
+            <!-- (item.note1 && JSON.parse(item.note1) &&
+                      JSON.parse(item.note1)[0] &&
+                      JSON.parse(item.note1)[0].channelName -->
+
             <div class="description">
               {{
                 val.description ||
                 ((val.note1 || '') &&
-                  (JSON.parse(val.note1)[0].channelName || '--') +
+                  (JSON.parse(val.note1) && JSON.parse(val.note1)[0] && JSON.parse(val.note1)[0].channelName || '--') +
                     '等' +
                     JSON.parse(val.note1).length +
                     '个摄像头') ||

front/src/views/home/apply.vue

@@ -502,26 +502,29 @@ export default {
       if (item.note1 && typeof item.note1 == 'string') {
         item.note1 = JSON.parse(item.note1)
       }
-      item.note1.map((sxt) => {
+      item.note1 && item.note1.map((jcss) => {
+        if (!jcss) {
+          return;
+        }
         let _itemData = {
-          resourceId: sxt.idtCameraChannel + '',
-          resourceName: sxt.channelName,
-          cameraId: sxt.channelId, // 改接口后删除
-          channelCode: sxt.channelCode,
-          channelId: sxt.channelId,
-          channelName: sxt.channelName,
-          checkStatus: sxt.checkStatus + '',
-          gpsX: sxt.gpsX,
-          gpsY: sxt.gpsY,
-          idtCameraChannel: sxt.idtCameraChannel + '',
-          nodeName: sxt.nodeName,
-          parentId: sxt.parentId,
-          status: sxt.status + '',
+          resourceId: (jcss.idtCameraChannel || '') + '',
+          resourceName: jcss.channelName,
+          cameraId: jcss.channelId, // 改接口后删除
+          channelCode: jcss.channelCode,
+          channelId: jcss.channelId,
+          channelName: jcss.channelName,
+          checkStatus: jcss.checkStatus + '',
+          gpsX: jcss.gpsX,
+          gpsY: jcss.gpsY,
+          idtCameraChannel: (jcss.idtCameraChannel || '') + '',
+          nodeName: jcss.nodeName,
+          parentId: jcss.parentId,
+          status: jcss.status + '',
         }
         // 西海岸
         if (isXiHaiAn.value) {
-          _itemData.managementUnitName = sxt.managementUnitName
-          _itemData.cameraPointTypeName = sxt.cameraPointTypeName
+          _itemData.managementUnitName = jcss.managementUnitName;
+          _itemData.cameraPointTypeName = jcss.cameraPointTypeName;
         }
         obj.system.push(_itemData)
       })

front/src/views/home/components/header.vue

@@ -1,11 +1,8 @@
 <template>
-  <div
-    class="home-header"
-    :class="[
+  <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="!whoShow1.itShowXiHaiAn"></div>
       <div class="name-bg-xihaian" v-else></div>
@@ -14,53 +11,26 @@
         <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"
-      >
+    <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">
         <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-avatar shape="square" size="large" /> -->
     </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>
@@ -89,10 +59,7 @@
         <template #title>
           <span>{{ user.username }}</span>
         </template>
-        <span
-          class="name"
-          @click="jumpPage({ name: '个人中心', key: 'personalCenter' })"
-        >
+        <span class="name" @click="jumpPage({ name: '个人中心', key: 'personalCenter' })">
           {{ user.username }}
         </span>
       </a-tooltip>
@@ -115,10 +82,7 @@
           fill="#bfbfbf"
         ></path>
       </svg> -->
-      <i
-        @click="jumpPage({ name: '后台管理', key: 'houtaiguanli' })"
-        class="iconTo"
-      ></i>
+      <i @click="jumpPage({ name: '后台管理', key: 'houtaiguanli' })" class="iconTo"></i>
     </div>
   </div>
 </template>
@@ -132,12 +96,13 @@
 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 whoShow1 = whoShow
+const whoShow1 = ref(whoShow)
 const user = ref({
   username: store.getters['user/username'],
 })
@@ -181,7 +146,13 @@
 }
 // 跳转页面
 const jumpPage = (item) => {
-    // console.log(item)
+  // 西海岸
+  if (whoShow1.itShowXiHaiAn) {
+    let _arr = ['共享门户', '能力云图', '能力统计', '需求中心', '赋能案例']
+    if (_arr.includes(item.name)) {
+      return message.warn('正在建设中！')
+    }
+  }
   select.value = item.key
   switch (item.name) {
     case '个人中心':
@@ -345,6 +316,7 @@
   font-family: 'header-typeface';
   src: url('~@/assets/newHome/font/header-typeface.ttf');
 }
+
 .home-header {
   height: 0.64rem;
   width: 100%;
@@ -357,10 +329,12 @@
   position: fixed;
   z-index: 1000;
   top: 0;
+
   div {
     color: #fff;
     font-size: 0.16rem;
   }
+
   .name {
     cursor: pointer;
     font-size: 0.22rem;
@@ -368,6 +342,7 @@
     margin-right: 0.2rem;
     display: flex;
     align-items: center;
+
     .name-bg {
       height: 0.6rem;
       width: 0.6rem;
@@ -375,45 +350,53 @@
       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: 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;
     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;
     display: flex;
     justify-content: center;
+
     .img {
       width: 0.3rem;
       height: 0.3rem;
@@ -421,6 +404,7 @@
       background: url('~@/assets/newHome/user.png') no-repeat;
       background-size: 100%;
     }
+
     span {
       height: 0.3rem;
       line-height: 0.3rem;
@@ -428,6 +412,7 @@
       margin-right: 0.06rem;
       font-size: 0.16rem;
     }
+
     .name {
       max-width: 2.3rem;
       text-overflow: ellipsis;
@@ -437,22 +422,27 @@
       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;
@@ -460,45 +450,53 @@
       background-size: 100%;
       margin-right: 0.15rem;
     }
+
     p {
       color: #0058e1;
     }
   }
+
   .icon {
     cursor: pointer;
   }
+
   .nav {
     color: #000;
   }
+
   .info {
     span {
       color: #000;
     }
   }
 }
+
 .blue {
   position: absolute;
-    background: linear-gradient(
-      to right,
+  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 {
       color: #fff;
     }
   }
 }
+
 .mynotice {
   width: 4rem;
   height: 3rem;
@@ -508,6 +506,7 @@
   top: 0.45rem;
   right: 2.4rem;
   overflow-y: scroll;
+
   .bottom {
     cursor: pointer;
     width: 100%;
@@ -516,14 +515,18 @@
     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;
@@ -537,17 +540,20 @@
     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;

front/src/views/home/infrastructurePage.vue

@@ -452,15 +452,6 @@
           >
             批量预览
           </a-button>
-          <!-- 批量预览 -->
-          <!-- <a-button
-            type="primary"
-            @click="batchPicturePreview"
-            class="buttonAdd"
-            v-else
-          >
-            批量预览
-          </a-button> -->
           <!-- 添加至申购车 -->
           <a-button
             v-if="isXiHaiAn"
@@ -1421,6 +1412,8 @@
           tabList.value[1].title = '视频标签'
         }
         selectType.value = '视频资源'
+        console.log('444------------>', 444);
+        
       } else if (name == '政务云资源') {
         room.value = true
         tableHeight.value = 600
@@ -1488,7 +1481,12 @@
             mapSearchParam.value.labelCodes.push(item.labelCode)
           })
         }
-        console.log('选中的标签code', mapSearchParam.value)
+        // 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()
@@ -1872,7 +1870,6 @@
           mapSearchParam.value.parentId || '70be8c5b664f4bcf869d82f2e8335051',
         pageNum: mapSearchParam.value.pageNum,
         pageSize: mapSearchParam.value.pageSize,
-        name: mapSearchParam.value.cameraName || '',
         longitude: mapSearchParam.value.gpsX || '',
         latitude: mapSearchParam.value.gpsY || '',
         radius: mapSearchParam.value.radius || '',
@@ -1916,13 +1913,20 @@
   //加入申购车
   const addShoppingCart = () => {
     if (selectedList.value.length > 0) {
-      sgcInsert({
+      let _arr = []
+      selectedList.value.map(v => {
+        _arr.push({
           delFlag: '0',
-        resourceId: '8888888880000000001',
-        note1: selectedList.value,
-        // userId: userId.value,
-      }).then((res) => {
-        console.log(res)
+          resourceId: v.idtCameraChannel,
+          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)
+        }
         message.success('添加申购车成功！')
         mybus.emit('getSgcNum')
       })
@@ -1958,7 +1962,7 @@
   ])
   // 西海岸--状态展示
   if(isXiHaiAn) {
-    columns.value = columns.value.splice(2, 0, {
+    columns.value.splice(2, 0, {
       title: '状态',
       dataIndex: 'status',
       width: '10%',

front/src/views/personalCenter/components/PurchaseVehicle.vue

@@ -93,7 +93,10 @@
             :checked="val.checked"
             @click.stop="checkedDept(val)"
           ></a-checkbox>
-          <span style="margin-left: 0.2rem">
+          <span style="margin-left: 0.2rem" v-if="itShowXiHaiAn">
+            {{ val.deptName}}
+          </span>
+          <span style="margin-left: 0.2rem" v-else>
             {{ val.deptName  + '(' + val.count + ')' }}
           </span>
         </div>
@@ -113,13 +116,13 @@
                 <a-list-item-meta
                   :description="
                     item.description ||
-                    (JSON.parse(item.note1) &&
+                    (item.note1 && JSON.parse(item.note1) &&
                       JSON.parse(item.note1)[0] &&
                       JSON.parse(item.note1)[0].channelName +
                         '等' +
                         JSON.parse(item.note1).length +
                         '个摄像头') ||
-                    '--'
+                    ''
                   "
                   style="position: relative"
                 >
@@ -144,8 +147,9 @@
                       </a-tooltip>
                       <span class="type">{{ item.type }}</span>
                     </div>
+                    <!-- // todo -->
                     <span class="time">
-                      加购时间:{{ item.time }}
+                      <span v-if="!itShowXiHaiAn">加购时间:{{ item.time }}</span>
                       <a-popconfirm
                         title="是否删除该记录?"
                         ok-text="是"
@@ -318,6 +322,7 @@
   const name = ref('')
   const type = ref('')
   const list = ref([])
+  const itShowXiHaiAn = whoShow.itShowXiHaiAn;
   // 初始化
   onMounted(() => {
     getList('init')
@@ -498,6 +503,10 @@
       pageSize: pageSize.value,
       name: name.value,
     }).then((res) => {
+      console.log('res---获取信息--------->', res);
+      if(res.data.code !== 0) {
+        return message.error(res.data.msg)
+      }
       let statistics = 0
       res.data.data.list.map((val) => {
         val.initLoading = true
@@ -524,30 +533,13 @@
       }
       // console.log('整体页面加载次数===============>', load.value)
       // 判断是否有已打开项，如果有重新载入之后自动打开
-      debugger
       list.value = res.data.data.list
       if (index || index === 0) {
-        debugger
         list.value[index].show = true
-        // console.log('1111', list.value[index])
         showNew(list.value[index])
-        // showBottom()
       }
-      // list.value = res.data.data.list
-      console.log(
-        '重新请求值',
-        index,
-        // res.data.data.list[index].show,
-        list.value
-      )
 
       total.value = res.data.data.deptCount
-      console.log(
-        '重新请求值2',
-        index,
-        // res.data.data.list[index].show,
-        list.value
-      )
       showKey.value++
       if (type == 'init' || type == 'changePage') {
         getListByDeptId(list.value[0])
@@ -558,12 +550,18 @@
   const getListByDeptId = (item) => {
     console.log(item, 'item')
     if (item.children.length == 0) {
-      selectResourceListByDept({
+      let _obj = {
         pageNum: item.pageNum,
         pageSize: item.pageSize,
-        deptId: item.deptId,
+        deptId: item.deptId || '',
         name: name.value,
-      }).then((res) => {
+      }
+      // 西海岸 todo
+      if(whoShow.itShowXiHaiAn) {
+        _obj.key = item.deptName
+      }
+      selectResourceListByDept(_obj).then((res) => {
+        console.log('res----根据部门查询-------->', res);
         // console.log(
         //   '根据部门查询=============>',
         //   item,
@@ -641,16 +639,17 @@
   }
   // 点击部门多选框
   const checkedDept = (item) => {
-    // console.log(
-    //   '点击部门多选框==================>',
-    //   item,
-    //   checkedList.value,
-    //   checkAll.value
-    // )
+    console.log(
+      '点击部门多选框==================>',
+      item,
+      checkedList.value,
+      checkAll.value
+    )
     item.checked = !item.checked
     if (item.checked) {
       if (item.children.length > 0) {
         item.children.map((val) => {
+          console.log('val.id------------>', val.id);
           if (checkedListAbility.value.indexOf(val.id) == -1) {
             checkedListAbility.value.push(val.id)
             item.checkedList.push(val.id)
@@ -838,8 +837,15 @@
     } else {
       let arr = []
       let delArr = []
+      console.log('list.value------------>', list.value);
+      
       list.value.map((val) => {
         val.arr = val.children.filter((item) => {
+          if(whoShow.itShowXiHaiAn) {
+            item.type = '基础设施';
+            item.resourceName = '摄像头列表';
+            item.resourceId = '1522550195055828996';
+          }
           console.log('选择的数据=============>', item)
           if (checkedListAbility.value.indexOf(item.id) > -1) {
             if (item.delFlag == 0) {
@@ -857,6 +863,7 @@
       if (arr.length > 0) {
         console.log('一键申请===================>', arr)
         localStorage.setItem('applyList', JSON.stringify(arr))
+        return;
         router.push({
           path: '/apply',
         })

front/src/views/personalCenter/components/asideMenu.vue

@@ -1,39 +1,27 @@
 <template>
   <div id="aside-menu-container">
-    <a-menu
-      id="aside-menu"
-      v-model:openKeys="openKeys"
-      v-model:selectedKeys="selectedKeys"
-      mode="inline"
-    >
-      <a-menu-item
-        class="aside-menu-item"
-        v-for="item in menuList"
-        :key="item.key"
-        @click="handleClick(item)"
-      >
-        <i
-          class="icon"
-          :style="{
+    <a-menu id="aside-menu" v-model:openKeys="openKeys" v-model:selectedKeys="selectedKeys" mode="inline">
+      <a-menu-item class="aside-menu-item" v-for="item in menuList" :key="item.key" @click="handleClick(item)">
+        <i class="icon" :style="{
           backgroundImage:
             selectedKeys == item.key
               ? 'url(' + item.imgActive + ')'
               : 'url(' + item.img + ')',
-          }"
-        ></i>
+        }"></i>
         <span>{{ item.title }}</span>
       </a-menu-item>
     </a-menu>
   </div>
 </template>
 <script>
-  import { defineComponent, ref } from 'vue'
+import { defineComponent, ref, onMounted } from 'vue'
 import mybus from '@/myplugins/mybus'
+
 export default defineComponent({
   components: {},
-
   setup() {
-      const menuList = [
+    const itShowXiHaiAn = whoShow.itShowXiHaiAn;
+    let menuList = [
       {
         title: '申购车',
         img: require('@/assets/personalCenter/demand.png'),
@@ -77,7 +65,13 @@
         key: 'remark',
       },
     ]
-      const selectedKeys = ref(['PurchaseVehicle'])
+    // 西海岸
+    if(itShowXiHaiAn) {
+      let _newArr = JSON.parse(JSON.stringify(menuList))
+      menuList = _newArr.splice(0, 1)
+    }
+    const selectedKeys = ref(['apply'])
+
     const type = JSON.parse(window.sessionStorage.getItem('type'))
     if (type) {
       selectedKeys.value = [type]
@@ -87,6 +81,14 @@
       mybus.emit('tabsChange', item)
     }
 
+    onMounted(() => {
+      if(menuList[1]) {
+        handleClick(menuList[1])
+      }else {
+        handleClick(menuList[0])
+      }
+    })
+
     return {
       menuList,
       selectedKeys,
@@ -106,14 +108,17 @@
     height: 60px;
     font-size: 16px;
     color: #333;
+
     &:hover {
       color: #0087ff;
       background-color: #edf4fc;
     }
   }
+
   :deep(.ant-menu-title-content) {
     display: flex;
     align-items: center;
+
     .icon {
       display: block;
       width: 24px;
@@ -122,14 +127,17 @@
       margin-right: 30px;
     }
   }
+
   :deep(.ant-menu-item-selected) {
     background-color: #edf4fc;
     color: #0087ff;
+
     &::after {
       display: none;
     }
   }
 }
+
 #aside-menu-container::-webkit-scrollbar {
   width: 0 !important;
 }

front/src/views/personalCenter/index.vue

@@ -50,7 +50,7 @@
   const delFlag = ref(true)
   mybus.on('tabsChange', (e) => {
     console.log('进入详情', e)
-    if (e.flag) {
+    if (e && e.flag) {
       delFlag.value = false
     } else {
       console.log('tabsChange', e.key)