著录界面拖拽排序排版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">
+        <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,6 +50,7 @@
               />
             </el-form-item>
           </el-col>
+        </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">
@@ -66,7 +67,6 @@
           </el-form-item>
         </el-col>
       </el-row>
-      </draggable>
     </el-form>
 
     <!-- 弹框形式的内容展示 -->