依据文档-签到页面迁移-优惠券
parent
e71091cbb0
commit
2952ad695c
|
@ -13,38 +13,48 @@
|
||||||
天
|
天
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
<view class='list acea-row row-between-wrapper'
|
||||||
|
style='padding: 0 30rpx; height:240rpx;display: flex;justify-content: space-between;align-items: center;'>
|
||||||
|
<view class='item' v-for="(item,index) in state.signConfigList" :key="index">
|
||||||
|
<!-- (index + 1 === state.signConfigList.length ? 'reward' : '') + -->
|
||||||
|
<view :class=" ' ' +( state.continuousDay >= item.day ? 'rewardTxt' : '')">
|
||||||
|
第{{item.day}}天
|
||||||
|
</view>
|
||||||
|
<view class='venus'
|
||||||
|
:class="(index + 1 === state.signConfigList.length ? 'reward' : '') + ' ' +( state.continuousDay >= item.day ? 'venusSelect' : '')">
|
||||||
|
</view>
|
||||||
|
<view class='num' :class='state.continuousDay >= item.day ? "on" : ""'>+{{ item.point }}
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
<!-- 切换年月 -->
|
<!-- 切换年月 -->
|
||||||
<view class="bar ss-flex ss-col-center ss-row-center">
|
<!-- <view class="bar ss-flex ss-col-center ss-row-center">
|
||||||
<view class="previous" @tap="handleCalendar(0)"><text class="cicon-back"></text></view>
|
<view class="previous" @tap="handleCalendar(0)"><text class="cicon-back"></text></view>
|
||||||
<view class="date ss-m-x-20">{{ state.cur_year || '--' }} 年 {{ state.cur_month || '--' }} 月</view>
|
<view class="date ss-m-x-20">{{ state.cur_year || '--' }} 年 {{ state.cur_month || '--' }} 月</view>
|
||||||
<view class="next" @tap="handleCalendar(1)"><text class="cicon-forward"></text></view>
|
<view class="next" @tap="handleCalendar(1)"><text class="cicon-forward"></text></view>
|
||||||
</view>
|
</view> -->
|
||||||
|
|
||||||
<!-- 显示星期 -->
|
<!-- 显示星期 -->
|
||||||
<view class="week ss-flex">
|
<!-- <view class="week ss-flex">
|
||||||
<view class="week-item ss-flex ss-row-center" v-for="(item, index) in state.weeks_ch" :key="index">
|
<view class="week-item ss-flex ss-row-center" v-for="(item, index) in state.weeks_ch" :key="index">
|
||||||
{{ item.title }}
|
{{ item.title }}
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view> -->
|
||||||
|
|
||||||
<!-- 日历表 -->
|
<!-- 日历表 -->
|
||||||
<view class="myDateTable">
|
<view class="myDateTable">
|
||||||
<view v-for="(item, j) in state.data.days" :key="j"
|
<!-- <view v-for="(item, j) in state.data.days" :key="j"
|
||||||
class="dateCell ss-flex ss-row-center ss-col-center">
|
class="dateCell ss-flex ss-row-center ss-col-center">
|
||||||
<!-- 空格 -->
|
|
||||||
<view class="ss-flex ss-row-center ss-col-center">
|
<view class="ss-flex ss-row-center ss-col-center">
|
||||||
<text :decode="true"> </text>
|
<text :decode="true"> </text>
|
||||||
</view>
|
</view>
|
||||||
<view>
|
<view>
|
||||||
<!-- 已签到日期 -->
|
|
||||||
<view v-if="item.is_sign" class="is-sign ss-flex ss-row-center">
|
<view v-if="item.is_sign" class="is-sign ss-flex ss-row-center">
|
||||||
<view class="is-sign-num">{{ item.day < 10 ? '0' + item.day : item.day }}</view>
|
<view class="is-sign-num">{{ item.day < 10 ? '0' + item.day : item.day }}</view>
|
||||||
<image class="is-sign-image"
|
<image class="is-sign-image"
|
||||||
:src="sheep.$url.static('/static/img/shop/app/correct.png')">
|
:src="sheep.$url.static('/static/img/shop/app/correct.png')">
|
||||||
</image>
|
</image>
|
||||||
</view>
|
</view>
|
||||||
<!-- 未签到日期 -->
|
|
||||||
<view class="is-sign ss-flex ss-row-center" v-if="item.is_replenish == 1"
|
<view class="is-sign ss-flex ss-row-center" v-if="item.is_replenish == 1"
|
||||||
@tap="onShowRetroactive(item.date)">
|
@tap="onShowRetroactive(item.date)">
|
||||||
<view class="cell-num">{{ item.day < 10 ? '0' + item.day : item.day }}</view>
|
<view class="cell-num">{{ item.day < 10 ? '0' + item.day : item.day }}</view>
|
||||||
|
@ -54,7 +64,7 @@
|
||||||
<view class="cell-num">{{ item.day < 10 ? '0' + item.day : item.day }}</view>
|
<view class="cell-num">{{ item.day < 10 ? '0' + item.day : item.day }}</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view> -->
|
||||||
|
|
||||||
<!-- 签到按钮 -->
|
<!-- 签到按钮 -->
|
||||||
<view class="ss-flex ss-col-center ss-row-center sign-box ss-m-y-40">
|
<view class="ss-flex ss-col-center ss-row-center sign-box ss-m-y-40">
|
||||||
|
@ -139,6 +149,8 @@
|
||||||
const headerBg = sheep.$url.css('/static/img/shop/app/sign.png');
|
const headerBg = sheep.$url.css('/static/img/shop/app/sign.png');
|
||||||
|
|
||||||
const state = reactive({
|
const state = reactive({
|
||||||
|
signConfigList: [],
|
||||||
|
continuousDay: [],
|
||||||
data: {
|
data: {
|
||||||
days: [], //日历
|
days: [], //日历
|
||||||
rules: {}, //规则
|
rules: {}, //规则
|
||||||
|
@ -224,6 +236,8 @@
|
||||||
error,
|
error,
|
||||||
data
|
data
|
||||||
} = await sheep.$api.activity.signList(mouth);
|
} = await sheep.$api.activity.signList(mouth);
|
||||||
|
const res = await sheep.$api.activity.configLise();
|
||||||
|
const res2 = await sheep.$api.activity.recordPage();
|
||||||
// 替换数据
|
// 替换数据
|
||||||
const ren = await sheep.$api.activity.getSummary();
|
const ren = await sheep.$api.activity.getSummary();
|
||||||
if (error === 0) {
|
if (error === 0) {
|
||||||
|
@ -255,6 +269,12 @@
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
if (res.code == 0) {
|
||||||
|
state.signConfigList = res.data;
|
||||||
|
}
|
||||||
|
if (res2.code == 0) {
|
||||||
|
state.continuousDay = res2.data.list;
|
||||||
|
}
|
||||||
state.isSign = ren.data.todaySignIn ? 1 : 0;
|
state.isSign = ren.data.todaySignIn ? 1 : 0;
|
||||||
state.continue_days = ren.data.continuousDay;
|
state.continue_days = ren.data.continuousDay;
|
||||||
}
|
}
|
||||||
|
@ -529,4 +549,53 @@
|
||||||
color: #666666;
|
color: #666666;
|
||||||
line-height: 40rpx;
|
line-height: 40rpx;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.reward {
|
||||||
|
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEsAAAA4CAYAAAC1+AWFAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDowYWFmYjU3Mi03MGJhLTRiNDctOTI2Yi0zOThlZDkzZDkxMDkiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RUEyNzZEMjZEMDFCMTFFOEIzQzhEMjMxNjI1NENDQjciIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RUEyNzZEMjVEMDFCMTFFOEIzQzhEMjMxNjI1NENDQjciIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTggKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6ZmRjNTM0MmUtNmFkOC1iMDRhLThjZTEtMjk2YWYzM2FkMmUxIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjBhYWZiNTcyLTcwYmEtNGI0Ny05MjZiLTM5OGVkOTNkOTEwOSIv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');
|
||||||
|
width: 75rpx;
|
||||||
|
height: 56rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.rewardTxt {
|
||||||
|
width: 74rpx;
|
||||||
|
height: 32rpx;
|
||||||
|
background-color: #f4b409;
|
||||||
|
border-radius: 16rpx;
|
||||||
|
font-size: 20rpx;
|
||||||
|
color: #a57d3f;
|
||||||
|
line-height: 32rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.venusSelect {
|
||||||
|
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADgAAAA4CAYAAACohjseAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDowYWFmYjU3Mi03MGJhLTRiNDctOTI2Yi0zOThlZDkzZDkxMDkiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QzkwRkI4NEFEMDFCMTFFODhDNDdBMDVGOTBBN0U2NTQiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QzkwRkI4NDlEMDFCMTFFODhDNDdBMDVGOTBBN0U2NTQiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTggKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6ZmRjNTM0MmUtNmFkOC1iMDRhLThjZTEtMjk2YWYzM2FkMmUxIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjBhYWZiNTcyLTcwYmEtNGI0Ny05MjZiLTM5OGVkOTNkOTEwOSIv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');
|
||||||
|
}
|
||||||
|
|
||||||
|
.venus {
|
||||||
|
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADgAAAA4CAYAAACohjseAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDowYWFmYjU3Mi03MGJhLTRiNDctOTI2Yi0zOThlZDkzZDkxMDkiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RDQ3N0E3RkJEMDFCMTFFODhGODVBOTc1NEM5Nzg2NzkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RDQ3N0E3RkFEMDFCMTFFODhGODVBOTc1NEM5Nzg2NzkiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTggKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6ZmRjNTM0MmUtNmFkOC1iMDRhLThjZTEtMjk2YWYzM2FkMmUxIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjBhYWZiNTcyLTcwYmEtNGI0Ny05MjZiLTM5OGVkOTNkOTEwOSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PnZClGIAAAT7SURBVHja7JtLcxtFEMdnn1rJUhIrTiS7KLsK/EXwNck3gCMcuUFx4QvACW48buHGMZxJPkiowpjC2LElcKzXSqul/6OdoOB9zezsCCimqmvXtdqd+U33dPf0rq2Tn54zg81KjrGuB75x8FbuddsQWIvkS5IxySA5b5no2DUE94TkKPk7IHmf5JDkUQJdW7MNw623o+Ra698KmAdnDNLeIJwRSHvDcLVDVnYynU771fnLl9eFcLZts+VymQf5iJ6pzfFYJeKgT/IZyTskXdWOPM9jjYbPLMticRyz2Sxk8/lc9XFDksckH1IcDKtq8FOSD6rMIuCCoPHXrBIk/qYDC0MlyO1kTBOSj6uuwXerwPn+63DrrdFo8OsV2ns6nEy3Chwg8lpFyK4OwNrgNGpSvxfFoDzP5etJR8PzsiYETmk+X5BjmpkBrHPGU109TeKqv5X3rT3QQ3ObaPDGRjIZXWZpol+b/cebUUA4iuHw938UoNbk9+zsjP16eqoV4JfjH1uqgLjxe10DiaKIDYZDNqfU7OrqSifjkzxIuwDubV2juLi8ZK7j8oT74uJSJ+BRHqQtC6cS/7A9wtrDvb7v84A9Go2UMyQZSFsWrmz6td4GgyF38a7r8lgGefHiQjnjkYG064ZDmjWktecRnEOCDa9DpjqdTrnUDSk2vJXgsHGdTKa0t5vx/V0Yhvy4WMx5hdf3VqYJDQqTxW+QdmECPM8h8flvPPRFR/QXBEEuKEw9Yz/5AyoDtBkei5zriyw4pGVFmoOHPD7+mQ/ccR1mWzZpyuIacx2Hgzl0FJkIjjBTHBeLiO6LuDZH4zFbRkt63oLt7+8XAmJcIhFP0eTn2C9CgzBTrPjUp7XbW6VSJGjx5OSEBhsz2wGkxc0R967LuukuSWKaFEwMnXJQSL/fZ51Op/QSuL5OdVjY7beFBq2sAlHZ/A8aOTg4YKenv/EBr8Nl5ZUO6jPJRGCg0dJie/d3WbPZlMpPMwpZsN0Y2sOVb7PcOzou22CGe3u7fB3J3Cd+udvvScG9soT0Kt13tAZj4UVRwHmWtZClcj+azX6vxx0GN8ECUFyHjnsEp+KlM8b3TBTKBCDqkA/SIFV20jCbO3duk8OIcgHF7G9ttbinVYFLcTBgeAAP+vc4mAkJVywLibARpZvOjWWA36rApYSI1+DSMhltkJPpRGIyJrXAZeWiWiCnk9kNU4RGl8m5MN1VLFzwWKobLm83kQtZbnMb8lgYJ2aIYH//3g73lEHQ5ECAXYUSu7QWZeCKqmoCcqSyPkQgd8lHbne3uSMRbWenSwNtU476BxtT9oJQOZ3OKKloq6SmmXBlyoZKb3nG4wnXyt1ul9261UkN9ggjvd497mDOz885KGN3pfvKg1OuixY15JCHh2/ymFjUms2AMqD9BFB/qwUQg5ZtrVY9b7H/LxtmZSCbaCr9KgGmpEeG6qpzM2tQBHudb5eKNLfKiUMzgAIyL6uRreHklB9qX4MDlQfLpHUV4AY6AB+rzl4ZyIqa+0aHiX6UlDTwMcK2CqQoEGmEE5+RfFK4N636vWjKh0Cp5ceS38k8JXko8yHQ7W7PXKBPBvYwGegNF4/q12g05mV7HXClqgs1ffEr+/LmaTIx0nCb+uI3U5M64Tadi5aBrBXORLKdB1k7nKndhID8GqUaErze/coEXJ1OJm9CY2bw3wr+FGAAoa6PIUihovYAAAAASUVORK5CYII=');
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
background-size: 100% 100%;
|
||||||
|
width: 56rpx;
|
||||||
|
height: 56rpx;
|
||||||
|
margin: 10rpx 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.num {
|
||||||
|
font-size: 36rpx;
|
||||||
|
font-family: 'Guildford Pro';
|
||||||
|
}
|
||||||
|
|
||||||
|
.item {
|
||||||
|
align-items: center;
|
||||||
|
justify-content: space-between;
|
||||||
|
border-bottom: 1px solid #eee;
|
||||||
|
height: 130rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
.reward {
|
||||||
|
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEsAAAA4CAYAAAC1+AWFAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDowYWFmYjU3Mi03MGJhLTRiNDctOTI2Yi0zOThlZDkzZDkxMDkiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RUEyNzZEMjZEMDFCMTFFOEIzQzhEMjMxNjI1NENDQjciIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RUEyNzZEMjVEMDFCMTFFOEIzQzhEMjMxNjI1NENDQjciIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTggKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6ZmRjNTM0MmUtNmFkOC1iMDRhLThjZTEtMjk2YWYzM2FkMmUxIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjBhYWZiNTcyLTcwYmEtNGI0Ny05MjZiLTM5OGVkOTNkOTEwOSIv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');
|
||||||
|
width: 75rpx;
|
||||||
|
height: 56rpx;
|
||||||
|
}
|
||||||
</style>
|
</style>
|
|
@ -6,38 +6,26 @@
|
||||||
<view class="detail-wrap ss-p-20">
|
<view class="detail-wrap ss-p-20">
|
||||||
<view class="detail-box">
|
<view class="detail-box">
|
||||||
<view class="tag-box ss-flex ss-col-center ss-row-center">
|
<view class="tag-box ss-flex ss-col-center ss-row-center">
|
||||||
<image
|
<image class="tag-image" :src="sheep.$url.static('/static/img/shop/app/coupon_icon.png')"
|
||||||
class="tag-image"
|
mode="aspectFit"></image>
|
||||||
:src="sheep.$url.static('/static/img/shop/app/coupon_icon.png')"
|
|
||||||
mode="aspectFit"
|
|
||||||
></image>
|
|
||||||
</view>
|
</view>
|
||||||
<view class="top ss-flex-col ss-col-center">
|
<view class="top ss-flex-col ss-col-center">
|
||||||
<view class="title ss-m-t-50 ss-m-b-20 ss-m-x-20">{{ state.list.name }}</view>
|
<view class="title ss-m-t-50 ss-m-b-20 ss-m-x-20">{{ state.list.name }}</view>
|
||||||
<view class="subtitle ss-m-b-50">{{ state.list.amount_text }}</view>
|
<view class="subtitle ss-m-b-50">满{{ state.list.enough }}减{{ state.list.amount }}</view>
|
||||||
<button
|
<!-- (state.list.get_status != 'can_get' && state.list.get_status != 'can_use') ||
|
||||||
class="ss-reset-button ss-m-b-30"
|
state.userCouponId -->
|
||||||
:class="
|
<button class="ss-reset-button ss-m-b-30" :class="
|
||||||
state.list.get_status == 'can_get' || state.list.get_status == 'can_use'
|
state.list.get_status == 'can_get' || state.list.get_status == 'can_use'
|
||||||
? 'use-btn'
|
? 'use-btn'
|
||||||
: 'disable-btn'
|
: 'disable-btn' " :disabled="state.list.status_text=='已过期'" @click="getCoupon">
|
||||||
"
|
<!-- {{ state.list.get_status_text }} -->
|
||||||
:disabled="
|
立即使用
|
||||||
(state.list.get_status != 'can_get' && state.list.get_status != 'can_use') ||
|
|
||||||
state.userCouponId
|
|
||||||
"
|
|
||||||
@click="getCoupon"
|
|
||||||
>
|
|
||||||
{{ state.list.get_status_text }}
|
|
||||||
</button>
|
</button>
|
||||||
<view
|
<view class="time ss-m-y-30" v-if="
|
||||||
class="time ss-m-y-30"
|
|
||||||
v-if="
|
|
||||||
state.list.get_status == 'can_get' ||
|
state.list.get_status == 'can_get' ||
|
||||||
state.list.get_status == 'cannot_get' ||
|
state.list.get_status == 'cannot_get' ||
|
||||||
state.list.get_status == 'get_over'
|
state.list.get_status == 'get_over'
|
||||||
"
|
">
|
||||||
>
|
|
||||||
领取时间:{{ state.list.get_start_time }}至{{ state.list.get_end_time }}
|
领取时间:{{ state.list.get_start_time }}至{{ state.list.get_end_time }}
|
||||||
</view>
|
</view>
|
||||||
<view class="time ss-m-y-30" v-else>
|
<view class="time ss-m-y-30" v-else>
|
||||||
|
@ -61,79 +49,51 @@
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<!-- 适用商品 -->
|
<!-- 适用商品 -->
|
||||||
<view
|
<view class="all-user ss-flex ss-row-center ss-col-center" v-if="state.list.use_scope == 'all_use'">
|
||||||
class="all-user ss-flex ss-row-center ss-col-center"
|
|
||||||
v-if="state.list.use_scope == 'all_use'"
|
|
||||||
>
|
|
||||||
{{ state.list.use_scope_text }}
|
{{ state.list.use_scope_text }}
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
<su-sticky v-else bgColor="#fff">
|
<su-sticky v-else bgColor="#fff">
|
||||||
<view class="goods-title ss-p-20">{{ state.list.use_scope_text }}</view>
|
<view class="goods-title ss-p-20">{{ state.list.use_scope_text }}</view>
|
||||||
<su-tabs
|
<su-tabs :scrollable="true" :list="state.tabMaps" @change="onTabsChange" :current="state.currentTab"
|
||||||
:scrollable="true"
|
v-if="state.list.use_scope == 'category'"></su-tabs>
|
||||||
:list="state.tabMaps"
|
|
||||||
@change="onTabsChange"
|
|
||||||
:current="state.currentTab"
|
|
||||||
v-if="state.list.use_scope == 'category'"
|
|
||||||
></su-tabs>
|
|
||||||
</su-sticky>
|
</su-sticky>
|
||||||
<view v-if="state.list.use_scope == 'goods' || state.list.use_scope == 'disabled_goods'">
|
<view v-if="state.list.use_scope == 'goods' || state.list.use_scope == 'disabled_goods'">
|
||||||
<view v-for="(item, index) in state.list.items_value" :key="index">
|
<view v-for="(item, index) in state.list.items_value" :key="index">
|
||||||
<s-goods-column
|
<s-goods-column class="ss-m-20" size="lg" :data="item"
|
||||||
class="ss-m-20"
|
|
||||||
size="lg"
|
|
||||||
:data="item"
|
|
||||||
:titleColor="props.goodsFieldsStyle?.title?.color"
|
:titleColor="props.goodsFieldsStyle?.title?.color"
|
||||||
:subTitleColor="props.goodsFieldsStyle?.subtitle?.color"
|
:subTitleColor="props.goodsFieldsStyle?.subtitle?.color"
|
||||||
@click="sheep.$router.go('/pages/goods/index', { id: item.id })"
|
@click="sheep.$router.go('/pages/goods/index', { id: item.id })" :goodsFields="{
|
||||||
:goodsFields="{
|
|
||||||
title: { show: true },
|
title: { show: true },
|
||||||
subtitle: { show: true },
|
subtitle: { show: true },
|
||||||
price: { show: true },
|
price: { show: true },
|
||||||
original_price: { show: true },
|
original_price: { show: true },
|
||||||
sales: { show: true },
|
sales: { show: true },
|
||||||
stock: { show: false },
|
stock: { show: false },
|
||||||
}"
|
}" :buttonShow="state.list.use_scope != 'disabled_goods'"></s-goods-column>
|
||||||
:buttonShow="state.list.use_scope != 'disabled_goods'"
|
|
||||||
></s-goods-column>
|
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<view v-if="state.list.use_scope == 'category'">
|
<view v-if="state.list.use_scope == 'category'">
|
||||||
<view v-for="(item, index) in state.pagination.data" :key="index">
|
<view v-for="(item, index) in state.pagination.data" :key="index">
|
||||||
<s-goods-column
|
<s-goods-column class="ss-m-20" size="lg" :data="item"
|
||||||
class="ss-m-20"
|
|
||||||
size="lg"
|
|
||||||
:data="item"
|
|
||||||
:titleColor="props.goodsFieldsStyle?.title?.color"
|
:titleColor="props.goodsFieldsStyle?.title?.color"
|
||||||
:subTitleColor="props.goodsFieldsStyle?.subtitle?.color"
|
:subTitleColor="props.goodsFieldsStyle?.subtitle?.color"
|
||||||
@click="sheep.$router.go('/pages/goods/index', { id: item.id })"
|
@click="sheep.$router.go('/pages/goods/index', { id: item.id })" :goodsFields="{
|
||||||
:goodsFields="{
|
|
||||||
title: { show: true },
|
title: { show: true },
|
||||||
subtitle: { show: true },
|
subtitle: { show: true },
|
||||||
price: { show: true },
|
price: { show: true },
|
||||||
original_price: { show: true },
|
original_price: { show: true },
|
||||||
sales: { show: true },
|
sales: { show: true },
|
||||||
stock: { show: false },
|
stock: { show: false },
|
||||||
}"
|
}" :buttonShow="state.list.use_scope != 'disabled_goods'"></s-goods-column>
|
||||||
:buttonShow="state.list.use_scope != 'disabled_goods'"
|
|
||||||
></s-goods-column>
|
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<uni-load-more
|
<uni-load-more v-if="state.pagination.total > 0 && state.list.use_scope == 'category'"
|
||||||
v-if="state.pagination.total > 0 && state.list.use_scope == 'category'"
|
:status="state.loadStatus" :content-text="{
|
||||||
:status="state.loadStatus"
|
|
||||||
:content-text="{
|
|
||||||
contentdown: '上拉加载更多',
|
contentdown: '上拉加载更多',
|
||||||
}"
|
}" @tap="loadmore" />
|
||||||
@tap="loadmore"
|
<s-empty v-if="state.list.use_scope == 'category' && state.pagination.total === 0" paddingTop="0"
|
||||||
/>
|
icon="/static/soldout-empty.png" text="暂无商品">
|
||||||
<s-empty
|
|
||||||
v-if="state.list.use_scope == 'category' && state.pagination.total === 0"
|
|
||||||
paddingTop="0"
|
|
||||||
icon="/static/soldout-empty.png"
|
|
||||||
text="暂无商品"
|
|
||||||
>
|
|
||||||
</s-empty>
|
</s-empty>
|
||||||
</view>
|
</view>
|
||||||
</s-layout>
|
</s-layout>
|
||||||
|
@ -141,8 +101,13 @@
|
||||||
|
|
||||||
<script setup>
|
<script setup>
|
||||||
import sheep from '@/sheep';
|
import sheep from '@/sheep';
|
||||||
import { onLoad, onReachBottom } from '@dcloudio/uni-app';
|
import {
|
||||||
import { reactive } from 'vue';
|
onLoad,
|
||||||
|
onReachBottom
|
||||||
|
} from '@dcloudio/uni-app';
|
||||||
|
import {
|
||||||
|
reactive
|
||||||
|
} from 'vue';
|
||||||
import _ from 'lodash';
|
import _ from 'lodash';
|
||||||
|
|
||||||
const pagination = {
|
const pagination = {
|
||||||
|
@ -170,7 +135,7 @@
|
||||||
const props = defineProps({
|
const props = defineProps({
|
||||||
includes: {
|
includes: {
|
||||||
type: Array,
|
type: Array,
|
||||||
default() {
|
default () {
|
||||||
return [];
|
return [];
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
|
@ -180,11 +145,11 @@
|
||||||
},
|
},
|
||||||
goodsFieldsStyle: {
|
goodsFieldsStyle: {
|
||||||
type: Object,
|
type: Object,
|
||||||
default() {},
|
default () {},
|
||||||
},
|
},
|
||||||
buyData: {
|
buyData: {
|
||||||
type: Object,
|
type: Object,
|
||||||
default() {},
|
default () {},
|
||||||
},
|
},
|
||||||
});
|
});
|
||||||
|
|
||||||
|
@ -216,7 +181,10 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
async function getCoupon() {
|
async function getCoupon() {
|
||||||
const { error, msg } = await sheep.$api.coupon.get(state.couponId);
|
const {
|
||||||
|
error,
|
||||||
|
msg
|
||||||
|
} = await sheep.$api.coupon.get(state.couponId);
|
||||||
if (error === 0) {
|
if (error === 0) {
|
||||||
uni.showToast({
|
uni.showToast({
|
||||||
title: msg,
|
title: msg,
|
||||||
|
@ -227,10 +195,15 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
async function getCouponContent(id, c) {
|
async function getCouponContent(id, c) {
|
||||||
const { data } = await sheep.$api.coupon.detail(id, c);
|
const {
|
||||||
|
data
|
||||||
|
} = await sheep.$api.coupon.detail(id, c);
|
||||||
state.list = data;
|
state.list = data;
|
||||||
data.items_value.forEach((i) => {
|
data.items_value.forEach((i) => {
|
||||||
state.tabMaps.push({ name: i.name, value: i.id });
|
state.tabMaps.push({
|
||||||
|
name: i.name,
|
||||||
|
value: i.id
|
||||||
|
});
|
||||||
});
|
});
|
||||||
state.pagination = pagination;
|
state.pagination = pagination;
|
||||||
if (state.list.use_scope == 'category') {
|
if (state.list.use_scope == 'category') {
|
||||||
|
@ -244,6 +217,12 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
onLoad((options) => {
|
onLoad((options) => {
|
||||||
|
if (options.data) {
|
||||||
|
let data = JSON.parse(options.data);
|
||||||
|
console.log(data);
|
||||||
|
state.list = data;
|
||||||
|
return;
|
||||||
|
}
|
||||||
state.couponId = options.id;
|
state.couponId = options.id;
|
||||||
state.userCouponId = options.user_coupon_id;
|
state.userCouponId = options.user_coupon_id;
|
||||||
getCouponContent(state.couponId, state.userCouponId);
|
getCouponContent(state.couponId, state.userCouponId);
|
||||||
|
@ -262,13 +241,11 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.detail-wrap {
|
.detail-wrap {
|
||||||
background: linear-gradient(
|
background: linear-gradient(180deg,
|
||||||
180deg,
|
|
||||||
var(--ui-BG-Main),
|
var(--ui-BG-Main),
|
||||||
var(--ui-BG-Main-gradient),
|
var(--ui-BG-Main-gradient),
|
||||||
var(--ui-BG-Main),
|
var(--ui-BG-Main),
|
||||||
#fff
|
#fff);
|
||||||
);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.detail-box {
|
.detail-box {
|
||||||
|
@ -276,6 +253,7 @@
|
||||||
border-radius: 6rpx;
|
border-radius: 6rpx;
|
||||||
position: relative;
|
position: relative;
|
||||||
margin-top: 100rpx;
|
margin-top: 100rpx;
|
||||||
|
|
||||||
.tag-box {
|
.tag-box {
|
||||||
width: 140rpx;
|
width: 140rpx;
|
||||||
height: 140rpx;
|
height: 140rpx;
|
||||||
|
|
|
@ -7,12 +7,11 @@
|
||||||
<s-empty v-if="state.pagination.total === 0" icon="/static/coupon-empty.png" text="暂无优惠券"></s-empty>
|
<s-empty v-if="state.pagination.total === 0" icon="/static/coupon-empty.png" text="暂无优惠券"></s-empty>
|
||||||
<template v-if="state.currentTab == '0'">
|
<template v-if="state.currentTab == '0'">
|
||||||
<view v-for="item in state.pagination.list" :key="item.id">
|
<view v-for="item in state.pagination.list" :key="item.id">
|
||||||
<s-coupon-list :data="item">
|
<s-coupon-list :data="item" @tap="
|
||||||
<!-- @tap="
|
|
||||||
sheep.$router.go('/pages/coupon/detail', {
|
sheep.$router.go('/pages/coupon/detail', {
|
||||||
id: item.id,
|
data: JSON.stringify(item),
|
||||||
})
|
})">
|
||||||
" -->
|
|
||||||
<template #default>
|
<template #default>
|
||||||
<button class="ss-reset-button card-btn ss-flex ss-row-center ss-col-center"
|
<button class="ss-reset-button card-btn ss-flex ss-row-center ss-col-center"
|
||||||
:class="item.get_status != 'can_get' ? 'border-btn' : ''" @click.stop="getBuy(item.id)"
|
:class="item.get_status != 'can_get' ? 'border-btn' : ''" @click.stop="getBuy(item.id)"
|
||||||
|
@ -26,12 +25,12 @@
|
||||||
</template>
|
</template>
|
||||||
<template v-else>
|
<template v-else>
|
||||||
<view v-for="item in state.pagination.list" :key="item.id">
|
<view v-for="item in state.pagination.list" :key="item.id">
|
||||||
<s-coupon-list :data="item" type="user">
|
<s-coupon-list :data="item" type="user" @tap="
|
||||||
<!-- @tap="
|
|
||||||
sheep.$router.go('/pages/coupon/detail', {
|
sheep.$router.go('/pages/coupon/detail', {
|
||||||
id: item.id,
|
data: JSON.stringify(item),
|
||||||
})
|
})
|
||||||
" -->
|
">
|
||||||
|
|
||||||
<template #default>
|
<template #default>
|
||||||
<button class="ss-reset-button card-btn ss-flex ss-row-center ss-col-center" :class="
|
<button class="ss-reset-button card-btn ss-flex ss-row-center ss-col-center" :class="
|
||||||
item.status == 'can_get' || item.status == 'can_use'
|
item.status == 'can_get' || item.status == 'can_use'
|
||||||
|
@ -153,6 +152,10 @@
|
||||||
2: '已用',
|
2: '已用',
|
||||||
3: '过期'
|
3: '过期'
|
||||||
}
|
}
|
||||||
|
let obj2 = {
|
||||||
|
1: '满减',
|
||||||
|
2: '折扣'
|
||||||
|
}
|
||||||
res.data.list = res.data.list.map(item => {
|
res.data.list = res.data.list.map(item => {
|
||||||
return {
|
return {
|
||||||
...item,
|
...item,
|
||||||
|
@ -160,7 +163,8 @@
|
||||||
amount: (item.discountPrice / 100).toFixed(2),
|
amount: (item.discountPrice / 100).toFixed(2),
|
||||||
use_start_time: sheep.$helper.timeFormat(item.validStartTime, 'yyyy-mm-dd hh:MM:ss'),
|
use_start_time: sheep.$helper.timeFormat(item.validStartTime, 'yyyy-mm-dd hh:MM:ss'),
|
||||||
use_end_time: sheep.$helper.timeFormat(item.validEndTime, 'yyyy-mm-dd hh:MM:ss'),
|
use_end_time: sheep.$helper.timeFormat(item.validEndTime, 'yyyy-mm-dd hh:MM:ss'),
|
||||||
status_text: obj[item.status]
|
status_text: obj[item.status],
|
||||||
|
type_text: obj2[item.discountType]
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
if (page >= 2) {
|
if (page >= 2) {
|
||||||
|
|
|
@ -29,6 +29,16 @@ export default {
|
||||||
url: '/app-api/member/sign-in/record/create',
|
url: '/app-api/member/sign-in/record/create',
|
||||||
method: 'POST',
|
method: 'POST',
|
||||||
}),
|
}),
|
||||||
|
configLise: () =>
|
||||||
|
request({
|
||||||
|
url: '/app-api/member/sign-in/config/list',
|
||||||
|
method: 'GET',
|
||||||
|
}),
|
||||||
|
recordPage: () =>
|
||||||
|
request({
|
||||||
|
url: '/app-api/member/sign-in/record/page',
|
||||||
|
method: 'GET',
|
||||||
|
}),
|
||||||
// signAdd: () =>
|
// signAdd: () =>
|
||||||
// request({
|
// request({
|
||||||
// url: 'activity/signin',
|
// url: 'activity/signin',
|
||||||
|
|
Loading…
Reference in New Issue