1.删除cim平台组件

2.删除cim路由

src/router/index.js

@@ -55,12 +55,6 @@ export const router = createRouter({
                         }
                     ]
                 },
-                {
-                    path: '/cim-home',
-                    name:'cim',
-                    title:'首页',
-                    component: () => import('../views/cim/index.vue')
-                },
             ]
         },
         {path: '/login', name: 'login', component: () => import('../views/login/Login.vue')},

src/views/cim/index.vue

@@ -1,237 +0,0 @@
-<script setup>
-import {ref} from "vue";
-import {queryMapTree} from '@/service/cim/cim'
-import condition from './template/condition.vue'
-import weather from './template/weather.vue'
-
-// 对应展示的id
-const menuUtilShowIndex = ref(0);
-
-// 菜单栏选中key
-const menuIndex = ref(0)
-// 工具栏选中key
-const utilToolIndex = ref(0)
-
-const layerData = ref([])
-
-const layerFlag = ref(false)
-const weatherFlag = ref(false)
-
-// 菜单栏菜单回调
-function handleMenuSelect(key, keyPath) {
-  if (key == menuIndex.value) {
-    menuIndex.value = 0
-    return
-  }
-  menuIndex.value = key
-}
-
-// 工具栏菜单回调
-function handleUtilMenuSelect(key, keyPath) {
-  if (key == utilToolIndex.value) {
-    utilToolIndex.value = 0
-    return
-  }
-  utilToolIndex.value = key
-}
-
-
-
-// 打开天气组件
-function openWeatherFlag(flag) {
-  weatherFlag.value = flag;
-}
-
-// 打开参数组件
-function openDisplayFlag(flag) {
-  layerFlag.value = flag;
-  queryMapTree('二维', '1317').then(response => {
-    console.log(response.data.Rows[0].children, 123123);
-    layerData.value = response.data.Rows[0].children[0].children
-  }).catch(error => {
-    console.error("Error fetching queryMapTree:", error);
-  });
-}
-</script>
-
-<template>
-  <div id="div-background">
-    <!--  头部主题栏  -->
-    <div id="div-head">
-      <p class="font-ht title-font">上海CIM平台</p>
-    </div>
-
-    <!-- 待接入视频流   -->
-    <div>
-      <iframe
-          id="layerIframe"
-          style="pointer-events: auto;"
-          src="https://zh.wikipedia.org/wiki/Wikipedia"
-          >
-      </iframe>
-    </div>
-    <!-- 底部工具栏   -->
-    <div id="div-bottom">
-      <el-menu class="horizontally" mode="horizontal" background-color="transparent"
-               @select="handleMenuSelect">
-        <el-menu-item :index="1">
-          <!-- 总体态势 -->
-          <img @click="openDisplayFlag(true)" src="../../assets/imgs/cim/overallSituation1.png" v-if="menuIndex != 1">
-          <img @click="openDisplayFlag(false)" class="img-select" src="../../assets/imgs/cim/overallSituation2.png"
-               v-if="menuIndex == 1">
-        </el-menu-item>
-        <el-menu-item :index="2">
-          <!-- 实时感知 -->
-          <img src="../../assets/imgs/cim/perception1.png" v-if="menuIndex != 2"
-               @click="openDisplayFlag(true)">
-          <img class="img-select" src="../../assets/imgs/cim/perception2.png" v-if="menuIndex == 2"
-               @click="openDisplayFlag(false)">
-        </el-menu-item>
-        <el-menu-item :index="3">
-          <!-- 车辆仿真模拟 -->
-          <img src="../../assets/imgs/cim/vehicleSimulation1.png" v-if="menuIndex != 3">
-          <img class="img-select" src="../../assets/imgs/cim/vehicleSimulation2.png" v-if="menuIndex == 3">
-        </el-menu-item>
-        <el-menu-item :index="4">
-          <!-- 工地管理 -->
-          <img @click="openDisplayFlag(true)" src="../../assets/imgs/cim/construction1.png" v-if="menuIndex != 4">
-          <img @click="openDisplayFlag(false)" class="img-select" src="../../assets/imgs/cim/construction2.png"
-               v-if="menuIndex == 4">
-        </el-menu-item>
-      </el-menu>
-    </div>
-
-    <!--  工具栏具体内容  -->
-    <condition :data="layerData" v-if="layerFlag"/>
-
-    <weather v-if="weatherFlag"/>
-
-    <div id="toolbar" style=" position: fixed; right: 20px;">
-      <el-menu @select="handleUtilMenuSelect" background-color="transparent" :collapse="true">
-        <el-menu-item :index="1">
-          <!-- 图层 -->
-          <img src="../../assets/imgs/cim/layer1.png" v-if="utilToolIndex != 1"
-               @click="openDisplayFlag(true)">
-          <img src="../../assets/imgs/cim/layer2.png" v-if="utilToolIndex == 1"
-               @click="openDisplayFlag(false)">
-        </el-menu-item>
-        <el-menu-item :index="2">
-          <!-- 天气 -->
-          <img src="../../assets/imgs/cim/weather1.png" v-if="utilToolIndex != 2"
-               @click="openWeatherFlag(true)">
-          <img src="../../assets/imgs/cim/weather2.png" v-if="utilToolIndex == 2"
-               @click="openWeatherFlag(false)">
-        </el-menu-item>
-        <el-menu-item :index="3">
-          <!-- 侧面 -->
-          <img src="../../assets/imgs/cim/measureSurface1.png" v-if="utilToolIndex != 3">
-          <img src="../../assets/imgs/cim/measureSurface2.png" v-if="utilToolIndex == 3">
-        </el-menu-item>
-        <el-menu-item :index="4">
-          <!-- 测距 -->
-          <img src="../../assets/imgs/cim/ranging1.png" v-if="utilToolIndex != 4">
-          <img src="../../assets/imgs/cim/ranging2.png" v-if="utilToolIndex == 4">
-        </el-menu-item>
-        <el-menu-item :index="5">
-          <!-- 限高 -->
-          <img src="../../assets/imgs/cim/heightLimit1.png" v-if="utilToolIndex != 5">
-          <img src="../../assets/imgs/cim/heightLimit2.png" v-if="utilToolIndex == 5">
-        </el-menu-item>
-      </el-menu>
-    </div>
-  </div>
-</template>
-
-<style scoped lang="scss">
-#layerIframe {
-  width: 100%;
-  height: 100%;
-  position: absolute;
-  top: 0;
-  left: 0;
-  border: none;
-}
-
-#div-background {
-  height: 100%;
-  width: 100%;
-
-  #div-bottom {
-    background-image: url("@/assets/imgs/cim/lowerBase.png");
-  }
-
-  #div-head {
-    background-image: url("@/assets/imgs/cim/bigTitle.png");
-  }
-
-  #toolbar {
-  }
-}
-
-// 侧边样式
-#div-right-side {
-  position: fixed;
-  right: 10px;
-  top: 80px;
-}
-
-// 菜单鼠标悬浮样式
-.el-menu-item:hover {
-
-  outline: 0 !important;
-  background-color: transparent !important;
-
-}
-
-// 菜单下右边框去除
-.el-menu {
-  border-bottom: none;
-  border-right: none;
-}
-
-// 菜单选中后样式
-.el-menu-item .is-active {
-  background-color: transparent !important;
-}
-
-// 菜单设置背景色
-.el-menu-item {
-  background-color: transparent !important;
-}
-
-// 底部样式
-#div-bottom {
-  min-width: 100%;
-  position: fixed;
-  bottom: 0;
-
-  .horizontally {
-    min-width: 100%;
-
-    img {
-      transform: translateY(-35px);
-    }
-  }
-}
-
-.img-select {
-  transform: translateY(-50px) !important;
-}
-
-// 头部样式
-#div-head {
-  p {
-    text-align: center;
-    text-shadow: 2px 2px 2px #347fc2;
-  }
-}
-
-// 标题栏 字体
-.title-font {
-  color: #e8eef6;
-  font-size: 38px;
-  font-weight: 500;
-  letter-spacing: 10px;
-}
-
-</style>

