by2025/SmartParks_uniapp
9
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

工单
Some checks failed
Uniapp 自动化打包 CI/CD / 打包 Uniapp 项目 (push) Failing after 56s
Details

Browse Source
This commit is contained in:
liyuanchao
2025-08-26 17:31:30 +08:00
parent 264053bd7e
commit 85a1ce799a
4 changed files with 271 additions and 333 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
common/config.js
View File

@@ -30,5 +30,5 @@ const config = {
config.baseUrl = 'http://183.230.235.66:11010/api'; config.baseUrl = 'http://183.230.235.66:11010/api';
// config.baseUrl = 'http://9143b75.r28.cpolar.top'; // config.baseUrl = 'http://378a061a.r28.cpolar.top'
export default config; export default config;

2
pages/sys/user/myRepair/addRepair.vue
View File

@@ -21,7 +21,7 @@
<text class="text-type">{{ selectedType }}</text> <text class="text-type">{{ selectedType }}</text>
<image class="right-arrow" src="/static/ic_right_arrow_g.png" /> <image class="right-arrow" src="/static/ic_right_arrow_g.png" />
</view> </view>
<view class="add-repair-label">问题详情 <text class="add-repair-optional">(非必填)</text></view> <view class="add-repair-label">备注 <text class="add-repair-optional">(非必填)</text></view>
<textarea v-model="repairInfo.remark" class="add-repair-detail-textarea" <textarea v-model="repairInfo.remark" class="add-repair-detail-textarea"
placeholder="如果以上报事不能解决您的问题，可以在这里填写说明" /> placeholder="如果以上报事不能解决您的问题，可以在这里填写说明" />

8
pages/sys/user/myRepair/myRepair.vue
View File

@@ -23,7 +23,7 @@
<!-- 有数据时 --> <!-- 有数据时 -->
<view v-else class="repair-list-box"> <view v-else class="repair-list-box">
<view v-for="(item, idx) in records" :key="idx" class="repair-card" @click="showDetail(item)"> <view v-for="(item, idx) in records" :key="idx" class="repair-card" @click="goDetail(item)">
<view class="repair-row"> <view class="repair-row">
<view class="repair-no">工单号：{{ item.orderNo }}</view> <view class="repair-no">工单号：{{ item.orderNo }}</view>
<view class="repair-status" :class="getStatusColor(item.status)"> <view class="repair-status" :class="getStatusColor(item.status)">
@@ -172,6 +172,12 @@
}; };
return statusMap[status] || ''; return statusMap[status] || '';
}, },
goDetail(item) {
const itemStr = encodeURIComponent(JSON.stringify(item));
uni.navigateTo({
url: "/pages/sys/workbench/order/orderDetail?item=" + itemStr,
});
},
showDetail(item) { showDetail(item) {
this.detailItem = item; this.detailItem = item;
if (item.status == 0) { if (item.status == 0) {

592
pages/sys/workbench/order/orderDetail.vue
View File

@@ -1,330 +1,262 @@
<template> <template>
<view class="page-container"> <view class="page-container">
<view class="top-line" /> <view class="top-line" />
<!-- 工单状态进度 -->
<view class="repair-detail-progress-box"> <view class="item-bg"><text class="detail-key">工单编号：</text>{{ detail.orderNo }}</view>
<view class="repair-detail-progress"> <view class="item-bg">
<view v-for="(step, idx) in progressSteps" :key="idx" class="repair-detail-step"> <view class="item-title">上报人信息</view>
<view <view class="detail-key">发起人：{{ detail.initiatorPeople }}</view>
:class="['repair-detail-dot', detailStep >= idx ? 'active' : '', (detailStep === idx && detailStatus !== '已结束') ? 'current' : '']"> <view class="detail-key">联系电话：{{ detail.initiatorPhone }}</view>
</view> </view>
<view v-if="idx < progressSteps.length - 1" <view class="item-bg">
:class="['repair-detail-line', detailStep > idx ? 'active' : '']"></view> <view class="item-title">保修信息</view>
</view> <view class="detail-key">工单名称：{{ detail.orderName }}</view>
</view> <view class="detail-key">工单类型：{{ detail.typeName }}</view>
<view class="repair-detail-progress-labels"> <view class="detail-key">处理地点：{{ detail.location }}</view>
<view v-for="(step, idx) in progressSteps" :key="idx" class="repair-detail-label">{{ step }} <view class="detail-key">备注：{{ detail.remark }}</view>
</view> <view class="detail-value"><text class="detail-key">工单图片：</text></view>
</view> <view class="image-list" v-if="orderImgUrls.length > 0">
</view> <u-image
v-for="(imgUrl, index) in orderImgUrls"
<!-- 工单详情 --> :key="index"
<view class="detail-list"> :src="imgUrl"
<view class="detail-value"><text class="detail-key">工单编号：</text>{{ detail.orderNo }}</view> width="200rpx"
<view class="detail-value"><text class="detail-key">工单名称：</text>{{ detail.orderName }}</view> height="200rpx"
<view class="detail-value"><text class="detail-key">工单类型：</text>{{ detail.typeName }}</view> border-radius="10rpx"
<view class="detail-value"><text class="detail-key">处理地点：</text>{{ detail.location }}</view> @click="previewImage(orderImgUrls, index)"
<view class="detail-value"><text class="detail-key">创建时间：</text>{{ detail.createTime }}</view> style="margin-right: 20rpx; margin-bottom: 20rpx;"
<view class="detail-value"><text class="detail-key">发起单位/人：</text>{{ detail.initiatorPeople }}</view> mode="aspectFill"
<view class="detail-value remark"><text>备注：</text>{{ detail.remark }}</view> ></u-image>
<view class="detail-value"><text class="detail-key">工单图片：</text></view> </view>
<view class="image-list" v-if="orderImgUrls.length > 0"> </view>
<u-image
v-for="(imgUrl, index) in orderImgUrls" <view v-if="detail.status>1" class="item-bg">
:key="index" <view class="item-title">负责人信息</view>
:src="imgUrl" <view class="detail-key">负责人：{{ detail.handlerText }}</view>
width="200rpx" <view class="detail-key">联系电话：{{ detail.handlerPhone }}</view>
height="200rpx" </view>
border-radius="10rpx"
@click="previewImage(orderImgUrls, index)" <!-- 纵向进度条 -->
style="margin-right: 20rpx; margin-bottom: 20rpx;" <view class="item-bg">
mode="aspectFill" <view class="item-title">进度跟踪</view>
></u-image> <view v-for="(status, index) in detail.recordVoList" :key="index" class="repair-detail-step">
</view> <view class="step-left">
<text class="step-date">{{ status.createTime.substring(0,11)}}</text>
</view> <text class="step-time">{{ status.createTime.substring(11,16) }}</text>
</view>
<!-- 底部操作按钮 --> <view class="step-dot-container">
<view <view class="repair-detail-dot" ></view>
v-if="((!this.isManager&&this.detailStep != 0) || (this.isManager&&this.detailStep == 0))&&this.detailStep!=3" <!-- 固定高度连线 -->
class="btn-group"> <view
<button class="btn ghost" v-if="index < detail.recordVoList.length - 1" class="repair-detail-line"
@click="transfer(1)">{{this.isManager ? '指派':this.detailStep == 2 ? '完成':'开始'}}</button> ></view>
<button v-if="this.detailStep == 1" class="btn primary" @click="transfer(2)">转派</button> </view>
</view> <view class="step-right">
<text class="step-name">{{ getStatusLabel(status.status) }}</text>
<SelectUser :visible.sync="showSelect" :list="users" :multiple="false" @confirm="onConfirm" /> </view>
</view> </view>
</template> </view>
<script> <!-- 底部操作按钮 -->
import SelectUser from '@/components/SelectUser.vue' <view
export default { v-if="((!isManager && detailStep != 0) || (isManager && detailStep == 0)) && detailStep != 3&&!isNaomalUser"
components: { class="btn-group">
SelectUser <button class="btn ghost"
}, @click="transfer(1)">{{ isManager ? '指派' : (detailStep == 2 ? '完成' : '开始') }}</button>
data() { <button v-if="detailStep == 1" class="btn primary" @click="transfer(2)">转派</button>
return { </view>
detailStep: 0, <view class="kg">
detailStatus: '', </view>
progressSteps: ['创建工单', '已接单', '处理中', '已结束'], <SelectUser :visible.sync="showSelect" :list="users" :multiple="false" @confirm="onConfirm" />
currentStatus: 2, // 0: 待分配，1: 已接单，2: 处理中，3: 已完成 </view>
detail: {}, </template>
isManager: false,
showSelect: false, <script>
users: [], import SelectUser from '@/components/SelectUser.vue'
orderImgUrls: [] // 添加用于存储处理后的图片URL数组 export default {
}; components: { SelectUser },
}, data() {
onLoad(options) { return {
this.isManager = this.vuex_user.roles[0].roleId == 1 detailStep: 0,
if (options.item) { detailStatus: '',
const item = JSON.parse(decodeURIComponent(options.item)); currentStatus: 2,
this.detail = item; detail: {},
// 现在可以使用item对象了 isManager: false,
// 进度映射 isNaomalUser:true,
this.getStepInfo() showSelect: false,
// 处理图片URL users: [],
orderImgUrls: []
this.getImageUrl() };
} },
if ((this.isManager && this.detailStep == 0) || (!this.isManager && this.detailStep == 1)) { onLoad(options) {
this.getHandler() this.isManager = this.vuex_user?.roles?.[0]?.roleId < 3
} this.isNaomalUser = this.vuex_user?.roles?.[0]?.roleId >10
}, if (options.item) {
methods: { const item = JSON.parse(decodeURIComponent(options.item));
goBack() { this.detail = item;
uni.navigateBack(); this.getStepInfo()
}, this.getImageUrl()
async getImageUrl() { }
if (!this.detail.orderImgUrl) return; if ((this.isManager && this.detailStep == 0) || (!this.isManager && this.detailStep == 1)) {
this.getHandler()
const imgIds = this.detail.orderImgUrl.split(','); }
const res = await this.$u.api.getImageUrl({}, imgIds); },
if (res.code == 200 && res.data) { methods: {
// 提取res.data数组中每个对象的url字段 goBack() { uni.navigateBack(); },
this.orderImgUrls = res.data.map(item => item.url); async getImageUrl() {
} if (!this.detail.orderImgUrl) return;
}, const imgIds = this.detail.orderImgUrl.split(',');
const res = await this.$u.api.getImageUrl({}, imgIds.join(','));
async getHandler() { if (res.code == 200 && res.data) this.orderImgUrls = res.data.map(item => item.url);
let handlers = await this.$u.api.getHandler3({}, this.detail.type); },
if (handlers.code === 200) { async getHandler() {
this.users = [...this.users, ...handlers.data]; let handlers = await this.$u.api.getHandler3({}, this.detail.type);
} if (handlers.code === 200) this.users = [...this.users, ...handlers.data];
}, },
getStepInfo(){ getStepInfo() {
if (this.detail.status == 0) { let currentIndex = 0;
this.detailStep = 0; if (this.detail.status == 0) currentIndex = 0;
this.detailStatus = '创建工单'; else if (this.detail.status == 1) currentIndex = 1;
} else if (this.detail.status == 4) { else if (this.detail.status == 3) currentIndex = 2;
this.detailStep = 3; else if (this.detail.status == 4) currentIndex = 3;
this.detailStatus = '已结束'; this.detailStep = currentIndex;
} else if (this.detail.status == 3) {
this.detailStep = 2; },
this.detailStatus = '处理中'; getStatusLabel(status) {
} else { const statusMap = {
this.detailStep = 1; 0: "创建工单",
this.detailStatus = '已接单'; 1: "已接单",
} 2: "已接单",
}, 3: "处理中",
previewImage(urls, index) { 4: "已完成",
// 使用uView的图片预览组件 };
// 过滤掉空值 return statusMap[status] || "";
const validUrls = urls.filter(url => url && url.trim() !== '') },
uni.previewImage({ previewImage(urls, index) {
urls: validUrls, const validUrls = urls.filter(url => url && url.trim() !== '');
current: validUrls[index], // current 必须是 url，而不是索引 const currentIndex = validUrls.indexOf(urls[index]);
indicator: 'number', // 显示数字指示器 uni.previewImage({
backgroundColor: '#000' urls: validUrls,
}) current: currentIndex >= 0 ? currentIndex : 0,
}, indicator: 'number',
async onConfirm(selected) { backgroundColor: '#000'
let params = this.detail })
params.handler = selected[0].value },
params.status = 1 async onConfirm(selected) {
let res = await this.$u.api.updateOrder2(params); let params = this.detail
if (res.code == '200') { params.handler = selected[0].value
// 关闭页面前发送事件通知前页面刷新 params.status = 1
uni.$emit('refreshData', ''); let res = await this.$u.api.updateOrder2(params);
this.detail.handler = selected.value if (res.code == '200') {
this.detail.status = 1 uni.$emit('refreshData', '');
this.getStepInfo() if(!this.isManager){
} uni.navigateBack();
}, return
async submit() { }
let params = this.detail this.detail.handler = selected.value
if(this.detail.status == 1||this.detail.status == 2){ this.detail.status = 1
params.status = 3 const d = new Date();
}else { const z = n => n.toString().padStart(2, '0');
params.status = 4 let time = `${d.getFullYear()}-${z(d.getMonth()+1)}-${z(d.getDate())} ${z(d.getHours())}:${z(d.getMinutes())}:${z(d.getSeconds())}`;
} let step = {}
let res = await this.$u.api.updateOrder2(params); step.id= this.detail.recordVoList[0].id,
if (res.code == '200') { step.orderId= this.detail.recordVoList[0].orderId,
// 关闭页面前发送事件通知前页面刷新 step.status= '1',
uni.$emit('refreshData', ''); step.handler='',
this.detail.status = params.status step.handlerName='',
this.getStepInfo() step.createTime= time
} this.detail.recordVoList.push(step)
}, this.getStepInfo()
transfer(type) { }
if (this.isManager || type == 2) { },
this.showSelect = true async submit() {
} else { let params = this.detail
this.submit() if (this.detail.status == 1 || this.detail.status == 2) params.status = 3
} else params.status = 4
}, let res = await this.$u.api.updateOrder2(params);
} if (res.code == 200) {
}; uni.$emit('refreshData', '');
</script> this.detail.status = params.status
if(params.status ==3){
<style scoped> this.detail.handlerText = this.vuex_user.nickName
.page-container { this.detail.handlerPhone = this.vuex_user.phonenumber
background: #fff; }
} const d = new Date();
const z = n => n.toString().padStart(2, '0');
.top-line { let time = `${d.getFullYear()}-${z(d.getMonth()+1)}-${z(d.getDate())} ${z(d.getHours())}:${z(d.getMinutes())}:${z(d.getSeconds())}`;
width: 100vw; let step = {}
height: 3rpx; step.id= this.detail.recordVoList[0].id,
background: #ECECEC; step.orderId= this.detail.recordVoList[0].orderId,
} step.status= params.status,
step.handler='',
.repair-detail-progress-box { step.handlerName='',
height: 107rpx; step.createTime= time
margin-bottom: 41rpx; this.detail.recordVoList.push(step)
display: flex; this.getStepInfo()
flex-direction: column; }
justify-content: center; },
align-items: stretch;
}
transfer(type) {
.repair-detail-progress { if (this.isManager || type == 2) this.showSelect = true
display: flex; else this.submit()
align-items: center; }
justify-content: space-between; }
margin-bottom: 5rpx; }
margin-left: 85rpx; </script>
width: 100%;
} <style scoped>
.page-container { background: #f7f7f7; height: 100vh; }
.repair-detail-step { .top-line { width: 100vw; height: 3rpx; background: #ECECEC; }
display: flex; .item-bg{ background: #fff; border-radius: 20rpx; margin-top: 10px; margin-left: 25rpx; margin-right: 25rpx; padding: 25rpx; }
align-items: center; .item-title{ color: #000; font-size: 28rpx; font-weight: 600; margin-bottom: 20rpx; }
flex: 1;
position: relative; .repair-detail-step-container { display: flex; flex-direction: column; }
} .repair-detail-step {
display: flex;
.repair-detail-dot { flex-direction: row;
width: 22rpx; margin-bottom: 20rpx;
height: 22rpx; }
border-radius: 50%; .step-left { flex: 1; display: flex; flex-direction: column; align-items: flex-end; padding-right: 20rpx; }
background: #BDBDBD; .step-date { font-size: 24rpx; color: #333; }
border: 2rpx solid #BDBDBD; .step-time { font-size: 24rpx; color: #666; margin-top: 10rpx; }
position: relative; .step-dot-container {
z-index: 2; display: flex;
} flex-direction: column;
align-items: center;
.repair-detail-dot.active { width: 40rpx;
background: #2186FF; }
border-color: #2186FF; .repair-detail-dot {
} width: 22rpx;
height: 22rpx;
.repair-detail-dot.current { border-radius: 50%;
background: #EF8D00; background: #BDBDBD;
border-color: #EF8D00; border: 2rpx solid #BDBDBD;
} z-index: 2;
background: #2186FF;
.repair-detail-line { border-color: #2186FF;
flex: 1; }
height: 4rpx;
background: #BDBDBD; /* 固定高度连线 */
margin: 0 2rpx; .repair-detail-line {
z-index: 1; width: 4rpx;
} height: 80rpx; /* 每条线的高度 */
background: #BDBDBD;
.repair-detail-line.active { margin-top: 2rpx;
background: #2186FF; background: #2186FF;
} }
.repair-detail-progress-labels { .step-right { flex: 1; display: flex; flex-direction: column; padding-left: 20rpx; }
display: flex; .step-name { font-size: 28rpx; color: #333; font-weight: bold; margin-bottom: 6rpx; }
justify-content: space-between; .step-desc { font-size: 24rpx; color: #666; }
margin-left: 0; .detail-key { color: #222; font-size: 28rpx; margin-bottom: 20rpx; }
width: 100%; .detail-value { margin-bottom: 30rpx; color: #2F2F2F; }
} .image-list { display: flex; flex-wrap: wrap; margin-top: 20rpx; }
.btn-group { display: flex; justify-content: space-around; margin-top: 60rpx; }
.repair-detail-label { .btn { width: 276rpx; height: 88rpx; padding: 20rpx; font-size: 30rpx; border-radius: 50rpx; display: flex; align-items: center; justify-content: center; }
font-size: 22rpx; .primary { background-color: #1890ff; color: #fff; }
color: #888; .ghost { background-color: #fff; color: #1890ff; border: 2rpx solid #1890ff; }
text-align: center; .kg{
flex: 1; height: 60rpx;
position: relative; }
top: 8rpx; </style>
}
.detail-list {
font-size: 28rpx;
line-height: 2em;
margin-left: 40rpx;
}
.detail-key {
color: #595858;
}
.detail-value {
margin-bottom: 30rpx;
color: ##2F2F2F;
}
.remark {
white-space: pre-line;
}
.link {
color: #007CFF;
text-decoration: underline;
}
.image-list {
display: flex;
flex-wrap: wrap;
margin-top: 20rpx;
}
.image-item {
width: 200rpx;
height: 200rpx;
border-radius: 10rpx;
margin-right: 20rpx;
margin-bottom: 20rpx;
}
.btn-group {
display: flex;
justify-content: space-around;
margin-top: 60rpx;
}
.btn {
width: 276rpx;
height: 88rpx;
padding: 20rpx;
font-size: 30rpx;
border-radius: 50rpx;
display: flex;
align-items: center;
justify-content: center;
}
.primary {
background-color: #1890ff;
color: #fff;
}
.ghost {
background-color: #fff;
color: #1890ff;
border: 2rpx solid #1890ff;
}
</style>