update: 验收问题修复

src/components/addGiftCate.vue

@@ -83,8 +83,9 @@ export default {
 }
 .slot-num {
   position: absolute;
-  top: 0;
+  bottom: 0;
   right: 8px;
   font-size: 13px;
+  color: #c0c4cc;
 }
 </style>

src/views/goods/gift/info.vue

@@ -26,20 +26,22 @@
             </el-form-item>
             <el-form-item label="礼品主图" required>
               <div class="upload-list-box">
-                <div style="display: inline-block;vertical-align: top;margin-right:5px;height:104px;">
-                  <div v-for="(item, index) in giftForm.images" :key="index" class="img-box">
-                    <img width="100%" :src="item.imageUrl" alt />
-                    <i class="el-icon-arrow-left" @click="moveLeft(index)" v-show="index !== 0"></i>
-                    <i class="el-icon-arrow-right" @click="moveRight(index)" v-show="index + 1 !== giftForm.images.length"></i>
-                    <i class="el-icon-delete" @click="deteletDialogImageUrl(index)"></i>
-                    <i class="el-icon-zoom-in" @click="enlargeDialogImageUrl(index)"></i>
-                    <div class="dialog-img"></div>
-                  </div>
+                <div class="drag-box-wrap">
+                  <draggable :list="giftForm.images" class="list-group" ghost-class="ghost" @start="dragging = true" @end="dragging = false">
+                    <div v-for="(item, index) in giftForm.images" :key="index" class="img-box">
+                      <img width="100%" :src="item.imageUrl" alt />
+                      <!-- <i class="el-icon-arrow-left" @click="moveLeft(index)" v-show="index !== 0"></i>
+                      <i class="el-icon-arrow-right" @click="moveRight(index)" v-show="index + 1 !== giftForm.images.length"></i> -->
+                      <i class="el-icon-delete" @click="deteletDialogImageUrl(index)"></i>
+                      <i class="el-icon-zoom-in" @click="enlargeDialogImageUrl(index)"></i>
+                      <div class="dialog-img"></div>
+                    </div>
+                  </draggable>
                   <el-upload multiple :action="uploadAction" :headers="headersUpload" list-type="picture-card" :on-preview="handlePictureCardPreview" :before-upload="beforeUpload" :on-success="uploadSuccess" with-credentials :show-file-list="false" v-show="uploadStatus" style="display: inline-block;vertical-align: top;">
                     <i class="el-icon-plus"></i>
                   </el-upload>
                 </div>
-                <p style="font-size: 12px; color: rgb(144, 147, 153);line-height:18px;margin-top:10px;">图片宽度≥700px，≤1500px，图片宽高比1:1，单张图片大小不超过 2 MB，至少上传1张，最多可上传 5 张。</p>
+                <p style="font-size: 12px; color: rgb(144, 147, 153);line-height:18px;margin-top:10px;">图片建议尺寸 800*800px，格式 jpg/png/gif，大小 1M 以内，你可以拖拽图片调整顺序，最多上传 5 张。</p>
                 <el-dialog :visible.sync="dialogVisibleImg">
                   <img width="100%" :src="dialogEnlargeImageUrl" alt />
                 </el-dialog>
@@ -414,6 +416,7 @@ import addSku from './addSku';
 import Treeselect from '@riophae/vue-treeselect';
 import '@riophae/vue-treeselect/dist/vue-treeselect.css';
 import pickUpStore from '../../../components/store/store';
+import draggable from 'vuedraggable';
 export default {
   data() {
     const validateTime = (rule, value, callback) => {
@@ -605,7 +608,8 @@ export default {
       isEdit: false,
       isCorrect: true, // 校验阶梯价的验证是否可以保存阶梯价
       enterpriseId: '', // 商户id
-      specialOrder: false // 是否定制
+      specialOrder: false, // 是否定制
+      dragging: false
     };
   },
   // watch: {
@@ -1515,8 +1519,8 @@ export default {
         this.$message.warning('最多上传5张商品主图');
         return false;
       }
-      if (file.size > 2 * 1024 * 1024) {
-        this.$message.error('请上传小于2MB的图片');
+      if (file.size > 1024 * 1024) {
+        this.$message.error('请上传小于1MB的图片');
         return false;
       }
       /*eslint-disable*/
@@ -2305,7 +2309,8 @@ export default {
     tinymceEdit,
     addSku,
     importCoupon,
-    pickUpStore
+    pickUpStore,
+    draggable
   }
 };
 </script>
@@ -2384,6 +2389,10 @@ export default {
   color: #fff;
   z-index: 2;
 }
+.drag-box-wrap{
+  display: flex;
+  text-align: center;
+}
 .el-icon-zoom-in {
   position: absolute;
   left: 30px;