You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1201 lines
28 KiB
1201 lines
28 KiB
<template>
|
|
<!-- <z-paging ref="paging" v-model="list" @query="queryList"> -->
|
|
<view class="head">
|
|
<!-- 订单详情 -->
|
|
<!-- <u-navbar title="订单详情" autoBack placeholder> -->
|
|
<u-navbar title="订单详情" leftIconSize="0" @leftClick="leftClick" placeholder>
|
|
<u-icon name="arrow-left" slot="left" color="#333333" size="24"></u-icon>
|
|
</u-navbar>
|
|
</u-navbar>
|
|
<view class="head-xin df aic" v-if="listone.refund_status_name">
|
|
<div>{{listone.refund_status_name}}</div>
|
|
</view>
|
|
<view class="head-xin df aic" v-if="!listone.refund_status_name">
|
|
<div>{{textset}}</div>
|
|
</view>
|
|
<view class="Buyer-information" v-if="listone.order_info">
|
|
<div class="df aic jcsb">
|
|
<div>买家信息</div>
|
|
{{listone.delivery_status_name}}
|
|
</div>
|
|
<div class="Buyer-xu"></div>
|
|
<div class="df aic">
|
|
<div>{{listone.member_info.nickname}}</div>
|
|
<div class="df aic jcsa">{{store_type}}</div>
|
|
</div>
|
|
<div>
|
|
{{store_name}}
|
|
</div>
|
|
<div class="df aic">
|
|
<div>{{listone.shop_address}}</div>
|
|
<div>{{listone.member_info.nickname}}<span>{{listone.member_info.mobile}}</span></div>
|
|
</div>
|
|
<div class="df aic">
|
|
<div>收货地址：</div>
|
|
<div>{{listone.order_info.name}}</div>
|
|
<div>{{listone.shop_mobile}}</div>
|
|
</div>
|
|
<div>
|
|
<div>{{listone.shop_address}}{{listone.order_info.address}}</div>
|
|
</div>
|
|
<div class="Buyer-xu"></div>
|
|
<div class="df">
|
|
<div class="df aic jcsa">
|
|
<image :src="$util.img(`/upload/weapp/pageSalesman/reportForm/suona.png`)" mode=""></image>
|
|
</div>
|
|
<div>{{listone.refund_reason}}</div>
|
|
</div>
|
|
<div class="df aic jcsb">
|
|
<div class="df aic">
|
|
<div class="df aic jcsa">
|
|
<image :src="$util.img(`/upload/weapp/pageSalesman/reportForm/rectangle.png`)" mode=""></image>
|
|
</div>
|
|
<div>{{listone.refund_remark}}</div>
|
|
</div>
|
|
<!-- <div><u-icon name="arrow-right"></u-icon></div> -->
|
|
</div>
|
|
</view>
|
|
|
|
<view class="menu-list">
|
|
<div class="inventory-list df aic" v-for="(item,index) in 1" :key="index">
|
|
<div class="df aic jcsa">
|
|
<image :src="$util.img(listone.sku_image)" mode=""></image>
|
|
</div>
|
|
<div class="">
|
|
|
|
<div class="">{{listone.goods_name}}</div>
|
|
<div class="df">
|
|
<div>产地：<span>{{listone.address}}</span></div>
|
|
<div>规格：<span>0.5kg</span></div>
|
|
</div>
|
|
<div>￥{{listone.price}}<span>/袋</span></div>
|
|
</div>
|
|
<div>×{{listone.num}}</div>
|
|
</div>
|
|
|
|
</view>
|
|
<view class="refund-amount">
|
|
<div class="df aic jcsb">
|
|
<div>退款金额</div>
|
|
<div>￥{{listone.real_goods_money}}</div>
|
|
</div>
|
|
<div class="refund-foot"></div>
|
|
<div class="df">
|
|
<div>订单编号</div>
|
|
<div>{{listone.order_no}}</div>
|
|
</div>
|
|
<div class="df">
|
|
<div>下单时间</div>
|
|
<div>{{ $util.timeStampTurnTime(listone.create_time) }}</div>
|
|
</div>
|
|
<div class="df" v-if="pay_time.length>0">
|
|
<div>付款时间</div>
|
|
<div>{{ pay_time}}</div>
|
|
</div>
|
|
<div class="df" v-if="delivery_time.length>0">
|
|
<div>发货时间</div>
|
|
<div>{{ delivery_time}}</div>
|
|
</div>
|
|
|
|
<div class="df" v-if="finish_time.length>0">
|
|
<div>完成时间</div>
|
|
<div>{{finish_time}}</div>
|
|
</div>
|
|
|
|
|
|
</view>
|
|
<view class="button-btn df aic jcf"
|
|
v-if="listone.refund_status_name?listone.refund_status==0||listone.refund_status==1:false">
|
|
<div class="df aic jcsa button-two" @click="close(listone.member_id,listone.order_goods_id)">关闭维权</div>
|
|
<div class="df aic jcsa button-one" @click="refuse(listone.member_id,listone.order_goods_id)">拒绝退款</div>
|
|
<div class="df aic jcsa button-two" @click="tongyi(listone.member_id,listone.order_goods_id)">同意退款</div>
|
|
<!-- <div class="df aic jcsa button-three" @click="customer">联系顾客</div> -->
|
|
</view>
|
|
<view class="button-btn df aic jcf" v-if="listone.refund_status==2">
|
|
<div class="df aic jcsa button-three" @click="itxfh">转账</div>
|
|
</view>
|
|
<view class="button-btn df aic jcf" v-if="sex==3">
|
|
<!-- <div class="df aic jcsa button-two" @click='btnlook'>查看物流</div>
|
|
<div class="df aic jcsa button-three" @click="btnaccomplish">完成退款</div> -->
|
|
</view>
|
|
<u-overlay :show="show1">
|
|
<view class="original-road">
|
|
<div class="df aic jcsa">拒绝退款提示</div>
|
|
<!-- <div v-for="(item,index) in radiolist1" :key="index">
|
|
<div class="arr df aic jcsa" @click="four(index)">
|
|
<div class="df aic jcsa arr2" >
|
|
<image v-if="index==indexa" :src="$util.img(`/upload/weapp/user/gou.png`)" mode=""></image>
|
|
<image v-else :src="$util.img(`/upload/weapp/user/un_gou.png`)" mode=""></image>
|
|
<div class="df aic arr1">
|
|
<text>{{item.name}}</text>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div> -->
|
|
<div class="use">取消原因:</div>
|
|
<!-- <view class="userna"> -->
|
|
<view class="arrones" style="width: 456rpx;margin: 0 auto;">
|
|
<!-- <input v-model="cause" type="text" style="border: 1rpx solid #ccc;"> -->
|
|
<u--textarea v-model="reired" placeholder="驳回时必填"></u--textarea>
|
|
</view>
|
|
<!-- <input type="text" v-model="reired" name="username" id="username" required> -->
|
|
<!-- </view> -->
|
|
|
|
<div class="df bnt">
|
|
<div class="df aic jcsa bnt1" @click="show1 = false">取消</div>
|
|
<div class="df aic jcsa bnt2" @click="refuseset">确认</div>
|
|
</div>
|
|
</view>
|
|
</u-overlay>
|
|
<u-overlay :show="show" @click="show = false">
|
|
<view class="Confirm-refund">
|
|
<div class="df aic jcsa">提示</div>
|
|
<div class="df aic jcsa">确认同意退款吗？</div>
|
|
<div class="df">
|
|
<div class="df aic jcsa" @click="show=false">取消</div>
|
|
<div class="df aic jcsa" @click="tongyione">同意</div>
|
|
</div>
|
|
</view>
|
|
</u-overlay>
|
|
<u-overlay :show="show2">
|
|
<view class="original-road">
|
|
<div class="df aic jcsa">转账方式</div>
|
|
<view class="set">
|
|
<div v-for="(item,index) in radiolist1" :key="index">
|
|
<div class="arr df aic " @click.stop="four(index)">
|
|
<div class="df aic jcsa arr2">
|
|
<image v-if="index==indexa" :src="$util.img(`/upload/weapp/user/gou.png`)" mode="">
|
|
</image>
|
|
<image v-else :src="$util.img(`/upload/weapp/user/un_gou.png`)" mode=""></image>
|
|
<div class="df aic arr1">
|
|
<text>{{item.name}}</text>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</view>
|
|
<div class="use">退款金额:</div>
|
|
<view class="use">
|
|
<input style="border:solid 1rpx #aaa;padding:10rpx;border-radius: 20rpx;" border="surround"
|
|
v-model="value" type="number" />
|
|
</view>
|
|
<div class="use">退款备注:</div>
|
|
|
|
<view class="use">
|
|
<textarea
|
|
style="border:solid 1rpx #aaa;width:calc(100% - 20rpx);padding:10rpx;border-radius: 20rpx;"
|
|
type="text" v-model="reired" name="username" id="username" />
|
|
</view>
|
|
<div class="df bnt">
|
|
<div class="df aic jcsa bnt1" @click="show2 = false">取消</div>
|
|
<div class="df aic jcsa bnt2" @click="refusebxarr">确定转账</div>
|
|
</div>
|
|
</view>
|
|
</u-overlay>
|
|
</view>
|
|
<!-- </z-paging> -->
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
data() {
|
|
return {
|
|
sex: '',
|
|
list: [1],
|
|
listone: [],
|
|
simg: false,
|
|
pay_time: '',
|
|
delivery_time: '',
|
|
textset: '',
|
|
finish_time: '',
|
|
store_name: '',
|
|
store_type: '',
|
|
order_goods_id: '',
|
|
member_id: '',
|
|
show1: false,
|
|
show2: false,
|
|
indexa: 0,
|
|
value: '',
|
|
radiolist1: [{
|
|
name: '原路退款',
|
|
|
|
},
|
|
{
|
|
name: '线下退款',
|
|
|
|
},
|
|
{
|
|
name: '退款到余额',
|
|
|
|
},
|
|
],
|
|
reired: '',
|
|
show: false,
|
|
st: 0
|
|
};
|
|
},
|
|
onLoad(e) {
|
|
this.sex = e.sex
|
|
uni.$on('Refundonly', (data) => {
|
|
console.log(data, '仅退款参数');
|
|
this.st = data.st
|
|
uni.$off('Refundonly')
|
|
this.member_id = data.member_id,
|
|
this.order_goods_id = data.order_goods_id
|
|
this.$api.sendRequest({
|
|
url: '/api/salasmanorder/refundDetail',
|
|
data: {
|
|
member_id: data.member_id,
|
|
order_goods_id: data.order_goods_id
|
|
},
|
|
success: res => {
|
|
console.log(res.data, '已同意');
|
|
this.listone = res.data
|
|
this.value = res.data.real_goods_money
|
|
// this.value=res.data.goods_money
|
|
this.pay_time = res.data.order_info.pay_time
|
|
this.delivery_time = res.data.order_info.delivery_time
|
|
this.finish_time = res.data.order_info.finish_time
|
|
this.store_name = res.data.order_info.store_info.store_name
|
|
this.store_type = res.data.order_info.store_info.store_type
|
|
this.textset = '已关闭维权'
|
|
}
|
|
})
|
|
})
|
|
// setTimeout(()=>{
|
|
|
|
// },200)
|
|
},
|
|
methods: {
|
|
queryList(pageNo, pageSize) {
|
|
this.$refs.paging.complete(this.list);
|
|
},
|
|
btnlook() {
|
|
uni.navigateTo({
|
|
url: '/page_salesman_index/look-over/look-over'
|
|
})
|
|
},
|
|
//再次确认转账
|
|
refusebxarr() {
|
|
console.log({
|
|
member_id: this.member_id, // 是 string 客户id
|
|
order_goods_id: this.order_goods_id, // 是 string 订单商品order_goods_id
|
|
refund_money_type: this.indexa, // 是 string 1原路退款 2线下退款 3退款到余额
|
|
shop_refund_remark: this.reired, // 是 string 退款备注
|
|
refund_real_money: this.value // 是 string 实际退款金额
|
|
});
|
|
if (!Number(this.value) >= 0.01) {
|
|
this.$util.showToast({
|
|
title: '只输入退款金额'
|
|
});
|
|
return
|
|
}
|
|
this.$api.sendRequest({
|
|
url: '/api/salasmanorder/complete',
|
|
data: {
|
|
member_id: this.member_id, // 是 string 客户id
|
|
order_goods_id: this.order_goods_id, // 是 string 订单商品order_goods_id
|
|
refund_money_type: this.indexa + 1, // 是 string 1原路退款 2线下退款 3退款到余额
|
|
shop_refund_remark: this.reired, // 是 string 退款备注
|
|
refund_real_money: this.value // 是 string 实际退款金额
|
|
},
|
|
success: res => {
|
|
this.$api.sendRequest({
|
|
url: '/api/salasmanorder/refundDetail',
|
|
data: {
|
|
member_id: this.member_id,
|
|
order_goods_id: this.order_goods_id
|
|
},
|
|
success: res => {
|
|
console.log(res.data, '已同意');
|
|
this.listone = res.data
|
|
this.value = res.data.refund_real_money
|
|
this.pay_time = res.data.order_info.pay_time
|
|
this.delivery_time = res.data.order_info.delivery_time
|
|
this.finish_time = res.data.order_info.finish_time
|
|
this.store_name = res.data.order_info.store_info.store_name
|
|
this.store_type = res.data.order_info.store_info.store_type
|
|
}
|
|
})
|
|
|
|
}
|
|
})
|
|
this.show2 = false
|
|
},
|
|
// 转账
|
|
itxfh() {
|
|
this.show2 = true
|
|
|
|
|
|
},
|
|
four(index) {
|
|
// event.stopPropagation();
|
|
this.indexa = index
|
|
},
|
|
btncg() {
|
|
this.$util.showToast({
|
|
title: '退款成功'
|
|
});
|
|
},
|
|
close() {
|
|
this.$api.sendRequest({
|
|
url: '/api/salasmanorder/closeRefund',
|
|
data: {
|
|
member_id: this.member_id,
|
|
order_goods_id: this.order_goods_id
|
|
},
|
|
success: res => {
|
|
console.log(res.data, '已同意');
|
|
this.$api.sendRequest({
|
|
url: '/api/salasmanorder/refundDetail',
|
|
data: {
|
|
member_id: this.member_id,
|
|
order_goods_id: this.order_goods_id
|
|
},
|
|
success: res => {
|
|
console.log(res.data, '已同意');
|
|
this.listone = res.data
|
|
this.value = res.data.refund_real_money
|
|
this.pay_time = res.data.order_info.pay_time
|
|
this.delivery_time = res.data.order_info.delivery_time
|
|
this.finish_time = res.data.order_info.finish_time
|
|
this.store_name = res.data.order_info.store_info.store_name
|
|
this.store_type = res.data.order_info.store_info.store_type
|
|
this.$util.showToast({
|
|
title: '关闭成功'
|
|
});
|
|
}
|
|
})
|
|
}
|
|
})
|
|
},
|
|
btnjj() {
|
|
this.$util.showToast({
|
|
title: '已拒绝退款'
|
|
});
|
|
},
|
|
btnaccomplish() {
|
|
console.log(1);
|
|
uni.navigateTo({
|
|
url: '/page_salesman_index/Refund-succeeded/Refund-succeeded'
|
|
})
|
|
},
|
|
//再次确认退款
|
|
tongyione() {
|
|
this.$api.sendRequest({
|
|
url: '/api/salasmanorder/agree',
|
|
data: {
|
|
member_id: this.member_id,
|
|
order_goods_id: this.order_goods_id,
|
|
},
|
|
success: res => {
|
|
console.log(res, '退款成功');
|
|
this.$api.sendRequest({
|
|
url: '/api/salasmanorder/refundDetail',
|
|
data: {
|
|
member_id: this.member_id,
|
|
order_goods_id: this.order_goods_id
|
|
},
|
|
success: res => {
|
|
console.log(res.data, '已同意');
|
|
this.listone = res.data
|
|
this.pay_time = res.data.order_info.pay_time
|
|
this.delivery_time = res.data.order_info.delivery_time
|
|
this.finish_time = res.data.order_info.finish_time
|
|
this.store_name = res.data.order_info.store_info.store_name
|
|
this.store_type = res.data.order_info.store_info.store_type
|
|
}
|
|
})
|
|
}
|
|
})
|
|
this.show = false
|
|
},
|
|
//同意退款
|
|
tongyi(member_id, order_goods_id) {
|
|
this.member_id = member_id
|
|
this.order_goods_id = order_goods_id
|
|
// event.stopPropagation();
|
|
this.show = true
|
|
},
|
|
//再次确认退款
|
|
refuseset() {
|
|
this.$api.sendRequest({
|
|
url: '/api/salasmanorder/refuse',
|
|
data: {
|
|
member_id: this.member_id,
|
|
order_goods_id: this.order_goods_id,
|
|
refund_refuse_reason: this.reired
|
|
},
|
|
success: res => {
|
|
console.log(res, '取消退款成功');
|
|
this.$api.sendRequest({
|
|
url: '/api/salasmanorder/refundDetail',
|
|
data: {
|
|
member_id: this.member_id,
|
|
order_goods_id: this.order_goods_id
|
|
},
|
|
success: res => {
|
|
console.log(res.data, '已同意');
|
|
this.listone = res.data
|
|
this.pay_time = res.data.order_info.pay_time
|
|
this.delivery_time = res.data.order_info.delivery_time
|
|
this.finish_time = res.data.order_info.finish_time
|
|
this.store_name = res.data.order_info.store_info.store_name
|
|
this.store_type = res.data.order_info.store_info.store_type
|
|
}
|
|
})
|
|
}
|
|
})
|
|
this.show1 = false
|
|
},
|
|
//拒绝退款
|
|
refuse(member_id, order_goods_id) {
|
|
console.log(order_goods_id, member_id);
|
|
this.order_goods_id = order_goods_id
|
|
this.member_id = member_id
|
|
// event.stopPropagation();
|
|
this.show1 = true
|
|
},
|
|
//商品清单
|
|
btn() {
|
|
// setTimeout(()=>{
|
|
// uni.$emit('CommodityList',this.data.order_goods)
|
|
// },500)
|
|
uni.navigateTo({
|
|
// url:this.list[this.current.URL]
|
|
url: `/page_salesman_index/Commodity_list/Commodity_list`
|
|
})
|
|
},
|
|
//收起
|
|
simga() {
|
|
this.simg = !this.simg
|
|
let _this = this
|
|
// if (!_this.simg) {
|
|
// _this.listtwo = [..._this.list].slice(0, 2)
|
|
|
|
// } else {
|
|
|
|
// }
|
|
},
|
|
//联系顾客
|
|
customer() {
|
|
uni.navigateTo({
|
|
url: '/pages_tool/news/chat'
|
|
})
|
|
},
|
|
leftClick() {
|
|
console.log('跳转', this.st);
|
|
// #ifdef H5
|
|
event.stopPropagation();
|
|
// #endif
|
|
if (this.st == 1) {
|
|
uni.redirectTo({
|
|
// url:this.list[this.current.URL]
|
|
url: `/page_salesman_index/Refund_after/Refund_after?st=1`
|
|
})
|
|
return
|
|
}
|
|
if (this.st == 2) {
|
|
uni.redirectTo({
|
|
// url:this.list[this.current.URL]
|
|
url: `/page_salesman_index/Refund_after/Refund_after?st=2`
|
|
})
|
|
return
|
|
}
|
|
if (this.st == 3) {
|
|
uni.redirectTo({
|
|
// url:this.list[this.current.URL]
|
|
url: `/page_salesman_index/Refund_after/Refund_after?st=3`
|
|
})
|
|
return
|
|
}
|
|
if (this.st == 4) {
|
|
uni.redirectTo({
|
|
// url:this.list[this.current.URL]
|
|
url: `/page_salesman_index/Refund_after/Refund_after?st=4`
|
|
})
|
|
return
|
|
}
|
|
if (this.st == 5) {
|
|
uni.redirectTo({
|
|
// url:this.list[this.current.URL]
|
|
url: `/page_salesman_index/Refund_after/Refund_after?st=5`
|
|
})
|
|
return
|
|
}
|
|
}
|
|
},
|
|
filters: {
|
|
filterCount(num) {
|
|
let now = new Date(num * 1000)
|
|
let s = now.getHours() >= 10 ? now.getHours() : 0 + '' + now.getHours();
|
|
return s
|
|
},
|
|
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style lang="scss">
|
|
::v-deep {
|
|
.uni-textarea-placeholder {
|
|
margin-top: 0 !important;
|
|
}
|
|
|
|
.input-placeholder {
|
|
margin-top: 0 !important;
|
|
}
|
|
|
|
.uni-input-wrapper {
|
|
text-align: left;
|
|
margin-top: 0 !important;
|
|
}
|
|
}
|
|
|
|
.arrones {
|
|
margin: 0 auto;
|
|
}
|
|
|
|
.kaigun {
|
|
margin-top: 24rpx;
|
|
margin-bottom: 24rpx;
|
|
|
|
image {
|
|
width: 40rpx;
|
|
height: 40rpx;
|
|
}
|
|
}
|
|
|
|
.head {
|
|
padding: 24rpx;
|
|
|
|
.head-xin {
|
|
width: 702rpx;
|
|
height: 146rpx;
|
|
background: #FFFFFF;
|
|
border-radius: 24rpx;
|
|
padding: 32rpx;
|
|
box-sizing: border-box;
|
|
|
|
div:nth-child(1) {
|
|
font-size: 30rpx;
|
|
font-family: PingFangSC-Medium, PingFang SC;
|
|
font-weight: 500;
|
|
color: #21BBF3;
|
|
line-height: 42rpx;
|
|
}
|
|
|
|
div:nth-child(2) {
|
|
font-size: 24rpx;
|
|
font-family: PingFangSC-Regular, PingFang SC;
|
|
font-weight: 400;
|
|
color: #222222;
|
|
line-height: 34rpx;
|
|
margin-top: 6rpx;
|
|
}
|
|
}
|
|
|
|
.Buyer-information {
|
|
padding: 32rpx;
|
|
width: 702rpx;
|
|
height: 678rpx;
|
|
background: #FFFFFF;
|
|
border-radius: 24rpx;
|
|
box-sizing: border-box;
|
|
margin-top: 24rpx;
|
|
|
|
div:nth-child(1) {
|
|
font-size: 30rpx;
|
|
font-family: PingFangSC-Medium, PingFang SC;
|
|
font-weight: 500;
|
|
color: #222222;
|
|
line-height: 42rpx;
|
|
}
|
|
|
|
.Buyer-xu {
|
|
width: 638rpx;
|
|
height: 2rpx;
|
|
background: #F2F2F2;
|
|
border-radius: 16rpx;
|
|
margin-top: 28rpx;
|
|
}
|
|
|
|
div:nth-child(3) {
|
|
margin-top: 28rpx;
|
|
|
|
div:nth-child(1) {
|
|
font-size: 28rpx;
|
|
font-family: PingFangSC-Regular, PingFang SC;
|
|
font-weight: 400;
|
|
color: #585858;
|
|
line-height: 44rpx;
|
|
margin-right: 36rpx;
|
|
}
|
|
|
|
div:nth-child(2) {
|
|
background: #FFF0E2;
|
|
border-radius: 4rpx;
|
|
font-size: 20rpx;
|
|
font-family: PingFangSC-Regular, PingFang SC;
|
|
font-weight: 400;
|
|
color: #FF7D02;
|
|
line-height: 28rpx;
|
|
}
|
|
}
|
|
|
|
div:nth-child(4) {
|
|
margin-top: 24rpx;
|
|
font-size: 28rpx;
|
|
font-family: PingFangSC-Regular, PingFang SC;
|
|
font-weight: 400;
|
|
color: #585858;
|
|
line-height: 40rpx;
|
|
}
|
|
|
|
div:nth-child(5) {
|
|
margin-top: 24rpx;
|
|
|
|
div:nth-child(1) {
|
|
font-size: 28rpx;
|
|
font-family: PingFangSC-Regular, PingFang SC;
|
|
font-weight: 400;
|
|
color: #585858;
|
|
line-height: 40rpx;
|
|
|
|
span {
|
|
margin-left: 10rpx;
|
|
}
|
|
}
|
|
|
|
div:nth-child(2) {
|
|
font-size: 28rpx;
|
|
font-family: PingFangSC-Regular, PingFang SC;
|
|
font-weight: 400;
|
|
color: #585858;
|
|
line-height: 40rpx;
|
|
margin-left: 40rpx;
|
|
|
|
span {
|
|
margin-left: 10rpx;
|
|
}
|
|
}
|
|
}
|
|
|
|
div:nth-child(6) {
|
|
margin-top: 24rpx;
|
|
|
|
div:nth-child(1) {
|
|
font-size: 28rpx;
|
|
font-family: PingFangSC-Regular, PingFang SC;
|
|
font-weight: 400;
|
|
color: #585858;
|
|
line-height: 40rpx;
|
|
}
|
|
|
|
div:nth-child(2) {
|
|
font-size: 28rpx;
|
|
font-family: PingFangSC-Regular, PingFang SC;
|
|
font-weight: 400;
|
|
color: #222222;
|
|
line-height: 40rpx;
|
|
margin: 0 24rpx 0 12rpx;
|
|
}
|
|
|
|
div:nth-child(3) {
|
|
font-size: 28rpx;
|
|
font-family: PingFangSC-Regular, PingFang SC;
|
|
font-weight: 400;
|
|
color: #999999;
|
|
line-height: 40rpx;
|
|
margin: 0;
|
|
}
|
|
}
|
|
|
|
div:nth-child(7) {
|
|
float: right;
|
|
|
|
div {
|
|
width: 486rpx;
|
|
height: 80rpx;
|
|
font-size: 28rpx;
|
|
font-family: PingFangSC-Regular, PingFang SC;
|
|
font-weight: 400;
|
|
color: #222222;
|
|
line-height: 40rpx;
|
|
margin-top: 16rpx;
|
|
}
|
|
|
|
}
|
|
|
|
div:nth-child(8) {
|
|
margin-top: 136rpx;
|
|
}
|
|
|
|
div:nth-child(9) {
|
|
margin-top: 28rpx;
|
|
|
|
div:nth-child(1) {
|
|
width: 48rpx;
|
|
height: 48rpx;
|
|
background: linear-gradient(141deg, #86D8F5 0%, #00B2F2 100%);
|
|
margin-right: 24rpx;
|
|
|
|
image {
|
|
width: 24rpx;
|
|
height: 24rpx;
|
|
}
|
|
}
|
|
|
|
div:nth-child(2) {
|
|
font-size: 28rpx;
|
|
font-family: PingFangSC-Regular, PingFang SC;
|
|
font-weight: 400;
|
|
color: #222222;
|
|
line-height: 40rpx;
|
|
}
|
|
|
|
}
|
|
|
|
div:nth-child(10) {
|
|
margin-top: 32rpx;
|
|
|
|
div:nth-child(1) {
|
|
|
|
div:nth-child(1) {
|
|
width: 48rpx;
|
|
height: 48rpx;
|
|
background: linear-gradient(141deg, #FFAC73 0%, #FE6E0B 100%);
|
|
|
|
image {
|
|
width: 24rpx;
|
|
height: 24rpx;
|
|
}
|
|
}
|
|
|
|
div:nth-child(2) {
|
|
font-size: 28rpx;
|
|
font-family: PingFangSC-Regular, PingFang SC;
|
|
font-weight: 400;
|
|
color: #222222;
|
|
line-height: 40rpx;
|
|
margin-left: 24rpx;
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
.menu-list {
|
|
width: 702rpx;
|
|
// height: 732rpx;
|
|
background: #FFFFFF;
|
|
border-radius: 16rpx;
|
|
margin-top: 24rpx;
|
|
padding: 0 32rpx;
|
|
box-sizing: border-box;
|
|
|
|
div:nth-child(1) {
|
|
|
|
div:nth-child(1) {
|
|
font-size: 30rpx;
|
|
font-family: PingFangSC-Medium, PingFang SC;
|
|
font-weight: 500;
|
|
color: #222222;
|
|
line-height: 44rpx;
|
|
margin-top: 32rpx;
|
|
}
|
|
|
|
div:nth-child(2) {
|
|
font-size: 28rpx;
|
|
font-family: PingFangSC-Regular, PingFang SC;
|
|
font-weight: 400;
|
|
color: #585858;
|
|
line-height: 40rpx;
|
|
margin-top: 32rpx;
|
|
}
|
|
}
|
|
|
|
.inventory-list {
|
|
div:nth-child(1) {
|
|
width: 176rpx;
|
|
height: 176rpx;
|
|
border-radius: 8rpx;
|
|
|
|
image {
|
|
width: 176rpx;
|
|
height: 176rpx;
|
|
border-radius: 8rpx;
|
|
}
|
|
}
|
|
|
|
div:nth-child(2) {
|
|
height: 208rpx;
|
|
|
|
div:nth-child(n+1) {
|
|
margin-top: 24rpx;
|
|
}
|
|
|
|
div:nth-child(1) {
|
|
width: 390rpx;
|
|
height: 40rpx;
|
|
font-size: 28rpx;
|
|
font-family: PingFangSC-Regular, PingFang SC;
|
|
font-weight: 400;
|
|
color: #333333;
|
|
line-height: 40rpx;
|
|
margin-right: 0;
|
|
margin-left: 24rpx;
|
|
}
|
|
|
|
div:nth-child(2) {
|
|
height: 34rpx;
|
|
|
|
div:nth-child(1) {
|
|
width: 120rpx;
|
|
margin-top: 0;
|
|
font-size: 24rpx;
|
|
font-family: PingFangSC-Regular, PingFang SC;
|
|
font-weight: 400;
|
|
color: #999999;
|
|
line-height: 34rpx;
|
|
}
|
|
|
|
div:nth-child(2) {
|
|
|
|
width: 172rpx;
|
|
margin-top: 0;
|
|
font-size: 24rpx;
|
|
font-family: PingFangSC-Regular, PingFang SC;
|
|
font-weight: 400;
|
|
color: #999999;
|
|
line-height: 34rpx;
|
|
margin-left: 16rpx;
|
|
}
|
|
}
|
|
|
|
div:nth-child(3) {
|
|
font-size: 24rpx;
|
|
font-family: DINAlternate-Bold, DINAlternate;
|
|
font-weight: bold;
|
|
color: #F33B50;
|
|
line-height: 40rpx;
|
|
margin-top: 0;
|
|
margin-top: 46rpx;
|
|
margin-left: 24rpx;
|
|
|
|
span {
|
|
font-size: 24rpx;
|
|
font-family: PingFangSC-Regular, PingFang SC;
|
|
font-weight: 400;
|
|
color: #F33B50;
|
|
line-height: 34rpx;
|
|
margin-left: 4rpx;
|
|
}
|
|
|
|
}
|
|
}
|
|
|
|
div:nth-child(3) {
|
|
font-size: 24rpx;
|
|
font-family: PingFangSC-Regular, PingFang SC;
|
|
font-weight: 400;
|
|
color: #999999;
|
|
line-height: 34rpx;
|
|
}
|
|
}
|
|
|
|
}
|
|
|
|
.button-btn {
|
|
width: 750rpx;
|
|
height: 100rpx;
|
|
background: #FFFFFF;
|
|
position: fixed;
|
|
bottom: 0;
|
|
left: 0;
|
|
// float: right;
|
|
|
|
.button-one {
|
|
width: 192rpx;
|
|
height: 72rpx;
|
|
border-radius: 40rpx;
|
|
border: 2rpx solid #E8E8E8;
|
|
font-size: 28rpx;
|
|
font-family: PingFangSC-Regular, PingFang SC;
|
|
font-weight: 400;
|
|
color: #222222;
|
|
line-height: 40rpx;
|
|
// margin-left: 94rpx;
|
|
}
|
|
|
|
.button-two {
|
|
width: 192rpx;
|
|
height: 72rpx;
|
|
border-radius: 40rpx;
|
|
border: 2rpx solid #E8E8E8;
|
|
font-size: 28rpx;
|
|
font-family: PingFangSC-Regular, PingFang SC;
|
|
font-weight: 400;
|
|
color: #222222;
|
|
line-height: 40rpx;
|
|
margin: 0 24rpx;
|
|
}
|
|
|
|
.button-three {
|
|
width: 192rpx;
|
|
height: 72rpx;
|
|
background: #21BBF3;
|
|
border-radius: 40rpx;
|
|
font-size: 28rpx;
|
|
font-family: PingFangSC-Medium, PingFang SC;
|
|
font-weight: 500;
|
|
color: #FFFFFF;
|
|
line-height: 40rpx;
|
|
margin-right: 32rpx;
|
|
}
|
|
}
|
|
|
|
.refund-amount {
|
|
width: 702rpx;
|
|
// height: 460rpx;
|
|
background: #FFFFFF;
|
|
border-radius: 16rpx;
|
|
margin-top: 24rpx;
|
|
padding: 32rpx;
|
|
box-sizing: border-box;
|
|
margin-bottom: 132rpx;
|
|
|
|
div:nth-child(1) {
|
|
div:nth-child(1) {
|
|
font-size: 30rpx;
|
|
font-family: PingFangSC-Medium, PingFang SC;
|
|
font-weight: 500;
|
|
color: #222222;
|
|
line-height: 42rpx;
|
|
}
|
|
|
|
div:nth-child(2) {
|
|
font-size: 28rpx;
|
|
font-family: PingFangSC-Medium, PingFang SC;
|
|
font-weight: 500;
|
|
color: #222222;
|
|
line-height: 40rpx;
|
|
}
|
|
}
|
|
|
|
.refund-foot {
|
|
width: 638rpx;
|
|
height: 2rpx;
|
|
background: #F2F2F2;
|
|
border-radius: 16rpx;
|
|
margin-top: 28rpx;
|
|
margin-bottom: 4rpx;
|
|
}
|
|
|
|
div:nth-child(n+2) {
|
|
margin-top: 24rpx;
|
|
|
|
div:nth-child(1) {
|
|
font-size: 28rpx;
|
|
font-family: PingFangSC-Regular, PingFang SC;
|
|
font-weight: 400;
|
|
color: #999999;
|
|
line-height: 40rpx;
|
|
margin-right: 128rpx;
|
|
}
|
|
|
|
div:nth-child(2) {
|
|
font-size: 28rpx;
|
|
font-family: PingFangSC-Regular, PingFang SC;
|
|
font-weight: 400;
|
|
color: #222222;
|
|
line-height: 40rpx;
|
|
margin-top: 0;
|
|
}
|
|
}
|
|
|
|
}
|
|
|
|
.Confirm-refund {
|
|
width: 540rpx;
|
|
height: 300rpx;
|
|
background: #FFFFFF;
|
|
border-radius: 24rpx;
|
|
box-sizing: border-box;
|
|
position: fixed;
|
|
top: 662rpx;
|
|
left: 50%;
|
|
transform: translateX(-50%);
|
|
|
|
div:nth-child(1) {
|
|
font-size: 32rpx;
|
|
font-family: PingFangSC-Medium, PingFang SC;
|
|
font-weight: 500;
|
|
color: #222222;
|
|
line-height: 44rpx;
|
|
margin-top: 40rpx;
|
|
}
|
|
|
|
div:nth-child(2) {
|
|
font-size: 28rpx;
|
|
font-family: PingFangSC-Regular, PingFang SC;
|
|
font-weight: 400;
|
|
color: #585858;
|
|
line-height: 44rpx;
|
|
}
|
|
|
|
div:nth-child(3) {
|
|
margin-top: 56rpx;
|
|
|
|
div:nth-child(1) {
|
|
width: 206rpx;
|
|
height: 72rpx;
|
|
border-radius: 40rpx;
|
|
border: 2rpx solid #E8E8E8;
|
|
font-size: 28rpx;
|
|
font-family: PingFangSC-Regular, PingFang SC;
|
|
font-weight: 400;
|
|
color: #222222;
|
|
line-height: 40rpx;
|
|
margin: 0 32rpx 0 42rpx;
|
|
}
|
|
|
|
div:nth-child(2) {
|
|
width: 206rpx;
|
|
height: 72rpx;
|
|
background: #21BBF3;
|
|
border-radius: 40rpx;
|
|
font-size: 28rpx;
|
|
font-family: PingFangSC-Medium, PingFang SC;
|
|
font-weight: 500;
|
|
color: #FFFFFF;
|
|
line-height: 40rpx;
|
|
}
|
|
}
|
|
}
|
|
|
|
.original-road {
|
|
width: 540rpx;
|
|
// height: 342rpx;
|
|
background: #FFFFFF;
|
|
border-radius: 24rpx;
|
|
box-sizing: border-box;
|
|
position: fixed;
|
|
top: 20vh;
|
|
left: 50%;
|
|
transform: translateX(-50%);
|
|
padding-bottom: 24rpx;
|
|
box-sizing: border-box;
|
|
|
|
.set {
|
|
// color: red !important;
|
|
// margin: 0 auto;
|
|
margin-left: 180rpx;
|
|
}
|
|
|
|
.arr {
|
|
margin: 0 !important;
|
|
|
|
image {
|
|
width: 30rpx;
|
|
height: 30rpx;
|
|
margin-right: 18rpx;
|
|
}
|
|
|
|
div {
|
|
margin: 0 !important;
|
|
|
|
}
|
|
|
|
div:nth-child(1) {}
|
|
|
|
.arr1 {
|
|
margin-top: 0 !important;
|
|
}
|
|
|
|
.arr2 {
|
|
margin-top: 16rpx !important;
|
|
}
|
|
}
|
|
|
|
.bnt {
|
|
margin-top: 38rpx;
|
|
|
|
.bnt1 {
|
|
width: 206rpx;
|
|
height: 72rpx;
|
|
border-radius: 40rpx;
|
|
border: 2rpx solid #E8E8E8;
|
|
font-size: 28rpx;
|
|
font-family: PingFangSC-Regular, PingFang SC;
|
|
font-weight: 400;
|
|
color: #222222;
|
|
line-height: 40rpx;
|
|
margin-top: 0;
|
|
margin: 0 32rpx 0 48rpx;
|
|
}
|
|
|
|
.bnt2 {
|
|
width: 206rpx;
|
|
height: 72rpx;
|
|
background: #21BBF3;
|
|
border-radius: 40rpx;
|
|
font-size: 28rpx;
|
|
font-family: PingFangSC-Medium, PingFang SC;
|
|
font-weight: 500;
|
|
color: #FFFFFF;
|
|
line-height: 40rpx;
|
|
}
|
|
}
|
|
|
|
div:nth-child(1) {
|
|
font-size: 32rpx;
|
|
font-family: PingFangSC-Medium, PingFang SC;
|
|
font-weight: 500;
|
|
color: #222222;
|
|
line-height: 44rpx;
|
|
margin-top: 40rpx;
|
|
}
|
|
|
|
.check {
|
|
margin-top: 8rpx;
|
|
margin-left: 194rpx;
|
|
}
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
.use {
|
|
width: 80%;
|
|
margin: 0 auto;
|
|
}
|
|
|
|
.userna {
|
|
width: 80%;
|
|
border: 1rpx solid rgb(218, 219, 222);
|
|
height: 100rpx;
|
|
margin: 0 auto;
|
|
border-radius: 8rpx;
|
|
|
|
input {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
// margin-top: 12rpx;
|
|
}
|
|
|
|
|
|
|
|
}
|
|
</style>
|