feat: 报警状态参数设置修改

src/views/AlarmPage/AlarmStatusPage.vue

@@ -24,10 +24,10 @@
       :cell-style="setCellStyle" id="out-table" border highlight-current-row :header-cell-style="setHeaderCellStyle"
       :header-cell-class-name="handleHeadAddClass">
       <el-table-column prop="index" label="编号" :sortable="false" width="100px" fixed />
-      <el-table-column prop="name" label="设施名称" :sortable="false" fixed />
+      <el-table-column prop="name" label="设施名称" :sortable="false" width="250px" fixed />
       <el-table-column prop="cnName" label="报警类型" :sortable="false" fixed />
-      <el-table-column prop="gatherTime" label="报警时间" :sortable="false" fixed />
-      <el-table-column prop="topMost" label="上上限" :sortable="false" width="100px" fixed>
+      <el-table-column prop="gatherTime" label="报警时间" :sortable="false" width="200px" fixed />
+      <el-table-column prop="topMost" label="上上限" :sortable="false" width="200px" fixed>
         <template #default="scope">
           <div class="div-form-img">
             <el-image class="img-center" v-if="getImgUrl(scope, scope.column.property)"
@@ -35,7 +35,7 @@
           </div>
         </template>
       </el-table-column>
-      <el-table-column prop="upper" label="上限" :sortable="false" width="100px" fixed>
+      <el-table-column prop="upper" label="上限" :sortable="false" width="200px" fixed>
         <template #default="scope">
           <div class="div-form-img">
             <el-image class="img-center" v-if="getImgUrl(scope, scope.column.property)"
@@ -43,7 +43,7 @@
           </div>
         </template>
       </el-table-column>
-      <el-table-column prop="lower" label="下限" :sortable="false" width="100px" fixed>
+      <el-table-column prop="lower" label="下限" :sortable="false" width="200px" fixed>
         <template #default="scope">
           <div class="div-form-img">
             <el-image class="img-center" v-if="getImgUrl(scope, scope.column.property)"
@@ -51,7 +51,7 @@
           </div>
         </template>
       </el-table-column>
-      <el-table-column prop="downMost" label="下下限" :sortable="false" width="100px" fixed>
+      <el-table-column prop="downMost" label="下下限" :sortable="false" width="200px" fixed>
         <template #default="scope">
           <div class="div-form-img">
             <el-image class="img-center" v-if="getImgUrl(scope, scope.column.property)"
@@ -127,7 +127,7 @@
                 <th style="width: 25%">报警上上限：</th>
                 <td style="width: 60%; margin: 0; padding: 0">
                   <table cellpadding="0" cellspacing="0">
-                    <tr>
+                    <tr height="60px">
                       <td style="text-align: left">
                         <el-form-item prop="topMost">
                           <el-input v-float-number style="width: 80%" v-model="addParams.topMost"></el-input>
@@ -141,7 +141,7 @@
                 <th style="width: 25%">报警上限：</th>
                 <td style="width: 60%; margin: 0; padding: 0">
                   <table cellpadding="0" cellspacing="0">
-                    <tr>
+                    <tr height="60px">
                       <td style="text-align: left">
                         <el-form-item prop="upper">
                           <el-input v-float-number style="width: 80%" v-model="addParams.upper"></el-input>
@@ -156,7 +156,7 @@
                 <th style="width: 25%">报警下限：</th>
                 <td style="width: 60%; margin: 0; padding: 0">
                   <table cellpadding="0" cellspacing="0">
-                    <tr>
+                    <tr height="60px">
                       <td style="text-align: left">
                         <el-form-item prop="lower">
                           <el-input v-float-number style="width: 80%" v-model="addParams.lower"></el-input>
@@ -170,7 +170,7 @@
                 <th style="width: 25%">报警下下限：</th>
                 <td style="width: 60%; margin: 0; padding: 0">
                   <table cellpadding="0" cellspacing="0">
-                    <tr>
+                    <tr height="60px">
                       <td style="text-align: left">
                         <el-form-item prop="downMost">
                           <el-input v-float-number style="width: 80%" v-model="addParams.downMost"></el-input>
@@ -226,7 +226,7 @@
 
           <div class="btngrounp">
             <div v-if="button">
-              <el-button :disabled="param.cnName === '' ? true : false" type="primary" @click="onAdd">添加</el-button>
+              <el-button :disabled="param.cnName === '' ? true : false" type="primary" :loading="btnLoading" @click="onAdd">添加</el-button>
               <el-button disabled type="primary" @click="onDel">删除</el-button>
             </div>
             <div v-else>
@@ -286,6 +286,7 @@ const roleId = ref(false)
 
 function open() {
   show.value = true
+  btnLoading.value=false
 }
 
 function onsubmit() {
@@ -719,8 +720,9 @@ const selectAfterParams = (row) => {
 // 添加 addParams中写三个类型相同的属性，根据类型和设备进行动态的删除和添加
 // 点击添加按钮要根据参数所属不同的类型和设备进行传参
 // 修改亦如此
-
+const btnLoading = ref(false)
 const onAdd = async () => {
+btnLoading.value = true
   // console.log("!!!!!!!", addParams.value);
   // 提交添加或修改-以上至少有一个选项有值
   if (addParams.value.topMost || addParams.value.upper || addParams.value.lower || addParams.value.downMost) {
@@ -747,6 +749,7 @@ const onAdd = async () => {
           param.value.cnName = ""
           form_control.value = true
           getCnNames()
+          btnLoading.value = false
         } else {
           ElMessage.error("操作失败")
         }
@@ -764,6 +767,7 @@ const onAdd = async () => {
           param.value.cnName = ""
           form_control.value = true
           getCnNames()
+          btnLoading.value = false
         } else {
           ElMessage.error("操作失败")
         }
@@ -782,6 +786,7 @@ const onAdd = async () => {
           param.value.cnName = ""
           form_control.value = true
           getCnNames()
+          btnLoading.value = false
         } else {
           ElMessage.error("操作失败")
         }
@@ -789,6 +794,7 @@ const onAdd = async () => {
     }
 
   } else {
+    btnLoading.value= false
     ElMessage.error("请至少输入一个报警上下限数值")
   }