zm/medicine_app
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

提交优惠券

Browse Source
This commit is contained in:
始于初见
2024-11-04 09:37:19 +08:00
parent 09fd7e80c2
commit f64fd29de2
11 changed files with 6993 additions and 6185 deletions
Download Patch File Download Diff File Expand all files Collapse all files

251
components/orderCoupon.vue
View File

@@ -5,37 +5,80 @@
<view class="tanchu"> <view class="tanchu">
<view class="dp_title">请选择优惠券</view> <view class="dp_title">请选择优惠券</view>
<template v-if="list.length > 0"> <template v-if="list.length > 0">
<view style="max-height:40vh;overflow-y: scroll;"> <view style="max-height: 40vh; overflow-y: scroll">
<view :class="youhuiIndex === index ? 'youhuiItem youItem_style' : 'youhuiItem'" <view v-for="(item, index) in list" :key="index">
v-for="(item,index) in list" :key="index" @click="choseYouhui(index)"> <view
<view style="width: 25%;color:#fd6004;text-align: center;"> :class="`youhuiItem ${
youhuiIndex === index ? ' youItem_style' : ''
} ${item.canUse === 0 ? 'disableSelect' : ''}`"
@click="choseYouhui(index)"
><text
class="border_radius_10"
style="
position: absolute;
top: 10rpx;
right: 10rpx;
font-size: 25rpx;
background-color: #ffe3e9;
color: #c81346;
padding: 6rpx;
"
>{{ item.couponEntity.couponRange | couponType }}</text
>
<view
style="width: 25%; color: #ff0043; text-align: center"
class="couponPrice"
>
<text>￥</text> <text>￥</text>
<b style="font-size: 45rpx;">{{item.couponEntity.couponAmount}}</b> <b style="font-size: 45rpx">{{
item.couponEntity.couponAmount
}}</b>
<text <text
style="display: block;color: #666;font-size: 25rpx;margin-top: 10rpx;">满{{item.couponEntity.useLevel}}元可用</text> class="useLevel"
style="
display: block;
color: #666;
font-size: 25rpx;
margin-top: 10rpx;
"
>满{{ item.couponEntity.useLevel }}元可用</text
>
</view> </view>
<view style="width: 68%;padding-left: 5%;"> <view style="width: 68%; padding-left: 5%">
<view> <view>
<text style="display: inline-block; margin-right: 6rpx;">{{item.couponEntity.couponName}}</text> <text
<text class="border_radius_10" style="font-size: 24rpx; background-color: #fad4bd; color: #666;">{{item.couponEntity.couponRange | couponType}}</text> style="
display: inline-block;
margin-right: 6rpx;
line-height: 36rpx;
"
>{{ item.couponEntity.couponName }}</text
>
</view> </view>
<text <text
style="display: block;font-size: 20rpx;color: #999;margin-top: 10rpx;">到期时间：{{item.effectType == 0 ? '永久有效' : item.endTime}}</text> style="
display: block;
font-size: 22rpx;
color: #999;
margin-top: 10rpx;
"
>有效期至：{{
item.effectType == 0 ? "永久有效" : item.endTime
}}</text
>
<template v-if="item.canUse == 0"> <template v-if="item.canUse == 0">
<view class="" style="font-size:20rpx; display: inline-block; padding:0 10rpx ; background-color: #d9d9d9; border-radius: 10rpx;"> <view
<text class=""
style="color: #999; " style="font-size: 20rpx; display: inline-block"
>不可用：</text> >
<text <text style="color: #333">不可用原因：</text>
style="color: #999; " <text style="color: #333">{{ item.canUseReason }}</text>
>{{item.canUseReason}}</text>
</view> </view>
</template> </template>
<text v-else
style="display: block;font-size: 20rpx;color: #999;margin-top: 4rpx;">说明：{{item.couponEntity.remark}}</text>
</view> </view>
<view style="width: 7%;"> <view
style="width: 7%; position: absolute; right: 20rpx; top: 43%"
>
<!-- <view class="" style="background-color: #d9d9d9; border-radius: 10rpx; 0 0 10rpx; text-align: center;" v-if="item.canUse == 0"> <!-- <view class="" style="background-color: #d9d9d9; border-radius: 10rpx; 0 0 10rpx; text-align: center;" v-if="item.canUse == 0">
<text <text
style="color: #999; " style="color: #999; "
@@ -44,25 +87,72 @@
<template v-if="item.canUse == 1"> <template v-if="item.canUse == 1">
<text <text
style="border: 1px solid #d9d9d9;width: 35rpx;height:35rpx;display:inline-block;border-radius: 30rpx;" style="
v-if="youhuiIndex !== index"></text> border: 1px solid #d9d9d9;
width: 35rpx;
height: 35rpx;
display: inline-block;
border-radius: 30rpx;
"
v-if="youhuiIndex !== index"
></text>
<u-icon name="checkmark-circle-fill" color="#fd6004" size="20" v-if="youhuiIndex === index"> <u-icon
name="checkmark-circle-fill"
color="#fd6004"
size="20"
v-if="youhuiIndex === index"
>
</u-icon> </u-icon>
</template> </template>
</view> </view>
<br clear="both"> <br clear="both" />
</view> </view>
<u-collapse
v-if="source != 'goodsDetail' && item.couponEntity.remark"
style="
margin-top: 0rpx;
z-index: 10 !important;
background-color: #fafafa;
border-bottom-left-radius: 10rpx;
border-bottom-right-radius: 10rpx;
"
:border="false"
>
<u-collapse-item title="详细信息" name="Docs guide">
<view
v-if="item.couponEntity.remark"
style="
font-size: 22rpx;
width: 100%;
margin-right: 20rpx !important;
"
>使用说明：{{ item.couponEntity.remark }}</view
>
</u-collapse-item>
</u-collapse>
</view>
<!-- <view style="font-size: 20rpx;color: #aaa;margin-top: 30rpx;">* 每笔订单只能使用一张优惠价</view> --> <!-- <view style="font-size: 20rpx;color: #aaa;margin-top: 30rpx;">* 每笔订单只能使用一张优惠价</view> -->
</view> </view>
<view class="btnBox flex_box flex_between"> <view class="btnBox flex_box flex_between" v-if="selectcouponList.length>0">
<view class="" style="width: 48%;"> <view class="" style="width: 48%">
<button type="default" @click="confirmCoupon('none')">不使用优惠券</button> <button type="default" @click="confirmCoupon('none')">
不使用优惠券
</button>
</view> </view>
<view class="" style="width: 48%;"> <view class="" style="width: 48%">
<button type="primary" @click="confirmCoupon()">选好了</button> <button type="primary" @click="confirmCoupon()">选好了</button>
</view> </view>
</view> </view>
<view class="btnBox flex_box flex_between" v-else>
<view class="" style="width: 100%">
<button type="default" @click="confirmCoupon('none')">
取消
</button>
</view>
</view>
</template> </template>
<view class="" v-else> <view class="" v-else>
<u-divider text="暂无可用优惠券哦"></u-divider> <u-divider text="暂无可用优惠券哦"></u-divider>
@@ -75,79 +165,79 @@
<script> <script>
export default { export default {
name: "orderCoupon", name: "orderCoupon",
props: ['list', 'curCouponId','sumMeony'], props: ["list", "curCouponId", "sumMeony", "addressId",'selectcouponList'],
data() { data() {
return { return {
youhuiShow: true, youhuiShow: true,
youhuiIndex: undefined youhuiIndex: undefined,
}; };
}, },
mounted() { mounted() {
console.log('进入了', this.curCouponId, this.sumMeony); console.log("进入了", this.curCouponId, this.sumMeony);
if (this.curCouponId) { if (this.curCouponId) {
this.youhuiIndex = this.list.findIndex(item => item.couponEntity.id === this.curCouponId); this.youhuiIndex = this.list.findIndex(
console.log('查找后的结果', this.youhuiIndex); (item) => item.couponEntity.id === this.curCouponId
);
console.log("查找后的结果", this.youhuiIndex);
} }
}, },
filters: { filters: {
couponType(type) { couponType(type) {
// 0无限制 1课程卷 2课程品类卷 // 0无限制 1课程卷 2课程品类卷
var str = '' var str = "";
switch (type) { switch (type) {
case 0: case 0:
str = '全场通用' str = "全场通用";
break; break;
case 1: case 1:
str = '指定课程可用' str = "指定课程可用";
break; break;
case 2: case 2:
str = '指定课程品类可用' str = "指定课程品类可用";
break; break;
} }
return str return str;
}
}, },
computed: {
}, },
computed: {},
methods: { methods: {
closePup() { closePup() {
this.youhuiIndex = undefined this.youhuiIndex = undefined;
this.$emit('close') this.$emit("close");
}, },
// 确定选中优惠券 // 确定选中优惠券
confirmCoupon(str) { confirmCoupon(str) {
console.log(str, '6666'); console.log(str, "6666");
if (str && str == 'none') { if (str && str == "none") {
// 清空优惠券操作 // 清空优惠券操作
this.$emit('confirmCoupon') this.$emit("confirmCoupon");
setTimeout(() => { setTimeout(() => {
this.closePup() this.closePup();
}, 300) }, 300);
return return;
} }
if (this.youhuiIndex == 0 || this.youhuiIndex) { if (this.youhuiIndex == 0 || this.youhuiIndex) {
this.$emit('confirmCoupon', this.list[this.youhuiIndex]) this.$emit("confirmCoupon", this.list[this.youhuiIndex]);
setTimeout(() => { setTimeout(() => {
this.closePup() this.closePup();
}, 300) }, 300);
} else { } else {
uni.showToast({ uni.showToast({
title: '请选择您要使用的优惠券', title: "请选择您要使用的优惠券",
icon: "none" icon: "none",
}) });
} }
}, },
// 选择优惠券 // 选择优惠券
choseYouhui(e) { choseYouhui(e) {
if (this.list[e].canUse == 0) { if (this.list[e].canUse == 0) {
return return;
} }
console.log('选中优惠券e', e); console.log("选中优惠券e", e);
this.youhuiIndex = e this.youhuiIndex = e;
}, },
} },
} };
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
@@ -225,7 +315,6 @@
margin: 0 0 0 20rpx; margin: 0 0 0 20rpx;
} }
.chooseCheck { .chooseCheck {
position: absolute; position: absolute;
top: 3rpx; top: 3rpx;
@@ -239,23 +328,40 @@
} }
} }
.addressItem.addItem_style { .addressItem.addItem_style {
border-color: #fd6004; border-color: #fd6004;
} }
.youhuiItem { .youhuiItem {
position: relative;
background: linear-gradient(to top right, #fff, #fef2f4);
border: 1px solid #d9d9d9; border: 1px solid #d9d9d9;
border-radius: 10rpx; border-radius: 10rpx;
width: 100%; width: 100%;
display: flex;
padding: 20rpx 10rpx; padding: 50rpx 20rpx 20rpx;
margin: 25rpx 0 0 0; margin: 25rpx 0 0 0;
align-items: center; align-items: center;
background-color: #fff; background-color: #fff;
font-size: 30rpx; font-size: 30rpx;
} }
.disableSelect {
background: linear-gradient(to top right, #fafafa, #fafafa) !important;
color: #979797 !important;
.couponPrice {
color: #979797 !important;
}
.useLevel {
color: #979797 !important;
}
.border_radius_10 {
color: #98989a !important;
background-color: #fafafa !important;
}
}
.youhuiItem > view { .youhuiItem > view {
float: left; float: left;
} }
@@ -264,4 +370,19 @@
border-color: #fd6004; border-color: #fd6004;
} }
} }
::v-deep .u-cell__body {
padding-top: 0 !important ;
padding-bottom: 0 !important ;
z-index: 10 !important ;
.u-cell__title-text {
color: #333 !important;
font-size: 24rpx !important;
padding-left: 0 !important;
}
}
::v-deep .u-collapse-item__content__text {
padding: 10rpx 20rpx !important;
box-sizing: border-box;
}
</style> </style>

9
config/baseUrl.js
View File

@@ -6,9 +6,9 @@ if (process.env.NODE_ENV === 'development') {
// socketUrl = "ws://localhost:6001/"; // socketUrl = "ws://localhost:6001/";
// baseUrl = "https://twin-ui.com/demo/"; // baseUrl = "https://twin-ui.com/demo/";
// baseUrl = "https://testapi.nuttyreading.com/"; // 线上测试环境 // baseUrl = "https://testapi.nuttyreading.com/"; // 线上测试环境
baseUrl = "https://api.nuttyreading.com/"; // 线上正式 // baseUrl = "https://api.nuttyreading.com/"; // 线上正式
// baseUrl = "http://192.168.110.110:9200/pb/"; // 磊哥 // baseUrl = "http://192.168.110.110:9200/pb/"; // 磊哥
// baseUrl = "http://192.168.110.100:9200/pb/"; // 开发用电脑 baseUrl = "http://192.168.110.100:9200/pb/"; // 张川川
// baseUrl = "http://59.110.212.44:9200/pb/"; // baseUrl = "http://59.110.212.44:9200/pb/";
// baseUrl = "http://192.168.110.100:9100/pb/"; // 开发用电脑 // baseUrl = "http://192.168.110.100:9100/pb/"; // 开发用电脑
// baseUrl = "http://192.168.110.110:9200/pb/"; // baseUrl = "http://192.168.110.110:9200/pb/";
@@ -16,11 +16,12 @@ if (process.env.NODE_ENV === 'development') {
// socketUrl = "ws://8.129.186.35:6001/"; // socketUrl = "ws://8.129.186.35:6001/";
} else if (process.env.NODE_ENV === 'production') { } else if (process.env.NODE_ENV === 'production') {
// 生产环境11 // 生产环境11
// baseUrl = "http://59.110.212.44:9100/pb/"; // baseUrl = "http://59.110.212.44:9100/pb/";
// baseUrl = "https://testapi.nuttyreading.com/"; // baseUrl = "https://testapi.nuttyreading.com/";
// baseUrl = "http://192.168.110.110:9200/pb/";//磊哥 // baseUrl = "http://192.168.110.110:9200/pb/";//磊哥
baseUrl = "https://api.nuttyreading.com/"; //1 // baseUrl = "https://api.nuttyreading.com/"; //1
// baseUrl = "http://192.168.110.100:9200/pb/"; // 开发用电脑 baseUrl = "http://192.168.110.100:9200/pb/"; // 张川川
// baseUrl = "ws://twin-ui.com:6001/"; // baseUrl = "ws://twin-ui.com:6001/";
// socketUrl = "ws://twin-ui.com:6001/"; // socketUrl = "ws://twin-ui.com:6001/";
} }

2
main.js
View File

@@ -88,6 +88,8 @@ import commonList from '@/pages/component/commonComponents/list.vue'
Vue.component('common-list', commonList); Vue.component('common-list', commonList);
import commonVideo from '@/pages/component/commonComponents/video/index.vue' import commonVideo from '@/pages/component/commonComponents/video/index.vue'
Vue.component('common-video', commonVideo); Vue.component('common-video', commonVideo);
import commonCoupon from '@/pages/component/commonComponents/coupon/index.vue'
Vue.component('common-coupon', commonCoupon);
import commonGoodsList from '@/pages/component/commonComponents/goodsList.vue' import commonGoodsList from '@/pages/component/commonComponents/goodsList.vue'
Vue.component('common-goods-list', commonGoodsList); Vue.component('common-goods-list', commonGoodsList);
import commonCurriculumList from '@/pages/component/commonComponents/curriculum.vue' import commonCurriculumList from '@/pages/component/commonComponents/curriculum.vue'

4
manifest.json
View File

@@ -12,8 +12,8 @@
"src" : "图片路径" "src" : "图片路径"
} }
], ],
"versionName" : "1.0.28", "versionName" : "1.0.31",
"versionCode" : 1028, "versionCode" : 1031,
"app-plus" : { "app-plus" : {
"nvueCompiler" : "weex", "nvueCompiler" : "weex",
"compatible" : { "compatible" : {

525
pages/bookShop/orderList.vue
View File

@@ -1,16 +1,8 @@
<template> <template>
<view <view class="container commonPageBox commonDetailPage" style="background-color: #f6f7fb">
class="container commonPageBox commonDetailPage"
style="background-color: #f6f7fb"
>
<!-- 公共组件-每个页面必须引入 --> <!-- 公共组件-每个页面必须引入 -->
<public-module></public-module> <public-module></public-module>
<z-nav-bar <z-nav-bar title="我的订单" bgColor="#258feb" fontColor="#fff" :backState="2000">
title="我的订单"
bgColor="#258feb"
fontColor="#fff"
:backState="2000"
>
<!-- <template slot="left"> <!-- <template slot="left">
<u-icon <u-icon
@click="goHome" @click="goHome"
@@ -26,44 +18,24 @@
<!-- <z-nav-bar backState="2000" title="我的订单"></z-nav-bar> --> <!-- <z-nav-bar backState="2000" title="我的订单"></z-nav-bar> -->
<view class="cateList flexbox"> <view class="cateList flexbox">
<common-sticky <common-sticky itemStyle="width:20%; height: 68rpx;font-size:24rpx;" :list="ordersTabs" label="name"
itemStyle="width:20%; height: 68rpx;font-size:24rpx;" :currentCateIndex="currentCateIndex" @handleselectCate="ordersTabCLi"></common-sticky>
:list="ordersTabs"
label="name"
:currentCateIndex="currentCateIndex"
@handleselectCate="ordersTabCLi"
></common-sticky>
</view> </view>
<!-- 站位 --> <!-- 站位 -->
<!-- <view v-if="ordersListTab == 1"> --> <!-- <view v-if="ordersListTab == 1"> -->
<view <view class="order_box" :style="`height: calc(100% - ${(80 + statusBarHeight) * 2}rpx);`"
class="order_box" style="background-color: #f2f2f2">
:style="`height: calc(100% - ${(80 + statusBarHeight) * 2}rpx);`" <common-list imgUrl="url" indexKey="orderSn" noDataIcon="data" :isScroll="true"
style="background-color: #f2f2f2" :isLoadingHide="isLoadingHide" :isNoIcon="true" :isCondition="true" :dataList="newList"
> @hancleClick="toDetail" @lower="onReachBottom1" :pagination="pagination" label="title">
<common-list
imgUrl="url"
indexKey="orderSn"
noDataIcon="data"
:isScroll="true"
:isLoadingHide="isLoadingHide"
:isNoIcon="true"
:isCondition="true"
:dataList="newList"
@hancleClick="toDetail"
@lower="onReachBottom1"
:pagination="pagination"
label="title"
>
<view slot="labelSlot" slot-scope="slotProps"> <view slot="labelSlot" slot-scope="slotProps">
<view class="orderInfo color_shandow"> <view class="orderInfo color_shandow">
<view class="mainContent"> <view class="mainContent">
<view class="btns" style="margin-top: 0rpx"> <view class="btns" style="margin-top: 0rpx">
<view class="flexbox opbtns" style="letter-spacing: 1rpx"> <view class="flexbox opbtns" style="letter-spacing: 1rpx">
<view <view style="
style="
width: 100%; width: 100%;
display: flex; display: flex;
align-items: center; align-items: center;
@@ -72,71 +44,30 @@
color: #9b9b9b; color: #9b9b9b;
font-size: 26rpx; font-size: 26rpx;
font-weight: 400; font-weight: 400;
" ">{{ slotProps.row.orderSn }}
>{{ slotProps.row.orderSn }}
<u-tag <u-tag @click="handleCopy(slotProps.row.orderSn, '订单编号')" borderColor="#258feb"
@click="handleCopy(slotProps.row.orderSn, '订单编号')" color="#258feb" text="复制" plain style="float: right" size="mini"
borderColor="#258feb" type="success"></u-tag>
color="#258feb" </view>
text="复制"
plain
style="float: right"
size="mini"
type="success"
></u-tag
></view>
</view> </view>
</view> </view>
<view class="item"> <view class="item">
<view <view class="item_top" style="margin-top: 10rpx; margin-bottom: 0">
class="item_top"
style="margin-top: 10rpx; margin-bottom: 0"
>
<view class="source_app"></view> <view class="source_app"></view>
<view style="text-align: left"> <view style="text-align: left">
<text <text class="orderstatus" v-show="slotProps.row.orderStatus == 0">未付款</text>
class="orderstatus" <text class="orderstatus" v-show="slotProps.row.orderStatus == 1">待发货</text>
v-show="slotProps.row.orderStatus == 0" <text class="orderstatus" v-show="slotProps.row.orderStatus == 2">已发货</text>
>未付款</text <text class="orderstatus" v-show="slotProps.row.orderStatus == 3">交易成功</text>
> <text class="orderstatus" v-show="slotProps.row.orderStatus == 4">交易失败</text>
<text <text class="orderstatus" v-show="slotProps.row.orderStatus == 5">已过期</text>
class="orderstatus"
v-show="slotProps.row.orderStatus == 1"
>待发货</text
>
<text
class="orderstatus"
v-show="slotProps.row.orderStatus == 2"
>已发货</text
>
<text
class="orderstatus"
v-show="slotProps.row.orderStatus == 3"
>交易成功</text
>
<text
class="orderstatus"
v-show="slotProps.row.orderStatus == 4"
>交易失败</text
>
<text
class="orderstatus"
v-show="slotProps.row.orderStatus == 5"
>已过期</text
>
</view> </view>
</view> </view>
<view <view v-if="slotProps.row.orderType == 'relearn'" class="bookinfolist">
v-if="slotProps.row.orderType == 'relearn'" <image class="feng fengPoint" src="/static/icon/fugou.png" mode="aspectFill">
class="bookinfolist" </image>
>
<image
class="feng fengPoint"
src="/static/icon/fugou.png"
mode="aspectFill"
></image>
<!-- <view class="description" >课程复读订单 <!-- <view class="description" >课程复读订单
</view> --> </view> -->
<view class="btns flexbox"> <view class="btns flexbox">
@@ -144,14 +75,12 @@
{{ slotProps.row.remark }} {{ slotProps.row.remark }}
</view> </view>
<view <view style="
style="
line-height: 58rpx; line-height: 58rpx;
color: #333; color: #333;
font-size: 26rpx; font-size: 26rpx;
font-weight: 700; font-weight: 700;
" ">
>
<text style="font-size: 20rpx"></text> <text style="font-size: 20rpx"></text>
</view> </view>
</view> </view>
@@ -162,106 +91,70 @@
下单时间：{{ slotProps.row.createTime }} 下单时间：{{ slotProps.row.createTime }}
</view> --> </view> -->
</view> </view>
<view <view v-if="slotProps.row.orderType == 'vip'" class="bookinfolist">
v-if="slotProps.row.orderType == 'vip'" <image class="feng fengPoint" src="/static/icon/vip.png" mode="aspectFill"></image>
class="bookinfolist"
>
<image
class="feng fengPoint"
src="/static/icon/vip.png"
mode="aspectFill"
></image>
<!-- <view class="description" v-html="item.content"> <!-- <view class="description" v-html="item.content">
</view> --> </view> -->
<view class="btns flexbox"> <view class="btns flexbox">
<view class="booknameleft"> <view class="booknameleft">
{{ slotProps.row.vipBuyConfigEntity.title }} {{ slotProps.row.vipBuyConfigEntity?slotProps.row.vipBuyConfigEntity.title:' ' }}
</view> </view>
<view <view style="
style="
line-height: 58rpx; line-height: 58rpx;
color: #333; color: #333;
font-size: 26rpx; font-size: 26rpx;
font-weight: 700; font-weight: 700;
" ">
>
<text style="font-size: 20rpx"></text> <text style="font-size: 20rpx"></text>
</view> </view>
</view> </view>
<view <view class="btns flexbox"
class="btns flexbox" style="color: #9f9f9f; margin-top: 10rpx; font-size: 24rpx">
style="color: #9f9f9f; margin-top: 10rpx; font-size: 24rpx"
>
下单时间：{{ slotProps.row.createTime }} 下单时间：{{ slotProps.row.createTime }}
</view> </view>
</view> </view>
<view <view v-if="slotProps.row.orderType == 'point'" class="bookinfolist">
v-if="slotProps.row.orderType == 'point'" <image class="feng fengPoint" src="/static/icon/pay_3.png" mode="aspectFill">
class="bookinfolist" </image>
>
<image
class="feng fengPoint"
src="/static/icon/pay_3.png"
mode="aspectFill"
></image>
<!-- <view class="description" v-html="item.content"> <!-- <view class="description" v-html="item.content">
</view> --> </view> -->
<view class="btns flexbox"> <view class="btns flexbox">
<view class="booknameleft"> <view class="booknameleft">
充值 充值
{{ slotProps.row.bookBuyConfigEntity.money }}天医币</view {{ slotProps.row.bookBuyConfigEntity.money }}天医币
> </view>
<view <view style="
style="
line-height: 58rpx; line-height: 58rpx;
color: #333; color: #333;
font-size: 26rpx; font-size: 26rpx;
font-weight: 700; font-weight: 700;
" ">
>
</view> </view>
</view> </view>
<view <view class="btns flexbox"
class="btns flexbox" style="color: #9f9f9f; margin-top: 10rpx; font-size: 24rpx">
style="color: #9f9f9f; margin-top: 10rpx; font-size: 24rpx"
>
下单时间：{{ slotProps.row.createTime }} 下单时间：{{ slotProps.row.createTime }}
</view> </view>
</view> </view>
<view v-if="slotProps.row.orderType == 'order'"> <view v-if="slotProps.row.orderType == 'order'">
<view <view v-for="(item2, index2) in slotProps.row.productList"
v-for="(item2, index2) in slotProps.row.productList" :key="slotProps.row.orderId" class="bookinfolist">
:key="slotProps.row.orderId"
class="bookinfolist"
>
<view v-if="item2.product"> <view v-if="item2.product">
<view <view class="feng" v-if="item2.product && item2.product.productImages">
class="feng" <image :key="Date.now()" style="width: 100%; height: 100%"
v-if="item2.product && item2.product.productImages" mode="aspectFit" :src="item2.product.productImages"></image>
>
<image
:key="Date.now()"
style="width: 100%; height: 100%"
mode="aspectFit"
:src="item2.product.productImages"
></image>
</view> </view>
<view <view v-else class="feng" style="
v-else
class="feng"
style="
color: #c0c4cc; color: #c0c4cc;
font-size: 22rpx; font-size: 22rpx;
line-height: 140rpx; line-height: 140rpx;
text-align: center; text-align: center;
" ">暂无封面图</view>
>暂无封面图</view
>
<!-- <view class="description" v-html="item.content"> <!-- <view class="description" v-html="item.content">
</view> --> </view> -->
<view class="btns flexbox"> <view class="btns flexbox">
@@ -271,26 +164,21 @@
: "" : ""
}}</view> }}</view>
<view <view style="
style="
line-height: 58rpx; line-height: 58rpx;
color: #333; color: #333;
font-size: 26rpx; font-size: 26rpx;
font-weight: 700; font-weight: 700;
" ">
>
<text style="font-size: 20rpx">￥</text> <text style="font-size: 20rpx">￥</text>
{{ {{
item2.product.price ? item2.product.price : "" item2.product.price ? item2.product.price : ""
}}</view }}
> </view>
</view> </view>
<view class="btns flexbox" style="margin-top: 10rpx"> <view class="btns flexbox" style="margin-top: 10rpx">
<view class="left" style="color: #c0c4cc"></view> <view class="left" style="color: #c0c4cc"></view>
<view <view class="right flexbox opbtns" style="color: #c0c4cc">
class="right flexbox opbtns"
style="color: #c0c4cc"
>
×{{ item2.quantity ? item2.quantity : "" }} ×{{ item2.quantity ? item2.quantity : "" }}
</view> </view>
</view> </view>
@@ -298,13 +186,8 @@
<view v-else> <view v-else>
<view class="feng"></view> <view class="feng"></view>
<view class="btns flexbox"> <view class="btns flexbox">
<view class="booknameleft" style="color: #181818" <view class="booknameleft" style="color: #181818">未知商品</view>
>未知商品</view <view style="" class="right flexbox opbtns product_quantity">
>
<view
style=""
class="right flexbox opbtns product_quantity"
>
×{{ item2.quantity ? item2.quantity : "" }} ×{{ item2.quantity ? item2.quantity : "" }}
</view> </view>
</view> </view>
@@ -313,147 +196,94 @@
</view> </view>
<view style="margin-top: 10rpx; overflow: hidden"> <view style="margin-top: 10rpx; overflow: hidden">
<view <view class="btns flexbox" style="float: right; width: auto !important">
class="btns flexbox" <view class="right flexbox opbtns" style="
style="float: right; width: auto !important"
>
<view
class="right flexbox opbtns"
style="
width: auto; width: auto;
line-height: 44rpx; line-height: 44rpx;
letter-spacing: 1rpx; letter-spacing: 1rpx;
display: flex; display: flex;
align-items: center; align-items: center;
" ">
> <view style="
<view
style="
line-height: 46rpx; line-height: 46rpx;
color: #000; color: #000;
font-size: 28rpx; font-size: 28rpx;
font-weight: 500; font-weight: 500;
margin-right: 10rpx; margin-right: 10rpx;
" ">实付款</view>
>实付款</view <view style="
>
<view
style="
/* margin-top: 8rpx; */ /* margin-top: 8rpx; */
line-height: 46rpx; line-height: 46rpx;
color: #333; color: #333;
font-size: 30rpx; font-size: 30rpx;
font-weight: 700; font-weight: 700;
" ">
>
<text style="font-size: 20rpx">￥</text> <text style="font-size: 20rpx">￥</text>
{{ {{
slotProps.row.realMoney || slotProps.row.realMoney ||
slotProps.row.realMoney == 0 slotProps.row.realMoney == 0
? slotProps.row.realMoney ? slotProps.row.realMoney
: "" : ""
}}</view }}
>
</view> </view>
</view> </view>
<view </view>
class="btns flexbox" <view class="btns flexbox" style="
style="
margin-top: 0rpx; margin-top: 0rpx;
float: right; float: right;
width: auto; width: auto;
margin-left: 20rpx; margin-left: 20rpx;
" " v-if="
v-if="
(slotProps.row.addressId == 0 || (slotProps.row.addressId == 0 ||
slotProps.row.addressId == null) && slotProps.row.addressId == null) &&
slotProps.row.orderType == 'order' && slotProps.row.orderType == 'order' &&
slotProps.row.jfDeduction > 0 slotProps.row.jfDeduction > 0
" ">
> <view class="right flexbox opbtns" style="
<view
class="right flexbox opbtns"
style="
line-height: 44rpx; line-height: 44rpx;
letter-spacing: 1rpx; letter-spacing: 1rpx;
display: flex; display: flex;
align-items: center; align-items: center;
" "><text style="color: #9b9b9b">（ </text>
><text style="color: #9b9b9b">（ </text> <view style="
<view
style="
line-height: 46rpx; line-height: 46rpx;
color: #9b9b9b; color: #9b9b9b;
font-size: 24rpx; font-size: 24rpx;
font-weight: 500; font-weight: 500;
margin-right: 10rpx; margin-right: 10rpx;
" ">积分抵扣</view>
>积分抵扣</view <view style="
>
<view
style="
/* margin-top: 8rpx; */ /* margin-top: 8rpx; */
line-height: 46rpx; line-height: 46rpx;
color: #9b9b9b; color: #9b9b9b;
font-size: 26rpx; font-size: 26rpx;
font-weight: 700; font-weight: 700;
" ">
>
<text style="font-size: 20rpx">￥</text> <text style="font-size: 20rpx">￥</text>
{{ slotProps.row.jfDeduction }} {{ slotProps.row.jfDeduction }}
</view> </view </view>
><text style="color: #9b9b9b">）</text> </view><text style="color: #9b9b9b">）</text>
</view> </view>
</view> </view>
<view <view class="operation_box boxShadow" v-if="slotProps.row.isShowMore == true">
class="operation_box boxShadow" <view v-if="slotProps.row.orderStatus == 0"
v-if="slotProps.row.isShowMore == true" @click.native.stop="canceOrder(slotProps.row)">取消订单</view>
>
<view
v-if="slotProps.row.orderStatus == 0"
@click.native.stop="canceOrder(slotProps.row)"
>取消订单</view
>
</view> </view>
<view class="btns flexbox" style="margin-top: 10rpx"> <view class="btns flexbox" style="margin-top: 10rpx">
<view <view class="left" style="color: #c0c4cc" @click.native.stop="
class="left"
style="color: #c0c4cc"
@click.native.stop="
openMore(slotProps.row, slotProps.rowIndex) openMore(slotProps.row, slotProps.rowIndex)
" ">更多</view>
>更多</view
>
<view class="right flexbox opbtns"> <view class="right flexbox opbtns">
<view <view class="orderstatusbtn orderstatusbtn_success"
class="orderstatusbtn orderstatusbtn_success"
v-if="slotProps.row.orderStatus == 0 && slotProps.row.paymentMethod != 3" v-if="slotProps.row.orderStatus == 0 && slotProps.row.paymentMethod != 3"
@click.stop="goPay(slotProps.row)" @click.stop="goPay(slotProps.row)">继续付款</view>
>继续付款</view <view class="orderstatusbtn" v-if="slotProps.row.orderStatus == 1">催发货</view>
> <view class="orderstatusbtn" v-if="slotProps.row.orderStatus == 2"
<view @click.native.stop="seeExpressDetail(slotProps.row)">查看物流</view>
class="orderstatusbtn" <view class="orderstatusbtn" v-if="slotProps.row.orderStatus == 2"
v-if="slotProps.row.orderStatus == 1" @click.native.stop="OverOrder(slotProps.row)">确认收货</view>
>催发货</view <view class="orderstatusbtn" v-if="slotProps.row.orderStatus == 3">申请售后</view>
>
<view
class="orderstatusbtn"
v-if="slotProps.row.orderStatus == 2"
@click.native.stop="seeExpressDetail(slotProps.row)"
>查看物流</view
>
<view
class="orderstatusbtn"
v-if="slotProps.row.orderStatus == 2"
@click.native.stop="OverOrder(slotProps.row)"
>确认收货</view
>
<view
class="orderstatusbtn"
v-if="slotProps.row.orderStatus == 3"
>申请售后</view
>
<!-- <view <!-- <view
class="orderstatusbtn" class="orderstatusbtn"
v-if="item.orderStatus == 3 && userRecordid == null" v-if="item.orderStatus == 3 && userRecordid == null"
@@ -464,10 +294,8 @@
</view> </view>
</view> </view>
<view <view style="border-bottom: 2rpx solid #e9e9e9; height: 50rpx"
style="border-bottom: 2rpx solid #e9e9e9; height: 50rpx" v-if="slotProps.rowIndex < slotProps.row.length - 1"></view>
v-if="slotProps.rowIndex < slotProps.row.length - 1"
></view>
</view> </view>
<!-- <view class="btns" style="margin-top: 10rpx"> <!-- <view class="btns" style="margin-top: 10rpx">
<view class="flexbox opbtns" style=""> <view class="flexbox opbtns" style="">
@@ -532,94 +360,49 @@
</uni-forms> </uni-forms>
<!-- <u-button type="success" @click="submitPJ">提交评价</u-button> --> <!-- <u-button type="success" @click="submitPJ">提交评价</u-button> -->
<!-- 提交 --> <!-- 提交 -->
<view <view class="padding-bottom-sm flex padding-lr-sm" style="border-bottom: 1px solid #eeeeee">
class="padding-bottom-sm flex padding-lr-sm"
style="border-bottom: 1px solid #eeeeee"
>
<view class="mb30" v-if="pjType != 'zhuiping'"> <view class="mb30" v-if="pjType != 'zhuiping'">
<view <view :class="['star', Pform.star >= 1 ? 'starLight' : 'starGray']" @click="getStar(1)">
:class="['star', Pform.star >= 1 ? 'starLight' : 'starGray']" </view>
@click="getStar(1)" <view :class="['star', Pform.star >= 2 ? 'starLight' : 'starGray']" @click="getStar(2)">
></view> </view>
<view <view :class="['star', Pform.star >= 3 ? 'starLight' : 'starGray']" @click="getStar(3)">
:class="['star', Pform.star >= 2 ? 'starLight' : 'starGray']" </view>
@click="getStar(2)" <view :class="['star', Pform.star >= 4 ? 'starLight' : 'starGray']" @click="getStar(4)">
></view> </view>
<view <view :class="['star', Pform.star >= 5 ? 'starLight' : 'starGray']" @click="getStar(5)">
:class="['star', Pform.star >= 3 ? 'starLight' : 'starGray']" </view>
@click="getStar(3)"
></view>
<view
:class="['star', Pform.star >= 4 ? 'starLight' : 'starGray']"
@click="getStar(4)"
></view>
<view
:class="['star', Pform.star >= 5 ? 'starLight' : 'starGray']"
@click="getStar(5)"
></view>
</view> </view>
<view class="mb30" v-if="pjType != 'zhuiping'"> <view class="mb30" v-if="pjType != 'zhuiping'">
<!-- <uni-file-picker :auto-upload="false" ref="files" @delete="deleteImg" limit="5" @success="upSuccess" @select="select" v-model="Pform.img" fileMediatype="image" :image-styles="imageStyles"/> --> <!-- <uni-file-picker :auto-upload="false" ref="files" @delete="deleteImg" limit="5" @success="upSuccess" @select="select" v-model="Pform.img" fileMediatype="image" :image-styles="imageStyles"/> -->
<u-upload <u-upload :fileList="Pform.img" @afterRead="afterRead" @delete="deletePic" multiple
:fileList="Pform.img" :maxCount="4" width="80" height="80" :previewFullImage="true">
@afterRead="afterRead"
@delete="deletePic"
multiple
:maxCount="4"
width="80"
height="80"
:previewFullImage="true"
>
</u-upload> </u-upload>
</view> </view>
<view class="flex-sub flexbox"> <view class="flex-sub flexbox">
<i @click="showEmj()" :class="emojiIcon"></i> <i @click="showEmj()" :class="emojiIcon"></i>
<!-- <input type="text" @focus="InputFocus" @blur="InputBlur" v-model="message" @input="textareaBInput" placeholder-style="font-size:24rpx;color:#aaaaaa;" placeholder="请输入您要发送的内容"></input> --> <!-- <input type="text" @focus="InputFocus" @blur="InputBlur" v-model="message" @input="textareaBInput" placeholder-style="font-size:24rpx;color:#aaaaaa;" placeholder="请输入您要发送的内容"></input> -->
<textarea <textarea class="textarea" v-model="Pform.comment" @focus="InputFocus" @blur="InputBlur"
class="textarea" @input="textareaBInput" placeholder-style="font-size:24rpx;color:#aaaaaa;"
v-model="Pform.comment" placeholder="请输入您要发送的内容"></textarea>
@focus="InputFocus"
@blur="InputBlur"
@input="textareaBInput"
placeholder-style="font-size:24rpx;color:#aaaaaa;"
placeholder="请输入您要发送的内容"
></textarea>
</view> </view>
<view class=""> <view class="">
<!-- <button class="cu-btn bg-gradual-blue shadow-blur">发送</button> --> <!-- <button class="cu-btn bg-gradual-blue shadow-blur">发送</button> -->
<u-button <u-button type="success" @click="submitPJ" v-if="pjType != 'zhuiping'">提交评价</u-button>
type="success" <u-button type="success" @click="zhuiping" v-else>提交追评</u-button>
@click="submitPJ"
v-if="pjType != 'zhuiping'"
>提交评价</u-button
>
<u-button type="success" @click="zhuiping" v-else
>提交追评</u-button
>
</view> </view>
</view> </view>
<view style="position: relative"> <view style="position: relative">
<emotion <emotion @emotion="handleEmj" :height="220" v-if="isShowEmj" :windowWidth="windowWidth">
@emotion="handleEmj" </emotion>
:height="220"
v-if="isShowEmj"
:windowWidth="windowWidth"
></emotion>
</view> </view>
</view> </view>
</view> </view>
</u-popup> </u-popup>
<z-navigation></z-navigation> <z-navigation></z-navigation>
<u-action-sheet <u-action-sheet :closeOnClickAction="true" :closeOnClickOverlay="true" :actions="moreList" :show="isShowMore"
:closeOnClickAction="true" cancelText="关闭" @close="isShowMore = false" @select="selectClick"></u-action-sheet>
:closeOnClickOverlay="true"
:actions="moreList"
:show="isShowMore"
cancelText="关闭"
@close="isShowMore = false"
@select="selectClick"
></u-action-sheet>
<!-- <music-play :playData="playData"></music-play> --> <!-- <music-play :playData="playData"></music-play> -->
</view> </view>
</template> </template>
@@ -628,9 +411,16 @@
import $http from "@/config/requestConfig.js"; import $http from "@/config/requestConfig.js";
import emotion from "@/bkhumor-emojiplus/components/bkhumor-emojiplus/bkhumor-emojiplus.vue"; import emotion from "@/bkhumor-emojiplus/components/bkhumor-emojiplus/bkhumor-emojiplus.vue";
// import musicPlay from "@/components/music.vue"; // import musicPlay from "@/components/music.vue";
import { setPay, setPayAssign, setWXPay } from "@/config/utils"; import {
setPay,
setPayAssign,
setWXPay
} from "@/config/utils";
// import { data } from 'jquery'; // import { data } from 'jquery';
import { mapState, mapMutations } from "vuex"; import {
mapState,
mapMutations
} from "vuex";
export default { export default {
data() { data() {
return { return {
@@ -638,12 +428,10 @@ export default {
come: "2", come: "2",
isShowTab: false, isShowTab: false,
isLoadingHide: false, isLoadingHide: false,
moreList: [ moreList: [{
{
name: "取消订单", name: "取消订单",
key: "false", key: "false",
}, }, ],
],
currentCateIndex: 0, currentCateIndex: 0,
pagination: { pagination: {
// 请求参数 // 请求参数
@@ -668,8 +456,7 @@ export default {
status: 3, status: 3,
shupingList: [], shupingList: [],
bfaid: null, bfaid: null,
ordersTabs: [ ordersTabs: [{
{
name: "全部", name: "全部",
value: -1, value: -1,
badge: {}, badge: {},
@@ -848,8 +635,7 @@ export default {
// url:'../bookShop/commentsDetail?bookid='+val.bookid+'&bfa_id='+val.id // url:'../bookShop/commentsDetail?bookid='+val.bookid+'&bfa_id='+val.id
// }) // })
uni.navigateTo({ uni.navigateTo({
url: url: "/pages/bookShop/orderLCont?orderId=" +
"/pages/bookShop/orderLCont?orderId=" +
val.orderId + val.orderId +
"&orderType=" + "&orderType=" +
val.orderStatus + val.orderStatus +
@@ -957,8 +743,7 @@ export default {
console.log(payItem, "订单数据"); console.log(payItem, "订单数据");
if (payItem.paymentMethod == 2) { if (payItem.paymentMethod == 2) {
console.log("阿里支付"); console.log("阿里支付");
setPay( setPay({
{
typePay: "alipay", typePay: "alipay",
subject: "order", subject: "order",
totalAmount: payItem.realMoney, totalAmount: payItem.realMoney,
@@ -1110,8 +895,7 @@ export default {
// }else if(this.sheetList.length == 1){ // }else if(this.sheetList.length == 1){
// 直接展示详情 // 直接展示详情
uni.navigateTo({ uni.navigateTo({
url: url: "./deliverDetail?orderSn=" +
"./deliverDetail?orderSn=" +
item.orderSn + item.orderSn +
"&expressOrderSn=" + "&expressOrderSn=" +
item.expressList[0].expressOrderSn, item.expressList[0].expressOrderSn,
@@ -1153,8 +937,7 @@ export default {
this.getBookList(this.ordersListTab, false); this.getBookList(this.ordersListTab, false);
} }
}); });
} else if (res.cancel) { } else if (res.cancel) {}
}
}, },
}); });
}, },
@@ -1284,7 +1067,10 @@ export default {
this.emoji = this.emoji.slice(0, -1); this.emoji = this.emoji.slice(0, -1);
} }
} else { } else {
this.emoji.push({ tag: i.emotion, name: i.emotioni }); this.emoji.push({
tag: i.emotion,
name: i.emotioni
});
// console.log(this.emoji,'this.emoji') // console.log(this.emoji,'this.emoji')
this.Pform.comment += i.emotioni; this.Pform.comment += i.emotioni;
/// this.Pform.html += i.emotion /// this.Pform.html += i.emotion
@@ -1300,6 +1086,7 @@ export default {
<style lang="scss" scoped> <style lang="scss" scoped>
@import "@/style/mixin.scss"; @import "@/style/mixin.scss";
.ordersTabs { .ordersTabs {
// margin: 70rpx 0 0 0; // margin: 70rpx 0 0 0;
width: 730rpx; width: 730rpx;
@@ -1317,6 +1104,7 @@ export default {
text-align: center; text-align: center;
font-size: 30rpx; font-size: 30rpx;
position: relative; position: relative;
.ordersnum { .ordersnum {
position: absolute; position: absolute;
top: 8rpx; top: 8rpx;
@@ -1338,6 +1126,7 @@ export default {
font-weight: bold; font-weight: bold;
} }
} }
.orderstatusbtn { .orderstatusbtn {
width: 160rpx !important; width: 160rpx !important;
height: 60rpx; height: 60rpx;
@@ -1350,30 +1139,37 @@ export default {
margin-left: 20rpx; margin-left: 20rpx;
font-size: 28rpx; font-size: 28rpx;
} }
.orderstatusbtn_success { .orderstatusbtn_success {
color: #f5342b; color: #f5342b;
border-color: #f5342b; border-color: #f5342b;
} }
.flexbox { .flexbox {
display: flex; display: flex;
} }
.container { .container {
padding: 0 10px; padding: 0 10px;
} }
.star { .star {
display: inline-block; display: inline-block;
width: 20px; width: 20px;
height: 20px; height: 20px;
margin-right: 10rpx; margin-right: 10rpx;
} }
.starGray { .starGray {
background: url(../../static/icon/star_greey.png) no-repeat; background: url(../../static/icon/star_greey.png) no-repeat;
background-size: contain; background-size: contain;
} }
.starLight { .starLight {
background: url(../../static/icon/star_light.png) no-repeat; background: url(../../static/icon/star_light.png) no-repeat;
background-size: contain; background-size: contain;
} }
.cuIcon-emoji { .cuIcon-emoji {
background: url(../../static/biaoqing.png) no-repeat; background: url(../../static/biaoqing.png) no-repeat;
background-size: contain; background-size: contain;
@@ -1381,12 +1177,14 @@ export default {
margin-right: 20rpx; margin-right: 20rpx;
width: 30px; width: 30px;
} }
.cuIcon-keyboard { .cuIcon-keyboard {
background: url(../../static/biaoqing.png) no-repeat; background: url(../../static/biaoqing.png) no-repeat;
background-size: contain; background-size: contain;
display: block; display: block;
width: 30px; width: 30px;
} }
.tanchu { .tanchu {
padding: 40rpx 30rpx 40rpx 30rpx; padding: 40rpx 30rpx 40rpx 30rpx;
position: relative; position: relative;
@@ -1423,12 +1221,14 @@ export default {
padding-bottom: 20rpx; padding-bottom: 20rpx;
padding-top: 20rpx; padding-top: 20rpx;
} }
.gengduoshuping { .gengduoshuping {
text-align: right; text-align: right;
color: #0044ff; color: #0044ff;
padding-bottom: 20rpx; padding-bottom: 20rpx;
padding-top: 20rpx; padding-top: 20rpx;
} }
.orderInfo { .orderInfo {
position: relative; position: relative;
justify-content: space-between; justify-content: space-between;
@@ -1440,23 +1240,28 @@ export default {
// padding-bottom: 20rpx; // padding-bottom: 20rpx;
border-radius: 20rpx; border-radius: 20rpx;
margin-bottom: 20rpx; margin-bottom: 20rpx;
.bookinfolist { .bookinfolist {
width: 100%; width: 100%;
margin-bottom: 20rpx; margin-bottom: 20rpx;
overflow: hidden; overflow: hidden;
// height: 180rpx; // height: 180rpx;
} }
.bookinfolist:nth-last-child(1) { .bookinfolist:nth-last-child(1) {
margin-bottom: 0 !important; margin-bottom: 0 !important;
} }
.operation_box { .operation_box {
position: absolute; position: absolute;
bottom: 20rpx; bottom: 20rpx;
left: 40rpx; left: 40rpx;
} }
} }
.mainContent { .mainContent {
background-color: #fff; background-color: #fff;
.item { .item {
// padding: 10px; // padding: 10px;
// margin-bottom: 30rpx; // margin-bottom: 30rpx;
@@ -1466,6 +1271,7 @@ export default {
border-radius: 20rpx; border-radius: 20rpx;
// margin-bottom: 20rpx; // margin-bottom: 20rpx;
} }
.feng { .feng {
background-color: #fafafa; background-color: #fafafa;
margin: 0rpx 22rpx 0 0; margin: 0rpx 22rpx 0 0;
@@ -1475,16 +1281,19 @@ export default {
border-radius: 14rpx; border-radius: 14rpx;
// border: 1rpx solid #e9e9e9; // border: 1rpx solid #e9e9e9;
} }
.point_box { .point_box {
.booknameleft { .booknameleft {
line-height: 70rpx !important; line-height: 70rpx !important;
} }
} }
.fengPoint { .fengPoint {
background-color: #fff; background-color: #fff;
height: 100rpx; height: 100rpx;
width: 100rpx; width: 100rpx;
} }
.item_top { .item_top {
width: 100%; width: 100%;
display: flex; display: flex;
@@ -1492,12 +1301,14 @@ export default {
justify-content: space-between; justify-content: space-between;
margin-bottom: 25rpx; margin-bottom: 25rpx;
.source_app { .source_app {
font-size: 26rpx; font-size: 26rpx;
font-weight: bold; font-weight: bold;
line-height: 26rpx; line-height: 26rpx;
} }
} }
.orderstatus { .orderstatus {
line-height: 24rpx; line-height: 24rpx;
font-size: 24rpx; font-size: 24rpx;
@@ -1505,6 +1316,7 @@ export default {
text-align: right; text-align: right;
letter-spacing: 2rpx; letter-spacing: 2rpx;
} }
/deep/.description { /deep/.description {
overflow: hidden; overflow: hidden;
color: #666; color: #666;
@@ -1519,14 +1331,17 @@ export default {
margin-bottom: 20rpx; margin-bottom: 20rpx;
margin-top: 10rpx; margin-top: 10rpx;
height: 172rpx; height: 172rpx;
img { img {
width: 100% !important; width: 100% !important;
} }
} }
.btns { .btns {
font-size: 28rpx; font-size: 28rpx;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
.booknameleft { .booknameleft {
font-size: 32rpx; font-size: 32rpx;
width: calc(100% - 200rpx); width: calc(100% - 200rpx);
@@ -1534,19 +1349,23 @@ export default {
letter-spacing: 0.5rpx; letter-spacing: 0.5rpx;
font-weight: 600; font-weight: 600;
} }
.left { .left {
width: 300rpx; width: 300rpx;
color: #a1a1a1; color: #a1a1a1;
} }
.right { .right {
width: 350rpx; width: 350rpx;
display: flex; display: flex;
justify-content: flex-end; justify-content: flex-end;
align-items: center; align-items: center;
} }
.price { .price {
width: 120rpx; width: 120rpx;
} }
.gzicon { .gzicon {
margin: 0 0 0 20rpx; margin: 0 0 0 20rpx;
height: 40rpx; height: 40rpx;
@@ -1555,6 +1374,7 @@ export default {
// border-radius: 20rpx; // border-radius: 20rpx;
// border:1rpx solid #e9e9e9; // border:1rpx solid #e9e9e9;
} }
.opbtns { .opbtns {
.pingjia { .pingjia {
margin-left: 10px; margin-left: 10px;
@@ -1562,6 +1382,7 @@ export default {
} }
} }
} }
.mb30 { .mb30 {
margin-bottom: 30rpx; margin-bottom: 30rpx;
overflow: hidden; overflow: hidden;
@@ -1592,32 +1413,40 @@ export default {
margin-right: 20rpx; margin-right: 20rpx;
} }
} }
/deep/.u-tabs__wrapper__nav__item__text { /deep/.u-tabs__wrapper__nav__item__text {
// font-size: 32rpx !important; // font-size: 32rpx !important;
} }
.cateList { .cateList {
width: 100%; width: 100%;
} }
/deep/.u-tabs__wrapper__nav__item { /deep/.u-tabs__wrapper__nav__item {
padding: 0 !important; padding: 0 !important;
} }
.commonDetailPage { .commonDetailPage {
background-color: $themeBgColor; background-color: $themeBgColor;
} }
.order_box { .order_box {
padding: 20rpx; padding: 20rpx;
} }
/deep/.order_box .list_item { /deep/.order_box .list_item {
// border-bottom: none; // border-bottom: none;
padding: 0 !important; padding: 0 !important;
padding-right: 0 !important; padding-right: 0 !important;
border: none !important; border: none !important;
} }
.product_quantity { .product_quantity {
width: auto; width: auto;
color: #9b9b9b; color: #9b9b9b;
font-size: 26rpx; font-size: 26rpx;
} }
/deep/.commonDetailPage { /deep/.commonDetailPage {
.uni-app--showtabbar uni-page-wrapper::after { .uni-app--showtabbar uni-page-wrapper::after {
height: 0 !important; height: 0 !important;

287
pages/component/commonComponents/coupon/index.vue Normal file
View File

@@ -0,0 +1,287 @@
<template>
<view>
<view v-for="(item, index) in List" :key="index">
<view :class="`youhuiItem ${itemClass}`">
<view class="centerbg">
<view class="centerView" style="position: relative"
><text
v-if="source == 'mine'"
class="border_radius_10"
style="
position: absolute;
right: 10rpx;
top: 10rpx;
font-size: 25rpx;
/* background-color: #fad4bd; */
color: #ed2a2e;
"
>{{ item.couponEntity.couponRange | couponType }}</text
>
<view style="color: #fd4347; width: 200rpx">
<view
style="position: relative; border-right: 1px dashed #fa8277"
>
<text
style="
font-weight: 700;
font-size: 40rpx;
position: absolute;
top: 20rpx;
left: 0rpx;
"
>￥</text
>
<text
style="
font-size: 64rpx;
letter-spacing: 0.1px;
font-weight: 700;
margin-left: 40rpx;
"
>{{ item.couponEntity.couponAmount }}</text
>
<text
v-if="source == 'mine'"
style="
display: block;
color: #333;
font-size: 25rpx;
margin-left: 0rpx;
margin-top: 0rpx;
"
>满{{ item.couponEntity.useLevel }}元可用</text
>
</view>
</view>
<view style="width: calc(100% - 220rpx)">
<view>
<view
style="color: #fd4347; font-size: 44rpx; font-weight: bold;"
>{{
item.couponEntity.couponType == 0 ? "现金" : "折扣"
}}优惠券
<!-- <text v-if="source == 'mine'" style="box-sizing: border-box;padding:4rpx 20rpx;margin-left: 10rpx;font-size: 24rpx;background-color: #fff;border-radius: 24rpx;float: right;">去使用</text> -->
</view
>
<text
v-if="source != 'goodsDetail'"
style="
display: block;
font-size: 24rpx;
color: #333;
margin-top: 10rpx;
"
>有效期至：{{
item.effectType == 0 ? "永久有效" : item.endTime
}}</text
>
</view>
</view>
</view>
</view>
<view class="bottombg">
<view
style="
width: 100%;
padding: 16rpx 20rpx;
box-sizing: border-box;
margin-right: 6rpx;
position: absolute;
bottom: 0rpx;
text-align: center;
"
>
<view
class="title"
style="
line-height: 34rpx;
margin-bottom: 10rpx;
color: #fff;
font-size: 34rpx;
font-weight: bold;
"
>
{{ item.couponEntity.couponName }}
</view>
<view
v-if="item.couponEntity.remark"
style="
position: absolute;
right: 10rpx;
bottom: 10rpx;
display: flex;
align-items: center;
font-size: 22rpx;
color: #fafafa;
"
>
<!-- 详细信息
<u-icon
size="20rpx"
color="#fafafa"
style="color: #fafafa; float: right;margin-left: 4rpx;"
name="arrow-down-fill"
></u-icon> -->
</view>
</view>
</view>
</view>
<u-collapse
v-if="source != 'goodsDetail'&&item.couponEntity.remark"
style="
margin-top: 0rpx;
z-index: 10 !important;
background-color: #fafafa;
border-bottom-left-radius: 10rpx;
border-bottom-right-radius: 10rpx;
"
:border="false"
>
<u-collapse-item title="详细信息" name="Docs guide">
<view
style="
font-size: 22rpx;
width: 100%;
margin-right: 20rpx !important;
"
>使用说明：{{ item.couponEntity.remark }}</view
>
</u-collapse-item>
</u-collapse>
</view>
</view>
</template>
<script>
import $http from "@/config/requestConfig.js";
import { mapState } from "vuex";
export default {
props: ["List", "source", "itemClass"],
data() {
return {};
},
filters: {
couponType(type) {
// 0无限制 1课程卷 2课程品类卷
var str = "";
switch (type) {
case 0:
str = "全场通用";
break;
case 1:
str = "指定课程可用";
break;
case 2:
str = "指定课程品类可用";
break;
}
return str;
},
},
computed: {
...mapState(["userInfo"]),
},
methods: {},
};
</script>
<style scoped lang="scss">
.youhuiItem {
min-height: 320rpx;
position: relative;
background: linear-gradient(to top right, #fd4c50, #fe393d);
border: 1px solid #d9d9d9;
border-radius: 10rpx;
width: 100%;
padding: 26rpx;
margin: 25rpx 0 0 0;
align-items: center;
background-color: #fff;
font-size: 30rpx;
}
.centerbg {
width: 100%;
background-image: linear-gradient(60deg, #ffefd3 0%, #f8be85 100%);
height: calc(100%);
border-radius: 10rpx;
padding-bottom: 86rpx;
box-sizing: border-box;
}
.centerView {
width: 100%;
height: 100%;
overflow: hidden;
padding: 30rpx 20rpx 0 40rpx;
box-sizing: border-box;
display: flex;
align-items: center;
justify-content: space-between;
}
.bottombg {
position: absolute;
bottom: 0;
width: 100%;
height: 100%;
left: 0;
right: 0;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
background-image: url("@/static/icon/coupon/bottom.png") !important;
}
.youhuiItem > view {
}
.youhuiItem.youItem_style {
border-color: #fd6004;
}
::v-deep .u-cell__body {
padding-top: 0 !important ;
padding-bottom: 0 !important ;
z-index: 10 !important ;
.u-cell__title-text {
color: #333 !important;
font-size: 24rpx !important;
}
}
::v-deep .u-collapse-item__content__text {
padding: 10rpx 20rpx !important;
box-sizing: border-box;
}
::v-deep.itemCouponClass {
min-height: 180rpx !important;
.bottombg {
.title {
font-size: 26rpx !important;
}
}
.centerbg {
padding-bottom: 60rpx !important;
}
}
</style>

512
pages/goods/index/index.vue
View File

@@ -4,13 +4,29 @@
<public-module></public-module> <public-module></public-module>
<z-nav-bar title="商品详情" bgColor="#258feb" fontColor="#fff"></z-nav-bar> <z-nav-bar title="商品详情" bgColor="#258feb" fontColor="#fff"></z-nav-bar>
<view class="contentBox commonPageContentBox" v-if="!this.$store.state.loadingShow"> <view
class="contentBox commonPageContentBox"
v-if="!this.$store.state.loadingShow"
>
<!-- :indicator-dots="true" --> <!-- :indicator-dots="true" -->
<swiper :autoplay="true" :interval="3000" :duration="1000" <swiper
style="width: 100%; height: 750rpx; background-color: #f5f5f5"> :autoplay="true"
<swiper-item v-for="(item, index) in swiperList" :key="index" style="width: 100%; height: 100%"> :interval="3000"
:duration="1000"
style="width: 100%; height: 750rpx; background-color: #f5f5f5"
>
<swiper-item
v-for="(item, index) in swiperList"
:key="index"
style="width: 100%; height: 100%"
>
<!-- <image :src="curriculumData.explainsImg" mode="widthFix" class="headImage"></image> --> <!-- <image :src="curriculumData.explainsImg" mode="widthFix" class="headImage"></image> -->
<image :src="item" mode="aspectFit" style="width: 100%; height: 100%" @click="previewImage(item)"> <image
:src="item"
mode="aspectFit"
style="width: 100%; height: 100%"
@click="previewImage(item)"
>
</image> </image>
</swiper-item> </swiper-item>
</swiper> </swiper>
@@ -20,14 +36,17 @@
<view v-if="this.options.isMiaosha == 1" class="miaosha_box"> <view v-if="this.options.isMiaosha == 1" class="miaosha_box">
<view class="price_box"> <view class="price_box">
<view class="price_left"> <view class="price_left">
<template v-if=" <template
v-if="
curriculumData.activityPrice && curriculumData.activityPrice &&
curriculumData.activityPrice > 0 curriculumData.activityPrice > 0
"> "
>
<text class="aui-text-danger price"> <text class="aui-text-danger price">
￥{{ curriculumData.activityPrice }} ￥{{ curriculumData.activityPrice }}
</text> </text>
<text class="price original_price">原价：￥{{ curriculumData.price }} <text class="price original_price"
>原价：￥{{ curriculumData.price }}
</text> </text>
</template> </template>
<template v-else> <template v-else>
@@ -36,7 +55,8 @@
</text> </text>
</template> </template>
<view class="price original_price sales_number">已售 {{ curriculumData.sumSales }}件 <view class="price original_price sales_number"
>已售 {{ curriculumData.sumSales }}件
</view> </view>
</view> </view>
@@ -52,19 +72,27 @@
</view> </view>
</view> </view>
<view class="curriulum_title">{{ curriculumData.productName }} <view class="curriulum_title"
>{{ curriculumData.productName }}
</view> </view>
</view> </view>
<view v-else class="normal_box"> <view
v-else
class="normal_box"
style="padding-top: 10rpx; padding-bottom: 10rpx"
>
<view class="price_box"> <view class="price_box">
<template v-if=" <template
v-if="
curriculumData.activityPrice && curriculumData.activityPrice &&
curriculumData.activityPrice > 0 curriculumData.activityPrice > 0
"> "
>
<text class="aui-text-danger price"> <text class="aui-text-danger price">
￥{{ curriculumData.activityPrice }} ￥{{ curriculumData.activityPrice }}
</text> </text>
<text class="price original_price">原价：￥{{ curriculumData.price }} <text class="price original_price"
>原价：￥{{ curriculumData.price }}
</text> </text>
</template> </template>
<template v-else> <template v-else>
@@ -72,49 +100,135 @@
￥{{ curriculumData.price }} ￥{{ curriculumData.price }}
</text> </text>
</template> </template>
<text class="price original_price sales_number" style="float: right">已售 <text
{{ curriculumData.sumSales }}件 class="price original_price sales_number"
style="float: right"
>已售 {{ curriculumData.sumSales }}件
</text> </text>
</view> </view>
<view class="curriulum_title" style="margin-top: 40rpx;">{{ curriculumData.productName }} <view class="curriulum_title" style="margin-top: 20rpx"
>{{ curriculumData.productName }}
</view> </view>
</view> </view>
<view class="price_box"> </view> <view class="price_box"> </view>
</view> </view>
</view> </view>
<template v-if="canGetCouponList.length > 0">
<u-divider
text="购买本商品赠送如下优惠券"
:hairline="true"
textColor="#333"
lineColor="#b0b0b0"
></u-divider>
<view class="tanchu">
<view class="listBox">
<common-coupon
:List="canGetCouponList"
:source="'goodsDetail'"
itemClass="itemCouponClass"
>
</common-coupon>
<!-- <view
style="max-height: 40vh; overflow-y: scroll"
:class="'youhuiItem'"
v-for="(item, index) in canGetCouponList"
:key="index"
>
<view style="width: 25%; color: #f31440; text-align: center">
<text>￥</text>
<b style="font-size: 60rpx">{{
item.couponEntity.couponAmount
}}</b>
</view>
<view style="width: calc(100% - 27%); padding-left: 2%">
<view>
<text
style="
display: inline-block;
font-size: 30rpx;
line-height: 34rpx;
margin-right: 6rpx;
margin-bottom: 10rpx;
color: #f10833;
"
>{{ item.couponEntity.couponName }}</text
>
</view>
<text
style="
display: block;
font-size: 24rpx;
color: #999;
margin-top: 4rpx;
"
>说明：{{ item.couponEntity.remark }}</text
>
</view>
</view> -->
</view>
</view>
</template>
<template> <template>
<common-sticky label="title" :itemStyle="`width:${ <common-sticky
label="title"
:itemStyle="`width:${
cateList.length == 2 ? '50' : '33' cateList.length == 2 ? '50' : '33'
}%;padding-left: 15px; padding-right: 15px; height: 68rpx;`" :list="cateList" }%;padding-left: 15px; padding-right: 15px; height: 68rpx;`"
:currentCateIndex="currentCateIndex" @handleselectCate="handleselectCate"> :list="cateList"
:currentCateIndex="currentCateIndex"
@handleselectCate="handleselectCate"
>
</common-sticky> </common-sticky>
</template> </template>
<view :class="`dataList `"> <view :class="`dataList `">
<view class="goods_detail_list_title bg_box_shandow color_shandow bg_color PM_font" <view
style="background-color: #C7E9FB"> class="goods_detail_list_title bg_box_shandow color_shandow bg_color PM_font"
<view class="left" style="color: #258feb;"> style="background-color: #c7e9fb"
<u-icon name="grid" color="#258feb" size="23" >
style="display: inline-block; margin-right: 10rpx"></u-icon> <view class="left" style="color: #258feb">
<u-icon
name="grid"
color="#258feb"
size="23"
style="display: inline-block; margin-right: 10rpx"
></u-icon>
商品规格 商品规格
</view> </view>
<text class="right" @click="openPopup">共{{ goodsList.length }}种商品可选择</text> <text class="right" @click="openPopup"
>共{{ goodsList.length }}种商品可选择</text
>
</view> </view>
<common-goods-list imgUrl="url" isNoIcon imgMode="aspectFit" class="color_shandow" defaultUrl="" <common-goods-list
:isCondition="true" :dataList="goodsList" @hancleClick="selectGoods" label="title"> imgUrl="url"
isNoIcon
imgMode="aspectFit"
class="color_shandow"
defaultUrl=""
:isCondition="true"
:dataList="goodsList"
@hancleClick="selectGoods"
label="title"
>
<template slot="labelSlot" slot-scope="slotProps"> <template slot="labelSlot" slot-scope="slotProps">
<!-- isSelectGoods --> <!-- isSelectGoods -->
<view class="related_courses_name goodsList" :class="`goods_item ${ <view
class="related_courses_name goodsList"
:class="`goods_item ${
selectGoodsData && selectGoodsData &&
selectGoodsData.productId == slotProps.row.productId selectGoodsData.productId == slotProps.row.productId
? '' ? ''
: '' : ''
}`"> }`"
>
<view class="image_box"> <view class="image_box">
<image :src="slotProps.row.productImages" mode="aspectFit" class="goods_image"></image> <image
:src="slotProps.row.productImages"
mode="aspectFit"
class="goods_image"
></image>
</view> </view>
</view> </view>
@@ -152,21 +266,39 @@
</common-goods-list> </common-goods-list>
</view> </view>
<view :class="`dataList parameterList`" v-if="booksList.length > 0"> <view :class="`dataList parameterList`" v-if="booksList.length > 0">
<view class="goods_detail_list_title bg_box_shandow color_shandow bg_color PM_font"> <view
<view class="left" style="color:#3C77BE !important"> class="goods_detail_list_title bg_box_shandow color_shandow bg_color PM_font"
<u-icon name="list" color="#3C77BE" size="23" >
style="display: inline-block; margin-right: 10rpx"></u-icon> <view class="left" style="color: #3c77be !important">
<u-icon
name="list"
color="#3C77BE"
size="23"
style="display: inline-block; margin-right: 10rpx"
></u-icon>
书籍信息 书籍信息
</view> </view>
</view> </view>
<common-list imgUrl="url" isNoIcon imgMode="aspectFit" class="color_shandow parameter_box book_box" <common-list
defaultUrl="" :isCondition="true" :dataList="booksList" label="title"> imgUrl="url"
isNoIcon
imgMode="aspectFit"
class="color_shandow parameter_box book_box"
defaultUrl=""
:isCondition="true"
:dataList="booksList"
label="title"
>
<template slot="labelSlot" slot-scope="slotProps"> <template slot="labelSlot" slot-scope="slotProps">
<!-- isSelectGoods --> <!-- isSelectGoods -->
<view class="related_courses_name" :class="`goods_item `"> <view class="related_courses_name" :class="`goods_item `">
<view class="image_box" style="margin-right: 10rpx"> <view class="image_box" style="margin-right: 10rpx">
<image :src="slotProps.row.images" mode="aspectFit" class="goods_image"></image> <image
:src="slotProps.row.images"
mode="aspectFit"
class="goods_image"
></image>
</view> </view>
<view :class="`goods_info `"> <view :class="`goods_info `">
<view class="name"> <view class="name">
@@ -180,21 +312,39 @@
</common-list> </common-list>
</view> </view>
<view :class="`dataList parameterList`" v-if="coursesList.length > 0"> <view :class="`dataList parameterList`" v-if="coursesList.length > 0">
<view class="goods_detail_list_title bg_box_shandow color_shandow bg_color PM_font"> <view
class="goods_detail_list_title bg_box_shandow color_shandow bg_color PM_font"
>
<view class="left" style="color: #018f89 !important"> <view class="left" style="color: #018f89 !important">
<u-icon name="list" color="#018F89" size="23" <u-icon
style="display: inline-block; margin-right: 10rpx"></u-icon> name="list"
color="#018F89"
size="23"
style="display: inline-block; margin-right: 10rpx"
></u-icon>
课程信息 课程信息
</view> </view>
</view> </view>
<common-list imgUrl="url" isNoIcon imgMode="aspectFit" class="color_shandow parameter_box" defaultUrl="" <common-list
:isCondition="true" :dataList="coursesList" label="title"> imgUrl="url"
isNoIcon
imgMode="aspectFit"
class="color_shandow parameter_box"
defaultUrl=""
:isCondition="true"
:dataList="coursesList"
label="title"
>
<template slot="labelSlot" slot-scope="slotProps"> <template slot="labelSlot" slot-scope="slotProps">
<!-- isSelectGoods --> <!-- isSelectGoods -->
<view class="related_courses_name" :class="`goods_item `"> <view class="related_courses_name" :class="`goods_item `">
<view class="image_box" style="margin-right: 10rpx"> <view class="image_box" style="margin-right: 10rpx">
<image :src="slotProps.row.images" mode="aspectFit" class="goods_image"></image> <image
:src="slotProps.row.images"
mode="aspectFit"
class="goods_image"
></image>
</view> </view>
<view :class="`goods_info `"> <view :class="`goods_info `">
<view class="name"> <view class="name">
@@ -207,49 +357,42 @@
</template> </template>
</common-list> </common-list>
</view> </view>
<template v-if="canGetCouponList.length > 0">
<u-divider text="购买本商品赠送如下优惠券" :hairline="true" textColor="#333" lineColor="#b0b0b0"></u-divider>
<view class="tanchu">
<view class="listBox" >
<view style="max-height: 40vh;overflow-y: scroll;" :class="'youhuiItem'"
v-for="(item,index) in canGetCouponList" :key="index">
<view style="width: 25%;color:#fd6004;text-align: center;">
<text>￥</text>
<b style="font-size: 60rpx;">{{item.couponEntity.couponAmount}}</b>
</view>
<view style="width: 68%;padding-left: 5%;">
<view>
<text
style="display: inline-block; font-size: 30rpx; margin-right: 6rpx; color:rgb(253, 96, 4);">{{item.couponEntity.couponName}}</text>
<!-- <text class="border_radius_10"
style="font-size: 24rpx; background-color: #fad4bd; color: #666;">{{item.couponEntity.couponRange | couponType}}</text> -->
</view>
<text
style="display: block;font-size: 20rpx;color: #999;margin-top: 4rpx;">说明：{{item.couponEntity.remark}}</text>
</view> <u-divider
</view> text="商品参数"
<!-- <view style="font-size: 20rpx;color: #aaa;margin-top: 30rpx;">* 每笔订单只能使用一张优惠价</view> --> :hairline="true"
</view> textColor="#333"
</view> lineColor="#b0b0b0"
</template> ></u-divider>
<u-divider text="商品参数" :hairline="true" textColor="#333" lineColor="#b0b0b0"></u-divider>
<view class="parameter_info_box"> <view class="parameter_info_box">
<common-list imgUrl="url" isNoIcon imgMode="aspectFit" class="parameter_box parameter_info" <common-list
defaultUrl="" :isCondition="true" :dataList="parameterList" @hancleClick="selectGoods" label="name"> imgUrl="url"
isNoIcon
imgMode="aspectFit"
class="parameter_box parameter_info"
defaultUrl=""
:isCondition="true"
:dataList="parameterList"
@hancleClick="selectGoods"
label="name"
>
<template slot="labelSlot" slot-scope="slotProps"> <template slot="labelSlot" slot-scope="slotProps">
<!-- isSelectGoods --> <!-- isSelectGoods -->
<view class="related_courses_name" :class="`goods_item ${ <view
class="related_courses_name"
:class="`goods_item ${
selectGoodsData && selectGoodsData &&
selectGoodsData.productId == slotProps.row.productId selectGoodsData.productId == slotProps.row.productId
? '' ? ''
: '' : ''
}`"> }`"
>
<view :class="`goods_info `"> <view :class="`goods_info `">
<view class="name"> <view class="name">
<text style="color: #333"> {{ slotProps.row.name }}：</text> <text style="color: #333"> {{ slotProps.row.name }}：</text>
<text v-if="slotProps.row.isTime"> <text v-if="slotProps.row.isTime">
{{ slotProps.row.value | formatDate }}</text> {{ slotProps.row.value | formatDate }}</text
>
<text v-else> {{ slotProps.row.value }}</text> <text v-else> {{ slotProps.row.value }}</text>
</view> </view>
</view> </view>
@@ -289,8 +432,13 @@
</common-list> </common-list>
</view> </view>
<u-divider text="商品详情" :hairline="true" textColor="#333" lineColor="#b0b0b0"></u-divider> <u-divider
<view class="small_class_teaching_box" style="background-color: #B7E0E2"> text="商品详情"
:hairline="true"
textColor="#333"
lineColor="#b0b0b0"
></u-divider>
<view class="small_class_teaching_box" style="background-color: #b7e0e2">
<view class="common_divider divider_box"> </view> <view class="common_divider divider_box"> </view>
<common-rich-detail :detailInfo="detailInfo" style="padding: 10rpx"> <common-rich-detail :detailInfo="detailInfo" style="padding: 10rpx">
@@ -339,16 +487,28 @@
</view> </view>
</view> </view>
<view class="small_class_teaching_box related_courses_box" v-if="relatedCoursesList.length > 0"> <view
class="small_class_teaching_box related_courses_box"
v-if="relatedCoursesList.length > 0"
>
<view class="small_class_teaching_top"> <view class="small_class_teaching_top">
<view class="small_class_teaching_top_left"> <view class="small_class_teaching_top_left">
<image src="@/static/icon/course_ic.png" mode="aspectFil" class="icon1"></image> <image
src="@/static/icon/course_ic.png"
mode="aspectFil"
class="icon1"
></image>
<text>相关课程</text> <text>相关课程</text>
</view> </view>
</view> </view>
<view class="small_class_teaching_content"> <view class="small_class_teaching_content">
<common-curriculum-list imgUrl="url" :isCondition="true" :dataList="relatedCoursesList" <common-curriculum-list
@hancleClick="goCourseDescription" label="title"> imgUrl="url"
:isCondition="true"
:dataList="relatedCoursesList"
@hancleClick="goCourseDescription"
label="title"
>
<template slot="labelSlot" slot-scope="slotProps"> <template slot="labelSlot" slot-scope="slotProps">
<view class="related_courses_name hidden1">{{ <view class="related_courses_name hidden1">{{
slotProps.row.title slotProps.row.title
@@ -361,7 +521,8 @@
<!-- {{ slotProps.row.bxType }} --> <!-- {{ slotProps.row.bxType }} -->
<text class="aui-text-danger"> <text class="aui-text-danger">
￥{{ slotProps.row.courseFee }}</text> ￥{{ slotProps.row.courseFee }}</text
>
<view> </view> <view> </view>
</template> </template>
@@ -370,8 +531,13 @@
</view> </view>
</view> </view>
<view class="goods_nav_box" v-if="!this.$store.state.loadingShow"> <view class="goods_nav_box" v-if="!this.$store.state.loadingShow">
<uni-goods-nav :fill="true" :options="buyOptions" :button-group="customButtonGroup1" <uni-goods-nav
@click="onHandleClickBuy" @buttonClick="onHandleClickBuy1" /> :fill="true"
:options="buyOptions"
:button-group="customButtonGroup1"
@click="onHandleClickBuy"
@buttonClick="onHandleClickBuy1"
/>
</view> </view>
<!-- <!--
<u-modal <u-modal
@@ -382,35 +548,74 @@
@confirm="hancleModalConfirm" @confirm="hancleModalConfirm"
@cancel="hancleModalCancel" @cancel="hancleModalCancel"
></u-modal> --> ></u-modal> -->
<common-select-goods ref="commonSelectGoods" :selectGoodsData="selectGoodsData" :goodsList="goodsList" <common-select-goods
:buyOptions="buyOptions" :customButtonGroup1="customButtonGroup1" @selectGoods="selectGoods" ref="commonSelectGoods"
@onHandleClickBuy="onHandleClickBuy"></common-select-goods> :selectGoodsData="selectGoodsData"
<u-popup :show="showInfo" mode="bottom" @close="closeShowInfo" class="popup_box"> :goodsList="goodsList"
:buyOptions="buyOptions"
:customButtonGroup1="customButtonGroup1"
@selectGoods="selectGoods"
@onHandleClickBuy="onHandleClickBuy"
></common-select-goods>
<u-popup
:show="showInfo"
mode="bottom"
@close="closeShowInfo"
class="popup_box"
>
<view class="popup_top"> <view class="popup_top">
<view class="product_image"> <view class="product_image">
<image :src="selectGoodsData.productImages" mode="aspectFit" class="goods_image"></image> <image
:src="selectGoodsData.productImages"
mode="aspectFit"
class="goods_image"
></image>
</view> </view>
<view class="title">已选：{{ selectGoodsData.productName }}</view> <view class="title">已选：{{ selectGoodsData.productName }}</view>
</view> </view>
<view :class="`common_radius_box goods_box popup_content`"> <view :class="`common_radius_box goods_box popup_content`">
<view class="title title_box"><text class="title_price">￥{{ selectGoodsData.price }}</text><u-icon <view class="title title_box"
name="close" color="#333" size="18" @click="close" style="display: inline-block"></u-icon> ><text class="title_price">￥{{ selectGoodsData.price }}</text
><u-icon
name="close"
color="#333"
size="18"
@click="close"
style="display: inline-block"
></u-icon>
</view> </view>
<view class="title title_list"><text>商品列表（{{ goodsList.length }}）</text></view> <view class="title title_list"
><text>商品列表（{{ goodsList.length }}）</text></view
>
<common-list imgUrl="url" isNoIcon imgMode="aspectFit" defaultUrl="" :isCondition="true" <common-list
:dataList="goodsList" @hancleClick="selectGoods" label="title"> imgUrl="url"
isNoIcon
imgMode="aspectFit"
defaultUrl=""
:isCondition="true"
:dataList="goodsList"
@hancleClick="selectGoods"
label="title"
>
<template slot="labelSlot" slot-scope="slotProps"> <template slot="labelSlot" slot-scope="slotProps">
<!-- isSelectGoods --> <!-- isSelectGoods -->
<view class="related_courses_name" :class="`goods_item ${ <view
class="related_courses_name"
:class="`goods_item ${
selectGoodsData && selectGoodsData &&
selectGoodsData.productId == slotProps.row.productId selectGoodsData.productId == slotProps.row.productId
? 'isSelectGoods color_shandow' ? 'isSelectGoods color_shandow'
: '' : ''
}`"> }`"
>
<view class="image_box" style="margin-right: 10rpx"> <view class="image_box" style="margin-right: 10rpx">
<image :src="slotProps.row.productImages" mode="aspectFit" class="goods_image"></image> <image
:src="slotProps.row.productImages"
mode="aspectFit"
class="goods_image"
></image>
</view> </view>
<view :class="`goods_info `"> <view :class="`goods_info `">
@@ -426,8 +631,13 @@
</common-list> </common-list>
<view class="goods_nav_box"> <view class="goods_nav_box">
<uni-goods-nav :fill="true" :options="buyOptions" :button-group="customButtonGroup1" <uni-goods-nav
@click="onHandleClickBuy" @buttonClick="onHandleClickBuy" /> :fill="true"
:options="buyOptions"
:button-group="customButtonGroup1"
@click="onHandleClickBuy"
@buttonClick="onHandleClickBuy"
/>
</view> </view>
<!-- <view> <!-- <view>
<text @click="handleClickClose">取消</text> <text @click="handleClickClose">取消</text>
@@ -435,7 +645,6 @@
</view>--> </view>-->
</view> </view>
</u-popup> </u-popup>
</view> </view>
</template> </template>
@@ -443,9 +652,7 @@
import courseDescription from "@/pages/component/commonComponents/list"; import courseDescription from "@/pages/component/commonComponents/list";
import $http from "@/config/requestConfig.js"; import $http from "@/config/requestConfig.js";
import { import { mapState } from "vuex";
mapState
} from "vuex";
export default { export default {
components: { components: {
courseDescription, //课程说明 courseDescription, //课程说明
@@ -498,7 +705,8 @@
playData: {}, playData: {},
taiHuClassInfo: {}, taiHuClassInfo: {},
searchValue: "", searchValue: "",
teachingList: [{ teachingList: [
{
title: "临床实践", title: "临床实践",
type: "02", type: "02",
@@ -544,13 +752,15 @@
goodsList: "book/shopproduct/getGlProductList", goodsList: "book/shopproduct/getGlProductList",
visitorDetailInfo: "visitor/getProductDetail", // 游客状态下的商品详情 visitorDetailInfo: "visitor/getProductDetail", // 游客状态下的商品详情
}, },
customButtonGroup1: [{ customButtonGroup1: [
{
with: 200, with: 200,
text: "立即购买", text: "立即购买",
backgroundColor: "linear-gradient(90deg, #FE6035, #EF1224)", backgroundColor: "linear-gradient(90deg, #FE6035, #EF1224)",
color: "#fff", color: "#fff",
}, ], },
requestType: '', // 数据请求类型是否为游客登陆状态 ],
requestType: "", // 数据请求类型是否为游客登陆状态
}; };
}, },
filters: { filters: {
@@ -605,7 +815,7 @@
}, },
onLoad(options) { onLoad(options) {
this.options = options; this.options = options;
console.log('options', options) console.log("options", options);
// this.handleClickGetGoodsList(); // this.handleClickGetGoodsList();
// this.getUserInfo() // this.getUserInfo()
// this.getCateList() // this.getCateList()
@@ -624,7 +834,7 @@
// this.searchList = [] // this.searchList = []
}, },
onShow() { onShow() {
this.requestType = this.options.type this.requestType = this.options.type;
this.selectGoodsData = {}; this.selectGoodsData = {};
this.getCourseDescriptionData(); this.getCourseDescriptionData();
this.show = false; this.show = false;
@@ -640,9 +850,9 @@
url: "common/coupon/couponToProductList", url: "common/coupon/couponToProductList",
method: "POST", // POST、GET、PUT、DELETE，具体说明查看官方文档 method: "POST", // POST、GET、PUT、DELETE，具体说明查看官方文档
data: { data: {
"page": 1, page: 1,
"limit": 100, limit: 100,
"productId": this.curriculumData.productId productId: this.curriculumData.productId,
}, },
header: { header: {
//默认 无 说明：请求头 //默认 无 说明：请求头
@@ -651,13 +861,13 @@
}) })
.then(async (res) => { .then(async (res) => {
if (res.code != 0) return this.$commonJS.showToast(res.errMsg); if (res.code != 0) return this.$commonJS.showToast(res.errMsg);
console.log('res优惠券', res); console.log("res优惠券", res);
this.canGetCouponList = res.couponToShopproductPage.records this.canGetCouponList = res.couponToShopproductPage.records;
})
}).catch(e => { .catch((e) => {
console.log(e); console.log(e);
this.$commonJS.showToast(e.errMsg); this.$commonJS.showToast(e.errMsg);
}) });
}, },
closeShowInfo() { closeShowInfo() {
this.showInfo = false; this.showInfo = false;
@@ -667,7 +877,7 @@
}, },
openPopup() { openPopup() {
// this.selectGoodsData = this.goodsList[0]; // this.selectGoodsData = this.goodsList[0];
this.$refs.commonSelectGoods.open() this.$refs.commonSelectGoods.open();
// this.show = true; // this.show = true;
this.$forceUpdate(); this.$forceUpdate();
}, },
@@ -675,42 +885,42 @@
this.show = false; this.show = false;
}, },
selectGoods(data) { selectGoods(data) {
if (this.requestType == 'visitor') { if (this.requestType == "visitor") {
uni.showModal({ uni.showModal({
content: "登陆后可购买本商品", content: "登陆后可购买本商品",
confirmText: '去登录', confirmText: "去登录",
cancelText: '再逛逛', cancelText: "再逛逛",
success(res) { success(res) {
if (res.confirm) { if (res.confirm) {
uni.navigateTo({ uni.navigateTo({
url: '/pages/user/login' url: "/pages/user/login",
}) });
} }
}, },
}) });
return return;
} }
this.selectGoodsData = data; this.selectGoodsData = data;
this.$refs.commonSelectGoods.open() this.$refs.commonSelectGoods.open();
// this.show = true; // this.show = true;
this.$forceUpdate(); this.$forceUpdate();
}, },
onHandleClickBuy1() { onHandleClickBuy1() {
if (this.requestType == 'visitor') { if (this.requestType == "visitor") {
uni.showModal({ uni.showModal({
content: "登陆后可购买本商品", content: "登陆后可购买本商品",
confirmText: '去登录', confirmText: "去登录",
cancelText: '再逛逛', cancelText: "再逛逛",
success(res) { success(res) {
if (res.confirm) { if (res.confirm) {
uni.navigateTo({ uni.navigateTo({
url: '/pages/user/login' url: "/pages/user/login",
}) });
} }
}, },
}) });
return return;
} }
this.$refs.commonSelectGoods.open(); this.$refs.commonSelectGoods.open();
// this.show = true; // this.show = true;
@@ -721,14 +931,16 @@
"this.selectGoodsDatathis.selectGoodsDatathis.selectGoodsData" "this.selectGoodsDatathis.selectGoodsDatathis.selectGoodsData"
); );
var mynavData = JSON.stringify({ var mynavData = JSON.stringify({
goods: [{ goods: [
{
productImages: this.selectGoodsData.productImages, productImages: this.selectGoodsData.productImages,
productId: this.selectGoodsData.productId, productId: this.selectGoodsData.productId,
productName: this.selectGoodsData.productName, productName: this.selectGoodsData.productName,
activityPrice: this.selectGoodsData.activityPrice, activityPrice: this.selectGoodsData.activityPrice,
price: this.selectGoodsData.price, price: this.selectGoodsData.price,
goodsType: this.selectGoodsData.goodsType, goodsType: this.selectGoodsData.goodsType,
}, ], },
],
navTitle: this.options.navTitle, navTitle: this.options.navTitle,
title: this.options.title, title: this.options.title,
@@ -785,7 +997,8 @@
} }
this.modalInfo = { this.modalInfo = {
title: "提示信息", title: "提示信息",
content: "用户您好，该课程已到期，通过支付" + content:
"用户您好，该课程已到期，通过支付" +
fee + fee +
"元，本门课程可获得" + "元，本门课程可获得" +
days + days +
@@ -837,8 +1050,10 @@
async getCourseDescriptionData() { async getCourseDescriptionData() {
var data = {}; var data = {};
var that = this; var that = this;
let url = '' let url = "";
this.requestType == 'visitor' ? url = this.urlList.visitorDetailInfo : url = this.urlList.detailInfo this.requestType == "visitor"
? (url = this.urlList.visitorDetailInfo)
: (url = this.urlList.detailInfo);
this.$http this.$http
.request({ .request({
url, url,
@@ -855,7 +1070,7 @@
.then(async (res) => { .then(async (res) => {
that.selectGoodsData = res.data.GLProducts[0]; that.selectGoodsData = res.data.GLProducts[0];
that.curriculumData = res.data.detail; that.curriculumData = res.data.detail;
await this.getCanGetCouponList() await this.getCanGetCouponList();
that.booksList = res.data.books ? res.data.books : []; that.booksList = res.data.books ? res.data.books : [];
that.coursesList = res.data.courses ? res.data.courses : []; that.coursesList = res.data.courses ? res.data.courses : [];
that.goodsList = res.data.GLProducts; that.goodsList = res.data.GLProducts;
@@ -1175,9 +1390,7 @@
transformData(inputData) { transformData(inputData) {
const result = {}; const result = {};
inputData.forEach((item) => { inputData.forEach((item) => {
const { const { letter } = item;
letter
} = item;
if (!result[letter]) { if (!result[letter]) {
result[letter] = []; result[letter] = [];
} }
@@ -1346,7 +1559,7 @@
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
@import '@/style/mixin.scss'; @import "@/style/mixin.scss";
.tanchu { .tanchu {
padding: 0 30rpx 40rpx 30rpx; padding: 0 30rpx 40rpx 30rpx;
@@ -1418,7 +1631,6 @@
margin: 0 0 0 20rpx; margin: 0 0 0 20rpx;
} }
.chooseCheck { .chooseCheck {
position: absolute; position: absolute;
top: 3rpx; top: 3rpx;
@@ -1432,20 +1644,19 @@
} }
} }
.addressItem.addItem_style { .addressItem.addItem_style {
border-color: #fd6004; border-color: #fd6004;
} }
.youhuiItem { .youhuiItem {
border: 1px solid #d9d9d9; border: 1px solid #ffddea;
border-radius: 10rpx; border-radius: 10rpx;
width: 100%; width: 100%;
display: flex; display: flex;
padding: 20rpx 10rpx; padding: 20rpx 10rpx;
margin: 25rpx 0 0 0; margin: 25rpx 0 0 0;
align-items: center; align-items: center;
background-color: #fff; background-color: #fef2f4;
font-size: 30rpx; font-size: 30rpx;
} }
@@ -1742,7 +1953,7 @@
background: #cef8ea; background: #cef8ea;
text-align: center; text-align: center;
border-radius: 10rpx; border-radius: 10rpx;
box-shadow: 0px 0px 6rpx 0px #E9DCCC; box-shadow: 0px 0px 6rpx 0px #e9dccc;
} }
} }
@@ -2063,7 +2274,6 @@
padding-right: 0 !important; padding-right: 0 !important;
} }
.parameterList { .parameterList {
/deep/.list_item { /deep/.list_item {
// border-bottom: none; // border-bottom: none;
@@ -2143,4 +2353,6 @@
display: block; display: block;
} }
} }
</style> </style>

893
pages/goods/order/index.vue
View File

File diff suppressed because it is too large Load Diff

209
pages/mine/wallet/couponList.vue
View File

@@ -4,33 +4,40 @@
<z-nav-bar title="我的优惠券"></z-nav-bar> <z-nav-bar title="我的优惠券"></z-nav-bar>
<view class=""> <view class="">
<view class=""> <view class="">
<u-tabs v-if="tabList.length > 0" :class="['tabList']" @click="tabClick" :current="curTagIndex" <u-tabs
:activeStyle="activeStyle" :scrollable="false" :list="tabList" v-if="tabList.length > 0"
itemStyle="padding-left:10rpx; background-color:#fff; padding-right: 10rpx; height: 50px; font-size:26rpx"></u-tabs> :class="['tabList']"
@click="tabClick"
:current="curTagIndex"
:activeStyle="activeStyle"
:scrollable="false"
:list="tabList"
itemStyle="padding-left:10rpx; background-color:#fff; padding-right: 10rpx; height: 50px; font-size:26rpx"
></u-tabs>
</view> </view>
<!-- --> <!-- -->
<view class="tanchu"> <view class="tanchu" style="position: relative">
<view
v-if="status!=0"
style="
min-height: 80vh;
z-index: 100;
background-color: #f0f0f0;
opacity: 0.55;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
"
></view>
<view class="listBox" v-if="list.length > 0"> <view class="listBox" v-if="list.length > 0">
<view style="max-height: 40vh;overflow-y: scroll;" :class="'youhuiItem'" <view style="min-height: 40vh; overflow-y: scroll">
v-for="(item,index) in list" :key="index" > <common-coupon :List="list" :source="'mine'"> </common-coupon>
<view style="width: 25%;color:#fd6004;text-align: center;">
<text>￥</text>
<b style="font-size: 45rpx;">{{item.couponEntity.couponAmount}}</b>
<text
style="display: block;color: #666;font-size: 25rpx;margin-top: 10rpx;">满{{item.couponEntity.useLevel}}元可用</text>
</view>
<view style="width: 68%;padding-left: 5%;">
<view>
<text style="display: inline-block; margin-right: 6rpx;">{{item.couponEntity.couponName}}</text>
<text class="border_radius_10" style="font-size: 24rpx; background-color: #fad4bd; color: #666;">{{item.couponEntity.couponRange | couponType}}</text>
</view>
<text
style="display: block;font-size: 20rpx;color: #999;margin-top: 10rpx;">到期时间：{{item.effectType == 0 ? '永久有效' : item.endTime}}</text>
<text
style="display: block;font-size: 20rpx;color: #999;margin-top: 4rpx;">说明：{{item.couponEntity.remark}}</text>
</view> </view>
</view>
<!-- <view style="font-size: 20rpx;color: #aaa;margin-top: 30rpx;">* 每笔订单只能使用一张优惠价</view> --> <!-- <view style="font-size: 20rpx;color: #aaa;margin-top: 30rpx;">* 每笔订单只能使用一张优惠价</view> -->
</view> </view>
<view class="" v-else> <view class="" v-else>
@@ -45,107 +52,114 @@
</template> </template>
<script> <script>
import $http from '@/config/requestConfig.js'; import $http from "@/config/requestConfig.js";
import { import { mapState } from "vuex";
mapState
} from "vuex";
export default { export default {
data() { data() {
return { return {
list: [], // 优惠券列表 list: [], // 优惠券列表
listStatus: 88, listStatus: 88,
curTagIndex: 0, // 当前索引 curTagIndex: 0, // 当前索引
tabList: [{ tabList: [
name: '未使用', {
id: '0' name: "未使用",
id: "0",
}, },
{ {
name: '已使用', name: "已使用",
id: '1' id: "1",
}, },
{ {
name: '已过期', name: "已过期",
id: '2' id: "2",
} },
], ],
activeStyle: { activeStyle: {
background:'#fff', background: "#fff",
color:'#666', color: "#666",
padding: "10rpx", padding: "10rpx",
borderRadius:"10rpx" borderRadius: "10rpx",
}, },
page: 0, page: 0,
limit: 15, limit: 15,
status: 0, status: 0,
flag: false, // 请求标记 flag: false, // 请求标记
} };
}, },
onLoad() { onLoad() {
this.page = 1 this.page = 1;
this.getUserCouponList() this.getUserCouponList();
}, },
async onReachBottom() { async onReachBottom() {
console.log('触底',this.listStatus,this.flag); console.log("触底", this.listStatus, this.flag);
if (this.listStatus != 1 && this.listStatus != 2) { if (this.listStatus != 1 && this.listStatus != 2) {
if (!this.flag) { if (!this.flag) {
this.page++ this.page++;
await this.getUserCouponList() await this.getUserCouponList();
} }
} }
}, },
filters: { filters: {
couponType(type) { couponType(type) {
// 0无限制 1课程卷 2课程品类卷 // 0无限制 1课程卷 2课程品类卷
var str = '' var str = "";
switch (type) { switch (type) {
case 0: case 0:
str = '全场通用' str = "全场通用";
break; break;
case 1: case 1:
str = '指定课程可用' str = "指定课程可用";
break; break;
case 2: case 2:
str = '指定课程品类可用' str = "指定课程品类可用";
break; break;
} }
return str return str;
} },
}, },
computed: { computed: {
...mapState(["userInfo"]), ...mapState(["userInfo"]),
}, },
methods: { methods: {
async tabClick(e) { async tabClick(e) {
console.log('e', e); console.log("e", e);
this.status = e.id this.status = e.id;
// this.curTagIndex = e.index // this.curTagIndex = e.index
this.page = 0 this.page = 0;
this.page += 1 this.page += 1;
this.list = [] this.list = [];
await this.getUserCouponList() await this.getUserCouponList();
}, },
async getUserCouponList() { async getUserCouponList() {
console.log('进入函数了妈'); console.log("进入函数了妈");
this.listStatus = 1 this.listStatus = 1;
this.flag = true this.flag = true;
uni.showLoading({ uni.showLoading({
title:'加载中' title: "加载中",
}) });
console.log(
{
page: this.page,
limit: this.limit,
getType: "", //获取类型 0 后台赠送 1 主动获取
status: this.status, //使用状态 0 未使用 1 已使用 2 已过期
userInfo: "", //用户信息
userId: this.userInfo.id,
},
111111111111111111111111111
);
await this.$http await this.$http
.request({ .request({
url: "common/coupon/getCouponHistoryList", url: "common/coupon/getCouponHistoryList",
method: "POST", // POST、GET、PUT、DELETE，具体说明查看官方文档 method: "POST", // POST、GET、PUT、DELETE，具体说明查看官方文档
data: { data: {
"page": this.page, page: this.page,
"limit": this.limit, limit: this.limit,
"getType":"",//获取类型 0 后台赠送 1 主动获取 getType: "", //获取类型 0 后台赠送 1 主动获取
"status": this.status,//使用状态 0 未使用 1 已使用 2 已过期 status: this.status, //使用状态 0 未使用 1 已使用 2 已过期
"userInfo":"",//用户信息 userInfo: "", //用户信息
"userId":this.userInfo.id userId: this.userInfo.id,
}, },
header: { header: {
//默认 无 说明：请求头 //默认 无 说明：请求头
@@ -153,38 +167,39 @@
}, },
}) })
.then(async (res) => { .then(async (res) => {
uni.hideLoading() console.log(res, "1111111111111");
uni.hideLoading();
if (res.code != 0) return this.$commonJS.showToast(res.errMsg); if (res.code != 0) return this.$commonJS.showToast(res.errMsg);
if (res.couponList.records.length > 0) { if (res.couponList.records.length > 0) {
this.list = this.list.concat(res.couponList.records) this.list = this.list.concat(res.couponList.records);
if (res.couponList.pages > this.page) { if (res.couponList.pages > this.page) {
this.listStatus = 0 this.listStatus = 0;
} else { } else {
this.listStatus = 2 this.listStatus = 2;
} }
} else { } else {
this.listStatus = 3 // 暂无数据 this.listStatus = 3; // 暂无数据
} }
this.flag = false this.flag = false;
}).catch(e => {
uni.hideLoading()
console.log(e);
this.flag = false
this.listStatus = 3
console.log(e, '数据报错')
this.$commonJS.showToast(e.errMsg);
}) })
.catch((e) => {
uni.hideLoading();
console.log(e);
this.flag = false;
this.listStatus = 3;
console.log(e, "数据报错");
this.$commonJS.showToast(e.errMsg);
});
}, },
} },
} };
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.btnBox { .btnBox {
margin-top: 20rpx; margin-top: 20rpx;
} }
.tanchu { .tanchu {
padding: 0 30rpx 40rpx 30rpx; padding: 0 30rpx 40rpx 30rpx;
position: relative; position: relative;
@@ -255,7 +270,6 @@
margin: 0 0 0 20rpx; margin: 0 0 0 20rpx;
} }
.chooseCheck { .chooseCheck {
position: absolute; position: absolute;
top: 3rpx; top: 3rpx;
@@ -269,29 +283,8 @@
} }
} }
.addressItem.addItem_style { .addressItem.addItem_style {
border-color: #fd6004; border-color: #fd6004;
} }
.youhuiItem {
border: 1px solid #d9d9d9;
border-radius: 10rpx;
width: 100%;
display: flex;
padding: 20rpx 10rpx;
margin: 25rpx 0 0 0;
align-items: center;
background-color: #fff;
font-size: 30rpx;
}
.youhuiItem>view {
float: left;
}
.youhuiItem.youItem_style {
border-color: #fd6004;
}
} }
</style> </style>

BIN
static/icon/coupon/bottom.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 36 KiB

BIN
unpackage/wumen20241101103101.wgt Normal file
View File

Binary file not shown.