theluyuan/deming
2
1
Fork 0
Code Issues Pull Requests Releases Wiki Activity

xbx #125

Merged
theluyuan merged 5 commits from xbx into master 2020-08-06 08:25:32 +00:00
Conversation 0 Commits 5 Files Changed 3 +150 -48
9 changed files with 150 additions and 48 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit 2c6cdbead9 - Show all commits

3
components/mine/order-item/index.vue
View File

@ -25,8 +25,7 @@
</view> </view>
</view> </view>
<view class="order-btn" v-if="[1, 2, 3, 4, 8].indexOf(order.view_type) >= 0"> <view class="order-btn" v-if="[1, 2, 3, 4, 8].indexOf(order.view_type) >= 0">
<!-- @click="toOtherPage('RefundOrder')" --> <view class="cancel" v-if="order.view_type == 3 || order.view_type == 2" @click="toOtherPage('RefundOrder')">申请退款</view>
<view class="cancel" v-if="order.view_type == 3 || order.view_type == 2">申请退款</view>
<view class="cancel" v-if="order.view_type == 3" @click="toOtherPage('Logistics')">查看物流</view> <view class="cancel" v-if="order.view_type == 3" @click="toOtherPage('Logistics')">查看物流</view>
<view class="logistics" v-if="order.view_type == 3" @click="confirmReceive">确认收货</view> <view class="logistics" v-if="order.view_type == 3" @click="confirmReceive">确认收货</view>
<view class="comment" v-if="order.view_type == 4" @click="toOtherPage('Comment')">立即评价</view> <view class="comment" v-if="order.view_type == 4" @click="toOtherPage('Comment')">立即评价</view>

9
components/shop/group/index.vue
View File

@ -2,7 +2,10 @@
<view class="group"> <view class="group">
<view class="top"> <view class="top">
<text>全部拼团</text> <text>全部拼团</text>
<text @click="viewMore">查看更多></text> <view class="more" @click="viewMore">
<text>查看更多</text>
<u-icon name="arrow-right" color="#999" size="22"></u-icon>
</view>
</view> </view>
<view class="label"> <view class="label">
<u-tabs-swiper ref="group" :list="classifyList" name="gc_name" :is-scroll="true" active-color="#FF780F" :current="current" font-size="24" :show-bar="false" @change="tabsChange" height="60"></u-tabs-swiper> <u-tabs-swiper ref="group" :list="classifyList" name="gc_name" :is-scroll="true" active-color="#FF780F" :current="current" font-size="24" :show-bar="false" @change="tabsChange" height="60"></u-tabs-swiper>
@ -88,8 +91,10 @@ export default {
font-size: 30rpx; font-size: 30rpx;
color: #333; color: #333;
} }
>text:last-child{ .more {
font-size: 18rpx; font-size: 18rpx;
display: flex;
align-items: center;
color: #999; color: #999;
} }
} }

8
components/shop/list/index.vue
View File