src/views/cim/template/condition.vue

@@ -1,138 +0,0 @@
-<script setup>
-import {ref, defineProps} from "vue";
-// Data
-
-
-const props = defineProps({
-  data: Array,
-});
-
-</script>
-
-<template>
-
-  <div class="div-background">
-    <el-table
-        default-expand-all
-        :data="props.data"
-        :height="800"
-        class="eltab"
-        :header-cell-style="{backgroundColor: 'transparent',color:'#e8eef6'}"
-        :header-row-style="{backgroundColor: 'transparent',fontSize:'25px',letterSpacing:'3px'}"
-        :row-style="{backgroundColor: 'transparent',color:'#e8eef6',fontSize:'20px',borderBottom:'none'}"
-    >
-      <el-table-column width="30">
-        <template #default="{ row }">
-          <img src="@/assets/imgs/cim/drop.png">
-        </template>
-      </el-table-column>
-      <el-table-column
-          label="数据资源"
-          prop="label"
-          width="190"
-      >
-      </el-table-column>
-      <el-table-column type="expand">
-        <template #default="props">
-          <div class="expand-context-font" style="padding-left: 80px">
-            <el-table
-                :show-header="false"
-                :data="props.row.children"
-                :row-style="{backgroundColor: 'transparent',color:'#f5fffd',fontSize:'18px'}"
-            >
-              <el-table-column
-                  label="数据资源"
-                  prop="label"
-                  width="185"
-              >
-              </el-table-column>
-              <el-table-column type="selection">
-
-              </el-table-column>
-            </el-table>
-          </div>
-        </template>
-      </el-table-column>
-      <el-table-column>
-        <template #default="scope">
-          <el-checkbox :indeterminate="false"></el-checkbox>
-        </template>
-      </el-table-column>
-    </el-table>
-  </div>
-
-</template>
-
-<style scoped lang="scss">
-
-// 设置背景图
-.div-background {
-  //background-image: url('@/assets/imgs/cim/layer.png');
-  //background-size: 100%;
-  //background-color: transparent !important;
-  min-width: 450px;
-  //min-height: 750px;
-  position: fixed;
-}
-
-// 表格偏移
-.eltab {
-  left: 0px;
-  top: 20px;
-}
-
-// 设置隐藏行背景色
-:deep .el-table {
-  background-color: transparent !important;
-  background-image: url('@/assets/imgs/cim/layer.png');
-  background-position: 0 -20px;
-  background-size: 100% 100%;
-}
-
-// 修改鼠标经过表格的颜色
-:deep .el-table tbody tr:hover > td {
-  // 选择隐藏
-  background-color: transparent !important;
-}
-
-// 修改展开背景图片
-:deep .el-table--enable-row-transition .el-table__body td.el-table__cell {
-  transition: background-color .25s ease;
-  background-color: transparent;
-}
-
-// 修改展开背景图片
-:deep .el-table tr {
-  background-color: transparent;
-}
-
-// 展开内容字体样式
-.expand-context-font {
-  font-size: 15px;
-  font-weight: 400;
-  color: #f5fffd;
-}
-
-// 覆盖展开图标样式
-:deep(.el-table .el-table__expand-icon) {
-  background-image: url('@/assets/imgs/cim/expand.png'); // 展开图标
-  transform: rotate(90deg);
-  background-size: contain;
-  background-repeat: no-repeat;
-  width: 16px; // 根据图标实际大小调整
-  height: 16px; // 根据图标实际大小调整
-  display: inline-block;
-  vertical-align: middle;
-  transition: transform 0.2s; // 添加过渡效果
-}
-
-// 当行被展开时旋转图标
-:deep(.el-table .el-table__expand-icon.el-table__expand-icon--expanded) {
-  transform: rotate(360deg); // 旋转90°
-}
-
-// 去除表格每行边框颜色
-:deep(.el-table) {
-  --el-table-border-color: transparent;
-}
-</style>

