123

src/components/home.vue

@@ -18,6 +18,7 @@
         <li class="menu-item" @click="dateItemClick($event)">在线地图</li>
         <li class="menu-item" @click="dateItemClick($event)">应用示范</li>
         <li class="menu-item" @click="dateItemClick($event)">资源中心</li>
+        <li class="menu-item" @click="dateItemClick($event)">开发中心</li>
       </ul>
     </div>
     <!-- 轮播 start-->
@@ -137,7 +138,7 @@
           <div>
             <div class="title">韧性城市</div>
             <div class="content">
-              近年来，门头沟区立足区域功能定位和自身资源禀赋，将发展精品民宿作为打通“两山”转化通道和推动乡村振兴的突破口，并创建了“门头沟小院”精品民宿品牌。
+              韧性城市平台是一种基于智能化技术的城市管理软件，旨在提高城市的韧性和应对能力。该软件可以实时监测城市的各种数据，包括气象、交通、环境等，通过数据分析和预测，提高城市管理者决策支持。
             </div>
           </div>
         </li>
@@ -145,9 +146,9 @@
         <li class="anli-item d-between" @click="goToNewSystem(2)">
           <img :src="require('@/assets/images/anli3.png')" alt="" width="48" />
           <div>
-            <div class="title">大型建筑安全监测/规划</div>
+            <div class="title">超高层大型建筑安全监测</div>
             <div class="content">
-              近年来，门头沟区立足区域功能定位和自身资源禀赋，将发展精品民宿作为打通“两山”转化通道和推动乡村振兴的突破口，并创建了“门头沟小院”精品民宿品牌。
+              基于智能化技术的建筑安全监测系统，实时监测建筑物的各种数据，包括结构变形、温度、湿度、风速等，通过数据分析和预测，提供建筑物安全评估和预测。
             </div>
           </div>
         </li>
@@ -207,8 +208,15 @@ export default {
         .removeClass("active");
       if (event.target.innerText == "在线地图") {
         this.$router.push(`/maps`);
-      } else if (event.target.innerText == "资源中心") {
+      } else if (event.target.innerText == "应用示范") {
+        this.$message({
+          message: '待集成',
+          type: 'info'
+        })
+      }  else if (event.target.innerText == "资源中心") {
         this.$router.push(`/resource`);
+      } else if (event.target.innerText == "开发中心") {
+        window.open("http://10.241.173.163:9000/platform/")
       }
     },
     //开启定时器

vue.config.js

@@ -1,5 +1,8 @@
 const { defineConfig } = require('@vue/cli-service')
 module.exports = defineConfig({
+  devServer:{
+    port: 8080
+  },
   transpileDependencies: true,
   lintOnSave: false
 })