diff --git a/src/pages/lease-demand/index.vue b/src/pages/lease-demand/index.vue index 9cbfe5c..4ab4d51 100644 --- a/src/pages/lease-demand/index.vue +++ b/src/pages/lease-demand/index.vue @@ -9,13 +9,13 @@ - + diff --git a/src/pages/order-details/index.vue b/src/pages/order-details/index.vue index 3c9f783..334dc4a 100644 --- a/src/pages/order-details/index.vue +++ b/src/pages/order-details/index.vue @@ -59,6 +59,14 @@ + + + + @@ -81,7 +89,7 @@ import companyBg from '@/static/goods/company-bg.png' import TitleTip from '@/components/TitleTip/index' import { ref } from 'vue' import { editOrderDetailsAPI, getOverhaulAPI } from '@/services/order/index.js' -import { showImagePreview } from 'vant' +import { showImagePreview, } from 'vant' import { onLoad } from '@dcloudio/uni-app' const orderDetailsList = ref([]) const orderDetails = ref({}) @@ -90,6 +98,31 @@ const repairRecordList = ref([]) const scrapRecordList = ref([]) const lossRecordList = ref([]) const fileListAll = ref([]) +const stepList = ref([ + { + title: '待接单', + description: '', + }, + { + title: '待出库', + description: '', + }, + { + title: '待收货', + description: '', + }, + { + title: '租赁中', + description: '', + }, + + { + title: '订单完成', + description: '', + }, +]) +// 定义 active 变量并给它一个初始值 +const currentActive = ref(0) const onClickLeft = () => { // uni.reLaunch({ // url: '/pages/order-list/index', @@ -154,14 +187,146 @@ const getOverhaulData = async (orderId) => { const onPreviewFile = (fileList) => { showImagePreview([fileList[0].fileUrl]) } + +const orderStatusTemp = ref(0) +const titleStaus = ref('') +//描述信息 +const operationDetails = ref({ + 1: { title: '已出库', preOutboundUser: '', preOutboundTime: '' }, + 2: { title: '已收货', takeOverUser: '', takeOverTime: '' }, + 3: { title: '租赁结束', rentOverUser: '', rentOverTime: '' }, +}) +//根据步骤的 Id 返回对应的标题 +const getStepTitle = (stepId) => { + if (orderStatusTemp.value === 2) { + titleStaus.value = '待出库' + return stepId === 1 ? '待出库' : '' + } else if (orderStatusTemp.value === 3) { + titleStaus.value = '待收货' + return stepId === 1 ? '已出库' : stepId === 2 ? '待收货' : '' + } else if (orderStatusTemp.value === 4) { + titleStaus.value = '租赁中' + return stepId === 1 ? '已出库' : stepId === 2 ? '已收货' : stepId === 3 ? '租赁中' : '' + } else if (orderStatusTemp.value === 5) { + titleStaus.value = '已退租' + return stepId === 1 + ? '已出库' + : stepId === 2 + ? '已收货' + : stepId === 3 + ? '租赁结束' + : stepId === 4 + ? '已退租' + : '' + } else if (orderStatusTemp.value === 6) { + titleStaus.value = '已完成' + return stepId === 1 + ? '已出库' + : stepId === 2 + ? '已收货' + : stepId === 3 + ? '租赁结束' + : stepId === 4 + ? '已退租' + : stepId === 5 + ? '已完成' + : '' + } else if (orderStatusTemp.value === 7) { + titleStaus.value = '已驳回' + return stepId === 1 ? '已驳回' : '' + } + titleStaus.value = '' + return '' // 默认返回空字符串 +} + +const orderStatus = ref(0) +// 根据步骤的 Id 返回对应的描述 +const getDescription = (desId) => { + const operation = operationDetails.value[desId] + if (operation.title == '已出库' && titleStaus.value != '待出库') { + return ` + 操作人:${operation.preOutboundUser == null ? ' ' : operation.preOutboundUser} + 操作时间:${operation.preOutboundTime == null ? ' ' : operation.preOutboundTime} + ` + } else if ( + operation.title == '已收货' && + titleStaus.value != '待收货' && + titleStaus.value != '待出库' + ) { + return ` + 操作人:${operation.takeOverUser == null ? ' ' : operation.takeOverUser} + 操作时间:${operation.takeOverTime == null ? ' ' : operation.takeOverTime} + ` + } else if ( + operation.title == '租赁结束' && + titleStaus.value != '待收货' && + titleStaus.value != '待出库' && + titleStaus.value != '租赁中' + ) { + return ` + 操作人:${operation.rentOverUser == null ? ' ' : operation.rentOverUser} + 操作时间:${operation.rentOverTime == null ? ' ' : operation.rentOverTime} + ` + } + return '' // 默认返回空描述 +} +// const route = useRoute() +// const getId = () => { +// orderStatusTemp.value = Number(route.query.orderStatusTemp) +// idTemp.value = String(route.query.idTemp) +// } + + onLoad(async (options) => { const { data: res } = await editOrderDetailsAPI({ orderId: options?.orderId }) + orderStatus.value = options?.orderStatus + if (orderStatus.value == 1) { + currentActive.value = 0 + } + if (orderStatus.value == 2) { + currentActive.value = 1 + stepList.value[0].title = '已接单' + } + if (orderStatus.value == 3) { + stepList.value[0].title = '已接单' + stepList.value[1].title = '已出库' + currentActive.value = 2 + } + if (orderStatus.value == 4) { + stepList.value[0].title = '已接单' + stepList.value[1].title = '已出库' + stepList.value[2].title = '已收货' + currentActive.value = 3 + } + if (orderStatus.value == 5) { + stepList.value[0].title = '已接单' + stepList.value[1].title = '已出库' + stepList.value[2].title = '已收货' + currentActive.value = 4 + } + if (orderStatus.value == 20) { + stepList.value[0].title = '已接单' + stepList.value[1].title = '已出库' + stepList.value[2].title = '已收货' + stepList.value[3].title = '租赁结束' + currentActive.value = 5 + } + + if (orderStatus.value == 99) { + currentActive.value = 6 + stepList.value[6].title = '订单取消' + } + console.log('xxxxxxxxxxx',stepList.value) orderDetails.value = res orderDetailsList.value = res.detailsList if (res.orderStatus == 20) { getOverhaulData(options?.orderId) } }) + +// onBeforeMount(() => { +// getId() +// })