src/views/cim/template/weather.vue

@@ -1,170 +0,0 @@
-<script setup>
-import {ref} from "vue";
-
-</script>
-
-<template>
-  <div class="div-background">
-    <div class="div-head">
-      <el-row :gutter="20">
-        <el-col :span="6">
-          <el-card :body-style="{ padding: '0px' }">
-            <img src="../../../assets/imgs/cim/morning.png" class="image" style="position: relative;top: -16px;">
-            <div>
-              <span class="head-title" style="top: 20px">早晨</span>
-            </div>
-          </el-card>
-        </el-col>
-        <el-col :span="6">
-          <el-card :body-style="{ padding: '0px' }">
-            <img src="../../../assets/imgs/cim/noon.png" class="image">
-            <div>
-              <span class="head-title">中午</span>
-            </div>
-          </el-card>
-        </el-col>
-        <el-col :span="6">
-          <el-card :body-style="{ padding: '0px' }">
-            <img src="../../../assets/imgs/cim/evening.png" class="image">
-            <div>
-              <span class="head-title">傍晚</span>
-            </div>
-          </el-card>
-        </el-col>
-        <el-col :span="6">
-          <el-card :body-style="{ padding: '0px' }">
-            <img src="../../../assets/imgs/cim/night.png" class="image">
-            <div>
-              <span class="head-title">晚上</span>
-            </div>
-          </el-card>
-        </el-col>
-      </el-row>
-      <el-divider></el-divider>
-
-      <div>
-        <el-row type="flex" class="row-bg" justify="space-around">
-          <el-col :span="8">
-            <el-card :body-style="{ padding: '0px' }">
-              <img src="../../../assets/imgs/cim/sunny.png" class="image">
-              <div>
-                <span class="head-title">晴朗</span>
-              </div>
-            </el-card>
-          </el-col>
-          <el-col :span="8">
-            <el-card :body-style="{ padding: '0px' }">
-              <img src="../../../assets/imgs/cim/cloudy.png" class="image">
-              <div>
-                <span class="head-title">多云</span>
-              </div>
-            </el-card>
-          </el-col>
-          <el-col :span="8">
-            <el-card :body-style="{ padding: '0px' }">
-              <img src="../../../assets/imgs/cim/fog.png" class="image">
-              <div>
-                <span class="head-title">雾</span>
-              </div>
-            </el-card>
-          </el-col>
-
-          <el-col :span="8">
-            <el-card :body-style="{ padding: '0px' }">
-              <img src="../../../assets/imgs/cim/lightRain.png" class="image">
-              <div>
-                <span class="head-title">小雨</span>
-              </div>
-            </el-card>
-          </el-col>
-          <el-col :span="8">
-            <el-card :body-style="{ padding: '0px' }">
-              <img src="../../../assets/imgs/cim/moderateRain%20.png" class="image">
-              <div>
-                <span class="head-title">中雨</span>
-              </div>
-            </el-card>
-          </el-col>
-          <el-col :span="8">
-            <el-card :body-style="{ padding: '0px' }">
-              <img src="../../../assets/imgs/cim/heavyRain.png" class="image">
-              <div>
-                <span class="head-title">中雨</span>
-              </div>
-            </el-card>
-          </el-col>
-
-
-          <el-col :span="8">
-            <el-card :body-style="{ padding: '0px' }">
-              <img src="../../../assets/imgs/cim/lightSnow.png" class="image">
-              <div>
-                <span class="head-title">小雪</span>
-              </div>
-            </el-card>
-          </el-col>
-          <el-col :span="8">
-            <el-card :body-style="{ padding: '0px' }">
-              <img src="../../../assets/imgs/cim/snow.png" class="image">
-              <div>
-                <span class="head-title">中雪</span>
-              </div>
-            </el-card>
-          </el-col>
-          <el-col :span="8">
-            <el-card :body-style="{ padding: '0px' }">
-              <img src="../../../assets/imgs/cim/majorSnow.png" class="image">
-              <div>
-                <span class="head-title">大雪</span>
-              </div>
-            </el-card>
-          </el-col>
-        </el-row>
-      </div>
-    </div>
-  </div>
-</template>
-
-<style scoped lang="scss">
-// 设置背景图
-.div-background {
-  background-image: url('@/assets/imgs/cim/weather3.png');
-  background-size: 100% 100%; // 确保背景图覆盖整个div
-  background-color: transparent !important;
-  min-width: 450px;
-  height: 60vh;
-  letter-spacing: 3px;
-  position: fixed;
-  right: 50px;
-}
-
-
-// 天气图片偏移量
-.div-head {
-  position: absolute;
-  left: 45px;
-  top: 90px;
-  max-width: 80%;
-  max-height: 80%;
-}
-
-
-// 天气底部文字
-.head-title {
-  position: sticky;
-  left: 25px;
-  font-size: 14px;
-  color: #FFFFFF;
-}
-
-// 卡片颜色调整
-:deep .el-card {
-  --el-card-border-color: transparent !important;
-  --el-card-bg-color: transparent !important;
-}
-//
-.row-bg {
-  padding: 0;
-  padding-left: 20px;
-}
-</style>

src/views/home-page/HomePage.vue

@@ -1048,10 +1048,9 @@ const ballSystemList = ref([
         moduleId: '662',
         loginPage: 'https://cimweb.zjw.sh.cegn.cn:2007/space-monitor/#/login'
       },
-      {name: '上海cim平台', path: '/cim-home'},
     ]
   },
-  {name: '应用\n赋能中台', path: '/power-home'},
+  {name: '应用赋能中台', path: '/power-home'},
 ])
 
 </script>