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

src/views/shop/userlevel/form.vue

@@ -18,10 +18,10 @@
         <el-input v-model="form.discount" style="width: 370px;" />
       </el-form-item>
       <el-form-item label="会员背景">
-        <pic-upload v-model="form.image" />
+        <MaterialList v-model="form.imageArr" style="width: 300px" type="image" :num=1 :width=150 :height=150></MaterialList>
       </el-form-item>
       <el-form-item label="会员图标">
-        <pic-upload v-model="form.icon" />
+        <MaterialList v-model="form.iconArr" style="width: 300px" type="image" :num=1 :width=150 :height=150></MaterialList>
       </el-form-item>
       <el-form-item label="是否显示">
         <el-radio v-model="form.isShow" :label="1">是</el-radio>
@@ -41,8 +41,9 @@
 <script>
 import { add, edit } from '@/api/yxSystemUserLevel'
 import picUpload from '@/components/pic-upload'
+import MaterialList from '@/components/material'
 export default {
-  components: { picUpload },
+  components: { picUpload, MaterialList },
   props: {
     isAdd: {
       type: Boolean,
@@ -58,13 +59,15 @@ export default {
         name: '',
         money: '',
         validDate: '',
-        isForever: '',
+        isForever: 1,
         isPay: '',
-        isShow: '',
+        isShow: 1,
         grade: '',
         discount: '',
         image: '',
         icon: '',
+        imageArr: [],
+        iconArr: [],
         explain: '',
         addTime: '',
         isDel: ''
@@ -73,6 +76,18 @@ export default {
       }
     }
   },
+  watch:{
+    'form.imageArr': function(val) {
+      if(val){
+        this.form.image = val.join(",");
+      }
+    },
+    'form.iconArr': function(val) {
+      if(val){
+        this.form.icon = val.join(",");
+      }
+    }
+  },
   methods: {
     cancel() {
       this.resetForm()
@@ -131,6 +146,8 @@ export default {
         icon: '',
         explain: '',
         addTime: '',
+        imageArr: [],
+        iconArr: [],
         isDel: ''
       }
     }

src/views/shop/userlevel/index.vue

@@ -135,6 +135,8 @@ export default {
         discount: data.discount,
         image: data.image,
         icon: data.icon,
+        imageArr: data.image ? data.image.split(',') : [],
+        iconArr: data.icon ? data.icon.split(',') : [],
         explain: data.explain,
         addTime: data.addTime,
         isDel: data.isDel