|
@@ -3,14 +3,28 @@
|
|
<!-- 奖品类型 -->
|
|
<!-- 奖品类型 -->
|
|
<v-select
|
|
<v-select
|
|
ref="jpType"
|
|
ref="jpType"
|
|
- code="RUBBISH_TYPE"
|
|
|
|
|
|
+ code="LUCKY_DRAW_PRIZE_TYPE"
|
|
|
|
+ v-show="false"
|
|
|
|
+ >
|
|
|
|
+ </v-select>
|
|
|
|
+ <!-- 中奖限制 -->
|
|
|
|
+ <v-select
|
|
|
|
+ ref="zjXzType"
|
|
|
|
+ code="LUCKY_DRAW_WIN_LIMIT_RULE"
|
|
|
|
+ v-show="false"
|
|
|
|
+ >
|
|
|
|
+ </v-select>
|
|
|
|
+ <!-- 赠送规则 -->
|
|
|
|
+ <v-select
|
|
|
|
+ ref="zsGzType"
|
|
|
|
+ code="LUCKY_DRAW_GIVE_TIMES_RULE"
|
|
v-show="false"
|
|
v-show="false"
|
|
>
|
|
>
|
|
</v-select>
|
|
</v-select>
|
|
|
|
|
|
<a-modal
|
|
<a-modal
|
|
v-model="isShow"
|
|
v-model="isShow"
|
|
- @cancle="isShow = false"
|
|
|
|
|
|
+ @cancle="cansel"
|
|
:footer="null"
|
|
:footer="null"
|
|
width="80%"
|
|
width="80%"
|
|
:centered="true"
|
|
:centered="true"
|
|
@@ -27,8 +41,8 @@
|
|
<h3 class="form-titles">基础设置</h3>
|
|
<h3 class="form-titles">基础设置</h3>
|
|
<a-row :gutter="48">
|
|
<a-row :gutter="48">
|
|
<a-col :span="6">
|
|
<a-col :span="6">
|
|
- <a-form-model-item ref="name" label="活动名称" prop="name">
|
|
|
|
- <a-input id="addLottery-time" v-model="form.name" allowClear :maxLength="15" placeholder="15个字以内"/>
|
|
|
|
|
|
+ <a-form-model-item ref="activeName" label="活动名称" prop="activeName">
|
|
|
|
+ <a-input id="addLottery-time" v-model="form.activeName" allowClear :maxLength="15" placeholder="15个字以内"/>
|
|
</a-form-model-item>
|
|
</a-form-model-item>
|
|
</a-col>
|
|
</a-col>
|
|
<a-col :span="6">
|
|
<a-col :span="6">
|
|
@@ -37,19 +51,19 @@
|
|
id="addLottery-time"
|
|
id="addLottery-time"
|
|
v-model="form.time"
|
|
v-model="form.time"
|
|
allowClear
|
|
allowClear
|
|
- format="YYYY-MM-DD"
|
|
|
|
|
|
+ format="YYYY-MM-DD hh:mm:ss"
|
|
:placeholder="['开始时间','结束时间']"
|
|
:placeholder="['开始时间','结束时间']"
|
|
/>
|
|
/>
|
|
</a-form-model-item>
|
|
</a-form-model-item>
|
|
</a-col>
|
|
</a-col>
|
|
<a-col :span="6">
|
|
<a-col :span="6">
|
|
<a-form-model-item
|
|
<a-form-model-item
|
|
- ref="cjRc"
|
|
|
|
|
|
+ ref="peopleLimitCount"
|
|
label="抽奖人次"
|
|
label="抽奖人次"
|
|
- prop="cjRc"
|
|
|
|
- :required="!form.bxCjRc"
|
|
|
|
|
|
+ prop="peopleLimitCount"
|
|
|
|
+ :required="!form.isPeopleLimit"
|
|
:rules="{
|
|
:rules="{
|
|
- required: !form.bxCjRc,
|
|
|
|
|
|
+ required: !form.isPeopleLimit,
|
|
message: '请输入抽奖人次',
|
|
message: '请输入抽奖人次',
|
|
trigger: ['blur','change'],
|
|
trigger: ['blur','change'],
|
|
}"
|
|
}"
|
|
@@ -57,25 +71,25 @@
|
|
<a-input-number
|
|
<a-input-number
|
|
id="addLottery-cjRc"
|
|
id="addLottery-cjRc"
|
|
style="width: 50%;margin-right: 20px;"
|
|
style="width: 50%;margin-right: 20px;"
|
|
- v-model="form.cjRc"
|
|
|
|
- :disabled="form.bxCjRc"
|
|
|
|
|
|
+ v-model="form.peopleLimitCount"
|
|
|
|
+ :disabled="form.isPeopleLimit==1"
|
|
:min="0"
|
|
:min="0"
|
|
:max="999999"
|
|
:max="999999"
|
|
:precision="0"
|
|
:precision="0"
|
|
placeholder="请输入抽奖人次(0~999999)"
|
|
placeholder="请输入抽奖人次(0~999999)"
|
|
allowClear />
|
|
allowClear />
|
|
- <a-checkbox @change="bxCjRcChange" v-model="form.bxCjRc">
|
|
|
|
|
|
+ <a-checkbox @change="bxCjRcChange" v-model="form.isPeopleLimit">
|
|
不限
|
|
不限
|
|
</a-checkbox>
|
|
</a-checkbox>
|
|
</a-form-model-item>
|
|
</a-form-model-item>
|
|
</a-col>
|
|
</a-col>
|
|
<a-col :span="6">
|
|
<a-col :span="6">
|
|
- <a-form-model-item ref="price" label="付费抽奖规则" prop="price">
|
|
|
|
|
|
+ <a-form-model-item ref="purchaseTimesGold" label="付费抽奖规则" prop="purchaseTimesGold">
|
|
每次抽奖需要支付
|
|
每次抽奖需要支付
|
|
<a-input-number
|
|
<a-input-number
|
|
id="addLottery-cjgz"
|
|
id="addLottery-cjgz"
|
|
style="width: 30%;margin-right: 5px;"
|
|
style="width: 30%;margin-right: 5px;"
|
|
- v-model="form.price"
|
|
|
|
|
|
+ v-model="form.purchaseTimesGold"
|
|
:min="0"
|
|
:min="0"
|
|
:max="999999"
|
|
:max="999999"
|
|
:precision="0"
|
|
:precision="0"
|
|
@@ -88,30 +102,27 @@
|
|
|
|
|
|
<a-row :gutter="48">
|
|
<a-row :gutter="48">
|
|
<a-col :span="8">
|
|
<a-col :span="8">
|
|
- <a-form-model-item ref="jpDesc" label="奖品说明" prop="jpDesc">
|
|
|
|
- <a-input v-model="form.jpDesc" allowClear :maxLength="100" placeholder="请输入奖品说明,100字以内" type="textarea" />
|
|
|
|
|
|
+ <a-form-model-item ref="prizeDesc" label="奖品说明" prop="prizeDesc">
|
|
|
|
+ <a-input v-model="form.prizeDesc" allowClear :maxLength="100" placeholder="请输入奖品说明,100字以内" type="textarea" />
|
|
</a-form-model-item>
|
|
</a-form-model-item>
|
|
</a-col>
|
|
</a-col>
|
|
<a-col :span="8">
|
|
<a-col :span="8">
|
|
- <a-form-model-item ref="jpTj" label="抽奖条件" prop="jpTj">
|
|
|
|
- <a-input v-model="form.jpTj" allowClear :maxLength="100" placeholder="请输入抽奖条件,100字以内" type="textarea" />
|
|
|
|
|
|
+ <a-form-model-item ref="activeLimitDesc" label="抽奖条件" prop="activeLimitDesc">
|
|
|
|
+ <a-input v-model="form.activeLimitDesc" allowClear :maxLength="100" placeholder="请输入抽奖条件,100字以内" type="textarea" />
|
|
</a-form-model-item>
|
|
</a-form-model-item>
|
|
</a-col>
|
|
</a-col>
|
|
<a-col :span="8">
|
|
<a-col :span="8">
|
|
- <a-form-model-item ref="cjDesc" label="抽奖说明" prop="cjDesc">
|
|
|
|
- <a-input v-model="form.cjDesc" allowClear :maxLength="100" placeholder="请输入抽奖说明,100字以内" type="textarea" />
|
|
|
|
|
|
+ <a-form-model-item ref="activeDesc" label="抽奖说明" prop="activeDesc">
|
|
|
|
+ <a-input v-model="form.activeDesc" allowClear :maxLength="100" placeholder="请输入抽奖说明,100字以内" type="textarea" />
|
|
</a-form-model-item>
|
|
</a-form-model-item>
|
|
</a-col>
|
|
</a-col>
|
|
</a-row>
|
|
</a-row>
|
|
|
|
|
|
<h3 class="form-titles">奖品设置</h3>
|
|
<h3 class="form-titles">奖品设置</h3>
|
|
<div class="form-item">
|
|
<div class="form-item">
|
|
- <a-form-model-item style="margin: 0;" ref="zpType" label="请选择转盘类型" prop="zpType">
|
|
|
|
- <a-select style="width: 300px;" @change="zpTypeChange" v-model="form.zpType" placeholder="请选择转盘类型">
|
|
|
|
- <a-select-option value="5">
|
|
|
|
- 五等分
|
|
|
|
- </a-select-option>
|
|
|
|
- <a-select-option value="6">
|
|
|
|
|
|
+ <a-form-model-item style="margin: 0;" ref="prizeClsNum" label="请选择转盘类型" prop="prizeClsNum">
|
|
|
|
+ <a-select style="width: 300px;" @change="zpTypeChange" v-model="form.prizeClsNum" placeholder="请选择转盘类型">
|
|
|
|
+ <a-select-option :key="3" :value="3">
|
|
六等分
|
|
六等分
|
|
</a-select-option>
|
|
</a-select-option>
|
|
</a-select>
|
|
</a-select>
|
|
@@ -121,9 +132,9 @@
|
|
<a-row
|
|
<a-row
|
|
type="flex"
|
|
type="flex"
|
|
align="middle"
|
|
align="middle"
|
|
- v-for="(item, index) in form.jpList"
|
|
|
|
|
|
+ v-for="(item, index) in form.luckyDrawPrizeList"
|
|
:key="index"
|
|
:key="index"
|
|
- v-if="form.jpList.length"
|
|
|
|
|
|
+ v-if="form.luckyDrawPrizeList.length"
|
|
:gutter="10"
|
|
:gutter="10"
|
|
>
|
|
>
|
|
<a-col span="1">
|
|
<a-col span="1">
|
|
@@ -137,7 +148,7 @@
|
|
:required="true"
|
|
:required="true"
|
|
:label-col=" { span: 0 }"
|
|
:label-col=" { span: 0 }"
|
|
:wrapper-col=" { span: 24 }"
|
|
:wrapper-col=" { span: 24 }"
|
|
- :prop="'jpList.' + index + '.jpType'"
|
|
|
|
|
|
+ :prop="'luckyDrawPrizeList.' + index + '.prizeType'"
|
|
:rules="{
|
|
:rules="{
|
|
required: true,
|
|
required: true,
|
|
message: '请选择奖品类型',
|
|
message: '请选择奖品类型',
|
|
@@ -145,9 +156,12 @@
|
|
}"
|
|
}"
|
|
>
|
|
>
|
|
<a-select
|
|
<a-select
|
|
- :id="'jpList-jpType'+index"
|
|
|
|
|
|
+ :id="'jpList-prizeType'+index"
|
|
style="width: 100%;"
|
|
style="width: 100%;"
|
|
- v-model="item.jpType"
|
|
|
|
|
|
+ v-model="item.prizeType"
|
|
|
|
+ @change="res => {
|
|
|
|
+ item.prizeDesc = ''
|
|
|
|
+ }"
|
|
placeholder="请选择奖品类型">
|
|
placeholder="请选择奖品类型">
|
|
<a-select-option
|
|
<a-select-option
|
|
v-for="item in $refs.jpType.getOptionDatas()"
|
|
v-for="item in $refs.jpType.getOptionDatas()"
|
|
@@ -162,7 +176,7 @@
|
|
:required="true"
|
|
:required="true"
|
|
:label-col=" { span: 0 }"
|
|
:label-col=" { span: 0 }"
|
|
:wrapper-col=" { span: 24 }"
|
|
:wrapper-col=" { span: 24 }"
|
|
- :prop="'jpList.' + index + '.name'"
|
|
|
|
|
|
+ :prop="'luckyDrawPrizeList.' + index + '.prizeDesc'"
|
|
:rules="{
|
|
:rules="{
|
|
required: true,
|
|
required: true,
|
|
message: '请输入奖品名称',
|
|
message: '请输入奖品名称',
|
|
@@ -170,11 +184,23 @@
|
|
}"
|
|
}"
|
|
>
|
|
>
|
|
<a-input
|
|
<a-input
|
|
|
|
+ v-if="item.prizeType !== 'GOLD'"
|
|
:id="'jpList-name'+index"
|
|
:id="'jpList-name'+index"
|
|
style="width: 100%;"
|
|
style="width: 100%;"
|
|
- v-model="item.name"
|
|
|
|
|
|
+ v-model="item.prizeDesc"
|
|
:maxLength="10"
|
|
:maxLength="10"
|
|
placeholder="请输入奖品名称,10个字以内"/>
|
|
placeholder="请输入奖品名称,10个字以内"/>
|
|
|
|
+
|
|
|
|
+ <a-input-number
|
|
|
|
+ v-else
|
|
|
|
+ style="width: 100%;"
|
|
|
|
+ :id="'jpList-name'+index"
|
|
|
|
+ v-model="item.prizeDesc"
|
|
|
|
+ :min="0"
|
|
|
|
+ :max="999999"
|
|
|
|
+ :precision="0"
|
|
|
|
+ placeholder="请输入乐豆数量"
|
|
|
|
+ allowClear />
|
|
</a-form-model-item>
|
|
</a-form-model-item>
|
|
</a-col>
|
|
</a-col>
|
|
<a-col span="3">
|
|
<a-col span="3">
|
|
@@ -183,7 +209,7 @@
|
|
:required="true"
|
|
:required="true"
|
|
:label-col=" { span: 0 }"
|
|
:label-col=" { span: 0 }"
|
|
:wrapper-col=" { span: 24 }"
|
|
:wrapper-col=" { span: 24 }"
|
|
- :prop="'jpList.' + index + '.isZj'"
|
|
|
|
|
|
+ :prop="'luckyDrawPrizeList.' + index + '.isPrizeLimit'"
|
|
:rules="{
|
|
:rules="{
|
|
required: true,
|
|
required: true,
|
|
message: '是否中奖',
|
|
message: '是否中奖',
|
|
@@ -191,9 +217,13 @@
|
|
}"
|
|
}"
|
|
>
|
|
>
|
|
<a-select
|
|
<a-select
|
|
- :id="'jpList-isZj'+index"
|
|
|
|
|
|
+ :id="'jpList-isPrizeLimit'+index"
|
|
style="width: 100%;"
|
|
style="width: 100%;"
|
|
- v-model="item.isZj"
|
|
|
|
|
|
+ v-model="item.isPrizeLimit"
|
|
|
|
+ @change="res => {
|
|
|
|
+ item.prizeRate = ''
|
|
|
|
+ item.prizeNum = ''
|
|
|
|
+ }"
|
|
placeholder="是否中奖">
|
|
placeholder="是否中奖">
|
|
<a-select-option value="1">
|
|
<a-select-option value="1">
|
|
是
|
|
是
|
|
@@ -204,13 +234,13 @@
|
|
</a-select>
|
|
</a-select>
|
|
</a-form-model-item>
|
|
</a-form-model-item>
|
|
</a-col>
|
|
</a-col>
|
|
- <a-col span="3">
|
|
|
|
|
|
+ <a-col span="3" v-if="item.isPrizeLimit == 1">
|
|
<a-form-model-item
|
|
<a-form-model-item
|
|
:label="''"
|
|
:label="''"
|
|
:required="true"
|
|
:required="true"
|
|
:label-col=" { span: 0 }"
|
|
:label-col=" { span: 0 }"
|
|
:wrapper-col=" { span: 24 }"
|
|
:wrapper-col=" { span: 24 }"
|
|
- :prop="'jpList.' + index + '.glv'"
|
|
|
|
|
|
+ :prop="'luckyDrawPrizeList.' + index + '.prizeRate'"
|
|
:rules="{
|
|
:rules="{
|
|
required: true,
|
|
required: true,
|
|
message: '请输入中奖概率',
|
|
message: '请输入中奖概率',
|
|
@@ -219,8 +249,8 @@
|
|
>
|
|
>
|
|
<a-input-number
|
|
<a-input-number
|
|
style="width: 100%;"
|
|
style="width: 100%;"
|
|
- :id="'jpList-glv'+index"
|
|
|
|
- v-model="item.glv"
|
|
|
|
|
|
+ :id="'jpList-prizeRate'+index"
|
|
|
|
+ v-model="item.prizeRate"
|
|
:min="0"
|
|
:min="0"
|
|
:max="100"
|
|
:max="100"
|
|
:precision="2"
|
|
:precision="2"
|
|
@@ -228,13 +258,13 @@
|
|
allowClear />
|
|
allowClear />
|
|
</a-form-model-item>
|
|
</a-form-model-item>
|
|
</a-col>
|
|
</a-col>
|
|
- <a-col span="3">
|
|
|
|
|
|
+ <a-col span="3" v-if="item.isPrizeLimit == 1">
|
|
<a-form-model-item
|
|
<a-form-model-item
|
|
:label="''"
|
|
:label="''"
|
|
:required="true"
|
|
:required="true"
|
|
:label-col=" { span: 0 }"
|
|
:label-col=" { span: 0 }"
|
|
:wrapper-col=" { span: 24 }"
|
|
:wrapper-col=" { span: 24 }"
|
|
- :prop="'jpList.' + index + '.nums'"
|
|
|
|
|
|
+ :prop="'luckyDrawPrizeList.' + index + '.prizeNum'"
|
|
:rules="{
|
|
:rules="{
|
|
required: true,
|
|
required: true,
|
|
message: '请输入奖品数量',
|
|
message: '请输入奖品数量',
|
|
@@ -243,8 +273,8 @@
|
|
>
|
|
>
|
|
<a-input-number
|
|
<a-input-number
|
|
style="width: 100%;"
|
|
style="width: 100%;"
|
|
- :id="'jpList-nums'+index"
|
|
|
|
- v-model="item.nums"
|
|
|
|
|
|
+ :id="'jpList-prizeNum'+index"
|
|
|
|
+ v-model="item.prizeNum"
|
|
:min="0"
|
|
:min="0"
|
|
:max="999999"
|
|
:max="999999"
|
|
:precision="0"
|
|
:precision="0"
|
|
@@ -257,11 +287,11 @@
|
|
:label="''"
|
|
:label="''"
|
|
:label-col=" { span: 0 }"
|
|
:label-col=" { span: 0 }"
|
|
:wrapper-col=" { span: 24 }"
|
|
:wrapper-col=" { span: 24 }"
|
|
- :prop="'jpList.' + index + '.image'"
|
|
|
|
|
|
+ :prop="'luckyDrawPrizeList.' + index + '.prizeImage'"
|
|
>
|
|
>
|
|
<Upload
|
|
<Upload
|
|
- :id="'jpList-image'+index"
|
|
|
|
- v-model="item.image"
|
|
|
|
|
|
+ :id="'jpList-prizeImage'+index"
|
|
|
|
+ v-model="item.prizeImage"
|
|
:fileSize="0.25"
|
|
:fileSize="0.25"
|
|
listType="picture-card">
|
|
listType="picture-card">
|
|
</Upload>
|
|
</Upload>
|
|
@@ -269,26 +299,26 @@
|
|
</a-form-model-item>
|
|
</a-form-model-item>
|
|
</a-col>
|
|
</a-col>
|
|
</a-row>
|
|
</a-row>
|
|
- <div style="height: 1px;background-color: #eee;margin-bottom: 20px;" ></div>
|
|
|
|
- <a-row :gutter="48">
|
|
|
|
|
|
+ <div v-if="form.luckyDrawPrizeList.length" style="height: 1px;background-color: #eee;margin-bottom: 20px;" ></div>
|
|
|
|
+ <a-row :gutter="48" v-if="form.luckyDrawPrizeList.length">
|
|
<a-col :span="12">
|
|
<a-col :span="12">
|
|
<div class="form-item">
|
|
<div class="form-item">
|
|
<div style="margin-right: 10px;"><span class="red">*</span>中奖限制:</div>
|
|
<div style="margin-right: 10px;"><span class="red">*</span>中奖限制:</div>
|
|
- <a-select mode="multiple" style="width: 300px;" @change="zjxzChange" v-model="form.zjXz" placeholder="请选择中奖限制">
|
|
|
|
|
|
+ <a-select mode="multiple" style="width: 80%;" @change="zjxzChange" v-model="form.zjXz" placeholder="请选择中奖限制">
|
|
<a-select-option
|
|
<a-select-option
|
|
v-for="item in zjXz"
|
|
v-for="item in zjXz"
|
|
:key="item.code"
|
|
:key="item.code"
|
|
:value="item.code">{{ item.dispName }}</a-select-option>
|
|
:value="item.code">{{ item.dispName }}</a-select-option>
|
|
</a-select>
|
|
</a-select>
|
|
</div>
|
|
</div>
|
|
- <div class="form-item" v-for="(item,index) in form.zjXzCs" :key="index">
|
|
|
|
|
|
+ <div class="form-item" v-for="(item,index) in form.luckyDrawWinPrizeLimitList" :key="index">
|
|
<a-form-model-item
|
|
<a-form-model-item
|
|
style="margin: 0;"
|
|
style="margin: 0;"
|
|
:label="''"
|
|
:label="''"
|
|
:required="true"
|
|
:required="true"
|
|
:label-col=" { span: 0 }"
|
|
:label-col=" { span: 0 }"
|
|
:wrapper-col=" { span: 24 }"
|
|
:wrapper-col=" { span: 24 }"
|
|
- :prop="'zjXzCs.' + index + '.nums'"
|
|
|
|
|
|
+ :prop="'luckyDrawWinPrizeLimitList.' + index + '.limitTimes'"
|
|
:rules="{
|
|
:rules="{
|
|
required: true,
|
|
required: true,
|
|
message: '请输入次数',
|
|
message: '请输入次数',
|
|
@@ -296,38 +326,38 @@
|
|
}"
|
|
}"
|
|
>
|
|
>
|
|
{{ index+1 }}.
|
|
{{ index+1 }}.
|
|
- {{ item.name.split('XXX')[0] }}
|
|
|
|
|
|
+ <!-- {{ item.name.split('XXX')[0] }} -->
|
|
<a-input-number
|
|
<a-input-number
|
|
style="width: 100px;"
|
|
style="width: 100px;"
|
|
- :id="'zjXzCs-nums'+index"
|
|
|
|
- v-model="item.nums"
|
|
|
|
|
|
+ :id="'luckyDrawWinPrizeLimitList-limitTimes'+index"
|
|
|
|
+ v-model="item.limitTimes"
|
|
:min="0"
|
|
:min="0"
|
|
:max="100"
|
|
:max="100"
|
|
:precision="0"
|
|
:precision="0"
|
|
placeholder="请输入次数"
|
|
placeholder="请输入次数"
|
|
allowClear />
|
|
allowClear />
|
|
- {{ item.name.split('XXX')[1] }}
|
|
|
|
|
|
+ <!-- {{ item.name.split('XXX')[1] }} -->
|
|
</a-form-model-item>
|
|
</a-form-model-item>
|
|
</div>
|
|
</div>
|
|
</a-col>
|
|
</a-col>
|
|
<a-col :span="12">
|
|
<a-col :span="12">
|
|
<div class="form-item">
|
|
<div class="form-item">
|
|
<div style="margin-right: 10px;"><span class="red">*</span>赠送抽奖次数规则:</div>
|
|
<div style="margin-right: 10px;"><span class="red">*</span>赠送抽奖次数规则:</div>
|
|
- <a-select mode="multiple" style="width: 300px;" @change="cjGzChange" v-model="form.cjGz" placeholder="请选择">
|
|
|
|
|
|
+ <a-select mode="multiple" style="width: 70%;" @change="cjGzChange" v-model="form.cjGz" placeholder="请选择">
|
|
<a-select-option
|
|
<a-select-option
|
|
v-for="item in cjGz"
|
|
v-for="item in cjGz"
|
|
:key="item.code"
|
|
:key="item.code"
|
|
:value="item.code">{{ item.dispName }}</a-select-option>
|
|
:value="item.code">{{ item.dispName }}</a-select-option>
|
|
</a-select>
|
|
</a-select>
|
|
</div>
|
|
</div>
|
|
- <div class="form-item" v-for="(item,index) in form.cjGzCs" :key="index">
|
|
|
|
|
|
+ <div class="form-item" v-for="(item,index) in form.luckyDrawTaskList" :key="index">
|
|
<a-form-model-item
|
|
<a-form-model-item
|
|
style="margin: 0;"
|
|
style="margin: 0;"
|
|
:label="''"
|
|
:label="''"
|
|
:required="true"
|
|
:required="true"
|
|
:label-col=" { span: 0 }"
|
|
:label-col=" { span: 0 }"
|
|
:wrapper-col=" { span: 24 }"
|
|
:wrapper-col=" { span: 24 }"
|
|
- :prop="'cjGzCs.' + index + '.nums'"
|
|
|
|
|
|
+ :prop="'luckyDrawTaskList.' + index + '.giveTimes'"
|
|
:rules="{
|
|
:rules="{
|
|
required: true,
|
|
required: true,
|
|
message: '请输入次数',
|
|
message: '请输入次数',
|
|
@@ -338,8 +368,8 @@
|
|
{{ item.name }}, 赠送
|
|
{{ item.name }}, 赠送
|
|
<a-input-number
|
|
<a-input-number
|
|
style="width: 100px;"
|
|
style="width: 100px;"
|
|
- :id="'cjGzCs-nums'+index"
|
|
|
|
- v-model="item.nums"
|
|
|
|
|
|
+ :id="'luckyDrawTaskList-giveTimes'+index"
|
|
|
|
+ v-model="item.giveTimes"
|
|
:min="0"
|
|
:min="0"
|
|
:max="100"
|
|
:max="100"
|
|
:precision="0"
|
|
:precision="0"
|
|
@@ -352,7 +382,7 @@
|
|
</a-row>
|
|
</a-row>
|
|
|
|
|
|
<div class="form-item" style="justify-content:center;padding: 50px 20px 20px;">
|
|
<div class="form-item" style="justify-content:center;padding: 50px 20px 20px;">
|
|
- <a-button type="primary" @click="onSubmit">
|
|
|
|
|
|
+ <a-button type="primary" :loading="loading" @click="onSubmit">
|
|
保存
|
|
保存
|
|
</a-button>
|
|
</a-button>
|
|
<a-button style="margin-left: 10px;" @click="cansel">
|
|
<a-button style="margin-left: 10px;" @click="cansel">
|
|
@@ -366,6 +396,8 @@
|
|
|
|
|
|
<script>
|
|
<script>
|
|
import { VSelect, Upload } from '@/components'
|
|
import { VSelect, Upload } from '@/components'
|
|
|
|
+import { saveLuckyDrawConfig, getLuckyDrawDetail } from '@/api/luckyDraw.js'
|
|
|
|
+import moment from 'moment'
|
|
export default {
|
|
export default {
|
|
name: 'AddlotterySetModal',
|
|
name: 'AddlotterySetModal',
|
|
components: {
|
|
components: {
|
|
@@ -384,47 +416,40 @@ export default {
|
|
},
|
|
},
|
|
data () {
|
|
data () {
|
|
return {
|
|
return {
|
|
|
|
+ loading: false,
|
|
isShow: this.showEditModal,
|
|
isShow: this.showEditModal,
|
|
titleText: '新增活动',
|
|
titleText: '新增活动',
|
|
formLayout: 'vertical',
|
|
formLayout: 'vertical',
|
|
labelCol: {},
|
|
labelCol: {},
|
|
wrapperCol: {},
|
|
wrapperCol: {},
|
|
form: {
|
|
form: {
|
|
- name: '',
|
|
|
|
|
|
+ activeName: '', // 活动名称
|
|
time: [],
|
|
time: [],
|
|
- cjRc: '',
|
|
|
|
- bxCjRc: false,
|
|
|
|
- price: '',
|
|
|
|
- jpDesc: '',
|
|
|
|
- jpTj: '',
|
|
|
|
- cjDesc: '',
|
|
|
|
- zpType: undefined,
|
|
|
|
- jpList: [],
|
|
|
|
|
|
+ activeStartTime: '', // 活动开始时间
|
|
|
|
+ activeEndTime: '', // 活动结束时间
|
|
|
|
+ peopleLimitCount: '', // 活动人数限制
|
|
|
|
+ isPeopleLimit: false, // 不限人数
|
|
|
|
+ purchaseTimesGold: '', // 购买抽奖次数金币数
|
|
|
|
+ prizeDesc: '', // 奖品说明
|
|
|
|
+ activeLimitDesc: '', // 活动条件说明
|
|
|
|
+ activeDesc: '', // 抽奖说明
|
|
|
|
+ prizeClsNum: undefined, // 转盘类型
|
|
|
|
+ luckyDrawPrizeList: [], // 奖品列表
|
|
zjXz: undefined,
|
|
zjXz: undefined,
|
|
- zjXzCs: [],
|
|
|
|
|
|
+ luckyDrawWinPrizeLimitList: [], // 中奖限制
|
|
cjGz: undefined,
|
|
cjGz: undefined,
|
|
- cjGzCs: []
|
|
|
|
|
|
+ luckyDrawTaskList: [] // 赠送抽奖规则
|
|
},
|
|
},
|
|
- zjXz: [
|
|
|
|
- { dispName: '(单个用户)中奖后抽奖XXX次内不能再次中奖', code: 0 },
|
|
|
|
- { dispName: '(所有用户)每天最多可中奖XXX次', code: 1 },
|
|
|
|
- { dispName: '(活动时间内)每人最多可中奖XXX次', code: 2 }
|
|
|
|
- ],
|
|
|
|
- cjGz: [
|
|
|
|
- { dispName: '新用户登录', code: 0 },
|
|
|
|
- { dispName: '新用户首次投递', code: 1 },
|
|
|
|
- { dispName: '历史注册用户首次投递', code: 2 },
|
|
|
|
- { dispName: '分享给好友或朋友圈', code: 3 },
|
|
|
|
- { dispName: '老用户回归', code: 4 }
|
|
|
|
- ],
|
|
|
|
|
|
+ zjXz: [], // 中奖限制列表
|
|
|
|
+ cjGz: [], // 赠送规则列表
|
|
rules: {
|
|
rules: {
|
|
- name: [{ required: true, message: '请输入活动名称', trigger: 'blur' }],
|
|
|
|
- time: [{ required: true, message: '请选择活动时间', trigger: 'blur' }],
|
|
|
|
- price: [{ required: true, message: '请输入付费抽奖规则', trigger: 'blur' }],
|
|
|
|
- jpDesc: [{ required: true, message: '请输入奖品说明', trigger: 'blur' }],
|
|
|
|
- zpType: [{ required: true, message: '请选择转盘类型', trigger: 'blur' }],
|
|
|
|
- jpTj: [{ required: true, message: '请输入抽奖条件', trigger: 'blur' }],
|
|
|
|
- cjDesc: [{ required: true, message: '请输入抽奖说明', trigger: 'blur' }]
|
|
|
|
|
|
+ activeName: [{ required: true, message: '请输入活动名称', trigger: ['blur', 'change'] }],
|
|
|
|
+ time: [{ required: true, message: '请选择活动时间', trigger: ['blur', 'change'] }],
|
|
|
|
+ purchaseTimesGold: [{ required: true, message: '请输入付费抽奖规则', trigger: ['blur', 'change'] }],
|
|
|
|
+ prizeDesc: [{ required: true, message: '请输入奖品说明', trigger: ['blur', 'change'] }],
|
|
|
|
+ activeLimitDesc: [{ required: true, message: '请输入抽奖条件', trigger: ['blur', 'change'] }],
|
|
|
|
+ activeDesc: [{ required: true, message: '请输入抽奖说明', trigger: ['blur', 'change'] }],
|
|
|
|
+ prizeClsNum: [{ required: true, message: '请选择转盘类型', trigger: ['blur', 'change'] }]
|
|
}
|
|
}
|
|
}
|
|
}
|
|
},
|
|
},
|
|
@@ -433,22 +458,22 @@ export default {
|
|
bxCjRcChange (e) {
|
|
bxCjRcChange (e) {
|
|
console.log(e)
|
|
console.log(e)
|
|
if (e.target.checked) {
|
|
if (e.target.checked) {
|
|
- this.form.cjRc = ''
|
|
|
|
- this.$refs.ruleForm.clearValidate('cjRc')
|
|
|
|
|
|
+ this.form.peopleLimitCount = ''
|
|
|
|
+ this.$refs.ruleForm.clearValidate('peopleLimitCount')
|
|
}
|
|
}
|
|
},
|
|
},
|
|
// 选择转盘类型
|
|
// 选择转盘类型
|
|
zpTypeChange (val) {
|
|
zpTypeChange (val) {
|
|
console.log(val)
|
|
console.log(val)
|
|
- this.form.jpList = []
|
|
|
|
|
|
+ this.form.luckyDrawPrizeList = []
|
|
for (let i = 0; i < val; i++) {
|
|
for (let i = 0; i < val; i++) {
|
|
- this.form.jpList.push({
|
|
|
|
- jpType: undefined,
|
|
|
|
- name: '',
|
|
|
|
- isZj: undefined,
|
|
|
|
- glv: '',
|
|
|
|
- nums: '',
|
|
|
|
- image: ''
|
|
|
|
|
|
+ this.form.luckyDrawPrizeList.push({
|
|
|
|
+ prizeType: undefined,
|
|
|
|
+ prizeDesc: '',
|
|
|
|
+ isPrizeLimit: undefined,
|
|
|
|
+ prizeRate: '',
|
|
|
|
+ prizeNum: '',
|
|
|
|
+ prizeImage: ''
|
|
})
|
|
})
|
|
}
|
|
}
|
|
this.$refs.ruleForm.clearValidate()
|
|
this.$refs.ruleForm.clearValidate()
|
|
@@ -456,50 +481,112 @@ export default {
|
|
// 中奖限制
|
|
// 中奖限制
|
|
zjxzChange (val) {
|
|
zjxzChange (val) {
|
|
console.log(val)
|
|
console.log(val)
|
|
- this.form.zjXzCs = []
|
|
|
|
|
|
+ this.form.luckyDrawWinPrizeLimitList = []
|
|
this.form.zjXz && this.form.zjXz.map(item => {
|
|
this.form.zjXz && this.form.zjXz.map(item => {
|
|
const row = this.zjXz.find(k => k.code == item)
|
|
const row = this.zjXz.find(k => k.code == item)
|
|
- this.form.zjXzCs.push({
|
|
|
|
- code: item,
|
|
|
|
|
|
+ this.form.luckyDrawWinPrizeLimitList.push({
|
|
|
|
+ winPrizeLimitCode: item,
|
|
name: row.dispName,
|
|
name: row.dispName,
|
|
- nums: ''
|
|
|
|
|
|
+ limitTimes: ''
|
|
})
|
|
})
|
|
})
|
|
})
|
|
},
|
|
},
|
|
// 抽奖规则
|
|
// 抽奖规则
|
|
cjGzChange (val) {
|
|
cjGzChange (val) {
|
|
console.log(val)
|
|
console.log(val)
|
|
- this.form.cjGzCs = []
|
|
|
|
|
|
+ this.form.luckyDrawTaskList = []
|
|
this.form.cjGz && this.form.cjGz.map(item => {
|
|
this.form.cjGz && this.form.cjGz.map(item => {
|
|
const row = this.cjGz.find(k => k.code == item)
|
|
const row = this.cjGz.find(k => k.code == item)
|
|
- this.form.cjGzCs.push({
|
|
|
|
- code: item,
|
|
|
|
|
|
+ this.form.luckyDrawTaskList.push({
|
|
|
|
+ taskCode: item,
|
|
name: row.dispName,
|
|
name: row.dispName,
|
|
- nums: ''
|
|
|
|
|
|
+ giveTimes: ''
|
|
})
|
|
})
|
|
})
|
|
})
|
|
},
|
|
},
|
|
// 保存
|
|
// 保存
|
|
onSubmit () {
|
|
onSubmit () {
|
|
this.$refs.ruleForm.validate(valid => {
|
|
this.$refs.ruleForm.validate(valid => {
|
|
- console.log(this.form)
|
|
|
|
if (valid) {
|
|
if (valid) {
|
|
console.log('valid submit!!')
|
|
console.log('valid submit!!')
|
|
|
|
+ if (this.form.luckyDrawWinPrizeLimitList.length == 0) {
|
|
|
|
+ this.$message.warning('请选择中奖限制')
|
|
|
|
+ return false
|
|
|
|
+ }
|
|
|
|
+ if (this.form.luckyDrawTaskList.length == 0) {
|
|
|
|
+ this.$message.warning('请选择赠送抽奖次数规则')
|
|
|
|
+ return false
|
|
|
|
+ }
|
|
|
|
+ const formData = JSON.parse(JSON.stringify(this.form))
|
|
|
|
+ formData.activeStartTime = moment(this.form.time[0]).format('YYYY-MM-DD hh:mm:ss')
|
|
|
|
+ formData.activeEndTime = moment(this.form.time[1]).format('YYYY-MM-DD hh:mm:ss')
|
|
|
|
+ formData.isPeopleLimit = this.form.isPeopleLimit ? 1 : 0
|
|
|
|
+ // 提交数据
|
|
|
|
+ this.submitFormData(formData)
|
|
} else {
|
|
} else {
|
|
console.log('error submit!!')
|
|
console.log('error submit!!')
|
|
return false
|
|
return false
|
|
}
|
|
}
|
|
})
|
|
})
|
|
},
|
|
},
|
|
|
|
+ submitFormData (formData) {
|
|
|
|
+ this.loading = true
|
|
|
|
+ saveLuckyDrawConfig(formData).then(res => {
|
|
|
|
+ console.log(res, 'submitFormData')
|
|
|
|
+ if (res.status == 200) {
|
|
|
|
+ this.$message.info(res.message)
|
|
|
|
+ this.cansel()
|
|
|
|
+ } else {
|
|
|
|
+ this.$message.warning(res.message)
|
|
|
|
+ }
|
|
|
|
+ this.loading = false
|
|
|
|
+ })
|
|
|
|
+ },
|
|
|
|
+ // 获取明细数据
|
|
|
|
+ getDetail (id) {
|
|
|
|
+ getLuckyDrawDetail({ id: id }).then(res => {
|
|
|
|
+ if (res.status == 200) {
|
|
|
|
+ this.form = Object.assign({}, this.form, res.data)
|
|
|
|
+ this.form.isPeopleLimit = this.form.isPeopleLimit == 1
|
|
|
|
+ this.form.time = [moment(this.form.activeStartTime), moment(this.form.activeEndTime)]
|
|
|
|
+ this.form.zjXz = this.getGzVal(this.form.luckyDrawWinPrizeLimitList, 0)
|
|
|
|
+ this.form.cjGz = this.getGzVal(this.form.luckyDrawTaskList, 1)
|
|
|
|
+ this.form.luckyDrawPrizeList.map(item => {
|
|
|
|
+ delete item.id
|
|
|
|
+ delete item.createDate
|
|
|
|
+ delete item.luckyDrawNo
|
|
|
|
+ })
|
|
|
|
+ }
|
|
|
|
+ })
|
|
|
|
+ },
|
|
|
|
+ getGzVal (data, type) {
|
|
|
|
+ const arr = []
|
|
|
|
+ data.map(item => {
|
|
|
|
+ arr.push(type == 1 ? item.taskCode : item.winPrizeLimitCode)
|
|
|
|
+ delete item.id
|
|
|
|
+ delete item.createDate
|
|
|
|
+ delete item.luckyDrawNo
|
|
|
|
+ })
|
|
|
|
+ return arr
|
|
|
|
+ },
|
|
// 取消
|
|
// 取消
|
|
cansel () {
|
|
cansel () {
|
|
this.isShow = false
|
|
this.isShow = false
|
|
- },
|
|
|
|
- // 编辑获取数据
|
|
|
|
- getPageInfo () {
|
|
|
|
-
|
|
|
|
|
|
+ this.form.luckyDrawPrizeList = []
|
|
|
|
+ this.form.luckyDrawTaskList = []
|
|
|
|
+ this.form.luckyDrawWinPrizeLimitList = []
|
|
|
|
+ this.form.zjXz = []
|
|
|
|
+ this.form.cjGz = []
|
|
}
|
|
}
|
|
},
|
|
},
|
|
|
|
+ created () {
|
|
|
|
+ this.$nextTick(() => {
|
|
|
|
+ setTimeout(() => {
|
|
|
|
+ this.zjXz = this.$refs.zjXzType.getOptionDatas()
|
|
|
|
+ this.cjGz = this.$refs.zsGzType.getOptionDatas()
|
|
|
|
+ }, 500)
|
|
|
|
+ })
|
|
|
|
+ },
|
|
watch: {
|
|
watch: {
|
|
showEditModal (newValue, oldValue) {
|
|
showEditModal (newValue, oldValue) {
|
|
this.isShow = newValue
|
|
this.isShow = newValue
|
|
@@ -508,15 +595,17 @@ export default {
|
|
if (!val) {
|
|
if (!val) {
|
|
this.$emit('close')
|
|
this.$emit('close')
|
|
} else {
|
|
} else {
|
|
- this.$refs.ruleForm.resetFields()
|
|
|
|
|
|
+ this.$nextTick(() => {
|
|
|
|
+ this.$refs.ruleForm.resetFields()
|
|
|
|
+ })
|
|
}
|
|
}
|
|
},
|
|
},
|
|
itemId (newValue, oldValue) {
|
|
itemId (newValue, oldValue) {
|
|
if (newValue && this.isShow) {
|
|
if (newValue && this.isShow) {
|
|
- this.titleText = '编辑'
|
|
|
|
- this.getPageInfo(newValue)
|
|
|
|
|
|
+ this.titleText = '编辑活动'
|
|
|
|
+ this.getDetail(newValue)
|
|
} else {
|
|
} else {
|
|
- this.titleText = '新增'
|
|
|
|
|
|
+ this.titleText = '新增活动'
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|