|
|
@ -1,9 +1,10 @@ |
|
|
|
|
|
|
|
<!-- 售后提交 --> |
|
|
|
<template> |
|
|
|
<template> |
|
|
|
<view class="apply-return"> |
|
|
|
<view class="apply-return"> |
|
|
|
<!-- 售后提交 --> |
|
|
|
<!-- 申请售后 --> |
|
|
|
<view class="container" v-if="selected"> |
|
|
|
<view class="container" v-if="selected"> |
|
|
|
<view class="goodsStyle acea-row row-between" |
|
|
|
<view class="goodsStyle acea-row row-between" |
|
|
|
v-for="cart in orderInfo.cartInfo" |
|
|
|
v-for="cart in selectProduct" |
|
|
|
:key="cart.id" |
|
|
|
:key="cart.id" |
|
|
|
> |
|
|
|
> |
|
|
|
<view class="pictrue"> |
|
|
|
<view class="pictrue"> |
|
|
@ -14,23 +15,23 @@ |
|
|
|
<view class="money"> |
|
|
|
<view class="money"> |
|
|
|
<view> |
|
|
|
<view> |
|
|
|
¥{{ |
|
|
|
¥{{ |
|
|
|
cart.productInfo.attrInfo |
|
|
|
cart.productInfo.attrInfo |
|
|
|
? cart.productInfo.attrInfo.price |
|
|
|
? cart.productInfo.attrInfo.price |
|
|
|
: cart.productInfo.price |
|
|
|
: cart.productInfo.price |
|
|
|
}} |
|
|
|
}} |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view class="num">x{{ cart.cartNum }}</view> |
|
|
|
<view class="num">x{{ cart.cartNum }}</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view class="list"> |
|
|
|
<view class="list"> |
|
|
|
<view class="item acea-row row-between-wrapper"> |
|
|
|
<view v-if="serviceType === 1" class="item acea-row row-between-wrapper"> |
|
|
|
<view>退货件数</view> |
|
|
|
<view>退货件数</view> |
|
|
|
<view class="num">{{ orderInfo.totalNum }}</view> |
|
|
|
<view class="num">{{ totalNum || 0 }}</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view class="item acea-row row-between-wrapper"> |
|
|
|
<view class="item acea-row row-between-wrapper"> |
|
|
|
<view>退款金额</view> |
|
|
|
<view>退款金额</view> |
|
|
|
<view class="num">¥{{ orderInfo.payPrice }}</view> |
|
|
|
<view class="num">¥{{ totalMoney || 0 }}</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<picker :value="reason" :range="reasonList" @change="changeReason"> |
|
|
|
<picker :value="reason" :range="reasonList" @change="changeReason"> |
|
|
|
<view class="item acea-row row-between-wrapper"> |
|
|
|
<view class="item acea-row row-between-wrapper"> |
|
|
@ -41,145 +42,345 @@ |
|
|
|
</picker> |
|
|
|
</picker> |
|
|
|
<view class="item textarea acea-row row-between"> |
|
|
|
<view class="item textarea acea-row row-between"> |
|
|
|
<view>备注说明</view> |
|
|
|
<view>备注说明</view> |
|
|
|
<textarea placeholder="填写备注信息,100字以内" class="num" v-model="refund_reason_wap_explain"></textarea> |
|
|
|
<textarea class="num" |
|
|
|
|
|
|
|
placeholder="填写备注信息,100字以内" |
|
|
|
|
|
|
|
v-model="refund_reason_wap_explain" |
|
|
|
|
|
|
|
></textarea> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view class="returnBnt bg-color-red" @click="submit">申请退款</view> |
|
|
|
<view v-if="serviceType === 0" class="returnBnt bg-color-red" @click="submit">申请退款</view> |
|
|
|
|
|
|
|
<view v-if="serviceType === 1" class="returnBnt bg-color-red" @click="submit">申请退货</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<!-- 选择商品 --> |
|
|
|
<!-- 选择商品 --> |
|
|
|
<view class="selectProduct"> |
|
|
|
<view class="selectProduct" v-else> |
|
|
|
<view class="goodsStyle acea-row row-between" |
|
|
|
<view class="selectContainer" |
|
|
|
v-for="cart in orderInfo.cartInfo" |
|
|
|
v-for="(cart, index) in selectProduct" |
|
|
|
:key="cart.id" |
|
|
|
:key="cart.id" |
|
|
|
> |
|
|
|
> |
|
|
|
|
|
|
|
<view class="checkbox-wrapper"> |
|
|
|
|
|
|
|
<checkbox-group @change="switchSelect(index)"> |
|
|
|
|
|
|
|
<label class="well-check"> |
|
|
|
|
|
|
|
<checkbox color="#eb3729" value :checked="cart.checked"></checkbox> |
|
|
|
|
|
|
|
</label> |
|
|
|
|
|
|
|
</checkbox-group> |
|
|
|
|
|
|
|
</view> |
|
|
|
<view class="pictrue"> |
|
|
|
<view class="pictrue"> |
|
|
|
<image :src="cart.productInfo.image" class="image" /> |
|
|
|
<image :src="cart.productInfo.image" class="image" /> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view class="text acea-row row-between"> |
|
|
|
<view class="content"> |
|
|
|
<view class="name line2">{{ cart.productInfo.storeName }}</view> |
|
|
|
<view class="title">{{ cart.productInfo.storeName || '' }}</view> |
|
|
|
|
|
|
|
<view class="skus"> |
|
|
|
|
|
|
|
<view class="sku"> |
|
|
|
|
|
|
|
{{ cart.productInfo.attrInfo.sku || '' }} |
|
|
|
|
|
|
|
</view> |
|
|
|
|
|
|
|
<view class="num">x{{ cart.cartNum || 0 }}</view> |
|
|
|
|
|
|
|
</view> |
|
|
|
<view class="money"> |
|
|
|
<view class="money"> |
|
|
|
<view> |
|
|
|
¥<view> |
|
|
|
¥{{ |
|
|
|
{{ |
|
|
|
cart.productInfo.attrInfo |
|
|
|
cart.productInfo.attrInfo |
|
|
|
? cart.productInfo.attrInfo.price |
|
|
|
? cart.productInfo.attrInfo.price |
|
|
|
: cart.productInfo.price |
|
|
|
: cart.productInfo.price |
|
|
|
}} |
|
|
|
}} |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view class="num">x{{ cart.cartNum }}</view> |
|
|
|
|
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
|
|
|
|
<view class="choose"> |
|
|
|
|
|
|
|
<view class="checkTotal"> |
|
|
|
|
|
|
|
<checkbox-group @change="allChecked"> |
|
|
|
|
|
|
|
<label class="well-check"> |
|
|
|
|
|
|
|
<checkbox |
|
|
|
|
|
|
|
color="#eb3729" |
|
|
|
|
|
|
|
value="allSelect" |
|
|
|
|
|
|
|
:checked="isAllSelect" |
|
|
|
|
|
|
|
></checkbox> |
|
|
|
|
|
|
|
<text class="checkAll">全选 ({{ cartCount || 0 }})</text> |
|
|
|
|
|
|
|
</label> |
|
|
|
|
|
|
|
</checkbox-group> |
|
|
|
|
|
|
|
<view class="total"> |
|
|
|
|
|
|
|
<view class="proTotal"> |
|
|
|
|
|
|
|
{{ orderInfo.totalNum || 0 }}件商品 |
|
|
|
|
|
|
|
</view> |
|
|
|
|
|
|
|
<view class="moneyTotal"> |
|
|
|
|
|
|
|
合计 ¥ {{ orderInfo.totalPrice || 0 }} |
|
|
|
|
|
|
|
</view> |
|
|
|
|
|
|
|
</view> |
|
|
|
|
|
|
|
</view> |
|
|
|
|
|
|
|
<view class="typeBtn"> |
|
|
|
|
|
|
|
<view class="button def" @click="chooseType(0)">仅退款</view> |
|
|
|
|
|
|
|
<view class="button redBtn" @click="chooseType(1)">退货退款</view> |
|
|
|
|
|
|
|
</view> |
|
|
|
|
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</template> |
|
|
|
</template> |
|
|
|
|
|
|
|
|
|
|
|
<script> |
|
|
|
<script> |
|
|
|
import { |
|
|
|
import { |
|
|
|
orderDetail, |
|
|
|
orderDetail, |
|
|
|
getRefundReason, |
|
|
|
getRefundReason, |
|
|
|
postOrderRefund |
|
|
|
postOrderRefund |
|
|
|
} from "@/api/order"; |
|
|
|
} from "@/api/order"; |
|
|
|
import { |
|
|
|
import { |
|
|
|
trim |
|
|
|
submitAfterSealsOrder |
|
|
|
} from "@/utils"; |
|
|
|
} from '@/api/aftersales.js'; |
|
|
|
import { |
|
|
|
import { |
|
|
|
VUE_APP_API_URL |
|
|
|
trim |
|
|
|
} from "@/config"; |
|
|
|
} from "@/utils"; |
|
|
|
|
|
|
|
import { |
|
|
|
|
|
|
|
VUE_APP_API_URL |
|
|
|
|
|
|
|
} from "@/config"; |
|
|
|
|
|
|
|
|
|
|
|
export default { |
|
|
|
export default { |
|
|
|
name: "goodsReturn", |
|
|
|
name: "goodsReturn", |
|
|
|
components: { |
|
|
|
components: { |
|
|
|
// VueCoreImageUpload |
|
|
|
// VueCoreImageUpload |
|
|
|
}, |
|
|
|
}, |
|
|
|
data() { |
|
|
|
data() { |
|
|
|
return { |
|
|
|
return { |
|
|
|
url: `${VUE_APP_API_URL}/upload/image`, |
|
|
|
url: `${VUE_APP_API_URL}/upload/image`, |
|
|
|
headers: { |
|
|
|
headers: { |
|
|
|
Authorization: "Bearer " + this.$store.state.token |
|
|
|
Authorization: "Bearer " + this.$store.state.token |
|
|
|
}, |
|
|
|
}, |
|
|
|
id: 0, |
|
|
|
id: 0, |
|
|
|
selected: true, |
|
|
|
selected: false, |
|
|
|
orderInfo: {}, |
|
|
|
orderInfo: {}, |
|
|
|
rebackList: [], |
|
|
|
rebackList: [], |
|
|
|
reasonList: [], |
|
|
|
reasonList: [], |
|
|
|
reason: "", |
|
|
|
reason: "", |
|
|
|
refund_reason_wap_explain: "", |
|
|
|
refund_reason_wap_explain: '', |
|
|
|
refund_reason_wap_img: [] |
|
|
|
refund_reason_wap_img: [], |
|
|
|
}; |
|
|
|
serviceType: null, |
|
|
|
|
|
|
|
// 选中售后商品 |
|
|
|
|
|
|
|
selectProduct: [], |
|
|
|
|
|
|
|
totalNum: 0, |
|
|
|
|
|
|
|
totalMoney: 0, |
|
|
|
|
|
|
|
isAllSelect: false |
|
|
|
|
|
|
|
}; |
|
|
|
|
|
|
|
}, |
|
|
|
|
|
|
|
mounted() { |
|
|
|
|
|
|
|
this.id = this.$yroute.query.id || 0; |
|
|
|
|
|
|
|
this.getOrderDetail(); |
|
|
|
|
|
|
|
this.getRefundReason(); |
|
|
|
|
|
|
|
}, |
|
|
|
|
|
|
|
methods: { |
|
|
|
|
|
|
|
changeReason(e) { |
|
|
|
|
|
|
|
this.reason = this.reasonList[e.mp.detail.value]; |
|
|
|
}, |
|
|
|
}, |
|
|
|
mounted() { |
|
|
|
imageuploaded(res) { |
|
|
|
this.id = this.$yroute.query.id || 0; |
|
|
|
if (res.status !== 200) { |
|
|
|
this.getOrderDetail(); |
|
|
|
uni.showToast({ |
|
|
|
this.getRefundReason(); |
|
|
|
title: err.msg || err.response.data.msg|| err.response.data.message, |
|
|
|
|
|
|
|
icon: 'none', |
|
|
|
|
|
|
|
duration: 2000 |
|
|
|
|
|
|
|
}); |
|
|
|
|
|
|
|
return |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
this.refund_reason_wap_img.push(res.data.url); |
|
|
|
}, |
|
|
|
}, |
|
|
|
methods: { |
|
|
|
getOrderDetail() { |
|
|
|
changeReason(e) { |
|
|
|
uni.showLoading({ |
|
|
|
this.reason = this.reasonList[e.mp.detail.value]; |
|
|
|
title: '正在查询商品', |
|
|
|
}, |
|
|
|
duration: 2000, |
|
|
|
imageuploaded(res) { |
|
|
|
}) |
|
|
|
if (res.status !== 200) { |
|
|
|
orderDetail(this.id) |
|
|
|
uni.showToast({ |
|
|
|
.then(res => { |
|
|
|
title: err.msg || err.response.data.msg|| err.response.data.message, |
|
|
|
this.orderInfo = res.data; |
|
|
|
icon: 'none', |
|
|
|
this.selectProduct = res.data.cartInfo.map(item => { |
|
|
|
duration: 2000 |
|
|
|
item.checked = false |
|
|
|
}); |
|
|
|
return item |
|
|
|
return |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
this.refund_reason_wap_img.push(res.data.url); |
|
|
|
|
|
|
|
}, |
|
|
|
|
|
|
|
getOrderDetail() { |
|
|
|
|
|
|
|
orderDetail(this.id) |
|
|
|
|
|
|
|
.then(res => { |
|
|
|
|
|
|
|
this.orderInfo = res.data; |
|
|
|
|
|
|
|
}) |
|
|
|
}) |
|
|
|
.catch(err => { |
|
|
|
if (res.data.cartInfo.length === 0) { |
|
|
|
uni.showToast({ |
|
|
|
uni.showToast({ |
|
|
|
title: err.msg || err.response.data.msg|| err.response.data.message, |
|
|
|
title: "订单无可售后商品", |
|
|
|
icon: 'none', |
|
|
|
icon: 'none', |
|
|
|
duration: 2000 |
|
|
|
duration: 2000 |
|
|
|
}); |
|
|
|
}); |
|
|
|
}); |
|
|
|
return |
|
|
|
}, |
|
|
|
} |
|
|
|
getRefundReason() { |
|
|
|
uni.hideLoading() |
|
|
|
getRefundReason().then(res => { |
|
|
|
}) |
|
|
|
this.reasonList = res.data; |
|
|
|
.catch(err => { |
|
|
|
}); |
|
|
|
uni.hideLoading() |
|
|
|
}, |
|
|
|
|
|
|
|
submit() { |
|
|
|
|
|
|
|
const refund_reason_wap_explain = trim(this.refund_reason_wap_explain), |
|
|
|
|
|
|
|
text = this.reason; |
|
|
|
|
|
|
|
if (!text) { |
|
|
|
|
|
|
|
uni.showToast({ |
|
|
|
uni.showToast({ |
|
|
|
title: "请选择退款原因", |
|
|
|
title: err.msg || err.response.data.msg|| err.response.data.message, |
|
|
|
icon: 'none', |
|
|
|
icon: 'none', |
|
|
|
duration: 2000 |
|
|
|
duration: 2000 |
|
|
|
}); |
|
|
|
}); |
|
|
|
return |
|
|
|
}); |
|
|
|
|
|
|
|
}, |
|
|
|
|
|
|
|
getRefundReason() { |
|
|
|
|
|
|
|
getRefundReason().then(res => { |
|
|
|
|
|
|
|
this.reasonList = res.data; |
|
|
|
|
|
|
|
}); |
|
|
|
|
|
|
|
}, |
|
|
|
|
|
|
|
// 选择退款商品 |
|
|
|
|
|
|
|
switchSelect (index) { |
|
|
|
|
|
|
|
let isAll = true |
|
|
|
|
|
|
|
this.selectProduct[index].checked = !this.selectProduct[index].checked |
|
|
|
|
|
|
|
this.selectProduct.forEach(item => { |
|
|
|
|
|
|
|
if (!item.checked) { |
|
|
|
|
|
|
|
isAll = false |
|
|
|
} |
|
|
|
} |
|
|
|
postOrderRefund({ |
|
|
|
}) |
|
|
|
text, |
|
|
|
this.isAllSelect = isAll |
|
|
|
uni: this.orderInfo.orderId, |
|
|
|
}, |
|
|
|
refund_reason_wap_img: this.refund_reason_wap_img.join(","), |
|
|
|
// 全选 |
|
|
|
refund_reason_wap_explain |
|
|
|
allChecked () { |
|
|
|
}) |
|
|
|
this.isAllSelect = !this.isAllSelect |
|
|
|
.then(res => { |
|
|
|
this.selectProduct.forEach(item => { |
|
|
|
uni.showToast({ |
|
|
|
item.checked = this.isAllSelect |
|
|
|
title: res.msg, |
|
|
|
}) |
|
|
|
icon: "success", |
|
|
|
}, |
|
|
|
duration: 2000 |
|
|
|
// 选择退款类型 |
|
|
|
}); |
|
|
|
chooseType (val) { |
|
|
|
setTimeout(() => { |
|
|
|
this.selectProduct = this.selectProduct.map(item => { |
|
|
|
this.$yrouter.back(); |
|
|
|
if (item.checked) { |
|
|
|
}, 1500); |
|
|
|
this.totalMoney += parseFloat(item.costPrice) |
|
|
|
}) |
|
|
|
this.totalNum += 1 |
|
|
|
.catch(err => { |
|
|
|
return item |
|
|
|
uni.showToast({ |
|
|
|
} |
|
|
|
title: err.msg || err.response.data.msg|| err.response.data.message, |
|
|
|
}).filter(r => r) |
|
|
|
icon: 'none', |
|
|
|
this.selected = true; |
|
|
|
duration: 2000 |
|
|
|
this.serviceType = val; |
|
|
|
}); |
|
|
|
}, |
|
|
|
}); |
|
|
|
submit() { |
|
|
|
|
|
|
|
const refund_reason_wap_explain = trim(this.refund_reason_wap_explain); |
|
|
|
|
|
|
|
if (!this.reason) { |
|
|
|
|
|
|
|
uni.showToast({ |
|
|
|
|
|
|
|
title: "请选择退款原因", |
|
|
|
|
|
|
|
icon: 'none', |
|
|
|
|
|
|
|
duration: 2000 |
|
|
|
|
|
|
|
}); |
|
|
|
|
|
|
|
return |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
// this.listquery.productParamList.push({ |
|
|
|
|
|
|
|
// productId: item.productId |
|
|
|
|
|
|
|
// }) |
|
|
|
|
|
|
|
submitAfterSealsOrder({ |
|
|
|
|
|
|
|
orderCode: this.orderInfo.orderId, |
|
|
|
|
|
|
|
serviceType: this.serviceType, |
|
|
|
|
|
|
|
reasonForApplication: this.reason, |
|
|
|
|
|
|
|
applicationInstructions: refund_reason_wap_explain, |
|
|
|
|
|
|
|
applicationDescriptionPicture: this.refund_reason_wap_img.join(","), |
|
|
|
|
|
|
|
productParamList: [] |
|
|
|
|
|
|
|
}).then(res => { |
|
|
|
|
|
|
|
if (res.status === 200) { |
|
|
|
|
|
|
|
uni.showToast({ |
|
|
|
|
|
|
|
title: res.msg, |
|
|
|
|
|
|
|
icon: "success", |
|
|
|
|
|
|
|
duration: 2000 |
|
|
|
|
|
|
|
}); |
|
|
|
|
|
|
|
setTimeout(() => { |
|
|
|
|
|
|
|
this.$yrouter.push({ path: '/pages/order/ReturnList/index' }); |
|
|
|
|
|
|
|
}, 1500) |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
}) |
|
|
|
|
|
|
|
.catch(err => { |
|
|
|
|
|
|
|
uni.showToast({ |
|
|
|
|
|
|
|
title: err.msg || err.response.data.msg|| err.response.data.message, |
|
|
|
|
|
|
|
icon: 'none', |
|
|
|
|
|
|
|
duration: 2000 |
|
|
|
|
|
|
|
}); |
|
|
|
|
|
|
|
}); |
|
|
|
} |
|
|
|
} |
|
|
|
}; |
|
|
|
} |
|
|
|
|
|
|
|
}; |
|
|
|
</script> |
|
|
|
</script> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<style lang="scss" scoped> |
|
|
|
|
|
|
|
.apply-return{ |
|
|
|
|
|
|
|
.selectProduct{ |
|
|
|
|
|
|
|
margin-bottom: 180rpx; |
|
|
|
|
|
|
|
.selectContainer{ |
|
|
|
|
|
|
|
padding: 20rpx 32rpx; |
|
|
|
|
|
|
|
background-color: #FFF; |
|
|
|
|
|
|
|
display: flex; |
|
|
|
|
|
|
|
align-items: center; |
|
|
|
|
|
|
|
.pictrue{ |
|
|
|
|
|
|
|
.image{ |
|
|
|
|
|
|
|
width: 180rpx; |
|
|
|
|
|
|
|
height: 180rpx; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
.content{ |
|
|
|
|
|
|
|
width: 100%; |
|
|
|
|
|
|
|
height: 100%; |
|
|
|
|
|
|
|
margin-left: 16rpx; |
|
|
|
|
|
|
|
font-size: 24rpx; |
|
|
|
|
|
|
|
display: flex; |
|
|
|
|
|
|
|
flex-direction: column; |
|
|
|
|
|
|
|
justify-content: space-between; |
|
|
|
|
|
|
|
.title{ |
|
|
|
|
|
|
|
width: 100%; |
|
|
|
|
|
|
|
height: 80rpx; |
|
|
|
|
|
|
|
text-overflow: ellipsis; |
|
|
|
|
|
|
|
font-size: 28rpx; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
.skus{ |
|
|
|
|
|
|
|
display: flex; |
|
|
|
|
|
|
|
justify-content: space-between; |
|
|
|
|
|
|
|
color: #999999; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
.money{ |
|
|
|
|
|
|
|
margin-top: 10rpx; |
|
|
|
|
|
|
|
display: flex; |
|
|
|
|
|
|
|
view{ |
|
|
|
|
|
|
|
color: #EB3729; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
.choose{ |
|
|
|
|
|
|
|
width: 100%; |
|
|
|
|
|
|
|
padding: 20rpx 30rpx; |
|
|
|
|
|
|
|
background-color: #FFF; |
|
|
|
|
|
|
|
position: fixed; |
|
|
|
|
|
|
|
bottom: 0; |
|
|
|
|
|
|
|
height: 180rpx; |
|
|
|
|
|
|
|
.checkTotal{ |
|
|
|
|
|
|
|
height: 80rpx; |
|
|
|
|
|
|
|
font-size: 28rpx; |
|
|
|
|
|
|
|
border-bottom: 2rpx solid #F3F4F5; |
|
|
|
|
|
|
|
display: flex; |
|
|
|
|
|
|
|
justify-content: space-between; |
|
|
|
|
|
|
|
align-items: center; |
|
|
|
|
|
|
|
.total{ |
|
|
|
|
|
|
|
display: flex; |
|
|
|
|
|
|
|
.proTotal{ |
|
|
|
|
|
|
|
color: #666; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
.moneyTotal{ |
|
|
|
|
|
|
|
color: #333; |
|
|
|
|
|
|
|
margin-left: 30rpx; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
.typeBtn{ |
|
|
|
|
|
|
|
margin-top: 10rpx; |
|
|
|
|
|
|
|
display: flex; |
|
|
|
|
|
|
|
justify-content: flex-end; |
|
|
|
|
|
|
|
align-items: center; |
|
|
|
|
|
|
|
.button{ |
|
|
|
|
|
|
|
width: 160rpx; |
|
|
|
|
|
|
|
height: 60rpx; |
|
|
|
|
|
|
|
margin: 0 10rpx; |
|
|
|
|
|
|
|
line-height: 60rpx; |
|
|
|
|
|
|
|
text-align: center; |
|
|
|
|
|
|
|
font-size: 24rpx; |
|
|
|
|
|
|
|
border-radius: 180rpx; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
.def{ |
|
|
|
|
|
|
|
color: #AAAAAA; |
|
|
|
|
|
|
|
border: 2rpx solid #DDDDDD; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
.redBtn{ |
|
|
|
|
|
|
|
color: #FFF; |
|
|
|
|
|
|
|
background-color: #EB3729; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
</style> |
|
|
|