From 0dabc0e7acc5491a709f20f3544eb8319e0d1fa0 Mon Sep 17 00:00:00 2001
From: xuxueyang <xuxy@fengyuntec.com>
Date: 星期四, 29 八月 2024 16:37:55 +0800
Subject: [PATCH] 1
---
pages/order/order-sale/order-sale.vue | 212 ++++++++++++++++++++++++++++++++++++++++++++++++----
1 files changed, 194 insertions(+), 18 deletions(-)
diff --git a/pages/order/order-sale/order-sale.vue b/pages/order/order-sale/order-sale.vue
index 81dc4ff..5f133bb 100644
--- a/pages/order/order-sale/order-sale.vue
+++ b/pages/order/order-sale/order-sale.vue
@@ -6,23 +6,69 @@
</view> -->
<view class="p15" style="min-height: calc(100vh - 160rpx);">
<no-data v-if="!list||list.length==0" style="width: 100%;"></no-data>
- <view v-for="(item,index) in list" :key="index" @click="toDetail(item)"
- class="m-b-24 order-sale-list list-container">
+ <!-- @click.stop="toDetail(item)" -->
+ <view v-for="(item,index) in list" :key="index" class="m-b-24 order-sale-list list-container">
<view class="order-sale-item br-4 list-item bg-white">
- <view class="title flex">
+ <view class="top-title flex">
<view>售后单号:{{item.salesNo}}</view>
- <view class="m-l-a m-r-0 status">审核状态：{{item.auditStatusStr||'-'}}</view>
+ <view class="m-l-a m-r-0 status">审核状态：{{item.statusStr||'-'}}</view>
</view>
<view class="line"></view>
+ <view class="supplier-name">
+ <image class="icon-dp br-4" src="/static/common/icon-dp.png"></image>
+ {{ item.supplierName }}
+ </view>
+ <view class="flex m-t-12 flex-wrap-normal flower-item">
+ <image class="flower-img img100 m-r-6" :src="item.flowerCover"
+ @click.stop="previewImg(item.flowerCover)">
+ </image>
+ <view class="flex1">
+ <view class=" flex">
+ <view class="title"><span class="level">{{ item.flowerCategory }}</span><span
+ class="level">{{ item.flowerLevelStr }}</span>{{ item.flowerName }}
+ </view>
+ </view>
+ <view class="each-list">
+ <view class="each-item">
+ <view class="label">颜色</view>
+ <view class="value">{{ item.flowerColor || '-' }}</view>
+
+ </view>
+ <view class="each-item">
+ <view class="label">规格</view>
+ <view class="value">{{ item.flowerUnit || '-' }}</view>
+ </view>
+
+ <view class="each-item">
+ <view class="label">数量</view>
+ <view class="value">{{ item.flowerNum || 0 }}</view>
+
+ </view>
+ <view class="each-item">
+ <view class="label">售价</view>
+ <view class="value">￥{{ item.price || 0 }}</view>
+
+ </view>
+ <view class="each-item">
+ <view class="label">商品总金额</view>
+ <view class="value">￥{{ item.total || 0 }}</view>
+
+ </view>
+ </view>
+ </view>
+ </view>
+ <view class="line-gray"></view>
+
+
<view class="sale-form">
<view class="form-item">
<view class="label" @click="copyTxt(item.orderNo)">订单单号</view>
- <view class="value">{{item.orderNo}}</view>
+ <view class="value">{{item.orderNo||'-'}}</view>
</view>
<view class="flex">
<view class="form-item flex1">
- <view class="label">状态</view>
- <view class="value">{{item.statusStr}}</view>
+ <view class="label">申请数量</view>
+ <view class="value">{{item.num||'-'}}</view>
</view>
<view class="form-item flex1">
<view class="label">订单金额</view>
@@ -32,24 +78,31 @@
<view class="flex">
<view class="form-item">
<view class="label">收货人</view>
- <view class="value">{{item.customer}}</view>
+ <view class="value">{{item.customer||'-'}}</view>
</view>
<view class="form-item">
<view class="label">联系方式</view>
- <view class="value">{{item.customerTel}}</view>
+ <view class="value">{{item.customerTel||'-'}}</view>
</view>
- </view>
- <view class="form-item">
- <view class="label">提交人</view>
- <view class="value">{{item.createName}}</view>
</view>
<view class="form-item width100">
<view class="label">提交时间</view>
- <view class="value">{{item.createTime}}</view>
+ <view class="value">{{item.createTime||'-'}}</view>
</view>
<view class="form-item">
<view class="label">理由</view>
- <view class="value">{{item.reason}}</view>
+ <view class="value">{{item.reason||'-'}}</view>
+ </view>
+ <view class="form-item">
+ <view class="label">平台回复</view>
+ <view class="value">{{item.remarks||'-'}}</view>
+ </view>
+ <view class="line-gray"></view>
+ <view class="flex buttons">
+ <view v-if="item.status=='PENDING'" class="button button-1 m-l-15 m-r-0"
+ @click.stop="cancelSale(item)">取消售后</view>
+ <view class="button button-0 m-l-15 m-r-0" @click.stop="toDetail(item)">查看详情</view>
+
</view>
</view>
</view>
@@ -69,7 +122,10 @@
tabIndex: 0,
}
},
- onLoad() {
+ onLoad(options) {
+ if (options.orderItemId) {
+ this.query.orderItemId = options.orderItemId
+ }
// #ifdef PUB_SUPPLIER
this.listApi = '/api/supplier/sales/list'
// #endif
@@ -83,7 +139,6 @@
},
onReachBottom() {
- this.page.current += 1
this.getMore()
},
async onPullDownRefresh() {
@@ -92,6 +147,22 @@
uni.stopPullDownRefresh()
},
methods: {
+ async cancelSale(item) {
+ await this.$message.confirm('是否取消售后')
+ this.$message.showLoading()
+ const {
+ code,
+ data
+ } = await this.$http.request('get', '/api/customer/sales/list/cancel', {
+ params: {
+ id: item.id
+ }
+ })
+ this.$message.hideLoading()
+ if (code === 0) {
+ this.refreshList()
+ }
+ },
changeIndex(index) {
if (this.tabIndex !== index) {
this.tabIndex = index
@@ -114,7 +185,7 @@
margin-bottom: 20rpx;
padding: 22rpx;
- .title {
+ .top-title {
font-weight: 600;
font-size: 28rpx;
color: #000000;
@@ -165,6 +236,111 @@
max-width: unset;
}
}
+
+ .buttons {
+ display: flex;
+ margin-left: auto;
+ width: fit-content;
+
+ .button {
+ // width: 216rpx;
+ padding: 10rpx 20rpx;
+ line-height: 34rpx;
+ font-size: 24rpx;
+ height: 34rpx;
+ background: #20613D;
+ text-align: center;
+ border-radius: 30rpx;
+
+ }
+
+ .button-1 {
+ background: #fff;
+ color: #333;
+ border: 2rpx solid #333;
+
+ }
+
+ .button-0 {
+ color: #fff;
+ border: 2rpx solid #20613D;
+ }
+ }
+
+
+ .supplier-name {
+ border-bottom: 2rpx solid #EEEEEE;
+ font-weight: 600;
+ font-size: 28rpx;
+ color: #000000;
+ padding-bottom: 10rpx;
+ line-height: 40rpx;
+
+ .icon-dp {
+ width: 27rpx;
+ height: 27rpx;
+ display: inline-block;
+ vertical-align: middle;
+ }
+ }
+
+ .flower-item {
+ .title {
+ font-weight: 600;
+ font-size: 28rpx;
+ color: #000000;
+ line-height: 40rpx;
+
+ .level {
+ font-weight: 400;
+ font-size: 28rpx;
+ color: #20613D;
+ line-height: 40rpx;
+ margin-right: 20rpx;
+ }
+ }
+
+ .flower-img {
+ width: 128rpx;
+ height: 118rpx;
+ min-width: 128rpx;
+ min-height: 118rpx;
+ }
+
+ .each-list {
+ display: flex;
+ flex-wrap: wrap;
+ margin-top: 6rpx;
+
+ .each-item {
+ min-width: 40%;
+ max-width: 50%;
+ text-align: center;
+ margin-left: 0rpx;
+ margin-right: auto;
+ display: flex;
+
+ .label {
+ font-weight: 400;
+ font-size: 24rpx;
+ color: #666666;
+ text-align: left;
+ padding-right: 10rpx;
+ }
+
+ .label::after {
+ content: ": "
+ }
+
+ .value {
+ font-weight: 400;
+ font-size: 24rpx;
+ color: #666666;
+ }
+ }
+ }
+
+ }
}
}
</style>
\ No newline at end of file
--
Gitblit v1.9.3