画图

src/utils/api/index.js

@@ -90,6 +90,15 @@ export function getAlarmList(data) {
     data,
   });
 }
+//获取告警label
+
+export function getAlarmTypeList(data) {
+  return request({
+    url: "/api/getAlarmTypeList",
+    method: "post",
+    data,
+  });
+}
 //已读未读
 export function readAlarm(data) {
   return request({

src/views/alarmHandling/index.vue

@@ -43,12 +43,12 @@
             ></el-date-picker>
           </el-form-item>
           <el-form-item label="告警原因" class="gjbox">
-            <el-select v-model="formdata.warnCause">
+            <el-select v-model="formdata.label">
               <el-option
                 v-for="item in gjOptions"
-                :key="item.id"
+                :key="item.label"
                 :label="item.name"
-                :value="item.id"
+                :value="item.label"
               ></el-option>
             </el-select>
           </el-form-item>
@@ -186,6 +186,7 @@
 import {
   getSearchInfo,
   getAlarmList,
+  getAlarmTypeList,
   getLatestPhotoJoggle,
   getReturnedPhotoJoggle,
   readAlarm,
@@ -197,12 +198,12 @@ export default {
       dyOptions: [{ id: 0, name: "全部" }], //电压数据
       xlOptions: [{ id: 0, name: "全部" }], //线路数据
       gtOptions: [{ id: 0, name: "全部" }], //杆塔数据
-      gjOptions: [{ id: 0, name: "全部" }], //告警数据
+      gjOptions: [{ id: 0, label: -1, name: "全部" }], //告警数据
       formdata: {
         dyId: "",
         lineId: "",
         towerId: "",
-        warnCause: "",
+        label: "",
         timeVal: "",
       },
       photoPic: "",
@@ -276,11 +277,13 @@ export default {
     },
     //获取告警原因
     getSearchgj() {
-      getSearchInfo({ type: 1, id: this.formdata.lineId })
+      getAlarmTypeList()
         .then((res) => {
-          this.gjOptions = [{ id: 0, name: "全部" }];
+          this.gjOptions = [{ id: 0, label: -1, name: "全部" }];
           this.gjOptions = this.gjOptions.concat(res.data.list);
-          this.formdata.warnCause = this.gjOptions[0].id;
+          console.log(this.gjOptions);
+          this.formdata.label = this.gjOptions[0].label;
+          console.log(this.formdata.label);
         })
         .catch((err) => {});
     },
@@ -297,7 +300,6 @@ export default {
           this.tableData = res.data.list;
           this.total = res.data.total;
           this.photoPic = res.data.list[0].path;
-
           this.selectRow = res.data.list[0];
           console.log(this.selectRow);
           this.drawline(this.selectRow);

src/views/components/carouselChart.vue

@@ -97,7 +97,7 @@
                 >--{{
                   item.alias !== null && item.alias !== ""
                     ? item.alias
-                    : item.channnelname
+                    : item.channelName
                 }}</span
               >
             </p>

vue.config.js

@@ -28,11 +28,11 @@ module.exports = defineConfig({
     proxy: {
       "/api": {
         //表示拦截以/api开头的请求路径
-        //target: "http://47.96.238.157:8093", //阿里云服务器环境
-        target: "http://180.166.218.222:40080", //dell
+        target: "http://47.96.238.157:8093", //阿里云服务器环境
+        // target: "http://180.166.218.222:40080", //dell
         changOrigin: true, //是否开启跨域
         pathRewrite: {
-          "^/api": "/api", //重写api，把api变成空字符，因为我们真正请求的路径是没有api的
+          "^/api": "", //重写api，把api变成空字符，因为我们真正请求的路径是没有api的
         },
       },
     },