积分商城

project/pidu/app/AppGoods/components/Add.vue

@@ -11,24 +11,23 @@
             <el-form-item label="商品名称" prop="merchandiseName" :rules="[{required: true, message: '请输入商品名称', trigger: 'blur'}]">
               <el-input type="input" v-model="form.merchandiseName" clearable placeholder="请输入商品名称" maxlength="30" show-word-limit></el-input>
             </el-form-item>
-            <el-form-item label="商品图片" prop="imageUrl">
+            <el-form-item label="商品图片" prop="imageUrl" :rules="[{required: true, message: '请选择商品图片', trigger: 'change'}]">
               <ai-uploader
                 :instance="instance"
                 isShowTip
                 v-model="form.imageUrl"
-                :limit="9"
-                is-crop>
+                :limit="1">
                 <template slot="tips">
                   <p>最多上传1张图片,单个文件最大10MB，支持jpg、jpeg、png格式</p>
-                  <p>图片比例：1.6：1</p>
+                  <p>建议尺寸：800*800</p>
                 </template>
               </ai-uploader>
             </el-form-item>
             <el-form-item label="商品单价" prop="merchandiseIntegral" :rules="[{required: true, message: '请输入商品单价', trigger: 'blur'}]">
-              <el-input-number type="input" v-model="form.merchandiseIntegral" clearable placeholder="请输入商品单价" :min="0"></el-input-number>
+              <el-input-number type="input" v-model="form.merchandiseIntegral" clearable placeholder="请输入商品单价" :min="1"></el-input-number>
             </el-form-item>
             <el-form-item label="商品库存" prop="merchandiseNumber" :rules="[{required: true, message: '请输入商品库存', trigger: 'blur'}]">
-              <el-input-number type="input" v-model="form.merchandiseNumber" clearable placeholder="请输入商品库存" :min="0"></el-input-number>
+              <el-input-number type="input" v-model="form.merchandiseNumber" clearable placeholder="请输入商品库存" :min="1"></el-input-number>
             </el-form-item>
             <el-form-item label="可见范围" prop="visibleRange" :rules="[{required: true, message: '请输入商品名称', trigger: 'blur'}]">
               <el-radio-group v-model="form.visibleRange">
@@ -50,7 +49,7 @@
                 <div class="AppAnnounceDetail-select">
                   <el-input size="small" class="AppAnnounceDetail-select__input" placeholder="请选择..." disabled v-model="form.wxGroupsName"></el-input>
                   <div class="select-left" v-if="form.rangeList.length">
-                    <span v-for="(item, index) in form.girdList" :key="index" v-if="index < 9">{{ item }}</span>
+                    <span v-for="(item, index) in form.girdList" :key="index" v-if="index < 9">{{ item.girdName }}</span>
                     <em v-if="form.girdList.length > 9">等{{ form.girdList.length }}个</em>
                   </div>
                   <i v-if="!form.rangeList.length">请选择</i>
@@ -70,15 +69,13 @@
 </template>
 
 <script>
-  import { mapState } from 'vuex'
   export default {
     name: 'Add',
 
     props: {
       instance: Function,
       dict: Object,
-      params: Object,
-      menuName: String
+      params: Object
     },
 
     data () {
@@ -89,9 +86,7 @@
           merchandiseIntegral: '',
           merchandiseNumber: '',
           wxGroupsName: '',
-          createUnitName: '',
           rangeList: [],
-          createUserName: '',
           visibleRange: '',
           imageUrl: []
         },
@@ -104,14 +99,7 @@
       }
     },
 
-    computed: {
-      ...mapState(['user']),
-      pageTitle: v => `${!!v.params.id ? '编辑' : '添加'}${v.menuName}`
-    },
-
     created () {
-      this.form.areaId = this.user.info.areaId
-      this.disabledLevel = this.user.info.areaList.length
       if (this.params && this.params.id) {
         this.id = this.params.id
         this.getInfo(this.params.id)
@@ -129,7 +117,7 @@
       },
 
       onPick (e) {
-        this.form.girdList = e.map(v => v.girdName)
+        this.form.girdList = e
       },
 
       onSelcetChange (e) {
@@ -144,13 +132,15 @@
       confirm () {
         this.$refs.form.validate((valid) => {
           if (valid) {
-            this.instance.post(`/app/appcountrysidetourism/addOrUpdate`, {
+            this.instance.post(`/app/appintegralmerchandise/addOrUpdate`, {
               ...this.form,
-              type: 5,
-              createUserName: this.user.info.name,
-              thumbUrl: this.form.thumbUrl.length ? JSON.stringify([{
-                url: this.form.thumbUrl[0].url
-              }]) : ''
+              imageUrl: this.form.imageUrl[0].url,
+              rangeList: this.form.girdList.length ? this.form.girdList.map(v => {
+                return {
+                  rangeId: v.id,
+                  rangeName: v.girdName
+                }
+              }): []
             }).then(res => {
               if (res.code == 0) {
                 this.$message.success('提交成功')