其他-首页。预警记录绑定接口，添加每条数据跳转页面

src/views/Others/index.vue

@@ -3,12 +3,11 @@
     <el-carousel style="width: 100%; margin: 5vh 0" trigger="click" type="card" height="80vh" :autoplay="false" indicator-position="none" :initial-index="1" arrow="none" @change="changeSwiper">
       <!-- card-1 -->
       <el-carousel-item style="padding: 20px; background: rgb(4, 12, 11)">
-        <div class="itemBox" @click="jumpUrl('/others/realSearch')">
+        <div class="itemBox">
           <p class="itemTitle">
             数据查询
-            <!-- <i class="itemMoreBtn el-icon-more" @click="jumpUrl('/realSearch')"></i> -->
           </p>
-          <div class="df-table">
+          <div class="df-table" @click="jumpUrl('/others/realSearch')">
             <div class="sjcx-item" v-for="(value, key) in wppointColumn" :key="key">
               <div class="sjcx-name">{{value}}</div>
               <div class="sjcx-value">{{wppointnum[key]}}</div>
@@ -22,11 +21,12 @@
         <div class="itemBox">
           <p class="itemTitle">
             预警记录
-            <!-- <i class="itemMoreBtn el-icon-more" @click="jumpUrl('/realSearch')"></i> -->
           </p>
           <div class="df-table">
-            <ComTable height="30vh" :data="tableData2" :pageSize="20">
-            </ComTable>
+            <div class="sjcx-item" v-for="item in earlyAlarmColumn" :key="item" @click="jumpUrl(item.url)">
+              <div class="sjcx-name">{{item.name}}</div>
+              <div class="sjcx-value">{{earlyAlarmData[item.key] || '0'}}</div>
+            </div>
           </div>
         </div>
       </el-carousel-item>
@@ -137,7 +137,17 @@ export default {
         MCH_GDC: "马场湖光发伏电站",
         JSFW: "计算服务测点",
       },
-
+      earlyAlarmData: {},
+      earlyAlarmColumn: [
+        { name: "停机事件管理", key: "tj", url: "/others/alarmCenter/tjsj" },
+        { name: "限电管理", key: "xd", url: "/others/alarmCenter/xdgl" },
+        { name: "状态转换记录", key: "", url: "" },
+        { name: "操作记录", key: "", url: "" },
+        { name: "升压站动作", key: "", url: "" },
+        { name: "升压站告警", key: "syzgj", url: "/others/alarmCenter/boosterAlarm" },
+        { name: "风机告警", key: "fjgj", url: "/others/alarmCenter/scadaAlarm" },
+        { name: "风机预警", key: "fjyj", url: "/others/alarmCenter/alarmcenter" },
+      ],
       tableData1: {
         column: [
           {
@@ -423,6 +433,17 @@ export default {
         },
       });
     },
+    async getEarlyAlarmData() {
+      const that = this;
+      const {data} = await that.API.requestData({
+        method: "GET",
+        baseURL: "http://192.168.1.18:8075/",
+        subUrl: "alarm/count/todaycount",
+        success(res) {
+          },
+      });
+      this.earlyAlarmData = data.data;
+    },
   },
 
   created() {},
@@ -434,6 +455,7 @@ export default {
     });
     that.getTableData();
     this.getWppointnum();
+    this.getEarlyAlarmData();
   },
 
   unmounted() {},