2021-12-15 违规报警 - 报警阈值设置 - 手机号码的删除 加上了

src/views/Alarm/alarm-set/AlarmForm.vue

@@ -1,7 +1,7 @@
 <!--
  * @Author: your name
  * @Date: 2021-11-29 16:41:38
- * @LastEditTime: 2021-12-06 16:00:29
+ * @LastEditTime: 2021-12-15 10:12:58
  * @LastEditors: Please set LastEditors
  * @Description: 报警设置的 各个报警号码
  * @FilePath: \hyyfClient\src\views\Alarm\alarm-set\AlarmForm.vue
@@ -40,6 +40,12 @@
             style="width: 200px"
           >
           </el-input>
+          <!-- 即时删除 -->
+          <div class="del-btn">
+            <el-button @click="removeItem(domain, 'secondPhones')"
+              >删除</el-button
+            >
+          </div>
         </el-form-item>
         <div class="add-btn">
           <el-button @click.prevent="addPhones('secondPhones')">新增</el-button>
@@ -68,6 +74,12 @@
             style="width: 200px"
           >
           </el-input>
+          <!-- 即时删除 -->
+          <div class="del-btn">
+            <el-button @click="removeItem(domain, 'thirdPhones')"
+              >删除</el-button
+            >
+          </div>
         </el-form-item>
         <div class="add-btn">
           <el-button @click.prevent="addPhones('thirdPhones')">新增</el-button>
@@ -181,6 +193,13 @@ export default {
         }
       });
     },
+    // 删除
+    removeItem(item, formItem) {
+      let index = this.alarmForm[formItem].indexOf(item);
+      if (index !== -1) {
+        this.alarmForm[formItem].splice(index, 1);
+      }
+    },
   },
 };
 </script>
@@ -192,5 +211,10 @@ export default {
 }
 .add-btn {
   padding-left: 20px;
+  margin-bottom: 20px;
+}
+.del-btn {
+  display: inline-block;
+  padding-left: 5px;
 }
 </style>