商户评分

src/common/enum/store/page/wxAppStyle/constants.js

@@ -1,11 +1,23 @@
 const pageStyle = [
-  { name: '风格一', key: 1, value: 1 },
-  { name: '风格二', key: 2, value: 2 },
-  { name: '风格三', key: 3, value: 3 },
-  { name: '风格四', key: 4, value: 4 },
-  { name: '风格五', key: 5, value: 5 }
+  { name: '风格一', key: '1', value: '1' },
+  { name: '风格二', key: '2', value: '2' },
+  { name: '风格三', key: '3', value: '3' },
+  { name: '风格四', key: '4', value: '4' },
+  { name: '风格五', key: '5', value: '5' }
+]
+
+const imageList = [
+  { name: '首页' },
+  { name: '领券中心' },
+  { name: '秒杀专区' },
+  { name: '排行榜' },
+  { name: '新品首发' },
+  { name: '新人首单礼' },
+  { name: '邀请有礼' },
+  { name: '预售专区' }
 ]
 
 export default {
-  pageStyle
+  pageStyle,
+  imageList
 }

src/views/client/wxapp/Style.vue

@@ -6,30 +6,13 @@
         <!-- 模板预览 -->
         <div class="preview fl-l">
           <a-carousel autoplay>
-            <div>
-              <img
-                v-if="form.getFieldValue('style')"
-                :src="`static/img/category/${form.getFieldValue('style')}.png`"
-              />
-            </div>
-            <div>
-              <img
-                v-if="form.getFieldValue('style')"
-                :src="`static/img/category/${form.getFieldValue('style')}.png`"
-              />
-            </div>
-            <div>
-              <img
-                v-if="form.getFieldValue('style')"
-                :src="`static/img/category/${form.getFieldValue('style')}.png`"
-              />
-            </div>
-            <div>
-              <img
-                v-if="form.getFieldValue('style')"
-                :src="`static/img/category/${form.getFieldValue('style')}.png`"
-              />
-            </div>
+            <template v-if="form.getFieldValue('style')">
+              <div v-for="(item, index) in imageList" :key="index">
+                <img
+                  :src="`static/style/${form.getFieldValue('style')}/${item.name}${form.getFieldValue('style')}.png`"
+                />
+              </div>
+            </template>
           </a-carousel>
         </div>
         <!-- 表单内容 -->
@@ -59,7 +42,6 @@
 <script>
 import pick from 'lodash.pick'
 import * as Api from '@/api/client/wxapp/setting'
-import { SettingEnum } from '@/common/enum/store'
 import constants from '@/common/enum/store/page/wxAppStyle/constants'
 
 export default {
@@ -77,7 +59,8 @@ export default {
       form: this.$form.createForm(this),
       // 当前记录详情
       record: {},
-      pageStyle: constants.pageStyle
+      pageStyle: constants.pageStyle,
+      imageList: constants.imageList
     }
   },
   // 初始化数据
@@ -92,8 +75,9 @@ export default {
       this.isLoading = true
       Api.getPageStyle()
         .then(result => {
+          console.log(result)
           // 当前记录
-          this.record = result.data.detail || ''
+          this.record.style = result.data.detail.style || ''
           // 设置默认值
           this.setFieldsValue()
         })
@@ -152,9 +136,12 @@ export default {
 
   .preview {
     width: 300px;
+    height: 600px;
+    overflow: hidden;
     img {
       display: block;
       width: 100%;
+      height: 100%;
       box-shadow: 0 3px 10px #dcdcdc;
     }
   }

src/views/shop/modules/Add.vue

@@ -34,6 +34,24 @@
             v-decorator="['license_img_id', { rules: [{ required: true, message: '请上传营业执照' }]}]"
           />
         </a-form-item>
+        <a-form-item
+          label="店铺评分"
+          :labelCol="labelCol"
+          :wrapperCol="wrapperCol"
+        >
+          <a-select
+            style="width: 300px"
+            v-decorator="['score', { rules: [{ required: true, message: '请选择评分' }] }]"
+            placeholder="请选择评分"
+          >
+            <a-select-option
+              v-for="(item, index) in 5"
+              :key="index"
+              :value="item"
+            >{{ item }}</a-select-option
+            >
+          </a-select>
+        </a-form-item>
         <a-form-item
           label="绑定账号"
           :labelCol="labelCol"

src/views/shop/modules/Edit.vue

@@ -34,9 +34,27 @@
           <SelectImage
             multiple
             :defaultList="info.licenseImg ? info.licenseImg : []"
-            v-decorator="['license_img_id']"
+            v-decorator="['license_img_id', { rules: [{ required: true, message: '请上传营业执照' }]}]"
           />
         </a-form-item>
+        <a-form-item
+          label="店铺评分"
+          :labelCol="labelCol"
+          :wrapperCol="wrapperCol"
+        >
+          <a-select
+            style="width: 300px"
+            v-decorator="['score', { rules: [{ required: true, message: '请选择评分' }] }]"
+            placeholder="请选择评分"
+          >
+            <a-select-option
+              v-for="(item, index) in 5"
+              :key="index"
+              :value="item"
+            >{{ item }}</a-select-option
+            >
+          </a-select>
+        </a-form-item>
         <a-form-item
           label="绑定账号"
           :labelCol="labelCol"
@@ -127,6 +145,7 @@ export default {
             'shop_name',
             'shop_label',
             'logo_image_id',
+            'score',
             'user_name'
           ])
         )