商品编辑增加视频封面

releaselog.md

@@ -1,4 +1,8 @@
 
+# 0.3.23 (20.12.7 18:00)  
+### 商品编辑增加视频封面
+
+
 # 0.3.2 (20.12.4 11:00)  0.3.21  0.3.22
 ### 修改bug
 

src/pages/manage/add-good-form.vue

@@ -361,6 +361,19 @@
                     ></easy-upload>
                 </div>
             </section>
+            <section class="form-img-item">
+                <div class="tit">
+                    <span class="required hide">*</span>视频封面
+                </div>
+                <div class="list">
+                    <easy-upload
+                        :types="'image'"
+                        :value="videoConver"
+                        :uploadCount="1"
+                        @change="videoConverChange"
+                    ></easy-upload>
+                </div>
+            </section>
             <section class="form-img-item">
                 <div class="tit">
                     <span class="required hide">*</span>视频<span class="gray-text">(视频文件最大不超过100M)</span>
@@ -569,9 +582,11 @@ export default {
 
                 images: [], // 主图
                 detailImages: [], // 详情图
-                video:''
+                video:'',
+                videoConver:'',
             },
             mainImage: [],
+            videoConver:[],
             video:[],
 
             // 规格
@@ -844,6 +859,10 @@ export default {
         minImgChange(e) {
             this.baseInfo.mainImage = e[0] || "";
         },
+        // 视频图
+        videoConverChange(e) {
+            this.productForm.videoConver = e[0] || "";
+        },
         // 视频
         videoChange(e) {
             this.productForm.video = e[0] || "";

src/pages/manage/edit-good-form.vue

@@ -364,7 +364,22 @@
                 </div>
             </section>
             <section class="form-img-item">
-                    <span class="required hide">*</span>视频<span class="gray-text">(视频文件最大不超过100M)</span>
+                <div class="tit">
+                    <span class="required hide">*</span>视频封面
+                </div>
+                <div class="list">
+                    <easy-upload
+                        :types="'image'"
+                        :value="videoConver"
+                        :uploadCount="1"
+                        @change="videoConverChange"
+                    ></easy-upload>
+                </div>
+            </section>
+            <section class="form-img-item">
+                <span class="required hide">*</span>视频<span class="gray-text"
+                    >(视频文件最大不超过100M)</span
+                >
                 <div class="list">
                     <easy-upload
                         :types="'video'"
@@ -568,9 +583,11 @@ export default {
                 images: [], // 封面图
                 detailImages: [], // 详情图
                 video: "",
+                videoConver: "",
             },
 
             mainImage: [],
+            videoConver: [],
             video: [],
 
             // 规格
@@ -660,8 +677,12 @@ export default {
                 this.baseInfo.supplyPrice = this.baseInfo.supplyPrice / 100;
                 this.baseInfo.cost = this.baseInfo.cost / 100;
                 this.baseInfo.tagPrice = this.baseInfo.tagPrice / 100;
-
-                this.mainImage = [this.baseInfo.mainImage];
+                if (this.baseInfo.mainImage) {
+                    this.mainImage = [this.baseInfo.mainImage];
+                }
+                if (this.oldData.videoConver) {
+                    this.videoConver = [this.oldData.videoConver];
+                }
                 if (this.oldData.video) {
                     this.video = [this.oldData.video];
                     this.productForm.video = this.oldData.video;
@@ -890,6 +911,11 @@ export default {
             } else {
                 this.mainImage = [];
             }
+            if (data.productForm.videoConver) {
+                this.videoConver = [data.productForm.videoConver];
+            } else {
+                this.productForm = [];
+            }
             if (data.video) {
                 this.video = [data.video];
                 this.productForm.video = data.video;
@@ -974,6 +1000,10 @@ export default {
         minImgChange(e) {
             this.baseInfo.mainImage = e[0] || "";
         },
+        // 视频图
+        videoConverChange(e) {
+            this.productForm.videoConver = e[0] || "";
+        },
         // 视频
         videoChange(e) {
             this.productForm.video = e[0] || "";
@@ -1218,20 +1248,22 @@ export default {
                 );
             }
             this.submitLoading = true;
-            this.api.post("/product/SaveEdit", sendData,{pass:true}).then((res) => {
-                this.submitLoading = false;
-                if (res.success) {
-                    if (type === "next") {
+            this.api
+                .post("/product/SaveEdit", sendData, { pass: true })
+                .then((res) => {
+                    this.submitLoading = false;
+                    if (res.success) {
+                        if (type === "next") {
+                        } else {
+                            this.router.back();
+                        }
                     } else {
-                        this.router.back();
+                        this.fn.showModal({
+                            content: res.message,
+                            showCancel: false,
+                        });
                     }
-                } else {
-                    this.fn.showModal({
-                        content: res.message,
-                        showCancel: false,
-                    });
-                }
-            });
+                });
         },
 
         // 规格点击
@@ -1651,7 +1683,7 @@ button::before {
 .sepc-card {
     padding-bottom: px(30);
 }
-.gray-text{
+.gray-text {
     color: #999;
     display: inline-block;
     margin-left: px(10);

src/pages/manage/index.vue

@@ -55,7 +55,7 @@
 
         <button class="btn" @click="layout">退出登录</button>
 
-        <div class="ver">0.3.22</div>
+        <div class="ver">0.3.23</div>
     </div>
 </template>