报警状态接口

src/views/AlarmPage/AlarmStatusPage.vue

@@ -63,9 +63,19 @@
   </el-card>
 
 
-  <el-drawer v-model="show" :size="800">
-    <main>
-      <el-card class="card_contianer">
+  <el-dialog v-model="show" class="dialog" :show-scrollbar="true">
+    <el-row>
+      <el-col :span="6">
+        <div class="left">
+          <p>ZTY</p>
+          <p>LPJ</p>
+          <p>LXH</p>
+        </div>
+      </el-col>
+
+      <el-col :span="12">
+        <div class="middle">
+          <!-- <el-card class="card_contianer"> -->
           <table cellpadding="0" cellspacing="1" border="1" class="big_table">
             <tr>
               <th style="width: 25%">报警名称：</th>
@@ -171,9 +181,21 @@
           <div class="btngrounp">
             <el-button type="primary" @click="onDel">删除</el-button>
           </div>
-      </el-card>
-    </main>
-  </el-drawer>
+          <!-- </el-card> -->
+        </div>
+      </el-col>
+
+      <el-col :span="6">
+        <div class="left">
+          <ul>
+            <li>
+            </li>
+          </ul>
+        </div>
+      </el-col>
+    </el-row>
+  </el-dialog>
+
 
 </template>
 
@@ -199,92 +221,23 @@ const sortField = reactive({});
 const type = ref('GetTransAlarmStatusData');
 const show = ref(false)
 const refreshItem = ref(0)
-const allOptions = reactive([
-  {
-    value: 1,
-    label: '天津港毅',
-    children: [
-      {
-        value: 2,
-        label: '重阳里计量站',
-        children: [
-          { value: 3, label: '重阳里北区' },
-          { value: 4, label: '重阳里南区' },
-          { value: 5, label: '重阳里南高区' },
-        ],
-      },
-      {
-        value: 6,
-        label: '行政区供热站',
-        children: [
-          { value: 7, label: '百郦低区' },
-          { value: 8, label: '百郦高区' },
-          { value: 9, label: '大港医院' },
-          { value: 10, label: '古林里低区' },
-          { value: 12, label: '古林里高区' },
-          { value: 13, label: '开元里' },
-        ],
-      },
-      {
-        value: 14,
-        label: '福苑里供热站',
-        children: [
-          { value: 15, label: 'xxx' },
-          { value: 16, label: 'xxx' },
-          { value: 17, label: 'xxx' },
-        ],
-      },
-      {
-        value: 18,
-        label: '东部供热站',
-        children: [
-          { value: 19, label: 'xxx' },
-          { value: 20, label: 'xxx' },
-          { value: 21, label: 'xxx' },
-        ],
-      },
-      {
-        value: 22,
-        label: '小王庄供热站',
-        children: [
-          { value: 21, label: 'xxx' },
-          { value: 22, label: 'xxxx' },
-          { value: 23, label: 'xxx' },
-        ],
-      },
-    ],
-  },
-  {
-    value: 24,
-    label: '大纲供热中心',
-    children: [
-      {
-        value: 25,
-        label: 'xxx',
-        children: [
-          { value: 26, label: 'xxx' },
-          { value: 27, label: 'xxx' },
-          { value: 28, label: 'xxxx' },
-        ],
-      },
-      {
-        value: 29,
-        label: 'xxx',
-        children: [
-          { value: 30, label: 'xx' },
-          { value: 31, label: 'xxx' },
-          { value: 32, label: 'xxxx' },
-        ],
-      },
-    ],
-  },
-
-])
+const AlarmInfo = ref([])
+
+
+
+// getCnNames()
+// console.log("type.value:",type.value);
+// console.log("AlarmInfo.value:",AlarmInfo.value);
+
+// console.log(type.value);
+
+
 
 
 
 function paramsSetting() {
   show.value = true
+  getCnNames()
 }
 
 function onsubmit() {
@@ -313,7 +266,7 @@ function handleHeadAddClass({ column }) {
   if (sortField[column.property]) {
     column.order = sortField[column.property]
   }
-}
+};
 
 var date = new Date();
 var year = date.getFullYear();
@@ -323,7 +276,7 @@ var dateArr = [
   date.getDate(),
   date.getHours(),
   date.getMinutes(),
-  date.getSeconds(),
+  date.getSeconds()
 ];
 for (var i = 0; i < dateArr.length; i++) {
   if (dateArr[i] >= 1 && dateArr[i] <= 9) {
@@ -346,7 +299,7 @@ if (!endTime) {
   sessionStorage.setItem("DeviceQueryEnd", endTime);
 }
 
-const AlarmInfo = ref([])
+
 
 getSupplys();
 getdata();
@@ -367,6 +320,7 @@ function getoptions() {
     getSupplys();
   }
   gettransfer();
+  getCnNames()
 }
 
 //获取锅炉列表
@@ -440,7 +394,7 @@ function getSupplys() {
   AlarmInfo.length = 0;
   var result = store.getters.getEnterprise();
   if (result) {
-    console.log(result)
+    // console.log(result)
     result.forEach(element => {
       if (element.enterpriseId === enterpriseId.value) {
         if (element.enterpriseId === "9BCA54BC-8F27-4849-8D7D-50C5099E1949".toLowerCase()) {
@@ -473,7 +427,7 @@ function getSupplys() {
 function gettransfer() {
   loading.value = true;
   http.post("/api/alarm/" + type.value, AlarmInfo.value).then((result) => {
-    console.log(result.data);
+    // console.log(result.data);
     if (result.data !== null) {
       tableData.value = result.data;
     }
@@ -515,13 +469,41 @@ function getImgUrl(scope, item) {
   return url;
 }
 
+
+// 报警参数设置
+const cnNames = 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);
+  
+  // data.data.forEach(function(obj, index) => {
+    // console.log(`Object ${index + 1} items:`, obj.items);
+    // console.log(obj);
+  // });
+
+  // cnNames = data.data.before;
+  console.log("cnNames.value", cnNames);
+}
+getCnNames()
+
+
+
 onMounted(() => {
   setContentHeight();
   window.addEventListener('resize', setContentHeight);
+
 })
 onUnmounted(() => {
   window.removeEventListener('resize', setContentHeight);
 })
+
+
+
 </script>
 <style lang="less" scoped>
 .moduleCard {
@@ -588,12 +570,6 @@ onUnmounted(() => {
   justify-content: center;
 }
 
-.show {
-  width: 400px;
-  height: 300px;
-  border: 1px solid red;
-
-}
 
 
 .big_table {
@@ -635,4 +611,34 @@ table td {
   margin-top: 10px;
   text-align: center;
 }
+
+
+
+.left {
+  //  border: 1px solid red;
+  overflow: auto;
+  height: 10px;
+  border-top: 1px solid #eff1f4;
+  border-bottom: 1px solid #eff1f4;
+  padding: 0px 30px 11px 27px;
+}
+
+.left::-webkit-scrollbar {
+  width: 3px;
+}
+
+// 滚动条里面默认的小方块,自定义样式
+.left::-webkit-scrollbar-thumb {
+  background: #8798AF;
+  border-radius: 2px;
+}
+
+// 滚动条里面的轨道
+.left::-webkit-scrollbar-track {
+  background: transparent;
+}
+
+.dialog {
+  width: 60%;
+}
 </style>
\ No newline at end of file