yshop1.8发布,新增素材管理等,详细查看readme或登录网站后台查看

src/views/activity/combination/form.vue

@@ -29,10 +29,10 @@
         </template>
       </el-form-item>
       <el-form-item label="产品主图片">
-        <pic-upload v-model="form.image" style="width: 500px;" />
+        <MaterialList v-model="form.imageArr" style="width: 500px" type="image" :num=1 :width=150 :height=150></MaterialList>
       </el-form-item>
       <el-form-item label="产品轮播图">
-        <mulpic-upload v-model="form.images" style="width: 500px;" />
+        <MaterialList v-model="form.sliderImageArr" style="width: 500px" type="image" :num=4 :width=150 :height=150></MaterialList>
       </el-form-item>
       <el-form-item label="拼团时效(单位小时)">
         <el-input v-model="form.effectiveTime" style="width: 500px;" />
@@ -83,8 +83,9 @@ import { add, edit } from '@/api/yxStoreCombination'
 import editor from '../../components/Editor'
 import picUpload from '@/components/pic-upload'
 import mulpicUpload from '@/components/mul-pic-upload'
+import MaterialList from '@/components/material'
 export default {
-  components: { editor, picUpload, mulpicUpload },
+  components: { editor, picUpload, mulpicUpload, MaterialList },
   props: {
     isAdd: {
       type: Boolean,
@@ -100,6 +101,8 @@ export default {
         merId: '',
         image: '',
         images: '',
+        imageArr: [],
+        sliderImageArr: [],
         title: '',
         attr: '',
         people: '',
@@ -131,6 +134,18 @@ export default {
       }
     }
   },
+  watch:{
+    'form.imageArr': function(val) {
+      if(val){
+        this.form.image = val.join(",");
+      }
+    },
+    'form.sliderImageArr': function(val) {
+      if(val){
+        this.form.sliderImage = val.join(",");
+      }
+    }
+  },
   methods: {
     cancel() {
       this.resetForm()
@@ -180,6 +195,8 @@ export default {
         merId: '',
         image: '',
         images: '',
+        imageArr: [],
+        sliderImageArr: [],
         title: '',
         attr: '',
         people: 0,