|
@ -10,16 +10,17 @@ |
|
|
<view class="se-flex se-flex-v-c" |
|
|
<view class="se-flex se-flex-v-c" |
|
|
style="flex-direction: row;"> |
|
|
style="flex-direction: row;"> |
|
|
<view class="line-orange"></view> |
|
|
<view class="line-orange"></view> |
|
|
<text class="se-ml-10 se-fs-28 se-fw-6 se-c-black">{{ statusText }}</text> |
|
|
|
|
|
|
|
|
<text class="se-ml-10 se-fs-28 se-fw-6 se-c-black">{{ statusText() }}</text> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
|
|
|
|
|
|
<!-- 进度条 --> |
|
|
<!-- 进度条 --> |
|
|
<view class="se-py-20"> |
|
|
|
|
|
|
|
|
<view class="se-py-20" |
|
|
|
|
|
v-if="orderData.status != 6"> |
|
|
<u-steps |
|
|
<u-steps |
|
|
activeColor="#FF7A31" |
|
|
activeColor="#FF7A31" |
|
|
:current="stepsIndex" dot> |
|
|
|
|
|
<u-steps-item class="se-fs-22" v-for="(items,indexs) in stepsList" |
|
|
|
|
|
|
|
|
:current="getStepsIndex()" dot> |
|
|
|
|
|
<u-steps-item class="se-fs-22" v-for="(items,indexs) in stepsList()" |
|
|
:key="indexs" :title="items.title"> |
|
|
:key="indexs" :title="items.title"> |
|
|
</u-steps-item> |
|
|
</u-steps-item> |
|
|
</u-steps> |
|
|
</u-steps> |
|
@ -40,17 +41,19 @@ |
|
|
pageType: { |
|
|
pageType: { |
|
|
type: String, |
|
|
type: String, |
|
|
default: 'job-order' // 'job-order' 或 'order' |
|
|
default: 'job-order' // 'job-order' 或 'order' |
|
|
} |
|
|
|
|
|
|
|
|
}, |
|
|
}, |
|
|
}, |
|
|
computed: { |
|
|
computed: { |
|
|
stepsIndex() { |
|
|
|
|
|
|
|
|
}, |
|
|
|
|
|
methods: { |
|
|
|
|
|
getStepsIndex() { |
|
|
return this.orderData.status || 0; |
|
|
return this.orderData.status || 0; |
|
|
}, |
|
|
}, |
|
|
statusText() { |
|
|
statusText() { |
|
|
const statusTextMap = { |
|
|
const statusTextMap = { |
|
|
'0' : {//先付后用 |
|
|
'0' : {//先付后用 |
|
|
'job-order': { |
|
|
'job-order': { |
|
|
0: '等待师傅确认',//师傅操作 |
|
|
|
|
|
|
|
|
0: '待待师傅确认',//师傅操作 |
|
|
1: '企业待支付',//企业操作 |
|
|
1: '企业待支付',//企业操作 |
|
|
2: '订单进行中',//师傅操作 |
|
|
2: '订单进行中',//师傅操作 |
|
|
3: '试工完成',//企业操作 |
|
|
3: '试工完成',//企业操作 |
|
@ -59,8 +62,8 @@ |
|
|
6: '订单已取消' |
|
|
6: '订单已取消' |
|
|
}, |
|
|
}, |
|
|
default: { |
|
|
default: { |
|
|
0: '等待企业确认并支付',//企业操作 |
|
|
|
|
|
1: '',//暂无 |
|
|
|
|
|
|
|
|
0: '等待企业确认',//企业操作 |
|
|
|
|
|
1: '企业待支付',//暂无 |
|
|
2: '订单进行中',//师傅操作 |
|
|
2: '订单进行中',//师傅操作 |
|
|
3: '试工完成',//企业操作 |
|
|
3: '试工完成',//企业操作 |
|
|
4: '',//暂无 |
|
|
4: '',//暂无 |
|
@ -92,7 +95,7 @@ |
|
|
let i = this.orderData ? this.orderData.payType : '1'; |
|
|
let i = this.orderData ? this.orderData.payType : '1'; |
|
|
let statusTextMapItem = statusTextMap[i] || statusTextMap[1]; |
|
|
let statusTextMapItem = statusTextMap[i] || statusTextMap[1]; |
|
|
const pageTypeMap = statusTextMapItem[this.pageType] || statusTextMapItem.default; |
|
|
const pageTypeMap = statusTextMapItem[this.pageType] || statusTextMapItem.default; |
|
|
return pageTypeMap[this.stepsIndex] || '未知状态'; |
|
|
|
|
|
|
|
|
return pageTypeMap[this.getStepsIndex()] || '未知状态'; |
|
|
}, |
|
|
}, |
|
|
statusImage() { |
|
|
statusImage() { |
|
|
const statusImageMap = { |
|
|
const statusImageMap = { |
|
@ -104,25 +107,26 @@ |
|
|
5: '/static/images/order/46525.png', |
|
|
5: '/static/images/order/46525.png', |
|
|
6: '/static/images/order/46525.png' |
|
|
6: '/static/images/order/46525.png' |
|
|
}; |
|
|
}; |
|
|
return statusImageMap[this.stepsIndex] || '/static/images/order/46524.png'; |
|
|
|
|
|
|
|
|
return statusImageMap[this.getStepsIndex()] || '/static/images/order/46524.png'; |
|
|
}, |
|
|
}, |
|
|
stepsList() { |
|
|
stepsList() { |
|
|
const stepsListMap = { |
|
|
const stepsListMap = { |
|
|
0 : {//先付后用 |
|
|
0 : {//先付后用 |
|
|
'job-order': [ |
|
|
'job-order': [ |
|
|
{ title: "师傅确认", date: "" }, |
|
|
{ title: "师傅确认", date: "" }, |
|
|
|
|
|
{ title: "企业支付", date: "" }, |
|
|
{ title: "进行", date: "" }, |
|
|
{ title: "进行", date: "" }, |
|
|
{ title: "试工完成", date: "" }, |
|
|
{ title: "试工完成", date: "" }, |
|
|
{ title: "企业支付", date: "" }, |
|
|
|
|
|
|
|
|
// { title: "企业确认", date: "" }, |
|
|
{ title: "订单完成", date: "" } |
|
|
{ title: "订单完成", date: "" } |
|
|
], |
|
|
], |
|
|
default: [ |
|
|
default: [ |
|
|
{ title: "接单", date: "" }, |
|
|
{ title: "接单", date: "" }, |
|
|
|
|
|
{ title: "企业支付", date: "" }, |
|
|
{ title: "进行", date: "" }, |
|
|
{ title: "进行", date: "" }, |
|
|
{ title: "试工完成", date: "" }, |
|
|
{ title: "试工完成", date: "" }, |
|
|
{ title: "企业确认", date: "" }, |
|
|
|
|
|
{ title: "企业支付", date: "" }, |
|
|
|
|
|
{ title: "企业完成", date: "" } |
|
|
|
|
|
|
|
|
// { title: "企业确认", date: "" }, |
|
|
|
|
|
{ title: "订单完成", date: "" } |
|
|
] |
|
|
] |
|
|
}, |
|
|
}, |
|
|
1 : {//试用以后支付 |
|
|
1 : {//试用以后支付 |
|
@ -130,6 +134,7 @@ |
|
|
{ title: "师傅确认", date: "" }, |
|
|
{ title: "师傅确认", date: "" }, |
|
|
{ title: "进行", date: "" }, |
|
|
{ title: "进行", date: "" }, |
|
|
{ title: "试工完成", date: "" }, |
|
|
{ title: "试工完成", date: "" }, |
|
|
|
|
|
{ title: "企业确认", date: "" }, |
|
|
{ title: "企业支付", date: "" }, |
|
|
{ title: "企业支付", date: "" }, |
|
|
{ title: "订单完成", date: "" } |
|
|
{ title: "订单完成", date: "" } |
|
|
], |
|
|
], |
|
@ -139,15 +144,15 @@ |
|
|
{ title: "试工完成", date: "" }, |
|
|
{ title: "试工完成", date: "" }, |
|
|
{ title: "企业确认", date: "" }, |
|
|
{ title: "企业确认", date: "" }, |
|
|
{ title: "企业支付", date: "" }, |
|
|
{ title: "企业支付", date: "" }, |
|
|
{ title: "企业完成", date: "" } |
|
|
|
|
|
|
|
|
{ title: "订单完成", date: "" } |
|
|
] |
|
|
] |
|
|
}, |
|
|
}, |
|
|
}; |
|
|
}; |
|
|
let i = this.orderData ? this.orderData.payType : '1'; |
|
|
let i = this.orderData ? this.orderData.payType : '1'; |
|
|
let stepsListMapItem = stepsListMap[i] || stepsListMap[1]; |
|
|
let stepsListMapItem = stepsListMap[i] || stepsListMap[1]; |
|
|
return stepsListMapItem[this.pageType] || stepsListMapItem.default; |
|
|
return stepsListMapItem[this.pageType] || stepsListMapItem.default; |
|
|
} |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
}, |
|
|
|
|
|
} |
|
|
} |
|
|
} |
|
|
</script> |
|
|
</script> |
|
|
|
|
|
|
|
|