优化调整

src/layout/components/Navbar.vue

@@ -17,7 +17,7 @@ const navbarBackgroundStyle = computed(() => {
 const showMenu = computed(() => route.path !== '/index')
 let leftMenu = [
   {name: '总  览', path: '/index', type: 'left', style: {}},
-  {name: '预报预警', path: '/index', type: 'left', style: {}},
+  {name: '监测感知', path: '/index', type: 'left', style: {}},
 ]
 let rightMenu = [
   {name: '智慧运维', path: '/index', type: 'right', style: {}},

src/utils/station.ts

@@ -7,8 +7,8 @@ export default [
     isExternalAddress: false,
     path: '',
     sttp: '水文站',
-    detail: '太师桥水文站是国家基本水文站，位于江苏省苏州市吴江区桃源镇前窑村，在江南运河(澜溪塘)干流江苏~浙江省际边界上，属太湖流域杭嘉湖区水系。\n2015年7月设站至今，主要监测项目有水位、流量、降水、水质(水温、pH、电导率、溶解氧、浊度、氧化还原电位、氨氮、高锰酸盐指数等8项指标）。',
-    img: ''
+    detail: '东经：120°29′38.8″北纬：30°45′46.1″\n太师桥水文站是国家基本水文站，位于江苏省苏州市吴江区桃源镇前窑村，在江南运河(澜溪塘)干流江苏~浙江省际边界上，属太湖流域杭嘉湖区水系。\n2015年7月设站至今，主要监测项目有水位、流量、降水、水质(水温、pH、电导率、溶解氧、浊度、氧化还原电位、氨氮、高锰酸盐指数等8项指标）。',
+    img: '/src/assets/images/station_taishiqiao.png',
   },
   {
     stcd: '63304650',

src/views/Station.vue

@@ -10,6 +10,8 @@ import ImageTag from "@/components/tag/ImageTag.vue";
 
 const route = useRoute()
 let dibaImage = ref(new URL('@/assets/images/dike.png', import.meta.url).href)
+const jiankong = new URL('@/assets/images/tmp/jiankong.png', import.meta.url).href
+
 
 function getStation(stcd) {
   return stations.find(item => item.stcd === stcd)
@@ -17,7 +19,7 @@ function getStation(stcd) {
 
 const station = ref(getStation(route.params.stcd))
 const introduces = ref(station.value.detail?.split('\n'))
-const introduceImg = new URL(station.value.img, import.meta.url)
+const introduceImg = new URL(station.value.img, import.meta.url).href
 
 const deviceInfoColumns = [
   {label: '设备名称', prop: 'name'},
@@ -63,6 +65,7 @@ onMounted(() => {
         <img v-if="station.img" :src="introduceImg" alt="" class="introduce-img"/>
       </card01>
       <card01 style="height: 30%" title="现场监控">
+        <img :src="jiankong" alt="" style="width: 100%;height: 100%;"/>
       </card01>
     </template>
     <template #rightModule>