提交

VUECODE/smart-property-manage/src/views/systemResources/app/index.vue

@@ -118,13 +118,14 @@
       </el-tab-pane>
       <el-tab-pane label="公区监控" name="monitoring">
         <span style="display: flex; justify-content: center;">可配置项</span>
-        <div style="display: flex; justify-content: center; margin-top: 20px;">
+        <!-- padding: 10px 20px 0;border-radius: 8px;margin: 20px 15px 10px 15px;border: 1px solid #eee;box-shadow: 4px 4px 10px #dadada; -->
+        <div style="display: flex; justify-content: center; margin: 20px 15px 10px 15px;">
           <span style="display: flex; justify-content: center; color: #409EFF;cursor: pointer; margin-right: 50px;" @click="addMonitoring">添加一个配置</span>
           <span style="display: flex; justify-content: center; color: #409EFF;cursor: pointer; margin-left: 50px;" @click="monitoringSubmit">提交</span>
         </div>
-        <div style="display: flex; justify-content: center; flex-wrap: wrap;">
+        <div style="display: flex; justify-content: center; flex-wrap: wrap; ">
           <el-form v-for="(item, index) in equipmentList" ref="monitoringForm" label-width="120px" style="margin-top: 20px;">
-            <div>
+            <div style="padding: 10px 20px 0;border-radius: 8px;margin: 20px 15px 10px 15px;border: 1px solid #eee;box-shadow: 4px 4px 10px #dadada;">
               <el-form-item label="编号">
                 <!-- item.id -->
                 <span>{{ index }}</span>
@@ -223,26 +224,28 @@ export default {
       })
     },
     monitoringRemover(id, equipmentIndex) { // 监控删除
-      // console.log('monitoringForm : ', this.equipmentList, '  下坐标：', index)
-      // const tempEquipmentList = []
-      // this.equipmentList.map((item, index) => {
-      //   // 排除需要删除的下坐标的数据
-      //   if (index !== equipmentIndex) {
-      //     tempEquipmentList.push(item)
-      //   }
-      // })
-      // this.equipmentList = tempEquipmentList
-
-      this.$store.dispatch('DeleteEquipment', id).then(res => {
-        const resCode = res.code
-        if (resCode === '1') {
-          this.$message.error(res.message)
-          return
+      // console.log('monitoringForm : ', this.equipmentList, '  下坐标：', equipmentIndex)
+      const tempEquipmentList = []
+      this.equipmentList.map((item, index) => {
+        // 排除需要删除的下坐标的数据
+        if (index !== equipmentIndex) {
+          tempEquipmentList.push(item)
         }
-        this.getMenuList()
-      }).catch(() => {
-        console.log('DeleteEquipment error!')
       })
+      this.equipmentList = tempEquipmentList
+
+      if (id !== '') {
+        this.$store.dispatch('DeleteEquipment', id).then(res => {
+          const resCode = res.code
+          if (resCode === '1') {
+            this.$message.error(res.message)
+            return
+          }
+          this.getMenuList()
+        }).catch(() => {
+          console.log('DeleteEquipment error!')
+        })
+      }
     },
     onSubmit() {
       this.getPropertyData()