@ -6,10 +6,10 @@
</view> </view>
<swiper class="swiper-box" :current="swiperCurrent" @transition="transition" @animationfinish="animationfinish" :style="{height: swiperHeight}"> <swiper class="swiper-box" :current="swiperCurrent" @transition="transition" @animationfinish="animationfinish" :style="{height: swiperHeight}">
<swiper-item class="swiper-item" v-for="(_, index) in classifyList" :key="index"> <swiper-item class="swiper-item" v-for="(_, index) in classifyList" :key="index">
<view class="goods-item"> <view class="goods-item" v-if="goodsList.length">
<item v-for="item in goodsList" :key="item.goods_id" :info="item"></item> <item v-for="item in goodsList" :key="item.goods_id" :info="item"></item>
</view> </view>
<u-empty text="暂无商品" mode="list" color="#000" v-if="!goodsList.length"></u-empty> <u-empty text="暂无商品" mode="list" color="#000" margin-top="20" v-else></u-empty>
</swiper-item> </swiper-item>
</swiper> </swiper>
<!-- 加载更多 --> <!-- 加载更多 -->
@ -138,13 +138,13 @@ export default {
height: 100%; height: 100%;
margin-bottom: 10rpx; margin-bottom: 10rpx;
.swiper-item { .swiper-item {
height: 100%; // height: 100%;
.goods-item { .goods-item {
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
justify-content: space-between; justify-content: space-between;
width: 100%; width: 100%;
height: 100%; // height: 100%;
overflow-y: scroll; overflow-y: scroll;
} }
} }

29
components/shop/recommend/index.vue
View File

@ -1,8 +1,11 @@
<template> <template>
<view class="recommend"> <view class="recommend">
<view class="top"> <view class="top">
<text>{{ type == 'spike' ? '今日秒杀推荐' : '今日拼团推荐' }}</text> <text>今日秒杀推荐</text>
<text>点击查看更多></text> <view class="more" @click="toOthersPage">
<text>点击查看更多</text>
<u-icon name="arrow-right" color="#999" size="22"></u-icon>
</view>
</view> </view>
<view class="connect"> <view class="connect">
<view class="time" v-if="type == 'spike'"> <view class="time" v-if="type == 'spike'">
@ -32,12 +35,26 @@ export default {
props: ['recommendData', 'type'], props: ['recommendData', 'type'],
created() { created() {
this.info = this.recommendData; this.info = this.recommendData;
// console.log(this.recommendData); console.log(this.recommendData);
},
methods: {
toOthersPage() {
this.$u.route({
url: 'pageB/sdetails/index',
params: {
id: this.recommendData.groupbuy_id,
type: 3,
}
})
}
} }
} }
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.recommend{ .recommend{
margin-bottom: 20rpx;
padding: 0 30rpx;
background-color: #ffffff;
.top{ .top{
height: 90rpx; height: 90rpx;
display: flex; display: flex;
@ -47,12 +64,14 @@ export default {
font-size: 30rpx; font-size: 30rpx;
color: #333; color: #333;
} }
>text:last-child{ .more {
font-size: 18rpx; display: flex;
align-items: center;
color: #999; color: #999;
} }
} }
.connect{ .connect{
padding: 15rpx;
display: flex; display: flex;
.time{ .time{
display: flex; display: flex;

10
components/shop/recommend/pintuan.vue
View File

@ -2,7 +2,10 @@
<view class="recommend"> <view class="recommend">
<view class="top"> <view class="top">
<text>今日拼团推荐</text> <text>今日拼团推荐</text>
<text @click="toDetailsPage">点击查看更多></text> <view class="more" @click="toDetailsPage">
<text>点击查看更多</text>
<u-icon name="arrow-right" color="#999" size="22"></u-icon>
</view>
</view> </view>
<view class="connect"> <view class="connect">
<view class="user"> <view class="user">
@ -79,8 +82,9 @@ export default {
font-size: 30rpx; font-size: 30rpx;
color: #333; color: #333;
} }
>text:last-child{ .more {
font-size: 18rpx; display: flex;
align-items: center;
color: #999; color: #999;
} }
} }

5
components/shop/seckill/index.vue
View File

@ -18,7 +18,8 @@
</view> </view>
</view> </view>
<view class="next" @click="viewMore"> <view class="next" @click="viewMore">
查看更多> <text>查看更多</text>
<u-icon name="arrow-right" color="#999" size="18"></u-icon>
</view> </view>
</view> </view>
<view class="list"> <view class="list">
@ -77,6 +78,8 @@ export default {
} }
.next{ .next{
font-size: 18rpx; font-size: 18rpx;
display: flex;
align-items: center;
color: #999; color: #999;
} }
} }

5
pageB/sdetails/index.vue
View File

