austin
/
staff
Template
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Compare commits

base: austin:ea4bdceefc30fee88bf694422406ccfc54da8ecc
Branches Tags
austin:main
...
compare: austin:dcdde91a49ee58a16440ba7d7a676dc17a039e5d
Branches Tags
austin:main

2 Commits
ea4bdceefc ... dcdde91a49

Author SHA1 Message Date
zhang zhuo dcdde91a49 Merge remote-tracking branch 'origin/main' 2025-03-13 14:54:14 +08:00
zhang zhuo 41385368d7 我的工单 2025-03-13 14:54:02 +08:00
4 changed files with 124 additions and 90 deletions
Show Stats Expand all files Collapse all files

13
api/ticket.ts
View File

@ -8,3 +8,16 @@ export const ticketPoolInfo = (data : any = {}) => get('v1/ticket/pool/info', da
export const ticketAccept = (data : any = {}) => get('v1/ticket/accept', data); export const ticketAccept = (data : any = {}) => get('v1/ticket/accept', data);
// 我的工单 // 我的工单
export const myTicketList = (data : any = {}) => get('v1/ticket/my/list', data); export const myTicketList = (data : any = {}) => get('v1/ticket/my/list', data);
// 我的工单
export const myTicketInfo = (data : any = {}) => get('v1/ticket/my/info', data);

2
pages.json
View File

@ -101,7 +101,7 @@
{ {
"path": "my_order/detail", "path": "my_order/detail",
"style": { "style": {
"enablePullDownRefresh": true, "enablePullDownRefresh": false,
"navigationBarTextStyle": "black", "navigationBarTextStyle": "black",
"navigationStyle": "custom", "navigationStyle": "custom",
"navigationBarTitleText": "我的工单详情" "navigationBarTitleText": "我的工单详情"

162
pagesA/my_order/detail.vue
View File

@ -22,62 +22,68 @@
<view class="li-mb-20"> <view class="li-mb-20">
<view class="li-flex li-items-center li-text-#5f5f5f li-pl-20 li-pt-20 li-text-28 li-mb-12"> <view class="li-flex li-items-center li-text-#5f5f5f li-pl-20 li-pt-20 li-text-28 li-mb-12">
<text class="ri-todo-line li-mr-3"></text> <text class="ri-todo-line li-mr-3"></text>
<text>JD2424234324325</text> <text>{{ticketInfo.ticket_no}}</text>
<text class="ri-file-copy-line li-text-#009aff li-ml-15"></text> <text class="ri-file-copy-line li-text-#009aff li-ml-15"></text>
</view> </view>
<text class="li-pl-20 li-text-28 li-text-#5f5f5f">创建时间:&nbsp;2025-07-09</text> <text class="li-pl-20 li-text-28 li-text-#5f5f5f">创建时间:&nbsp;{{ticketInfo.create_time}}</text>
</view> </view>
<view class="li-text-28 !li-rd-bl-50 li-px-40 li-py-6" <view class="li-text-28 !li-rd-bl-50 li-px-40 li-py-6" style="color: #37A5FF; backgroundColor: #e8f4ff">
:style="{ color: getStatusColor(2), backgroundColor: getStatusBgColor(2) }"> <text v-if="ticketInfo.type == 'F2'">派送</text>
{{getStatusText(2)}} <text v-if="ticketInfo.type == 'F4'">量房</text>
<text v-if="ticketInfo.type == 'F6'">维修</text>
</view> </view>
</view> </view>
<view class="li-flex li-items-start li-pt-20 li-pl-20"> <view class="li-flex li-items-start li-pt-20 li-pl-20">
<view class="ri-checkbox-circle-fill li-text-#009aff li-mr-12 li-text-40 li-pt-2"></view> <view class="ri-checkbox-circle-fill li-text-#009aff li-mr-12 li-text-40 li-pt-2"></view>
<!-- <text class="ri-close-circle-fill li-text-#ff0000"></text> --> <!-- <text class="ri-close-circle-fill li-text-#ff0000"></text> -->
<view class="li-flex li-flex-col"> <view v-if="ticketInfo.status == 0" class="li-flex li-flex-col">
<text class="li-text-32">{{getStatusText(2)}}</text> <text class="li-text-32">待接单</text>
<text class="li-text-28">工单已完成，干得漂亮！请确认完成状态</text> <text class="li-text-28">待接单</text>
</view>
<view v-if="ticketInfo.status == 1" class="li-flex li-flex-col">
<text class="li-text-32">已接单</text>
<text class="li-text-28">已接单</text>
</view>
<view v-if="ticketInfo.status == 2" class="li-flex li-flex-col">
<text class="li-text-32">已完结</text>
<text class="li-text-28">已完结</text>
</view>
<view v-if="ticketInfo.status == 3" class="li-flex li-flex-col">
<text class="li-text-32">已取消</text>
<text class="li-text-28">已取消</text>
</view> </view>
</view> </view>
</view> </view>
<!-- card --> <!-- 联系信息 -->
<view class="bg-#FFFFFF li-w-92% li-mx-auto li-mt-20 li-rd-20 li-task-card li-pb-30 overflow-hidden"> <view class="bg-#FFFFFF li-w-92% li-mx-auto li-mt-20 li-rd-20 li-task-card li-pb-30 overflow-hidden">
<view class="li-pl-30 li-pt-30">业主信息</view> <view class="li-pl-30 li-pt-30">联系信息</view>
<view class="li-pl-30 li-pr-30 li-mt-30"> <view class="li-pl-30 li-pr-30 li-mt-30">
<view class="li-flex li-items-center li-justify-between li-text-28"> <view class="li-flex li-items-start li-justify-between li-text-28">
<text class="li-w-150 li-text-#9a9a9a">业主姓名</text> <text class="li-w-150 li-text-#9a9a9a">小区名称</text>
<text class="li-w-400 li-single-line li-text-right">邓大仙儿</text> <text class="li-w-400 li-two-line li-text-right">{{ticketInfo?.order?.village_name}}</text>
</view> </view>
<view class="li-flex li-items-center li-justify-between li-mt-30 li-text-28"> <view class="li-flex li-items-center li-justify-between li-mt-30 li-text-28">
<text class="li-w-150 li-text-#9a9a9a">联系方式</text> <text class="li-w-150 li-text-#9a9a9a">联系人</text>
<text class="li-w-400 li-single-line li-text-right">{{ticketInfo.order.name}}</text>
</view>
<view class="li-flex li-items-center li-justify-between li-mt-30 li-text-28">
<text class="li-w-150 li-text-#9a9a9a">联系电话</text>
<view class="li-flex li-items-center li-w-400 li-single-line justify-between"> <view class="li-flex li-items-center li-w-400 li-single-line justify-between">
<!-- 左侧留空 --> <!-- 左侧留空 -->
<view></view> <view></view>
<!-- 右侧内容 --> <!-- 右侧内容 -->
<view class="li-flex li-items-center"> <view class="li-flex li-items-center">
<text class="ri-phone-line li-text-#009aff li-mr-6"></text> <text class="ri-phone-line li-text-#009aff li-mr-6"></text>
<text>177****4485</text> <text>{{ticketInfo.order.mobile}}</text>
</view> </view>
</view> </view>
</view> </view>
<view class="li-flex li-items-start li-justify-between li-mt-30 li-text-28"> <!-- <view class="li-flex li-items-start li-justify-between li-mt-30 li-text-28">
<text class="li-w-150 li-text-#9a9a9a">配送地址</text>
<text class="li-w-400 li-two-line li-text-right">中金北区17号楼一单元201室号</text>
</view>
<view class="li-flex li-items-start li-justify-between li-mt-30 li-text-28">
<text class="li-w-150 li-text-#9a9a9a">商品备注</text>
<text class="li-w-400 li-two-line li-text-right">放在门口即可</text>
</view>
<view class="li-flex li-items-start li-justify-between li-mt-30 li-text-28">
<text class="li-w-150 li-text-#9a9a9a">商品信息</text> <text class="li-w-150 li-text-#9a9a9a">商品信息</text>
<view class="li-flex li-flex-col li-w-400 justify-end"> <view class="li-flex li-flex-col li-w-400 justify-end">
<text class="li-two-line li-text-right">燕京 8度U8 500ML*12瓶/箱*2 送燕京9度菊花听500ML*12听</text> <text class="li-two-line li-text-right">燕京 8度U8 500ML*12瓶/箱*2 送燕京9度菊花听500ML*12听</text>
<!-- <text class="li-text-#009aff li-text-right">x2</text> -->
<view class="li-flex justify-between li-items-center li-mt-20"> <view class="li-flex justify-between li-items-center li-mt-20">
<!-- 左侧留空 -->
<view></view> <view></view>
<!-- 右侧内容 -->
<view class="li-flex li-items-center"> <view class="li-flex li-items-center">
<image class="li-w-110 li-h-110 li-rd-10" src="../../static/swiper/1.png" mode=""> <image class="li-w-110 li-h-110 li-rd-10" src="../../static/swiper/1.png" mode="">
</image> </image>
@ -86,36 +92,30 @@
</view> </view>
</view> </view>
</view> </view>
</view> </view> -->
</view> </view>
</view> </view>
<!-- card -->
<view class="bg-#FFFFFF li-w-92% li-mx-auto li-mt-20 li-rd-20 li-task-card li-pb-30 overflow-hidden"> <!-- 报修信息 -->
<view class="li-pl-30 li-pt-30">员工信息</view> <view v-if="ticketInfo?.type == 'F6'" class="bg-#FFFFFF li-w-92% li-mx-auto li-mt-20 li-rd-20 li-task-card li-pb-30 overflow-hidden">
<view class="li-pl-30 li-pt-30">报修信息</view>
<view class="li-pl-30 li-pr-30 li-mt-30"> <view class="li-pl-30 li-pr-30 li-mt-30">
<view class="li-flex li-items-center li-justify-between li-text-28"> <view class="li-flex li-items-center li-justify-between li-text-28">
<text class="li-w-150 li-text-#9a9a9a">员工姓名</text> <text class="li-w-150 li-text-#9a9a9a">报修位置</text>
<text class="li-w-400 li-single-line li-text-right">张三丰</text> <text class="li-w-400 li-single-line li-text-right">{{ticketInfo?.order?.region_name}}{{ticketInfo?.order?.cell_name}}{{ticketInfo?.order?.house_name}}{{ticketInfo?.order?.address}}</text>
</view>
<view class="li-flex li-items-center li-justify-between li-mt-30 li-text-28">
<text class="li-w-150 li-text-#9a9a9a">联系方式</text>
<text>135****6645</text>
</view> </view>
<view class="li-flex li-items-start li-justify-between li-mt-30 li-text-28"> <view class="li-flex li-items-start li-justify-between li-mt-30 li-text-28">
<text class="li-w-150 li-text-#9a9a9a">工单描述</text> <text class="li-w-150 li-text-#9a9a9a">问题描述</text>
<text class="li-w-400 li-two-line li-text-right">敲门未应答，已按照业主要求放在门口</text> <text class="li-w-400 li-two-line li-text-right">{{ticketInfo.order.content}}</text>
</view> </view>
<view class="li-flex li-items-start li-justify-between li-mt-30 li-text-28"> <view v-if="ticketInfo.order.images" class="li-flex li-items-start li-justify-between li-mt-30 li-text-28">
<text class="li-w-150 li-text-#9a9a9a">附件上传</text> <text class="li-w-150 li-text-#9a9a9a">现场照片</text>
<view class="li-flex li-flex-col li-w-400 justify-end"> <view class="li-flex li-flex-col li-w-400 justify-end">
<view class="li-flex justify-between li-items-center li-mt-20"> <view class="li-flex justify-between li-items-center li-mt-20">
<!-- 左侧留空 --> <!-- 左侧留空 -->
<view></view> <view></view>
<!-- 右侧内容 -->
<view class="li-flex li-items-center"> <view class="li-flex li-items-center">
<image class="li-w-110 li-h-110 li-rd-10" src="../../static/logo.png" mode=""> <image v-for="(item) in ticketInfo?.order?.images?.split(',')" :key="item" class="li-w-110 li-h-110 li-rd-10 li-mr-20" :src="item">
</image>
<image class="li-w-110 li-h-110 li-rd-10 li-ml-20" src="../../static/logo.png" mode="">
</image> </image>
</view> </view>
</view> </view>
@ -123,6 +123,14 @@
</view> </view>
</view> </view>
</view> </view>
<!-- 工单记录 -->
<view class="bg-#FFFFFF li-w-92% li-mx-auto li-mt-20 li-rd-20 li-task-card li-pb-30 overflow-hidden">
<view class="li-pl-30 li-pt-30">工单记录</view>
<view class="li-pl-30 li-pr-30 li-mt-30">
<!-- todo 此处最好用时间线展示 类似物流信息 -->
</view>
</view>
<!-- footer --> <!-- footer -->
<view <view
class="li-flex li-fixed li-bottom-0 li-bg-white li-w-100% li-items-center li-justify-between li-py-35 li-task-card li-rd-10"> class="li-flex li-fixed li-bottom-0 li-bg-white li-w-100% li-items-center li-justify-between li-py-35 li-task-card li-rd-10">
@ -130,10 +138,12 @@
<view></view> <view></view>
<view class="li-flex li-items-center li-mr-30"> <view class="li-flex li-items-center li-mr-30">
<view> <view>
<wd-button :round="false" type="error">取消工单</wd-button> <!-- todo 退单要进行二次确认 -->
<wd-button :round="false" type="error">退单</wd-button>
</view> </view>
<view class="li-ml-15"> <view class="li-ml-15">
<wd-button :round="false">确认送达</wd-button> <!-- todo 结单根据要求，是否跳转到结单页，拍照+填写信息 -->
<wd-button :round="false">结单</wd-button>
</view> </view>
</view> </view>
</view> </view>
@ -142,8 +152,35 @@
<script setup lang="ts"> <script setup lang="ts">
import { ref } from 'vue' import { ref } from 'vue'
import { onLoad } from '@dcloudio/uni-app' import { onLoad, onShow } from '@dcloudio/uni-app'
import { useNavigation } from '@/hooks/useNavigation' import { useNavigation } from '@/hooks/useNavigation'
import {myTicketInfo} from '@/api/ticket'
import { useToast } from '@/uni_modules/wot-design-uni'
const Toast = useToast()
const loading = ref<boolean>(false)
const bntloading = ref<boolean>(false)
const ticketInfo = ref<any>({
ticket_no: '',
create_time: '',
status: undefined,
type: '',
order: {
name: '',
mobile: '',
region_name: '',
cell_name: '',
house_name: '',
address: '',
appoint_date: '',
appoint_time: '',
building_area: '',
status: 0,
images: '',
remark: ''
}
})
// 使用导航 composable // 使用导航 composable
const { const {
hasMultiplePages, // 是否有多个页面在路由栈中 hasMultiplePages, // 是否有多个页面在路由栈中
@ -151,29 +188,16 @@
checkRouteStack // 检查当前路由栈状态的方法 checkRouteStack // 检查当前路由栈状态的方法
} = useNavigation() } = useNavigation()
onLoad(() => { onLoad((q) => {
checkRouteStack() checkRouteStack()
if (q.ticket_id) {
loadInfo(q.ticket_id)
}
}) })
// 状态颜色配置
const getStatusColor = (status : number) => {
const colorMap = {
1: '#ff9d00', // 待配送
2: '#00b42a', // 已完成
3: '#37A5FF', // 未入库
4: '#F42429' // 已取消
}
return colorMap[status] || '#666666'
}
// 状态背景色配置 const loadInfo = async (ticket_id : string) => {
const getStatusBgColor = (status : number) => { const res = await myTicketInfo({ ticket_id })
const bgColorMap = { ticketInfo.value = res.data
1: '#fff6e9', // 待配送
2: '#e8ffea', // 已完成
3: '#e8f4ff', // 未入库
4: '#ffe8e8' // 已取消
}
return bgColorMap[status] || '#f5f5f5'
} }
// 状态文字配置 // 状态文字配置
@ -187,8 +211,6 @@
return textMap[status] || '未知状态' return textMap[status] || '未知状态'
} }
const toPages = (item : any) => { const toPages = (item : any) => {
console.log(item); console.log(item);
switch (item.type) { switch (item.type) {

33
pagesA/my_order/list.vue
View File

@ -22,13 +22,9 @@
<wd-tab :title="item.name" :badge-props="item.badgeProps"></wd-tab> <wd-tab :title="item.name" :badge-props="item.badgeProps"></wd-tab>
</block> </block>
</wd-tabs> </wd-tabs>
<!-- <view class="border-red li-flex li-items-center li-justify-center li-w-130">
<text class="ri-filter-line li-text-20"></text>
<text class="li-text-28">筛选</text>
</view> -->
</view> </view>
</view> </view>
<view class="li-flex li-items-center li-mx-auto li-w-92% li-mt-check-costom"> <view class="li-flex li-items-center li-mx-auto li-w-92% li-mt-check-costom">
<text v-for="(item,index) in orderStatusList" :key="index" <text v-for="(item,index) in orderStatusList" :key="index"
:class="item.id==query.status?'space-check':'space-checkOut'" @click="handleStatusChange(item.id)"> :class="item.id==query.status?'space-check':'space-checkOut'" @click="handleStatusChange(item.id)">
{{item.title}} {{item.title}}
@ -52,24 +48,27 @@
</view> </view>
<view> <view>
<view class="li-flex li-items-center li-justify-between li-text-26 li-mt-20"> <view class="li-flex li-items-center li-justify-between li-text-26 li-mt-20">
<text class="li-text-#9a9a9a">配送地址</text> <text class="li-text-#9a9a9a">工单类型</text>
<text>{{item.address}}</text> <text v-if="item.type == 'F2'">配送</text>
<text v-if="item.type == 'F6'">维修</text>
<text v-if="item.type == 'F4'">量房</text>
</view> </view>
<view class="li-flex li-items-center li-justify-between li-text-26 li-mt-20"> <view class="li-flex li-items-center li-justify-between li-text-26 li-mt-20">
<text class="li-text-#9a9a9a">收货人</text> <text class="li-text-#9a9a9a">小区名称</text>
<text>{{item.name}}</text> <text>{{item.order.village_name}}</text>
</view> </view>
<view class="li-flex li-items-center li-justify-between li-text-26 li-mt-20"> <view class="li-flex li-items-center li-justify-between li-text-26 li-mt-20">
<text class="li-text-#9a9a9a">联系方式</text> <text class="li-text-#9a9a9a">联系人</text>
<text>{{item.phone}}</text> <text>{{item.order.name}}</text>
</view> </view>
<view class="li-mt-20 bg-#f9f9f9 li-rd-10 li-p-15 li-text-24"> <view class="li-flex li-items-center li-justify-between li-text-26 li-mt-20">
<text>{{item.remarks}}</text> <text class="li-text-#9a9a9a">联系电话</text>
<text>{{item.order.mobile}}</text>
</view> </view>
</view> </view>
<view class="li-flex li-items-center li-justify-between li-mt-20"> <view class="li-flex li-items-center li-justify-between li-mt-20">
<text class="li-text-24 li-text-#999">{{item.time}}</text> <text class="li-text-24 li-text-#999">{{item.create_time}}</text>
<wd-button custom-class="custom-shadow" size="small" v-if="item.status === 1">开始配送</wd-button> <wd-button custom-class="custom-shadow" size="small" v-if="item.status === 1">详情</wd-button>
</view> </view>
</view> </view>
</view> </view>
@ -183,7 +182,7 @@
id: 'ALL' id: 'ALL'
}, },
{ {
title: '未完成', title: '待完成',
id: 1 id: 1
}, },
{ {
@ -233,7 +232,7 @@
break; break;
case 'detail': case 'detail':
uni.navigateTo({ uni.navigateTo({
url: '/pagesA/my_order/detail' url: '/pagesA/my_order/detail?ticket_id=' + item.value.ticket_id
}) })
break; break;
default: default: