增加删除操作

src/views/modules/personroom/epidemicbuildingunit-add-or-update.vue

@@ -156,7 +156,12 @@
                   <el-input v-model="item.address" placeholder="现住址"></el-input>
               </el-form-item>
             </el-col>
-            <el-col v-if="index === 0" :span="4">
+            <el-col :span="2">
+                <div @click="delOwners(item.idCard)" class="add-owners">
+                    <i class="el-icon-circle-close"></i>
+                </div>
+            </el-col>
+            <el-col v-if="index === 0" :span="2">
               <div @click="addOwners" class="add-owners">
                 <i class="el-icon-circle-plus-outline"></i>
               </div>
@@ -512,6 +517,21 @@ export default {
         address: ''
       })
     },
+      delOwners (e) {
+          this.dataForm.owners.some((item, i) => {
+              if (item.idCard === e) {
+                  this.dataForm.owners.splice(i, 1)
+              }
+          })
+          if (this.dataForm.owners.length === 0) {
+              this.dataForm.owners.push({
+                  ownerName: '',
+                  idCard: '',
+                  mobile: '',
+                  address: ''
+              })
+          }
+      },
     blurIdCard (idCard, index) {
       this.$http.get(`custom/epidemicuserinfo/getOwner?idCard=${idCard}`).then(({ data: res }) => {
         if (res.code !== 0) {
@@ -563,9 +583,9 @@ export default {
 </script>
 <style scoped>
 .add-owners{
-  width: 100%;
+  width: 40%;
   height: 40px;
-  padding: 0 20px;
+  padding: 0 10px;
   box-sizing: border-box;
   display: flex;
   align-items: center;