著录界面拖拽排序排版bug

src/views/components/category/PreviewForm.vue

@@ -1,8 +1,8 @@
 <template>
   <div class="preview-content right-preview">
     <el-form ref="addOrUpdateForm" :model="addOrUpdateForm" :rules="rules" :validate-on-rule-change="false" label-width="120px">
-      <draggable v-bind="{draggable:'.drag-item',animation:500}" :disabled="!isDisabled" @update="datadragEnd">
-        <el-row :gutter="4" style="padding:0 20px">
+      <el-row :gutter="4" style="padding:0 20px">
+        <draggable v-bind="{draggable:'.drag-item',animation:500}" :disabled="!isDisabled" @update="datadragEnd">
           <el-col v-for="(item,index) in formPreviewData" v-show="item.fieldName !== 'barcode'" :key="index" :class="['drag-item',item.fieldName === 'barcode'? 'barcode-input':'']" :span="item.isLine || item.fieldName === 'barcode' ? 24 : 12">
             <el-form-item :label="item.fieldCnName" :prop="item.fieldName">
               <!-- select  :load-options="loadOptions"-->
@@ -50,23 +50,23 @@
               />
             </el-form-item>
           </el-col>
-        </el-row>
-        <el-row v-if="!isHasCode" style="border-top: 1px solid #339cff; padding: 20px 20px 0 20px;">
-          <el-col v-for="(item,index) in formPreviewData.slice(formPreviewData.length-1,formPreviewData.length)" :key="'barcode'+index">
-            <el-form-item :label="item.fieldCnName" :prop="item.fieldName">
-              <el-input
-                v-model="addOrUpdateForm[item.fieldName]"
-                type="text"
-                style="width: 510px"
-                :disabled="isDisabled"
-                :validate-event="!isDisabled"
-                @keyup.enter.native="isRepeatHandle(item)"
-                @blur="isRepeatHandle(item)"
-              />
-            </el-form-item>
-          </el-col>
-        </el-row>
-      </draggable>
+        </draggable>
+      </el-row>
+      <el-row v-if="!isHasCode" style="border-top: 1px solid #339cff; padding: 20px 20px 0 20px;">
+        <el-col v-for="(item,index) in formPreviewData.slice(formPreviewData.length-1,formPreviewData.length)" :key="'barcode'+index">
+          <el-form-item :label="item.fieldCnName" :prop="item.fieldName">
+            <el-input
+              v-model="addOrUpdateForm[item.fieldName]"
+              type="text"
+              style="width: 510px"
+              :disabled="isDisabled"
+              :validate-event="!isDisabled"
+              @keyup.enter.native="isRepeatHandle(item)"
+              @blur="isRepeatHandle(item)"
+            />
+          </el-form-item>
+        </el-col>
+      </el-row>
     </el-form>
 
     <!-- 弹框形式的内容展示 -->