删除

src/components/qualityControl/AddQualityControlTemp.vue

@@ -41,11 +41,13 @@
                                         <span v-if="ii !=0" class="el-icon-top order" :class="{lastItem:ii ==item.selectFiled.length}" @click="upFiled(ii,index)"></span>
                                         <span v-if="ii !=item.selectFiled.length-1" class="el-icon-bottom order"  :class="{firstItem:ii == 0}" @click="downFiled(ii,index)"></span> 
                                     </div>
-                                    <span>{{it.name}}</span>
+                                    <span class="filedName">{{it.name}}
+                                        <span class="el-icon-circle-close delFiled" @click="delSelected(ii,index)"></span>
+                                    </span>
                                 
-                                    <span class="delItem" @click="delSelected(ii,index)">删除</span>
                                 </div>
                             </div>
+                            <span class="el-icon-circle-close delUnit" @click="delUnit(index)"></span>
                         </div>
                         <span class="addUnit" @click="addUnit">+单元组</span>
                     </el-form-item>
@@ -189,10 +191,12 @@ export default {
 
         },
         delSelected(ii,index){
-             console.log(this.moduleList)
             this.moduleInfoList[index].selectFiled.splice(ii,1)
            
         },
+        delUnit(index){
+             this.moduleInfoList.splice(index,1)
+        },
         warning(msg, type,time) {
             this.$message({
                 showClose: true,
@@ -232,6 +236,7 @@ export default {
     border: 1px solid #dcdfe6;
     border-radius: 5px;
     margin-bottom: 20px;
+    position: relative;
 }
 .addUnit{
     display: inline-block;
@@ -291,5 +296,17 @@ export default {
 .firstItem{
     margin-left: 28px;
 }
-
+.delUnit,.delFiled{
+    position: absolute;
+    top: -8px;
+    right: -6px;
+    cursor: pointer;
+}
+.delFiled{
+    top: -7px;
+    right: -9px;
+}
+.filedName{
+    position: relative;
+}
 </style>