|
|
@@ -8,31 +8,39 @@
|
|
|
<!-- #endif -->
|
|
|
<view class="flex justify-between items-center pt-[40rpx]">
|
|
|
<view class="flex flex-col">
|
|
|
- <image class="w-[28rpx] h-[20rpx] mb-[10rpx] ml-[4rpx]"
|
|
|
- :src="img('https://v6.site.niucloud.com/addon/shop/detail/head_001.png')"
|
|
|
- mode="aspectFit" />
|
|
|
+ <image class="w-[28rpx] h-[20rpx] mb-[10rpx] ml-[4rpx]" :src="img(
|
|
|
+ 'https://v6.site.niucloud.com/addon/shop/detail/head_001.png'
|
|
|
+ )
|
|
|
+ " mode="aspectFit" />
|
|
|
<view class="text-[#fff] text-[36rpx] font-500 leading-[42rpx]">{{
|
|
|
- getStatusText(detail.orderStatus) }}</view>
|
|
|
+ getStatusText(detail.orderStatus)
|
|
|
+ }}</view>
|
|
|
</view>
|
|
|
<view class="flex items-end relative -bottom-[6rpx]">
|
|
|
- <image v-if="detail.orderStatus == 1" class="w-[160rpx] h-[140rpx]"
|
|
|
- :src="img('https://v6.site.niucloud.com/addon/shop/detail/payment.png')"
|
|
|
- mode="aspectFit" />
|
|
|
- <image v-if="detail.orderStatus == 2" class="w-[160rpx] h-[140rpx]"
|
|
|
- :src="img('https://v6.site.niucloud.com/addon/shop/detail/deliver_goods.png')"
|
|
|
- mode="aspectFit" />
|
|
|
- <image v-if="detail.orderStatus == 3" class="w-[160rpx] h-[140rpx]"
|
|
|
- :src="img('https://v6.site.niucloud.com/addon/shop/detail/receive.png')"
|
|
|
- mode="aspectFit" />
|
|
|
- <image v-if="detail.orderStatus == 5" class="w-[160rpx] h-[140rpx]"
|
|
|
- :src="img('https://v6.site.niucloud.com/addon/shop/detail/complete.png')"
|
|
|
- mode="aspectFit" />
|
|
|
- <image v-if="detail.orderStatus == -1" class="w-[160rpx] h-[140rpx]"
|
|
|
- :src="img('https://v6.site.niucloud.com/addon/shop/detail/close.png')"
|
|
|
- mode="aspectFit" />
|
|
|
- <image class="w-[8rpx] h-[30rpx] mb-[20rpx]"
|
|
|
- :src="img('https://v6.site.niucloud.com/addon/shop/detail/head_002.png')"
|
|
|
- mode="aspectFit" />
|
|
|
+ <image v-if="detail.orderStatus == 1" class="w-[160rpx] h-[140rpx]" :src="img(
|
|
|
+ 'https://v6.site.niucloud.com/addon/shop/detail/payment.png'
|
|
|
+ )
|
|
|
+ " mode="aspectFit" />
|
|
|
+ <image v-if="detail.orderStatus == 2" class="w-[160rpx] h-[140rpx]" :src="img(
|
|
|
+ 'https://v6.site.niucloud.com/addon/shop/detail/deliver_goods.png'
|
|
|
+ )
|
|
|
+ " mode="aspectFit" />
|
|
|
+ <image v-if="detail.orderStatus == 3" class="w-[160rpx] h-[140rpx]" :src="img(
|
|
|
+ 'https://v6.site.niucloud.com/addon/shop/detail/receive.png'
|
|
|
+ )
|
|
|
+ " mode="aspectFit" />
|
|
|
+ <image v-if="detail.orderStatus == 5" class="w-[160rpx] h-[140rpx]" :src="img(
|
|
|
+ 'https://v6.site.niucloud.com/addon/shop/detail/complete.png'
|
|
|
+ )
|
|
|
+ " mode="aspectFit" />
|
|
|
+ <image v-if="detail.orderStatus == -1" class="w-[160rpx] h-[140rpx]" :src="img(
|
|
|
+ 'https://v6.site.niucloud.com/addon/shop/detail/close.png'
|
|
|
+ )
|
|
|
+ " mode="aspectFit" />
|
|
|
+ <image class="w-[8rpx] h-[30rpx] mb-[20rpx]" :src="img(
|
|
|
+ 'https://v6.site.niucloud.com/addon/shop/detail/head_002.png'
|
|
|
+ )
|
|
|
+ " mode="aspectFit" />
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
@@ -47,14 +55,18 @@
|
|
|
</view>
|
|
|
<view
|
|
|
class="mt-[12rpx] text-[24rpx] text-[var(--text-color-light6)] using-hidden leading-[26rpx]">
|
|
|
- {{ addressInfo.provincialCityCountry }}{{ addressInfo.address }}</view>
|
|
|
+ {{ addressInfo.provincialCityCountry
|
|
|
+ }}{{ addressInfo.address }}</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
- <view class="sidebar-margin card-template p-[0] py-[var(--pad-top-m)] overflow-hidden"
|
|
|
- :class="{ 'pb-[var(--pad-top-m)]': detail.orderProductList.length <= 0 }"
|
|
|
- :style="detail.delivery_type == 'virtual' || detail.taker_name == '' ? 'margin-top: -86rpx' : 'margin-top: 20rpx'">
|
|
|
+ <view class="sidebar-margin card-template p-[0] py-[var(--pad-top-m)] overflow-hidden" :class="{
|
|
|
+ 'pb-[var(--pad-top-m)]': detail.orderProductList.length <= 0,
|
|
|
+ }" :style="detail.delivery_type == 'virtual' || detail.taker_name == ''
|
|
|
+ ? 'margin-top: -86rpx'
|
|
|
+ : 'margin-top: 20rpx'
|
|
|
+ ">
|
|
|
<view v-for="(goodsItem, goodsIndex) in detail.orderProductList" :key="goodsIndex"
|
|
|
class="px-[var(--pad-sidebar-m)]">
|
|
|
<view class="order-goods-item flex justify-between flex-wrap mb-[20rpx]">
|
|
|
@@ -82,9 +94,13 @@
|
|
|
<view class="price-font">
|
|
|
<text class="text-[24rpx]">¥</text>
|
|
|
<text class="text-[40rpx] font-500">{{
|
|
|
- parseFloat(goodsItem.orderPrice).toFixed(2).split('.')[0] }}</text>
|
|
|
+ parseFloat(goodsItem.orderPrice).toFixed(2).split(".")[0]
|
|
|
+ }}</text>
|
|
|
<text class="text-[24rpx] font-500">.{{
|
|
|
- parseFloat(goodsItem.orderPrice).toFixed(2).split('.')[1] }}</text>
|
|
|
+ parseFloat(goodsItem.orderPrice)
|
|
|
+ .toFixed(2)
|
|
|
+ .split(".")[1]
|
|
|
+ }}</text>
|
|
|
</view>
|
|
|
<text class="text-right text-[26rpx]">x{{ goodsItem.orderQuantity }}</text>
|
|
|
</view>
|
|
|
@@ -113,21 +129,21 @@
|
|
|
<view class="sidebar-margin mt-[var(--top-m)] card-template">
|
|
|
<view class="justify-between card-template-item">
|
|
|
<view class="text-[28rpx]">配送时间</view>
|
|
|
- <view class="text-[28rpx]">{{ detail.expectedDeliveryTime || '-'}}
|
|
|
+ <view class="text-[28rpx]">{{ detail.expectedDeliveryTime || "-" }}
|
|
|
</view>
|
|
|
</view>
|
|
|
<view class="justify-between card-template-item">
|
|
|
<view class="text-[28rpx]">采购事由</view>
|
|
|
- <view class="text-[28rpx]">{{ detail.purchaseReason || '-' }}
|
|
|
+ <view class="text-[28rpx]">{{ detail.purchaseReason || "-" }}
|
|
|
</view>
|
|
|
</view>
|
|
|
<view class="justify-between card-template-item">
|
|
|
<view class="text-[28rpx]">费用类型</view>
|
|
|
<view class="text-[28rpx]">日常物资采购</view>
|
|
|
</view>
|
|
|
- <view class=" card-template-item justify-between">
|
|
|
+ <view class="card-template-item justify-between">
|
|
|
<view class="text-[28rpx]">订单备注</view>
|
|
|
- <view class="text-[28rpx]">{{ detail.remark || '-' }}</view>
|
|
|
+ <view class="text-[28rpx]">{{ detail.remark || "-" }}</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
<view class="sidebar-margin mt-[var(--top-m)] card-template">
|
|
|
@@ -136,42 +152,46 @@
|
|
|
<view class="price-font font-500">
|
|
|
<template v-if="parseFloat(detail.totalAmount)">
|
|
|
<text class="text-[28rpx]">¥</text>
|
|
|
- <text class="text-[28rpx]">{{ parseFloat(detail.totalAmount).toFixed(2).split('.')[0]
|
|
|
+ <text class="text-[28rpx]">{{
|
|
|
+ parseFloat(detail.totalAmount).toFixed(2).split(".")[0]
|
|
|
}}</text>
|
|
|
- <text class="text-[28rpx]">.{{ parseFloat(detail.totalAmount).toFixed(2).split('.')[1]
|
|
|
+ <text class="text-[28rpx]">.{{
|
|
|
+ parseFloat(detail.totalAmount).toFixed(2).split(".")[1]
|
|
|
}}</text>
|
|
|
</template>
|
|
|
</view>
|
|
|
</view>
|
|
|
- <view class=" card-template-item justify-between">
|
|
|
+ <view class="card-template-item justify-between">
|
|
|
<view class="text-[28rpx]">配送费用</view>
|
|
|
<view class="price-font font-500 text-[28rpx]">¥{{ detail.shippingFee }}</view>
|
|
|
</view>
|
|
|
- <view class=" card-template-item justify-between items-baseline">
|
|
|
+ <view class="card-template-item justify-between items-baseline">
|
|
|
<view class="text-[28rpx]">实付金额</view>
|
|
|
<view class="text-[var(--price-text-color)] price-font">
|
|
|
- <text v-if="parseFloat(detail.order_money) || !parseFloat(detail.point)"
|
|
|
- class="text-[28rpx]">¥{{
|
|
|
- parseFloat(detail.totalAmount).toFixed(2) }}</text>
|
|
|
+ <text v-if="
|
|
|
+ parseFloat(detail.order_money) || !parseFloat(detail.point)
|
|
|
+ " class="text-[28rpx]">¥{{ parseFloat(detail.totalAmount).toFixed(2) }}</text>
|
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
|
|
|
<view
|
|
|
- class="flex z-2 justify-between items-center bg-[#fff] fixed left-0 right-0 bottom-0 min-h-[100rpx] pl-[30rpx] pr-[20rpx] flex-wrap pb-ios">
|
|
|
+ class="flex z-2 justify-between items-center bg-[#fff] fixed left-0 right-0 bottom-0 min-h-[100rpx] pl-[30rpx] pr-[20rpx] flex-wrap pb-ios">
|
|
|
<view class="flex justify-end">
|
|
|
<view @click="orderBtnFn('index')" class="order-grey-hollow-btn ml-[20rpx]">首页</view>
|
|
|
<view
|
|
|
- class="px-[35rpx] box-border text-[24rpx] h-[60rpx] flex-center text-center border-[2rpx] border-solid border-[#ccc] rounded-full ml-[20rpx] text-[var(--text-color-light3)]"
|
|
|
- @click="orderBtnFn('logistics')" v-if="detail.isNeedCheck == '0' && detail.checkStatus != '0'">查看物流
|
|
|
+ class="px-[35rpx] box-border text-[24rpx] h-[60rpx] flex-center text-center border-[2rpx] border-solid border-[#ccc] rounded-full ml-[20rpx] text-[var(--text-color-light3)]"
|
|
|
+ @click="orderBtnFn('logistics')"
|
|
|
+ v-if="detail.isNeedCheck == '0' && detail.checkStatus != '0'">查看物流
|
|
|
</view>
|
|
|
- <view class="order-grey-hollow-btn ml-[20rpx]" v-if="detail.orderStatus == 1 ||detail.orderStatus == 0 "
|
|
|
- @click="orderBtnFn('close')">取消订单</view>
|
|
|
- <view
|
|
|
- class="px-[35rpx] box-border text-[24rpx] h-[60rpx] flex-center text-center text-[#fff] primary-btn-bg rounded-full ml-[20rpx]"
|
|
|
- v-if="detail.status == 1" @click="orderBtnFn('pay')">去支付</view>
|
|
|
+ <view class="order-grey-hollow-btn ml-[20rpx]"
|
|
|
+ v-if="detail.orderStatus == 1 || detail.orderStatus == 0" @click="orderBtnFn('close')">取消订单
|
|
|
+ </view>
|
|
|
+ <view v-if="detail.orderStatus == 1"
|
|
|
+ class="px-[35rpx] box-border text-[24rpx] h-[60rpx] flex-center text-center text-[#fff] primary-btn-bg rounded-full ml-[20rpx]"
|
|
|
+ @click="orderBtnFn('pay')">去支付</view>
|
|
|
<view v-if="detail.orderStatus == 4"
|
|
|
- class="px-[35rpx] box-border text-[24rpx] h-[60rpx] flex-center text-center text-[#fff] primary-btn-bg rounded-full ml-[20rpx]"
|
|
|
+ class="px-[35rpx] box-border text-[24rpx] h-[60rpx] flex-center text-center text-[#fff] primary-btn-bg rounded-full ml-[20rpx]"
|
|
|
@click="orderBtnFn('finish')">确认收货</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
@@ -186,28 +206,31 @@
|
|
|
</template>
|
|
|
|
|
|
<script setup lang="ts">
|
|
|
-import { ref, reactive, computed, nextTick } from 'vue';
|
|
|
-import { onLoad } from '@dcloudio/uni-app'
|
|
|
-import { img, redirect, copy, goback } from '@/utils/common';
|
|
|
-import { getShopOrderDetail, orderClose, orderFinish, getAddressInfo } from '@/addon/shop/api/order';
|
|
|
-import { getVerifyCode } from '@/app/api/verify';
|
|
|
-import logisticsTracking from '@/addon/shop/pages/order/components/logistics-tracking/logistics-tracking.vue'
|
|
|
+import { ref, reactive, computed, nextTick } from "vue";
|
|
|
+import { onLoad } from "@dcloudio/uni-app";
|
|
|
+import { img, redirect, copy, goback } from "@/utils/common";
|
|
|
+import {
|
|
|
+ getShopOrderDetail,
|
|
|
+ orderClose,
|
|
|
+ orderFinish,
|
|
|
+ getAddressInfo,
|
|
|
+ selectOrderDeliverByOrderId,
|
|
|
+} from "@/addon/shop/api/order";
|
|
|
+import logisticsTracking from "@/addon/shop/pages/order/components/logistics-tracking/logistics-tracking.vue";
|
|
|
import useConfigStore from "@/stores/config";
|
|
|
-import { topTabar } from '@/utils/topTabbar';
|
|
|
-import { cloneDeep } from 'lodash-es';
|
|
|
+import { topTabar } from "@/utils/topTabbar";
|
|
|
|
|
|
/********* 自定义头部 - start ***********/
|
|
|
-const topTabarObj = topTabar()
|
|
|
-let topTabbarData = topTabarObj.setTopTabbarParam({ title: '订单详情' })
|
|
|
+const topTabarObj = topTabar();
|
|
|
+let topTabbarData = topTabarObj.setTopTabbarParam({ title: "订单详情" });
|
|
|
/********* 自定义头部 - end ***********/
|
|
|
|
|
|
const detail: any = ref<Object>({});
|
|
|
const addressInfo = ref<any>({});
|
|
|
const loading = ref<boolean>(true);
|
|
|
-const orderId = ref('')
|
|
|
-const manjianShowRef: any = ref(null); //满减送
|
|
|
+const orderId = ref("");
|
|
|
|
|
|
-const wxPrivacyPopupRef: any = ref(null)
|
|
|
+const wxPrivacyPopupRef: any = ref(null);
|
|
|
|
|
|
onLoad((option: any) => {
|
|
|
if (option.order_id) {
|
|
|
@@ -216,168 +239,120 @@ onLoad((option: any) => {
|
|
|
// #ifdef MP
|
|
|
nextTick(() => {
|
|
|
if (wxPrivacyPopupRef.value) wxPrivacyPopupRef.value.proactive();
|
|
|
- })
|
|
|
+ });
|
|
|
// #endif
|
|
|
} else {
|
|
|
let parameter = {
|
|
|
- url: '/addon/shop/pages/order/list',
|
|
|
- title: '缺少订单id'
|
|
|
+ url: "/addon/shop/pages/order/list",
|
|
|
+ title: "缺少订单id",
|
|
|
};
|
|
|
- goback(parameter)
|
|
|
+ goback(parameter);
|
|
|
}
|
|
|
});
|
|
|
|
|
|
const orderDetailFn = (id: any) => {
|
|
|
loading.value = true;
|
|
|
- getShopOrderDetail(id).then((res: any) => {
|
|
|
- detail.value = res.data;
|
|
|
+ getShopOrderDetail(id)
|
|
|
+ .then((res: any) => {
|
|
|
+ detail.value = res.data;
|
|
|
|
|
|
- getAddressInfo(res.data.shippingAddressId).then((res1: any) => {
|
|
|
- addressInfo.value = res1.data
|
|
|
- })
|
|
|
+ getAddressInfo(res.data.shippingAddressId).then((res1: any) => {
|
|
|
+ addressInfo.value = res1.data;
|
|
|
+ });
|
|
|
|
|
|
- loading.value = false;
|
|
|
- }).catch(() => {
|
|
|
- loading.value = false;
|
|
|
- })
|
|
|
-}
|
|
|
+ loading.value = false;
|
|
|
+ })
|
|
|
+ .catch(() => {
|
|
|
+ loading.value = false;
|
|
|
+ });
|
|
|
+};
|
|
|
|
|
|
//关闭订单
|
|
|
-const close = (item: any) => {
|
|
|
+const close = () => {
|
|
|
uni.showModal({
|
|
|
- title: '提示',
|
|
|
- content: '您确定要关闭该订单吗?',
|
|
|
- confirmColor: useConfigStore().themeColor['--primary-color'],
|
|
|
- success: res => {
|
|
|
+ title: "提示",
|
|
|
+ content: "您确定要关闭该订单吗?",
|
|
|
+ confirmColor: useConfigStore().themeColor["--primary-color"],
|
|
|
+ success: (res) => {
|
|
|
if (res.confirm) {
|
|
|
- orderClose(item.order_id).then((data) => {
|
|
|
- orderDetailFn(item.order_id);
|
|
|
- })
|
|
|
+ orderClose({ id: orderId.value }).then((data) => {
|
|
|
+ orderDetailFn(orderId.value);
|
|
|
+ });
|
|
|
}
|
|
|
- }
|
|
|
- })
|
|
|
-}
|
|
|
+ },
|
|
|
+ });
|
|
|
+};
|
|
|
|
|
|
//订单完成
|
|
|
-const finish = (item: any) => {
|
|
|
- // 如果不在微信小程序中
|
|
|
- // #ifndef MP-WEIXIN
|
|
|
+const finish = () => {
|
|
|
uni.showModal({
|
|
|
- title: '提示',
|
|
|
- content: '您确定物品已收到吗?',
|
|
|
- confirmColor: useConfigStore().themeColor['--primary-color'],
|
|
|
- success: res => {
|
|
|
+ title: "提示",
|
|
|
+ content: "您确定物品已收到吗?",
|
|
|
+ confirmColor: useConfigStore().themeColor["--primary-color"],
|
|
|
+ success: (res) => {
|
|
|
if (res.confirm) {
|
|
|
- orderFinish(item.order_id).then((data) => {
|
|
|
- orderDetailFn(item.order_id);
|
|
|
- })
|
|
|
- }
|
|
|
- }
|
|
|
- })
|
|
|
- // #endif
|
|
|
-
|
|
|
- // #ifdef MP-WEIXIN
|
|
|
- // 检测微信小程序是否已开通发货信息管理服务
|
|
|
- if (item.pay && item.pay.type == 'wechatpay' && item.is_trade_managed && wx.openBusinessView) {
|
|
|
- wx.openBusinessView({
|
|
|
- businessType: 'weappOrderConfirm',
|
|
|
- extraData: {
|
|
|
- merchant_id: item.mch_id,
|
|
|
- merchant_trade_no: item.out_trade_no
|
|
|
- },
|
|
|
- success: (res: any) => {
|
|
|
- orderFinish(item.order_id).then((data) => {
|
|
|
- orderDetailFn(item.order_id);
|
|
|
- })
|
|
|
- },
|
|
|
- fail: (res: any) => {
|
|
|
- console.log('小程序确认收货组件打开失败 fail', res);
|
|
|
+ orderFinish({ id: orderId.value }).then((data) => {
|
|
|
+ orderDetailFn(orderId.value);
|
|
|
+ });
|
|
|
}
|
|
|
- })
|
|
|
- } else {
|
|
|
- uni.showModal({
|
|
|
- title: '提示',
|
|
|
- content: '您确定物品已收到吗?',
|
|
|
- confirmColor: useConfigStore().themeColor['--primary-color'],
|
|
|
- success: res => {
|
|
|
- if (res.confirm) {
|
|
|
- orderFinish(item.order_id).then((data) => {
|
|
|
- orderDetailFn(item.order_id);
|
|
|
- })
|
|
|
- }
|
|
|
- }
|
|
|
- })
|
|
|
- }
|
|
|
- // #endif
|
|
|
-}
|
|
|
+ },
|
|
|
+ });
|
|
|
+};
|
|
|
|
|
|
const goodsEvent = (id: number) => {
|
|
|
redirect({
|
|
|
- url: '/addon/shop/pages/goods/detail',
|
|
|
+ url: "/addon/shop/pages/goods/detail",
|
|
|
param: {
|
|
|
- goodsId: id
|
|
|
- }
|
|
|
- })
|
|
|
-}
|
|
|
+ goodsId: id,
|
|
|
+ },
|
|
|
+ });
|
|
|
+};
|
|
|
|
|
|
-const payRef = ref(null)
|
|
|
-const materialRef: any = ref(null)
|
|
|
-const orderBtnFn = (type = '') => {
|
|
|
- if (type == 'pay')
|
|
|
- payRef.value?.open(detail.value.order_type, detail.value.order_id, `/addon/shop/pages/order/detail?order_id=${detail.value.order_id}`);
|
|
|
- else if (type == 'close') {
|
|
|
- close(detail.value);
|
|
|
- } else if (type == 'finish') {
|
|
|
- finish(detail.value);
|
|
|
- } else if (type == 'index') {
|
|
|
+const payRef = ref<any>(null);
|
|
|
+const materialRef: any = ref(null);
|
|
|
+const orderBtnFn = (type = "") => {
|
|
|
+ if (type == "pay")
|
|
|
+ payRef.value?.open(
|
|
|
+ orderId.value,
|
|
|
+ `/addon/shop/pages/order/detail?order_id=${orderId.value}`
|
|
|
+ );
|
|
|
+ else if (type == "close") {
|
|
|
+ close();
|
|
|
+ } else if (type == "finish") {
|
|
|
+ finish();
|
|
|
+ } else if (type == "index") {
|
|
|
redirect({
|
|
|
- url: '/addon/shop/pages/index',
|
|
|
- mode: 'reLaunch'
|
|
|
+ url: "/addon/shop/pages/index",
|
|
|
+ mode: "reLaunch",
|
|
|
});
|
|
|
- } else if (type == 'logistics') {
|
|
|
- if (detail.value.order_delivery.length > 0) {
|
|
|
- let list: any = []
|
|
|
- detail.value.order_delivery.forEach((item: any, index: number) => {
|
|
|
- if (item.delivery_type == 'express' && (item.sub_delivery_type == 'express' || item.sub_delivery_type == 'none_express')) {
|
|
|
- item.name = `包裹${index + 1}`
|
|
|
- list.push(item)
|
|
|
+ } else if (type == "logistics") {
|
|
|
+ selectOrderDeliverByOrderId({ orderId: orderId.value }).then(
|
|
|
+ (res1: any) => {
|
|
|
+ if (res1.rows.length > 0) {
|
|
|
+ let list = res1.rows;
|
|
|
+ materialRef.value.open(list[0]);
|
|
|
+ materialRef.value.packageList = list;
|
|
|
}
|
|
|
- })
|
|
|
-
|
|
|
- let params = {
|
|
|
- id: list[0].id,
|
|
|
- mobile: detail.value.taker_mobile
|
|
|
}
|
|
|
- materialRef.value.open(params);
|
|
|
- materialRef.value.packageList = list
|
|
|
- }
|
|
|
- } else if (type == 'evaluate') {
|
|
|
- if (!detail.value.is_evaluate) {
|
|
|
- redirect({ url: '/addon/shop/pages/evaluate/order_evaluate', param: { order_id: detail.value.order_id } })
|
|
|
- } else {
|
|
|
- redirect({
|
|
|
- url: '/addon/shop/pages/evaluate/order_evaluate_view',
|
|
|
- param: { order_id: detail.value.order_id }
|
|
|
- })
|
|
|
- }
|
|
|
+ );
|
|
|
}
|
|
|
-}
|
|
|
+};
|
|
|
// 根据订单状态获取状态文本
|
|
|
const getStatusText = (status: string) => {
|
|
|
const statusMap: Record<string, string> = {
|
|
|
- '0': '待支付',
|
|
|
- '1': '待确认',
|
|
|
- '2': '待发货',
|
|
|
- '3': '部分发货',
|
|
|
- '4': '发货完成',
|
|
|
- '5': '已完成',
|
|
|
- '6': '已关闭',
|
|
|
- '7': '已取消'
|
|
|
+ "0": "待支付",
|
|
|
+ "1": "待确认",
|
|
|
+ "2": "待发货",
|
|
|
+ "3": "部分发货",
|
|
|
+ "4": "发货完成",
|
|
|
+ "5": "已完成",
|
|
|
+ "6": "已关闭",
|
|
|
+ "7": "已取消",
|
|
|
};
|
|
|
return statusMap[status] || status;
|
|
|
};
|
|
|
|
|
|
-const payClose =()=>{}
|
|
|
+const payClose = () => { };
|
|
|
</script>
|
|
|
<style lang="scss" scoped>
|
|
|
.text-item {
|
|
|
@@ -401,7 +376,7 @@ const payClose =()=>{}
|
|
|
}
|
|
|
|
|
|
.bg-linear {
|
|
|
- background: linear-gradient(90deg, #FF0000 0%, #FF7800 100%);
|
|
|
+ background: linear-gradient(90deg, #ff0000 0%, #ff7800 100%);
|
|
|
}
|
|
|
|
|
|
.triangle {
|
|
|
@@ -415,7 +390,7 @@ const payClose =()=>{}
|
|
|
position: absolute;
|
|
|
bottom: -40rpx;
|
|
|
border: 20rpx solid transparent;
|
|
|
- border-top-color: #EEF3FF;
|
|
|
+ border-top-color: #eef3ff;
|
|
|
}
|
|
|
}
|
|
|
|
|
|
@@ -430,7 +405,7 @@ const payClose =()=>{}
|
|
|
|
|
|
.friend-pay {
|
|
|
&::after {
|
|
|
- content: '';
|
|
|
+ content: "";
|
|
|
display: block;
|
|
|
width: 20rpx;
|
|
|
height: 20rpx;
|