|
|
@@ -73,27 +73,39 @@
|
|
|
</tui-list-cell>
|
|
|
<tui-list-cell v-if="showClearTime" class="line-cell limit-buy-line" :hover="false">
|
|
|
<view class="tui-title" style="width:150upx;">清除方式</view>
|
|
|
- <radio-group class="tui-input limit-clear-radio" @change="limitBuyClearTypeChange">
|
|
|
- <label class="list" for="limitClearNone">
|
|
|
- <radio id="limitClearNone" value="0" :checked="form.limitBuyClearType == 0" style="transform:scale(0.87,0.87)" />
|
|
|
- <text class="checkbox-text">不清除</text>
|
|
|
- </label>
|
|
|
- <label class="list" for="limitClearCycle">
|
|
|
- <radio id="limitClearCycle" value="1" :checked="form.limitBuyClearType == 1" style="transform:scale(0.87,0.87)" />
|
|
|
- <text class="checkbox-text">循环</text>
|
|
|
- </label>
|
|
|
- <label class="list" for="limitClearTiming">
|
|
|
- <radio id="limitClearTiming" value="2" :checked="form.limitBuyClearType == 2" style="transform:scale(0.87,0.87)" />
|
|
|
- <text class="checkbox-text">定时</text>
|
|
|
- </label>
|
|
|
+ <view class="tui-input limit-clear-btns">
|
|
|
+ <button
|
|
|
+ type="default"
|
|
|
+ class="admin-button-com mini-btn limit-clear-btn"
|
|
|
+ :class="form.limitBuyClearType == 1 ? 'blue' : 'default'"
|
|
|
+ @click="limitBuyClearTypeChange(1)"
|
|
|
+ >
|
|
|
+ 循环
|
|
|
+ </button>
|
|
|
+ <button
|
|
|
+ type="default"
|
|
|
+ class="admin-button-com mini-btn limit-clear-btn"
|
|
|
+ :class="form.limitBuyClearType == 2 ? 'blue' : 'default'"
|
|
|
+ @click="limitBuyClearTypeChange(2)"
|
|
|
+ >
|
|
|
+ 定时
|
|
|
+ </button>
|
|
|
+ <button
|
|
|
+ type="default"
|
|
|
+ class="admin-button-com mini-btn limit-clear-btn"
|
|
|
+ :class="form.limitBuyClearType == 0 ? 'blue' : 'default'"
|
|
|
+ @click="limitBuyClearTypeChange(0)"
|
|
|
+ >
|
|
|
+ 不清除
|
|
|
+ </button>
|
|
|
<input v-model="form.limitBuyClearType" name="limitBuyClearType" hidden />
|
|
|
- </radio-group>
|
|
|
+ </view>
|
|
|
</tui-list-cell>
|
|
|
<tui-list-cell v-if="showClearTime && form.limitBuyClearType != 0" class="line-cell limit-buy-line" :hover="false">
|
|
|
<template v-if="form.limitBuyClearType == 1">
|
|
|
<view class="tui-title">清除时间</view>
|
|
|
<view class="limit-clear-cycle-row">
|
|
|
- <text class="limit-clear-cycle-text">每隔</text>
|
|
|
+ <text class="limit-clear-cycle-text">每</text>
|
|
|
<picker
|
|
|
mode="selector"
|
|
|
:range="limitBuyClearCycleList"
|
|
|
@@ -740,8 +752,8 @@ export default {
|
|
|
this.form.cleartAt = this.limitBuyClearHourList.length - 1
|
|
|
}
|
|
|
},
|
|
|
- limitBuyClearTypeChange(e){
|
|
|
- this.form.limitBuyClearType = Number(e.detail.value)
|
|
|
+ limitBuyClearTypeChange(val){
|
|
|
+ this.form.limitBuyClearType = Number(val)
|
|
|
if (this.form.limitBuyClearType == 0 || this.form.limitBuyClearType == 1) {
|
|
|
this.form.limitBuyClearTime = ''
|
|
|
}
|
|
|
@@ -1639,22 +1651,19 @@ export default {
|
|
|
}
|
|
|
}
|
|
|
.limit-time-picker {
|
|
|
- width: 470upx;
|
|
|
+ width: 460upx;
|
|
|
}
|
|
|
-.limit-clear-radio {
|
|
|
+.limit-clear-btns {
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
flex-wrap: nowrap;
|
|
|
- .list {
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
- margin-right: 20upx;
|
|
|
- white-space: nowrap;
|
|
|
- }
|
|
|
- .checkbox-text {
|
|
|
- margin-left: 4upx;
|
|
|
- white-space: nowrap;
|
|
|
- }
|
|
|
+ margin-left:35upx;
|
|
|
+}
|
|
|
+.limit-clear-btn {
|
|
|
+ margin-left: 30upx;
|
|
|
+}
|
|
|
+.limit-clear-btn:first-child {
|
|
|
+ margin-left: 30;
|
|
|
}
|
|
|
.limit-clear-time-title {
|
|
|
margin-left: 35upx;
|