|
|
@@ -21,19 +21,23 @@
|
|
|
</view>
|
|
|
</u-radio>
|
|
|
<u-radio @change="radioChange" name="now"
|
|
|
- style="width: 100%;height:65rpx; flex;align-items: center;margin-top: 16rpx;">
|
|
|
+ style="width: 100%; height:65rpx; display: flex; align-items: center; margin-top: 16rpx;">
|
|
|
<view class="title now">
|
|
|
- 购买后立即生效,生效后
|
|
|
- <input type="number" style="background-color:#F7F8FC;margin-top: 16rpx;" v-model="expirationDays" /> 天失效
|
|
|
+ <text>购买后立即生效,生效后</text>
|
|
|
+ <input class="input" type="number" v-model="expirationDays" />
|
|
|
+ <text>天失效</text>
|
|
|
</view>
|
|
|
</u-radio>
|
|
|
<u-radio @change="radioChange" name="date"
|
|
|
- style="width: 100%;margin-top: 16rpx;;border-bottom: 1px solid #eeeeee;">
|
|
|
+ style="width: 100%;margin-top: 16rpx;border-bottom: 1px solid #eeeeee;">
|
|
|
<view class="title now">
|
|
|
固定时间段
|
|
|
- <view class="picker">
|
|
|
- <u-input placeholder="去设置" v-model="showDate"/>
|
|
|
- <u-icon name="arrow-right" style="margin-left: 17rpx;" @click="selectDate" ></u-icon>
|
|
|
+ <view class="picker" @click="selectDate">
|
|
|
+ <u-input class="form-input" placeholder="去设置" inputAlign="right"
|
|
|
+ disabled
|
|
|
+ v-model="showDate"
|
|
|
+ />
|
|
|
+ <u-icon name="arrow-right" style="margin-left: 17rpx;"></u-icon>
|
|
|
</view>
|
|
|
</view>
|
|
|
</u-radio>
|
|
|
@@ -65,6 +69,12 @@ export default {
|
|
|
showDate: ''
|
|
|
}
|
|
|
},
|
|
|
+ onLoad(query) {
|
|
|
+ if (query.useType) {
|
|
|
+ let a = ['now', 'date', 'long']
|
|
|
+ this.value = a[query.useType - 1]
|
|
|
+ }
|
|
|
+ },
|
|
|
methods: {
|
|
|
//返回
|
|
|
back() {
|
|
|
@@ -86,7 +96,7 @@ export default {
|
|
|
onEndTimeChange(val) {
|
|
|
this.availableStartDate = val.startDate
|
|
|
this.availableEndDate = val.endDate
|
|
|
- this.showDate = val.startDate + '-' + val.endDate
|
|
|
+ this.showDate = val.startDate + ' ~ ' + val.endDate
|
|
|
this.$forceUpdate(); // 强制刷新视图
|
|
|
},
|
|
|
selectDate() {
|
|
|
@@ -150,7 +160,6 @@ export default {
|
|
|
height: var(--status-bar-height);
|
|
|
background-color: #fff;
|
|
|
}
|
|
|
-
|
|
|
/*#endif*/
|
|
|
|
|
|
.head {
|
|
|
@@ -180,6 +189,12 @@ export default {
|
|
|
flex: 1;
|
|
|
padding: 24rpx;
|
|
|
|
|
|
+ .form-input {
|
|
|
+ pointer-events: none;
|
|
|
+ }
|
|
|
+ ::v-deep .uni-input-input:disabled {
|
|
|
+ pointer-events: none;
|
|
|
+ }
|
|
|
}
|
|
|
|
|
|
.title {
|
|
|
@@ -204,14 +219,13 @@ export default {
|
|
|
justify-content: flex-end;
|
|
|
font-size: 28rpx;
|
|
|
color: #999999;
|
|
|
-
|
|
|
- ::v-deep.u-input {
|
|
|
- text-align: right !important;
|
|
|
- }
|
|
|
}
|
|
|
|
|
|
- input {
|
|
|
- width: 100rpx;
|
|
|
+ .input {
|
|
|
+ flex: 1;
|
|
|
+ margin: 0 12rpx;
|
|
|
+ text-align: center;
|
|
|
+ background-color: #F7F8FC;
|
|
|
}
|
|
|
}
|
|
|
|