فهرست منبع

模板维护添加单元组移动顺序

zhangxc 5 سال پیش
والد
کامیت
1fa62fbaf8
1فایلهای تغییر یافته به همراه20 افزوده شده و 0 حذف شده
  1. 20 0
      src/components/qualityControl/AddQualityControlTemp.vue

+ 20 - 0
src/components/qualityControl/AddQualityControlTemp.vue

@@ -29,6 +29,10 @@
                     </el-form-item>
                     <el-form-item label="添加模块内容:" prop="moduleInfo" class="formItem">
                         <div class="moduleInfoItem" v-for="(item,index) in moduleInfoList">
+                            <div class="orderBox">
+                                <span class="el-icon-arrow-up order"  @click="upUnit(index)"></span>
+                                <span  class="el-icon-arrow-down order" @click="downUnit(index)"></span> 
+                            </div>
                             <div class="searchBox">
                                 <el-input v-model.trim="item.searchName"  placeholder="搜索字段单元" @input="searchFiled(index)">
                                 </el-input>
@@ -269,6 +273,22 @@ export default {
              }
              
         },
+        upUnit(index){
+            if(index == 0){
+                return
+            }
+            const current = this.moduleInfoList[index]
+            const currentPre = this.moduleInfoList[index-1]
+            this.moduleInfoList.splice(index-1,2,current,currentPre)
+        },
+        downUnit(index){
+             if(index == this.moduleInfoList.length -1){
+                return
+            }
+            const current = this.moduleInfoList[index]
+            const currentNext = this.moduleInfoList[index+1]
+            this.moduleInfoList.splice(index,2,currentNext,current)
+        },
         upFiled(index){
             let activeIndex = this.moduleInfoList[index].activeIndex
             if(activeIndex == 0 || activeIndex == -1){