报警状态-第一次提交

src/views/AlarmPage/AlarmStatusPage.vue

@@ -67,9 +67,8 @@
     <el-row>
       <el-col :span="6">
         <div class="left">
-          <p>ZTY</p>
-          <p>LPJ</p>
-          <p>LXH</p>
+          <p v-for="(item,index) in cnNames_before">{{item.cnName}}</p>
+          
         </div>
       </el-col>
 
@@ -188,7 +187,8 @@
       <el-col :span="6">
         <div class="left">
           <ul>
-            <li>
+            <li v-for="(item,index) in cnNames_after">
+              {{item.cnName}}
             </li>
           </ul>
         </div>
@@ -471,24 +471,39 @@ function getImgUrl(scope, item) {
 
 
 // 报警参数设置
-const cnNames = reactive([{}])
+let cnNames_before = reactive([{}])
+let cnNames_after = reactive([{}])
 const getCnNames = () => {
   let newType =
     type.value == "GetPipeAlarmStatusData" ? 1 : type.value == "GetBoilerAlarmStatusData" ? 2 : 3
   let newAlarmInfo = AlarmInfo.value[0];
-  const data = http.post("api/alarm/para/GetAlarmPara", { type: newType, id: newAlarmInfo }, false)
-  console.log("data:", data);
-
-  console.log("报警参数cnnames:",data.data);
+  let data = http.post("api/alarm/para/GetAlarmPara", { type: newType, id: newAlarmInfo }, false)
+  // console.log("data:", data);
+
+  data.then(function (val) {
+    cnNames_before = val.data.before
+    cnNames_after = val.data.after
+    // console.log("@@@@",cnNames_before);
+    // console.log("@@@@",cnNames_after);
+    });
 
-  // data.data.forEach(function(obj, index) => {
-    // console.log(`Object ${index + 1} items:`, obj.items);
-    // console.log(obj);
-  // });
+    fillTable()
 
-  // cnNames = data.data.before;
-  console.log("cnNames.value", cnNames);
 }
+
+const params = reactive([{}])
+
+const fillTable = () => {
+  let newType =
+    type.value == "GetPipeAlarmStatusData" ? 1 : type.value == "GetBoilerAlarmStatusData" ? 2 : 3
+    let newAlarmInfo = AlarmInfo.value[0];
+    const data = http.post("/api/alarm/para/GetAlarmParaInfo",{type:newType,id:newAlarmInfo,baseid:cnNames_before.transParaBaseId},false)
+console.log(data);
+  }
+
+
+
+
 getCnNames()
 
 
@@ -505,7 +520,7 @@ onUnmounted(() => {
 
 
 </script>
-<style lang="less" scoped>
+<style lang="less">
 .moduleCard {
   width: auto;
   overflow: auto;
@@ -617,7 +632,7 @@ table td {
 .left {
   //  border: 1px solid red;
   overflow: auto;
-  height: 10px;
+  height: 800px;
   border-top: 1px solid #eff1f4;
   border-bottom: 1px solid #eff1f4;
   padding: 0px 30px 11px 27px;