@ -443,9 +443,6 @@ export default {
break; break;
case 3: case 3:
title = '秒杀商品详情'; title = '秒杀商品详情';
break;
case 1:
break; break;
default: default:
break; break;
@ -865,6 +862,7 @@ export default {
font-size: 32rpx; font-size: 32rpx;
color: rgba(255,255,255,1); color: rgba(255,255,255,1);
z-index: 10076; z-index: 10076;
background-color: #FFFFFF;
.launch { .launch {
flex: 1; flex: 1;
background: rgba(253,211,96,1); background: rgba(253,211,96,1);
@ -886,6 +884,7 @@ export default {
height: 98rpx; height: 98rpx;
display: flex; display: flex;
z-index: 10076; z-index: 10076;
background-color: #FFFFFF;
.left { .left {
width: 190rpx; width: 190rpx;
display: flex; display: flex;

6
pageE/order/Details.vue
View File

@ -68,8 +68,7 @@
</view> </view>
</view> </view>
<view class="btn" v-if="['1', '2', '4', '6'].indexOf(orderstate) >= 0"> <view class="btn" v-if="['1', '2', '4', '6'].indexOf(orderstate) >= 0">
<!-- @click="toOtherPage('RefundOrder')" --> <view class="cancel" v-if="orderstate == '4' || orderstate == '1'" @click="toOtherPage('RefundOrder')">申请退款</view>
<view class="cancel" v-if="orderstate == '4' || orderstate == '1'">申请退款</view>
<view class="cancel" v-if="orderstate == '1'" @click="toOtherPage('Logistics')">查看物流</view> <view class="cancel" v-if="orderstate == '1'" @click="toOtherPage('Logistics')">查看物流</view>
<view class="logistics" v-if="orderstate == '1'" @click="confirmReceive">确认收货</view> <view class="logistics" v-if="orderstate == '1'" @click="confirmReceive">确认收货</view>
<view class="comment" v-if="orderstate == '2'" @click="toOtherPage('Comment')">立即评价</view> <view class="comment" v-if="orderstate == '2'" @click="toOtherPage('Comment')">立即评价</view>
@ -211,9 +210,6 @@ export default {
} }
uni.stopPullDownRefresh(); // 结束刷新 uni.stopPullDownRefresh(); // 结束刷新
}) })
},
applyRefund() {
}, },
cancelOrder() { cancelOrder() {
this.$u.api.cancelOrder({ this.$u.api.cancelOrder({

99
pageE/order/RefundOrder.vue
View File

@ -4,7 +4,7 @@
<u-radio-group v-model="value" @change="radioChange"> <u-radio-group v-model="value" @change="radioChange">
<label class="radio-view" v-for="(item, index) in goodsList" :key="index"> <label class="radio-view" v-for="(item, index) in goodsList" :key="index">
<view class="radio"> <view class="radio">
<u-radio color="#F0AD4E" :name="item.goods_id" active-color="#FF780F" icon-size="34" shape="circle"></u-radio> <u-radio color="#F0AD4E" :name="item.goods_id" active-color="#FF780F" icon-size="24" shape="circle"></u-radio>
</view> </view>
<view class="store_info"> <view class="store_info">
<view class="info_img"> <view class="info_img">
@ -26,18 +26,18 @@
<view class="refund-details"> <view class="refund-details">
<view class="goods-number"> <view class="goods-number">
<view>选择数量</view> <view>选择数量</view>
<view></view> <u-number-box :input-width="40" :input-height="38" :size="22" bg-color="#FFFFFF" :disabled-input=true color="#FF780F" :max="goods.goods_num" v-model="num"></u-number-box>
</view> </view>
<view class="refund-price"> <view class="refund-price">
<view> <view class="price">
<view>退款金额</view> <view class="title">退款金额</view>
<view>￥99.00</view> <view class="value">￥{{ (goods.goods_pay_price * num).toFixed(2) }}</view>
</view> </view>
<view>若退款成功，将退还给您￥99.00</view> <view class="tips">若退款成功，将退还给您 ￥{{ (goods.goods_pay_price * num).toFixed(2) }}</view>
</view> </view>
<view class="refund-text"> <view class="refund-text">
<view>申请说明</view> <view class="title">申请说明</view>
<u-input v-model="refundText" type="textarea" /> <u-input v-model="refundText" type="textarea" placeholder="必填，请详细说明退款理由" />
</view> </view>
</view> </view>
<view class="submit-btn">提交申请</view> <view class="submit-btn">提交申请</view>
@ -48,7 +48,13 @@ export default {
data() { data() {
return { return {
goodsList: [], goodsList: [],
goods: {
goods_num: 0,
goods_pay_price: 0,
},
value: '', value: '',
refundText: '',
num: 0,
} }
}, },
onLoad(option) { onLoad(option) {
@ -56,7 +62,12 @@ export default {
}, },
methods: { methods: {
radioChange(e){ radioChange(e){
console.log(e) const goodsList = this.goodsList.filter(goods => {
return e == goods.goods_id;
})
// console.log(goodsList);
this.goods = goodsList[0];
console.log(this.goods);
}, },
getOrderInfo(id) { getOrderInfo(id) {
this.$u.api.getOrderInfo({ this.$u.api.getOrderInfo({
@ -65,7 +76,7 @@ export default {
if(res.errCode == 0) { if(res.errCode == 0) {
// this.orderInfo = res.data; // this.orderInfo = res.data;
this.goodsList = res.data.extend_order_goods; this.goodsList = res.data.extend_order_goods;
console.log(this.goodsList); // console.log(this.goodsList);
} }
// uni.stopPullDownRefresh(); // 结束刷新 // uni.stopPullDownRefresh(); // 结束刷新
}) })
@ -136,7 +147,73 @@ export default {
} }
.refund-details { .refund-details {
background-color: #FFFFFF; background-color: #FFFFFF;
.goods-number {} .goods-number {
padding: 0 30rpx;
height: 100rpx;
background: rgba(255,255,255,1);
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 2rpx;
/deep/ .u-numberbox {
border: 1rpx solid rgba(217,215,215,1);
border-radius:4px;
.u-icon-minus, .u-icon-plus {
width: 38rpx;
}
.u-number-input {
margin: 0;
color: #333 !important;
border: 1rpx #D9D7D7 solid {
top: 0px;
bottom: 0px;
}
}
}
}
.refund-price {
background: rgba(255,255,255,1);
padding: 36rpx 30rpx;
margin-bottom: 2rpx;
.price {
display: flex;
align-items: center;
margin-bottom: 36rpx;
.title {
font-size: 30rpx;
color: rgba(51,51,51,1);
margin-right: 56rpx;
}
.value {
font-size: 28rpx;
color: rgba(244,14,14,1);
}
}
.tips {
font-size: 24rpx;
color: rgba(153,153,153,1);
}
}
.refund-text {
background: rgba(255,255,255,1);
padding: 36rpx 30rpx;
.title {
font-size: 30rpx;
color: rgba(51,51,51,1);
margin-bottom: 40rpx;
}
}
}
.submit-btn {
width: 690rpx;
height: 98rpx;
background: rgba(255,120,15,1);
border-radius: 49rpx;
font-size: 36rpx;
color: rgba(255,255,255,1);
line-height: 98rpx;
text-align: center;
margin: 120rpx auto 0;
} }
} }
</style> </style>