update: 玩法配置

src/views/game/cmh/form.vue

@@ -34,7 +34,8 @@
         </dm-steps>
         <div class="formContent">
           <baseConfig :templateArr="templateData" v-show="active == 0" @change="handleBaseConfigChange" @nextStep="data => nextStep(1, data)" />
-          <prizeConfig v-show="active == 1" @nextStep="data => nextStep(2, data)" />
+          <prizeConfig :prizeMax="prizeMax" :prizeMin="prizeMin" v-show="active == 1" @nextStep="data => nextStep(2, data)" />
+          <ruleConfig v-show="active == 2" />
         </div>
       </div>
     </div>
@@ -46,6 +47,7 @@ import steps from '@/views/game/dm-steps/steps';
 import step from '@/views/game/dm-step/step';
 import baseConfig from './base-config.vue';
 import prizeConfig from './prize-config.vue';
+import ruleConfig from './rule-config.vue';
 import { getGameTemplateByType } from '@/service/api/gameApi.js';
 import gameTemplate from './gameTemplate';
 export default {
@@ -76,7 +78,8 @@ export default {
     'dm-step': step,
     baseConfig,
     gameTemplate,
-    prizeConfig
+    prizeConfig,
+    ruleConfig
   },
   mounted() {
     this.getGameTemplateByType();

src/views/game/cmh/prize-config.vue

@@ -7,7 +7,7 @@
       </el-input>
     </el-form-item>
 
-    <el-table :data="prizeForm.tableData" style="width:100%" row-key="sort" ref="sortTable" row-class-name="table-row">
+    <el-table class="mb10" :data="prizeForm.tableData" style="width:100%" row-key="sort" ref="sortTable" row-class-name="table-row">
       <el-table-column width="40" label-class-name="tag-head">
         <template>
           <el-tooltip placement="top" content="拖动排序" trigger="hover" effect="dark" popper-class="drag-tooltip">
@@ -18,7 +18,7 @@
       <el-table-column min-width="136px" prop="prizeType">
         <template slot="header"> <span class="needCell">奖品类型</span> </template>
         <template slot-scope="{ row, $index }">
-          <el-form-item label-width="0">
+          <el-form-item :prop="'tableData.' + $index + '.' + 'prizeType'" :rules="rules.prizeType" label-width="0">
             <el-select v-model="row.prizeType" @change="val => handleTypeChange(val, $index)">
               <el-option v-for="(v, i) in prizeTypeOptions" :key="i" :label="v.label" :value="v.value"></el-option>
             </el-select>
@@ -126,7 +126,7 @@
       </el-table-column>
     </el-table>
 
-    <el-button @click="addPrize" class="mt16 mb10" size="small" style="border-style: dashed;"><i class="iconfont icon-Plus" /> 添加奖项</el-button>
+    <el-button @click="addPrize" class="mb10" size="small" style="border-style: dashed;" v-show="this.prizeForm.tableData.length < prizeMax"> <i class="iconfont icon-Plus" /> 添加奖项({{ this.prizeForm.tableData.length }}/{{ prizeMax }}) </el-button>
     <el-form-item label="库存提醒" prop="winChance">
       <el-switch v-model="prizeForm.prizeNoticeFlag" :active-value="1" :inactive-value="0" />
     </el-form-item>
@@ -142,7 +142,7 @@
     <dm-form-bottom class="footer">
       <el-button type="primary" @click="submit">保存并下一步</el-button>
     </dm-form-bottom>
-    <libCard :show.sync="show" @sendItem="sendItem" />
+    <libCard :show.sync="show" @sendItem="sendItem" :cardLimitType="-1" :cardLimit="1" />
   </el-form>
 </template>
 
@@ -156,10 +156,11 @@ export default {
     return {
       rules: {
         winChance: { type: 'number', required: true, message: '请输入不超过100的数字', max: 100, min: 0 },
-        prizeNumber: { type: 'number', required: true, message: '请输入不超过1000000的数字', max: 1000000, min: 0 },
+        prizeNumber: { type: 'number', required: true, message: '请输入不超过1000000的数字', max: 1000000, min: 1 },
         optNum: { type: 'number', required: true, message: '请输入不超过1000000的数字', max: 1000000, min: 0 },
         prizeNoticeStock: { type: 'number', message: '请输入不超过1000000的数字', max: 1000000, min: 0 },
-        prizeName: { type: 'string', required: true, message: '请输入奖品名称' }
+        prizeName: { type: 'string', required: true, message: '请输入奖品名称' },
+        prizeType: { required: true, message: '请选择奖品类型' }
       },
       imgeType: {
         // 0 抵金券1 折扣券2 兑换券3：积分
@@ -196,6 +197,10 @@ export default {
       index: 0
     };
   },
+  props: {
+    prizeMax: 0,
+    prizeMin: 0
+  },
   components: {
     dmUploadAvatar,
     libCard

src/views/sign/components/lib-card.vue

@@ -72,10 +72,17 @@ export default {
     cardLimitType: {
       type: Number,
       default: 3
+    },
+    cardLimit: {
+      type: Number,
+      default: 0
     }
   },
   computed: {
     limitTips() {
+      if (this.cardLimit == 1) {
+        return '该选择器可筛选所有限制领取张数>1的卡券，共';
+      }
       if (this.cardLimitType === 2) {
         return '领取限制领取1~100的卡券，系统已过滤，符合条件共';
       } else if (this.cardLimitType === 3) {
@@ -102,8 +109,9 @@ export default {
         pageSize: 5,
         cardTypes: '', // 0：抵金券，1：折扣券，2：兑换券
         requestProject: 'gic-web',
-        cardLimitType: 3,
-        cardType: ''
+        cardLimitType: this.cardLimitType,
+        cardType: '',
+        cardLimit: this.cardLimit
       },
       total: 0,
       tableList: [],