b2894lxlx/yunxinwei-uniapp
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

整理订单状态显示及功能按钮

Browse Source
This commit is contained in:
geng.tang@qq.com
2024-01-26 15:31:43 +08:00
parent e954472f26
commit 3b5615eeef
10 changed files with 346 additions and 165 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
package/equipment/cashier/index.vue
View File

@@ -302,7 +302,7 @@
} else {
setTimeout(() => {
this.$navTo('pages/order/index', {}, 'redirectTo')
}, 1200)
}, 1000)
}
},

7
pages.json
View File

@@ -175,7 +175,7 @@
{
"path": "pages/help/xieyi",
"style": {
"navigationBarTitleText": "租赁服务协议与隐私协议"
"navigationBarTitleText": "协议"
}
},
{
@@ -378,12 +378,11 @@
"path": "pages/withdraw/log/log",
"style": {
"navigationBarTitleText": "提现记录",
"enablePullDownRefresh": false,
"enablePullDownRefresh": true,
"disableScroll":false,
"app-plus" : {
"bounce" : "none" // 取消APP端iOS回弹,避免与下拉刷新冲突 (可统一配在 'globalStyle')
},
"mp-alipay":{"allowsBounceVertical":"NO"} // 取消支付宝和钉钉小程序的iOS回弹,避免与下拉刷新冲突 (可统一配在 'globalStyle')
}
}
},
{

52
pages/checkout/checkout.vue
View File

@@ -102,8 +102,8 @@
<view class="xieyi">
<checkbox-group @change="onAgree" style="display: flex; align-items: center;">
<checkbox :checked="agree" />我已同意并阅读<div class="xieyi-text" @click="showXieyi">《服务协议》</div>与<div
class="xieyi-text" @click="showXieyi">《隐私协议》</div>
<checkbox :checked="agree" />我已同意并阅读<div class="xieyi-text" @click="showXieyi(64)">《租赁合同》</div>与<div
class="xieyi-text" @click="showXieyi(51)">《隐私协议》</div>
</checkbox-group>
</view>
</view>
@@ -180,8 +180,8 @@
onShow() {
var time = new Date().getTime() + 60 * 60 * 1000 * 24
const expirationTime = dateFormat('YYYY-mm-dd HH:MM:SS', new Date(time))
console.log("time: ", time);
console.log("expirationTime: ", expirationTime);
// console.log("time: ", time);
// console.log("expirationTime: ", expirationTime);
payQuery(752).then(res => {
console.log("res123: ", res);
})
@@ -213,8 +213,8 @@
onAgree() {
this.agree = !this.agree
},
showXieyi() {
this.$navTo('pages/help/xieyi')
showXieyi(xyId) {
this.$navTo('pages/help/xieyi?id=' + xyId)
},
copyCode(text) {
// #ifndef H5
@@ -322,25 +322,37 @@
},
complete: () => {
checkFreeze(orderId).then(() => {
app.$success("下单成功")
setTimeout(() => {
uni.redirectTo({
url: '/pages/order/index'
})
}, 100)
checkFreeze(orderId).then((res) => {
console.log(record.equipmentCategory + ": " + res)
if(res.code == 0){
app.$success("下单成功")
setTimeout(() => {
uni.redirectTo({
url: '/pages/order/index'
})
}, 100)
}
else {
app.$error(res.errMsg)
}
})
}
});
} else {
checkFreeze(orderId).then(() => {
app.$success("下单成功")
setTimeout(() => {
uni.redirectTo({
url: '/pages/order/index'
})
}, 100)
checkFreeze(orderId).then((res) => {
console.log(res)
if(res.code == 0){
app.$success("下单成功")
setTimeout(() => {
uni.redirectTo({
url: '/pages/order/index'
})
}, 100)
}
else {
app.$error(res.errMsg)
}
})
}

2
pages/help/xieyi.vue
View File

@@ -30,7 +30,7 @@
onLoad(options) {
const app = this
pageArticle({
categoryId: 51
categoryId: options.id
}).then(res => {
app.itemList = res.data.list
})

1
pages/merchant/merchant.vue
View File

@@ -78,7 +78,6 @@
const app = this
console.log("app.shopList.length: ",app.$store.getters.token);
if(app.shopList.length == 0){
console.log("sssss: ");
app.getShopList(app.longitude,app.latitude)
}
},

18
pages/order/delivery.vue
View File

@@ -11,11 +11,11 @@
<view class="page-title">身份证信息</view>
<view class="form-wrapper">
<u-form-item label="正面" prop="img1">
<image :src="orderSourceData[0]" v-if="orderSourceData[0]" mode="aspectFill" style="width: 300rpx;height: 200rpx"></image>
<image :src="orderSourceData[0]" v-if="orderSourceData[0]" mode="aspectFill" style="width: 300rpx;height: 200rpx" @click="chooseImage(1)"></image>
<image src="../../static/not-dealer.png" v-else mode="aspectFill" style="width: 300rpx;height: 200rpx" @click="chooseImage(1)"></image>
</u-form-item>
<u-form-item label="反面" prop="img2">
<image :src="orderSourceData[1]" v-if="orderSourceData[1]" mode="aspectFill" style="width: 300rpx;height: 200rpx"></image>
<image :src="orderSourceData[1]" v-if="orderSourceData[1]" mode="aspectFill" style="width: 300rpx;height: 200rpx" @click="chooseImage(2)"></image>
<image src="../../static/not-dealer.png" v-else mode="aspectFill" style="width: 300rpx;height: 200rpx" @click="chooseImage(2)"></image>
</u-form-item>
</view>
@@ -24,15 +24,15 @@
<!-- 表单组件 -->
<view class="form-wrapper">
<u-form-item label="人车合照" prop="img3">
<image :src="orderSourceData[2]" v-if="orderSourceData[2]" mode="aspectFill" style="width: 300rpx;height: 200rpx"></image>
<image :src="orderSourceData[2]" v-if="orderSourceData[2]" mode="aspectFill" style="width: 300rpx;height: 200rpx" @click="chooseImage(3)"></image>
<image src="../../static/not-dealer.png" v-else mode="aspectFill" style="width: 300rpx;height: 200rpx" @click="chooseImage(3)"></image>
</u-form-item>
<u-form-item label="车子照片" prop="img4">
<image :src="orderSourceData[3]" v-if="orderSourceData[3]" mode="aspectFill" style="width: 300rpx;height: 200rpx"></image>
<image :src="orderSourceData[3]" v-if="orderSourceData[3]" mode="aspectFill" style="width: 300rpx;height: 200rpx" @click="chooseImage(4)"></image>
<image src="../../static/not-dealer.png" v-else mode="aspectFill" style="width: 300rpx;height: 200rpx" @click="chooseImage(4)"></image>
</u-form-item>
<u-form-item label="安装照片" prop="img5">
<image :src="orderSourceData[4]" v-if="orderSourceData[4]" mode="aspectFill" style="width: 300rpx;height: 200rpx"></image>
<image :src="orderSourceData[4]" v-if="orderSourceData[4]" mode="aspectFill" style="width: 300rpx;height: 200rpx" @click="chooseImage(5)"></image>
<image src="../../static/not-dealer.png" v-else mode="aspectFill" style="width: 300rpx;height: 200rpx" @click="chooseImage(5)"></image>
</u-form-item>
</view>
@@ -292,8 +292,12 @@
fileType: 'image',
name: 'file'
}).then(res => {
console.log("res: ", res);
app.orderSourceData.push(res.data.url)
// app.orderSourceData.push(res.data.url)
if(app.orderSourceData[id-1]){
app.orderSourceData.splice(id-1, 1, res.data.url)
} else {
app.orderSourceData.push(res.data.url)
}
})

113
pages/order/detail.vue
View File

@@ -12,11 +12,11 @@
<image class="image" src="/static/order/status/wait_pay.png" mode="aspectFit"></image>
</block>
<!-- 待发货 -->
<block v-else-if="order.deliveryStatus == DeliveryStatusEnum.NOT_DELIVERED.value">
<!-- <block v-else-if="order.deliveryStatus == DeliveryStatusEnum.NOT_DELIVERED.value">
<image class="image" src="/static/order/status/wait_deliver.png" mode="aspectFit"></image>
</block>
</block> -->
<!-- 待收货 -->
<block v-else-if="order.receiptStatus == ReceiptStatusEnum.NOT_RECEIVED.value">
<block v-else-if="order.payStatus == 20 && order.deliveryStatus <= 20 && order.receiptStatus == 10">
<image class="image" src="/static/order/status/wait_receipt.png" mode="aspectFit"></image>
</block>
</block>
@@ -31,13 +31,18 @@
</block>
</view>
<view class="status-text">
<text class="state-text"
v-if="order.payStatus == 20 && (order.receiptStatus == 30 || ( order.equipmentGoods.equipmentCategory != 10 && order.currPeriods >= order.periods))">已完成</text>
<text class="state-text" v-else-if="order.payStatus == 10">待支付</text>
<text class="state-text" v-else-if="order.orderStatus == 30 && order.payStatus == 20 && order.deliveryStatus == 10">待收货</text>
<text class="state-text" v-else-if="order.orderStatus == 30 && order.payStatus == 20 && order.deliveryStatus == 20">待绑定</text>
<text class="state-text" v-else-if="order.orderStatus == 30 && order.deliveryStatus == 20">进行中</text>
<text class="state-text" v-else-if="order.receiptStatus == 21">进行中</text>
<text class="state-text" v-if="order.payStatus == 10">待支付</text>
<block v-if="order.payStatus == 20">
<text class="state-text" v-if="order.receiptStatus == 21">退租中</text>
<text class="state-text" v-else-if="order.deliveryStatus <= 20 && order.receiptStatus == 10">待收货</text>
<text class="state-text" v-else-if="order.deliveryStatus == 20 && order.receiptStatus == 20">待绑定</text>
<text class="state-text" v-else-if="order.deliveryStatus == 40 && order.receiptStatus == 20">进行中</text>
<text class="state-text"
v-else-if="order.receiptStatus == 30 || ( order.equipmentGoods.equipmentCategory != 10 && order.currPeriods >= order.periods)">已完成</text>
</block>
<!-- <text>{{ order.stateText }}</text> -->
</view>
</view>
@@ -494,8 +499,8 @@
<view class="btn-item active" @click="onReceipt(order.orderId)">绑定设备</view>
</block> -->
<!-- 订单评价 -->
<block
v-if="order.orderStatus == OrderStatusEnum.COMPLETED.value && order.isComment == 0 && order.receiptStatus != 30">
<!-- <block
v-if="order.payStatus == PayStatusEnum.SUCCESS.value && order.orderStatus == OrderStatusEnum.COMPLETED.value && order.isComment == 0 && order.receiptStatus != 30">
<view class="btn-item" @click="handleTargetEquipment(order.equipmentId)">查看电池</view>
<view class="btn-item" @click="handleHireEquipment(order.orderId)"
v-if="equipmentGoods.equipmentCategory != '10' && !orderEnd && order.orderId >= 28804">我要续费</view>
@@ -504,7 +509,27 @@
<view class="btn-item" @click="handleRentingOut(order)"
v-if="equipmentGoods.equipmentCategory != '10' && order.receiptStatus == 21 && !orderEnd">取消退租
</view>
</block> -->
<block v-if="order.payStatus == PayStatusEnum.SUCCESS.value">
<view class="btn-item" v-if="order.deliveryStatus <= 20 && order.receiptStatus == 10" @click="onReceipt(order.orderId)">确认收货</view>
<view class="btn-item" v-else-if="order.orderStatus == 30 && order.deliveryStatus == 20 && order.receiptStatus == 20" @click="onBind(item)">绑定设备</view>
<view class="btn-item" @click="handleRentingOut(order)"
v-if="order.equipmentGoods.equipmentCategory != '10' && order.receiptStatus != 21 && order.receiptStatus != 30">我要退租</view>
<view class="btn-item" @click="handleRentingOut(order)"
v-if="order.equipmentGoods.equipmentCategory != '10' && order.receiptStatus == 21 && !orderEnd">取消退租</view>
<view class="btn-item" @click="handleTargetDetail(item.orderId)"
v-if="order.equipmentGoods.equipmentCategory != '10' && order.receiptStatus != 30 && order.receiptStatus != 21 && !orderEnd && order.orderId >= 28804">我要续费</view>
<block v-if="order.orderStatus == OrderStatusEnum.COMPLETED.value && order.isComment == 0">
<view class="btn-item" v-if="order.equipmentGoods.equipmentCategory == '40' && order.deliveryStatus == DeliveryStatusEnum.ACCEPT.value"
@click="handleChangeEquipment(order.orderId,order.equipment.equipmentId)">换电</view>
<!-- <view class="btn-item" v-if="item.equipmentGoods.equipmentCategory == '锂电池租赁' || item.equipmentGoods.equipmentCategory == '电动车租赁'" @click="handleTargetDetail(item.orderId)">续费</view> -->
</block>
</block>
</view>
</view>
@@ -846,13 +871,75 @@
},
// 点击去支付
onPay(orderId) {
/* onPay(orderId) {
OrderApi.getOrderPayByOrderId(orderId).then(res => {
this.$navTo('pages/checkout/cashier/index', {
orderId: res.data.id
})
})
}, */
// 点击去支付
onPay(orderId) {
const app = this
OrderApi.getOrderPayByOrderId(orderId).then(res => {
if(res.data.isRenew == 0 && res.data.hasFreeze == 0){
if (res.data.equipmentCategory != 10 && res.data.orderStr) {
my.tradePay({
orderStr: res.data.orderStr, // 完整的支付参数拼接成的字符串，从服务端获取
success: (res) => {
},
fail: (res) => {
},
complete: () => {
OrderApi.checkFreeze(orderId).then((res) => {
if(res.code == 0){
// app.$success("下单成功")
setTimeout(() => {
// uni.redirectTo({
// url: '/pages/order/index'
// })
this.$navTo('pages/checkout/cashier/index', {
orderId: res.data.id
})
}, 500)
}
else {
app.$error(res.errMsg)
}
})
}
});
} else {
OrderApi.checkFreeze(orderId).then((r) => {
if(r.code == 0){
app.$success("下单成功")
setTimeout(() => {
// uni.redirectTo({
// url: '/pages/order/index'
// })
this.$navTo('pages/checkout/cashier/index', {
orderId: r.data.id
})
}, 500)
}
else {
app.$error(r.errMsg)
}
})
}
} else {
this.$navTo('pages/checkout/cashier/index', {
orderId: res.data.id
})
}
})
},
// 跳转到订单评价页

180
pages/order/index.vue
View File

@@ -14,13 +14,12 @@
</view>
<view class="item-top-right">
<text class="state-text" v-if="item.payStatus == 10">待支付</text>
<text class="state-text" v-else-if="item.orderStatus == 40">已完成</text>
<text class="state-text" v-if="item.orderStatus == 30 && item.payStatus == 20 && item.deliveryStatus == 20 && item.receiptStatus == 20">待绑定</text>
<text class="state-text" v-else-if="item.orderStatus == 30 && item.payStatus == 20 && item.deliveryStatus == 20 && item.receiptStatus == 10">待收货</text>
<text class="state-text" v-if="item.payStatus == 20 && item.deliveryStatus <= 20 && item.receiptStatus == 10">待收货</text>
<text class="state-text" v-if="item.payStatus == 20 && item.deliveryStatus == 20 && item.receiptStatus == 20">待绑定</text>
<!-- <text class="state-text" v-else-if="item.receiptStatus == 21">进行中</text> -->
<text class="state-text" v-else-if="item.orderStatus == 30 && item.payStatus == 20 && item.deliveryStatus == 40 && item.receiptStatus == 20">已绑定</text>
<text class="state-text" v-else-if="item.payStatus == 20 && item.receiptStatus == 21">进行中</text>
<text class="state-text" v-if="item.payStatus == 20 && item.deliveryStatus == 40 && item.receiptStatus == 20">进行中</text>
<text class="state-text" v-else-if="item.payStatus == 20 && item.receiptStatus == 21">退租中</text>
<text class="state-text" v-else-if="item.payStatus == 20 && item.orderStatus == 40">已完成</text>
</view>
</view>
<!-- 商品列表 -->
@@ -49,10 +48,18 @@
<text class="twoline-hide">设备编号：{{ item.equipment.equipmentCode ? item.equipment.equipmentCode : ''}}</text>
<text class="twoline-hide">设备名称：{{ item.equipmentGoods.goodsName }}</text>
<text class="twoline-hide">设备型号：{{ item.equipmentGoods.batteryModel }}</text>
<text class="twoline-hide">下单用户：{{ item.nickname }}</text>
<text class="twoline-hide yuqi-text" v-if="item.payStatus == 10 && item.expirationDay < 0">逾期状态:
(已逾期{{ Math.abs(item.expirationDay) }}天)</text>
<text class="twoline-hide yuqi-text"
v-if="item.payStatus == 10 && item.expirationDay < 7 && item.expirationDay > 0">逾期状态: 即将过期</text>
<!-- <view class="order-total">
<text>合计:</text>
<text class="unit" style="color: #ff0000;">￥</text>
<text class="money">{{ item.totalPrice }}</text>
</view> -->
<!-- <text class="twoline-hide">合计：{{ item.equipmentGoods.batteryModel }}</text> -->
<text class="twoline-hide" style="padding-left: 52rpx;">合计：<span style="color: #ff0000;">￥{{ item.totalPrice }}</span></text>
</view>
</view>
<!-- 交易信息 -->
@@ -68,17 +75,13 @@
</view>
</view>
<!-- 订单合计 -->
<view class="order-total">
<!-- <text>押金￥{{ item.batteryDeposit }}, 保险￥{{ item.batteryInsurance }}, 订单金额</text> -->
<text>合计</text>
<text class="unit" style="color: #ff0000;">￥</text>
<text class="money">{{ item.totalPrice }}</text>
</view>
<!-- 订单操作 -->
<view v-if="item.orderStatus != OrderStatusEnum.CANCELLED.value" class="order-handle">
<view class="btn-group clearfix">
<!-- 未支付取消订单 -->
<block v-if="item.payStatus == PayStatusEnum.PENDING.value">
<view class="btn-item active" @click="onPay(item.orderId)">去支付</view>
<view class="btn-item" @click="onCancel(item.orderId)">取消</view>
</block>
<!-- 已支付进行中的订单 -->
@@ -93,33 +96,30 @@
</block>
<!-- 已申请取消 -->
<view v-else class="f-28 col-8">取消申请中</view>
<!-- 未支付的订单 -->
<block v-if="item.payStatus == PayStatusEnum.PENDING.value">
<view class="btn-item active" @click="onPay(item.orderId)">去支付</view>
</block>
<!-- 确认收货 -->
<block v-if="item.payStatus == PayStatusEnum.SUCCESS.value && item.deliveryStatus == DeliveryStatusEnum.DELIVERED.value && item.receiptStatus == ReceiptStatusEnum.NOT_RECEIVED.value">
<!-- <view class="btn-item active"
v-if="(item.orderSourceData && JSON.parse(item.orderSourceData).length == 5) || item.equipmentGoods.equipmentCategory == '10'"
@click="onBind(item)">绑定设备</view> -->
<view class="btn-item active" @click="onReceipt(item.orderId)">确认收货</view>
</block>
<block v-if="item.orderStatus == 30 && item.payStatus == 20 && item.deliveryStatus == 20 && item.receiptStatus == 20">
<view class="btn-item active" @click="onBind(item)">绑定设备</view>
<block v-if="item.payStatus == PayStatusEnum.SUCCESS.value">
<view v-if="item.deliveryStatus <= 20 && item.receiptStatus == 10" class="btn-item active" @click="onReceipt(item.orderId)">确认收货</view>
<view v-else-if="item.orderStatus == 30 && item.deliveryStatus == 20 && item.receiptStatus == 20" class="btn-item active" @click="onBind(item)">绑定设备</view>
<view class="btn-item" @click="handleRentingOut(order)"
v-if="item.equipmentGoods.equipmentCategory != '10' && item.receiptStatus != 21 && item.receiptStatus != 30">我要退租</view>
<view class="btn-item" @click="handleRentingOut(order)"
v-if="item.equipmentGoods.equipmentCategory != '10' && item.receiptStatus == 21 && !orderEnd">取消退租</view>
<view class="btn-item" @click="handleTargetDetail(item.orderId)"
v-if="item.equipmentGoods.equipmentCategory != '10' && item.receiptStatus != 30 && item.receiptStatus != 21 && !orderEnd && item.orderId >= 28804">我要续费</view>
<block v-if="item.orderStatus == OrderStatusEnum.COMPLETED.value && item.isComment == 0">
<view class="btn-item" v-if="item.equipmentGoods.equipmentCategory == '40' && item.deliveryStatus == DeliveryStatusEnum.ACCEPT.value"
@click="handleChangeEquipment(item.orderId,item.equipment.equipmentId)">换电</view>
<!-- <view class="btn-item" v-if="item.equipmentGoods.equipmentCategory == '锂电池租赁' || item.equipmentGoods.equipmentCategory == '电动车租赁'" @click="handleTargetDetail(item.orderId)">续费</view> -->
</block>
</block>
<!-- 订单评价 -->
<block v-if="item.orderStatus == OrderStatusEnum.COMPLETED.value && item.isComment == 0">
<view class="btn-item" v-if="item.equipmentGoods.equipmentCategory == '40' && item.deliveryStatus == DeliveryStatusEnum.ACCEPT.value"
@click="handleChangeEquipment(item.orderId,item.equipment.equipmentId)">换电</view>
<!-- <view class="btn-item" v-if="item.equipmentGoods.equipmentCategory == '锂电池租赁' || item.equipmentGoods.equipmentCategory == '电动车租赁'" @click="handleTargetDetail(item.orderId)">续费</view> -->
</block>
<view class="btn-item" @click="handleTargetDetail(item.orderId)">详情</view>
<block
v-if="item.orderStatus == OrderStatusEnum.COMPLETED.value && item.isComment == 0 && item.receiptStatus != 30">
<view class="btn-item" @click="handleTargetDetail(item.orderId)"
v-if="item.equipmentGoods.equipmentCategory != '10' && !orderEnd && item.orderId >= 28804">我要续费 </view>
</block>
</view>
</view>
</view>
@@ -188,7 +188,8 @@
removeOrder,
receiptOrder,
addOrder,
getOrderPayByOrderId
getOrderPayByOrderId,
checkFreeze
} from '@/websoft/api/order.js'
/* import {
bindEquipment
@@ -280,7 +281,7 @@
// 选择的设备
equipment: {},
equipmentId: null,
showQRCodeBindChange: false
showQRCodeBindChange: false,
}
},
@@ -565,17 +566,97 @@
app.showQRCodePopup = true
})
},
handleRentingOut(order) {
const app = this
uni.showModal({
title: '提示',
content: '是否退租',
success: (result) => {
if (result.confirm) {
const {
orderId,
equipmentId
} = order
EquipmentApi.rentingOut({
orderId,
equipmentId
}).then(res => {
this.$success(res.message)
setTimeout(() => {
// 刷新当前订单数据
app.onRefreshList()
}, 1000)
}).catch(err => {
this.$success(err.message)
})
}
}
})
},
// 点击去支付
onPay(orderId) {
const app = this
getOrderPayByOrderId(orderId).then(res => {
this.$navTo('pages/checkout/cashier/index', {
orderId: res.data.id
})
if(res.data.isRenew == 0 && res.data.hasFreeze == 0){
if (res.data.equipmentCategory != 10 && res.data.orderStr) {
my.tradePay({
orderStr: res.data.orderStr, // 完整的支付参数拼接成的字符串，从服务端获取
success: (res) => {
},
fail: (res) => {
},
complete: () => {
checkFreeze(orderId).then((r) => {
if(r.code == 0){
// app.$success("押金校验成功！")
setTimeout(() => {
// uni.redirectTo({
// url: '/pages/order/index'
// })
this.$navTo('pages/checkout/cashier/index', {
orderId: r.data.id
})
}, 500)
}
else {
app.$error(r.message)
app.onRefreshList()
}
})
}
});
} else {
checkFreeze(orderId).then((r) => {
if(r.code == 0){
app.$success("押金校验成功")
setTimeout(() => {
// uni.redirectTo({
// url: '/pages/order/index'
// })
// app.onRefreshList()
this.$navTo('pages/checkout/cashier/index', {
orderId: r.data.id
})
}, 500)
}
else {
app.$error(r.message)
app.onRefreshList()
}
})
}
} else {
this.$navTo('pages/checkout/cashier/index', {
orderId: res.data.id
})
}
})
},
// 跳转到订单详情页
@@ -660,12 +741,12 @@
// 商品项
.goods-item {
display: flex;
margin-bottom: 40rpx;
margin-bottom: 10rpx;
// 商品图片
.goods-image {
width: 100rpx;
height: 100rpx;
// height: 200rpx;
.image {
display: block;
@@ -684,7 +765,7 @@
.goods-title {
width: 420rpx;
font-size: 26rpx;
max-height: 76rpx;
// max-height: 76rpx;
line-height: 36rpx;
}
@@ -736,9 +817,9 @@
font-size: 26rpx;
vertical-align: bottom;
text-align: right;
height: 80rpx;
padding-top: 60rpx;
margin-bottom: 30rpx;
// height: 80rpx;
// padding-top: 60rpx;
// margin-bottom: 30rpx;
.unit {
margin-left: 8rpx;
@@ -755,10 +836,9 @@
// 订单操作
.order-handle {
.btn-group {
.btn-item {
border-radius: 10rpx;
padding: 8rpx 20rpx;
padding: 8rpx 10rpx;
margin-left: 15rpx;
font-size: 26rpx;
float: right;

4
pages/user/user.vue
View File

@@ -53,9 +53,9 @@
<u-button shape="circle" size="mini"
@click="navTo('package/dealer/withdraw/apply')">查看明细</u-button>
</view> -->
<!-- <view class="asset-left-item" style="display: flex;align-items: center;">
<view class="asset-left-item" style="display: flex;align-items: center;">
<u-button shape="circle" type="primary" size="mini" @click="onApply">去提现</u-button>
</view> -->
</view>
</view>
</view>
<view class="my-service">

132
pages/withdraw/log/log.vue
View File

@@ -4,38 +4,37 @@
<u-icon class="icon" size="22" name="calendar"></u-icon>
<text v-if="createTimeStart && createTimeEnd">{{ createTimeStart }} ~ {{ createTimeEnd }}</text>
</view> -->
<mescroll-uni @init="mescrollInit" @down="downCallback" :up="upOption" @up="upCallback" @emptyclick="emptyClick">
<view class="order" v-for="(item,index) in datas" :key="index">
<view class="fenqi">
<block>
<view class="item">
<view class="goods-info">
<view class="goods-name">
<text class="name">{{item.applyStatusDis}}</text>
<text v-if="item.rejectReason" class="selling-point">拒绝理由：{{ item.rejectReason }}</text>
<image v-if="item.image" :src="item.image" mode="widthFix" style="width: 100px;" @click="proView(item.image)"></image>
<text class="selling-point">申请时间：{{ item.createTime }}</text>
</view>
<view class="goods-price">
<!-- <text class="add-price"
v-if="item.scene == 10 || item.scene == 40">+￥{{ item.money }}</text>
<text class="sub-price" v-if="item.scene == 20">-￥{{ item.money }}</text>
<block v-if="item.scene == 30">
<text class="add-price" v-if="item.money > 0">+￥{{ item.money }}</text>
<text class="sub-price" v-else>-￥{{ Math.abs(item.money) }}</text>
</block> -->
<text class="num">￥{{ item.money }}</text>
</view>
<view class="order" v-for="(item,index) in pageData" :key="index">
<view class="fenqi">
<block>
<view class="item">
<view class="goods-info">
<view class="goods-name">
<text class="name">{{item.applyStatusDis}}</text>
<text v-if="item.rejectReason" class="selling-point">拒绝理由：{{ item.rejectReason }}</text>
<image v-if="item.image" :src="item.image" mode="widthFix" style="width: 100px;" @click="proView(item.image)"></image>
<text class="selling-point">申请时间：{{ item.createTime }}</text>
</view>
<view class="goods-price">
<!-- <text class="add-price"
v-if="item.scene == 10 || item.scene == 40">+￥{{ item.money }}</text>
<text class="sub-price" v-if="item.scene == 20">-￥{{ item.money }}</text>
<block v-if="item.scene == 30">
<text class="add-price" v-if="item.money > 0">+￥{{ item.money }}</text>
<text class="sub-price" v-else>-￥{{ Math.abs(item.money) }}</text>
</block> -->
<text class="num">￥{{ item.money }}</text>
</view>
</view>
</block>
</view>
</view>
</block>
</view>
</mescroll-uni>
</view>
<!-- <uni-pagination @change="handlePageChange"></uni-pagination> -->
<!-- <u-empty mode="order" icon="http://cdn.uviewui.com/uview/empty/car.png" text="暂无提现记录" v-if="list.length == 0">
<!-- <u-empty mode="order" icon="http://cdn.uviewui.com/uview/empty/car.png" text="暂无提现记录" v-if="pageData.length == 0">
</u-empty> -->
<!-- <mescroll-empty v-if="dataList.length==0"></mescroll-empty> -->
<u-loadmore :status="status" v-if="pageData.length > 0" line icon-color="#028BF7" marginBottom="20" @loadmore="onLoadMoreData()"/>
</view>
</template>
@@ -45,27 +44,17 @@
} from '@/utils/util.js'
import store from '@/store';
import { ref } from 'vue';
import MescrollMixin from '@/components/mescroll-uni/mescroll-mixins';
import { withdrawPage } from '@/websoft/api/merchant.js'
import { withdrawPage } from '@/websoft/api/merchant.js';
export default {
mixins: [MescrollMixin], // 使用mixin
data() {
return {
upOption:{
// page: {
// size: 5 // 每页数据的数量
// },
noMoreSize: 4, //如果列表已无数据,可设置列表的总数量要大于半页才显示无更多数据;避免列表数据过少(比如只有一条数据),显示无更多数据会不好看; 默认5
empty:{
tip: '~ 搜索无数据 ~', // 提示
btnText: '去看看'
}
},
datas: [], //列表数据
// tabs: [{name:'全部',type:'xx'}, {name:'奶粉',type:'xx'}, {name:'面膜',type:'xx'}, {name:'图书',type:'xx'}],
// tabIndex: 0 // tab下标
}
pageNo:1,//当前页数
pageSize:10,//页数大小
totalPage:"",//总页数
pageData:[],//列表数据
status: 'loadmore',//状态
};
},
// onLoad(option) {
// const app = this
@@ -74,28 +63,6 @@
// onShow() {
// },
methods: {
upCallback(page) {
console.log(page)
const app = this
page.size = 5
withdrawPage({page:page.num,limit:page.size}).then(res=>{
//联网成功的回调,隐藏下拉刷新和上拉加载的状态;
// this.mescroll.endSuccess(res.data.count);
// app.mescroll.endBySize(page.size, res.data.count);
//设置列表数据
if(page.num == 1) app.datas = []; //如果是第一页需手动制空列表
app.datas=app.datas.concat(res.data.list); //追加新数据
// app.mescroll.endBySize(res.data.list.length, res.data.count);
let totalPage = res.data.count / page.size + (res.data.count % page.size == 0 ? 0 : 1);
let hasNext = (totalPage - page.num > 0);
app.mescroll.endSuccess(res.data.count, true);
}).catch(()=>{
//联网失败, 结束加载
this.mescroll.endErr();
})
},
openCalendar() {
this.show = true
},
@@ -112,7 +79,40 @@
uni.showToast({
title:'点击了按钮,具体逻辑自行实现'
})
},
loadData() {
const app = this
withdrawPage({page:app.pageNo,limit:app.pageSize}).then(res=>{
if(app.pageNo == 1) app.pageData = []
app.pageData = app.pageData.concat(res.data.list)
app.totalPage = Math.ceil(res.data.count / app.pageSize)
})
},
onLoadMoreData() {
if (this.pageNo < this.totalPage) {
this.pageNo++
this.loadData()
} else {
this.status = ''
uni.showToast({ title: '没有更多数据', icon: 'none' })
}
},
onReachBottom() {
console.log('上拉刷新')
this.onLoadMoreData();//修改页数后，重新获取数据
},
onPullDownRefresh() {
console.log('下拉刷新')
// 调用加载更多数据的方法
this.onLoadMoreData();
setTimeout(function () {
uni.stopPullDownRefresh();
}, 500);
}
},
mounted() {
this.loadData(); // 初次加载数据
}
}
</script>