3d474e84
 刘淇
快速工单 加上业务线
|
1
2
3
4
5
6
7
8
9
|
<template>
<view class="page-container">
<!-- 页面级加载组件 -->
<up-loading-page
v-if="loading"
:loading="true"
title="加载中..."
color="#3c9cff"
></up-loading-page>
|
|
4c54ad5d
刘淇
转工单 选择是 传紧急程度和...
|
10
|
|
|
3d474e84
刘淇
快速工单 加上业务线
|
11
|
<!-- 主内容容器 -->
|
6853427f
 王彪总
业务线 小程序不用写死，从后端接口获取
|
12
|
<view v-else class="main-content" :class="'pb-rows-' + actionBarRows">
|
|
3d474e84
刘淇
快速工单 加上业务线
|
13
14
15
16
17
18
19
20
21
22
23
24
25
|
<!-- 顶部固定Tabs -->
<up-sticky :bgColor="'#fff'">
<up-tabs
v-model="activeTopTab"
:list="topTabList"
:scrollable="false"
sticky
active-color="#3c9cff"
inactive-color="#666"
class="top-tabs"
@click="activeTopTabClick"
></up-tabs>
</up-sticky>
|
|
4c54ad5d
刘淇
转工单 选择是 传紧急程度和...
|
26
|
|
|
3d474e84
刘淇
快速工单 加上业务线
|
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
|
<!-- 顶部Tab内容区 -->
<view class="tab-content">
<!-- 1. 工单详情Tab -->
<view v-show="activeTopTab == 0" class="detail-content">
<up-cell-group :border="false" class="detail-cell-group">
<!-- 工单编号 -->
<up-cell title="工单编号" :value="orderDetail.orderNo || '--'" align="middle"></up-cell>
<!-- 工单位置 -->
<up-cell align="middle">
<template #title>
<view style="min-width: 200rpx">工单位置</view>
</template>
<template #value>
<view class="common-text-color up-line-1">{{ orderDetail.lonLatAddress || '--' }}</view>
</template>
</up-cell>
|
|
c64da17b
刘淇
新的业务线
|
45
|
<!-- 问题类型 -->
|
|
3d474e84
刘淇
快速工单 加上业务线
|
46
47
|
<up-cell align="middle">
<template #title>
|
|
c64da17b
刘淇
新的业务线
|
48
|
<view style="min-width: 200rpx">问题类型</view>
|
|
3d474e84
刘淇
快速工单 加上业务线
|
49
50
51
52
53
54
|
</template>
<template #value>
<view class="common-text-color up-line-1">{{ orderDetail.orderName || '--' }}</view>
</template>
</up-cell>
|
|
7adb99f0
刘淇
全域督察员
|
55
56
57
58
59
60
61
62
63
64
65
66
|
<!-- 街道名称 -->
<up-cell title="街道名称" :value="orderDetail.streetName || '--'" align="middle"></up-cell>
<up-cell v-if="orderDetail.roadName">
<template #title>
<view style="min-width: 200rpx">道路名称</view>
</template>
<template #value>
<view class="common-text-color up-line-1">{{ orderDetail.roadName || '--' }}</view>
</template>
</up-cell>
|
|
3d474e84
刘淇
快速工单 加上业务线
|
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
|
<!-- 情况描述 -->
<up-cell>
<template #title>
<view style="min-width: 200rpx">情况描述</view>
</template>
<template #value>
<view class="common-text-color up-line-1">{{ orderDetail.remark || '--' }}</view>
</template>
</up-cell>
<!-- 紧急程度 -->
<up-cell
title="紧急程度"
:value="uni.$dict.getDictLabel('workorder_pressing_type', orderDetail.pressingType) || '--'"
align="middle"
></up-cell>
|
|
3d474e84
刘淇
快速工单 加上业务线
|
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
|
<!-- 提交人 -->
<up-cell title="提交人" :value="orderDetail.userName || '--'" align="middle"></up-cell>
<!-- 提交时间 -->
<up-cell
title="提交时间"
:value="timeFormat(orderDetail.createTime, 'yyyy-mm-dd hh:MM:ss') || '--'"
align="middle"
></up-cell>
<!-- 处理结果 -->
<up-cell v-if="orderDetail.handleResult">
<template #title>
<view style="min-width: 200rpx">处理结果</view>
</template>
<template #value>
<view class="common-text-color up-line-1">{{ orderDetail.handleResult || '--' }}</view>
</template>
</up-cell>
|
|
3d474e84
刘淇
快速工单 加上业务线
|
104
105
106
107
108
109
110
111
112
|
<!-- 问题照片 -->
<up-cell title="问题照片">
<template #value>
<view class="cell-content-wrap">
<up-album
v-if="!!orderDetail.problemsImgs?.length"
:urls="orderDetail.problemsImgs.slice(0, 3)"
:singleSize="70"
:multipleSize="70"
|
|
3d474e84
刘淇
快速工单 加上业务线
|
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
|
:preview-full-image="true"
></up-album>
<text v-else class="empty-text">暂无问题照片</text>
</view>
</template>
</up-cell>
<!-- 希望完成时间 -->
<up-cell
v-if="orderDetail.expectedFinishDate"
title="希望完成时间"
:value="timeFormat(orderDetail.expectedFinishDate, 'yyyy-mm-dd hh:MM:ss')"
align="middle"
:border="false"
></up-cell>
<up-cell
v-if="orderDetail.finishDate"
title="工单完结时间"
:value="timeFormat(orderDetail.finishDate, 'yyyy-mm-dd hh:MM:ss')"
align="middle"
:border="false"
></up-cell>
</up-cell-group>
<!-- 图片分类Tabs区块 -->
<view class="img-tabs-block" v-if="orderDetail.startImgs.length>0">
<up-cell-group :border="false">
<up-cell>
<template #title>
<view style="min-width: 200rpx">共同处理人</view>
</template>
<template #value>
<view class="common-text-color up-line-1">
{{
Array.isArray(orderDetail.coHandlersName) && orderDetail.coHandlersName.length > 0 ? orderDetail.coHandlersName.join(',') : '--'
}}
</view>
</template>
</up-cell>
</up-cell-group>
<up-tabs
@change='imgTabChange'
v-model="activeImgTab"
:list="imgTabList"
:scrollable="false"
active-color="#3c9cff"
inactive-color="#666"
class="img-tabs"
></up-tabs>
<!-- 图片Tab内容区 -->
<view class="img-tab-content">
<up-album
v-if="currentImgList.length"
:urls="currentImgList.slice(0, 3)"
:singleSize="70"
:multipleSize="70"
:preview-full-image="true"
class="img-album custom-album"
></up-album>
<text v-else class="empty-img-text">养护员未上传图片</text>
</view>
</view>
</view>
<!-- 2. 流程节点Tab -->
<view v-show="activeTopTab == 1" class="process-content">
<!-- 竖向步骤条：动态绑定current属性 -->
<up-steps
v-if="processData.activityNodes && processData.activityNodes.length"
:list="processData.activityNodes"
:current="getCurrentStepIndex()"
direction="column"
active-color="#3c9cff"
inactive-color="#999"
class="vertical-steps"
>
<template>
<up-steps-item
v-for="(item, index) in processData.activityNodes"
:key="`${item.id}_${index}`"
>
<!-- 唯一自定义模板：content，包含标题、描述、相册所有内容 -->
<template #content>
<view class="step-content-wrap">
<!-- 1. 原标题内容：节点名称 + 操作人 -->
<view class="step-title">
|
|
6bce1057
刘淇
ai 大区经理
|
201
|
{{ item.name ? item.name.replace('大区经理', '业务调度员') : item.name }}
|
|
3d474e84
刘淇
快速工单 加上业务线
|
202
203
204
205
|
</view>
<!-- 2. 原描述内容：时间 + 处理说明（最多200字） -->
<view class="step-desc">
|
|
5b5a4862
刘淇
按钮放大
|
206
|
<view class="operator-name up-line-1" v-if="item.tasks">
|
|
34d239d6
刘淇
全域巡查员
|
207
208
209
|
处理人：
<text>{{ item.tasks?.map(itemName => itemName.assigneeUser?.nickname).filter(Boolean).join('，') }}</text>
</view>
|
|
3d474e84
刘淇
快速工单 加上业务线
|
210
211
212
213
|
<!-- 时间行 -->
<view class="time-line">
处理时间：{{ timeFormat(item.startTime, 'yyyy-mm-dd hh:MM:ss') }}
<text v-if="item.endTime"> 至 {{ timeFormat(item.endTime, 'yyyy-mm-dd hh:MM:ss') }}</text>
|
|
3c73dfc0
王彪总
业务线 小程序不用写死，从后端接口获取
|
214
|
<text v-else-if="item.status === 1" class="processing-tag">（处理中）</text>
|
|
3d474e84
刘淇
快速工单 加上业务线
|
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
|
</view>
<view class="reason-line up-line-1" v-if="index!==0&&item.endTime">
总耗时：{{ calculateFormatTimeDiff(item.startTime, item.endTime) }}
</view>
<!-- 原因行 -->
<view class="reason-line up-line-2" v-if="item.tasks && item.tasks[0]?.reason">
描述：{{ getLimitReason(item.tasks && item.tasks[0]?.reason) }}
</view>
</view>
<!-- 3. 原相册内容：预留up-album -->
<view class="step-album-wrap">
<up-album
v-if="item.tasks && item.tasks[0]?.attattmentUrls && item.tasks[0].attattmentUrls.length"
:urls="item.tasks[0].attattmentUrls.slice(0, 3)"
:singleSize="70"
:multipleSize="70"
|
|
3d474e84
刘淇
快速工单 加上业务线
|
234
235
236
237
238
239
240
241
|
:preview-full-image="true"
class="step-album"
></up-album>
</view>
</view>
</template>
</up-steps-item>
</template>
|
|
3d474e84
刘淇
快速工单 加上业务线
|
242
243
244
245
246
247
248
249
250
251
252
253
254
255
|
</up-steps>
<!-- 流程节点为空时的提示 -->
<up-empty
v-else
mode="data"
title="暂无流程节点数据"
class="empty-process"
></up-empty>
</view>
</view>
</view>
<!-- activeTab==0的时候才出现， 也就是待办 -->
|
|
6853427f
王彪总
业务线 小程序不用写死，从后端接口获取
|
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
|
<view v-if="activeTab==0&&(configuredActions||nextStepMap[orderDetail.taskKey])"
class="fixed-bottom-btn-wrap order-action-bar">
<!-- 已配置工作流动作：每行最多 3 个、超出自动换行，点击直接执行对应动作，不再弹「请选择操作」 -->
<view v-if="hasConfiguredActions" class="order-action-row">
<view
v-for="action in configuredActions"
:key="action.code"
:class="['order-action-btn', 'order-action-btn--' + getActionButtonType(action.code)]"
@click.stop="handleUnifiedProcess(orderDetail, action)"
>{{ action.name }}</view>
</view>
<!-- 未配置：沿用原有节点按钮（整行展示） -->
<view v-else class="order-action-row order-action-row--single">
<view v-if="showRejectButton" class="order-action-btn order-action-btn--warning"
@click.stop="handleUnifiedReject(orderDetail)">回退</view>
<view v-if="nextStepMap[orderDetail.taskKey]?.renewShow" class="order-action-btn order-action-btn--success"
@click.stop="handleRenew(orderDetail)">重新提交</view>
<view class="order-action-btn order-action-btn--primary"
@click.stop="handleUnifiedProcess(orderDetail)">{{ processButtonText }}</view>
|
|
12e66ec8
刘淇
新增树
|
275
276
|
</view>
</view>
|
|
3d474e84
刘淇
快速工单 加上业务线
|
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
|
<!-- 回退原因弹窗（新增图片上传） -->
<up-modal
:show="rejectModalShow"
title="回退原因"
:closeOnClickOverlay="false"
:showConfirmButton="true"
:showCancelButton="true"
@cancel="handleRejectModalCancel"
@confirm="confirmReject"
>
<view class="reject-modal-content">
<up-textarea
v-model.trim="rejectReason"
placeholder="请输入回退原因（必填）"
rows="6"
:count="200"
maxlength="200"
class="reject-textarea"
/>
<!-- 新增：回退图片上传（选填） -->
<view class="upload-wrap mt-20">
<view class="upload-title">上传回退图片（选填）</view>
<up-upload
:file-list="rejectImgs.rawImgList.value || []"
@after-read="rejectImgs.uploadImgs"
@delete="rejectImgs.deleteImg"
multiple
width="70"
height="70"
:max-count="rejectImgs.uploadConfig.maxCount"
:upload-text="rejectImgs.uploadConfig.uploadText"
:size-type="rejectImgs.uploadConfig.sizeType"
/>
</view>
</view>
</up-modal>
<!-- 验收弹窗（新增图片上传） -->
<up-modal
:show="acceptModalShow"
title="验收"
:closeOnClickOverlay="false"
:showConfirmButton="true"
:showCancelButton="true"
@cancel="handleAcceptModalCancel"
@confirm="handleAcceptModalConfirm"
>
<view class="accept-modal-content">
<!-- 第一行：单选框（通过/不通过，默认通过） -->
<view class="radio-group-wrap">
<up-radio-group v-model="acceptRadioValue">
<up-radio name="0" label="通过"></up-radio>
<up-radio name="1" label="不通过"></up-radio>
</up-radio-group>
</view>
<!-- 第二行：必填textarea，最多200字 -->
<view class="textarea-wrap mt-30">
<up-textarea
v-model.trim="acceptReason"
placeholder="请输入验收原因（必填，最多200字）"
:required="true"
maxlength="200"
rows="5"
count
/>
</view>
<!-- 新增：验收图片上传（选填） -->
<view class="upload-wrap mt-20">
<view class="upload-title">上传验收图片（选填）</view>
<up-upload
:file-list="acceptImgs.rawImgList.value || []"
@after-read="acceptImgs.uploadImgs"
@delete="acceptImgs.deleteImg"
multiple
width="70"
height="70"
:max-count="acceptImgs.uploadConfig.maxCount"
:upload-text="acceptImgs.uploadConfig.uploadText"
:size-type="acceptImgs.uploadConfig.sizeType"
/>
</view>
</view>
</up-modal>
|
|
7542350b
王彪总
业务线 小程序不用写死，从后端接口获取
|
364
365
366
|
<!-- 统一节点动作弹窗（工作流配置化） -->
<unified-task-actions ref="unifiedActionsRef" @success="handleUnifiedSuccess" />
|
|
3d474e84
刘淇
快速工单 加上业务线
|
367
|
</view>
|
|
4c54ad5d
刘淇
转工单 选择是 传紧急程度和...
|
368
369
|
</template>
|
|
3d474e84
刘淇
快速工单 加上业务线
|
370
|
<script setup lang="ts">
|
|
12e66ec8
刘淇
新增树
|
371
|
import {ref, computed} from 'vue';
|
|
3d474e84
刘淇
快速工单 加上业务线
|
372
373
374
375
376
377
378
|
import {onLoad, onShow} from '@dcloudio/uni-app';
import {timeFormat} from '@/uni_modules/uview-plus';
import {
getMyTaskDetail,
getDoneTaskDetail,
getTodoTaskDetail,
getApprovalDetail,
|
|
2e2b95d3
刘淇
修改接口路径 和命名
|
379
380
|
daquUniversalApproval,
qyUniversalApproval,
|
|
c5fdc60a
刘淇
树详情
|
381
382
|
dcyUniversalApproval,
aiUniversalApproval
|
|
2e2b95d3
刘淇
修改接口路径 和命名
|
383
|
} from '@/api/regional-order-manage/regional-order-manage';
|
|
6853427f
王彪总
业务线 小程序不用写死，从后端接口获取
|
384
|
import {nextStepMap, buzStatusMap, calculateFormatTimeDiff, getActionButtonType} from '@/common/utils/common'
|
|
397b30ae
王彪总
业务线 小程序不用写死，从后端接口获取
|
385
|
import {getTaskActions} from '@/api/work-order-manage/work-order-manage';
|
|
3d474e84
刘淇
快速工单 加上业务线
|
386
|
import {useUploadImgs} from '@/common/utils/useUploadImgs'
|
|
12e66ec8
刘淇
新增树
|
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
|
import { useUserStore } from '@/pinia/user';
// ========== 全局实例 & 常量 ==========
const userStore = useUserStore();
const USER_ROLES = userStore.userInfo?.roles || [];
// ========== 页面通信事件通道 解决未定义BUG ==========
const eventChannel = ref<any>(null);
// ========== 公共封装方法 (和列表页完全一致) ==========
/**
* 统一提示方法
*/
const showToast = (title: string, icon: 'none'|'success'|'loading' = 'none', duration = 2000) => {
uni.showToast({ title, icon, duration });
};
/**
* 生成统一的临时存储key
*/
const generateTempKey = (prefix = 'order') => {
return `${prefix}_${Date.now()}_${Math.floor(Math.random() * 10000)}`;
};
/**
* 存储工单数据到本地缓存
*/
const setOrderStorage = (item: any, prefix: string) => {
if (!item?.id) return null;
const tempKey = generateTempKey(prefix);
try {
uni.setStorageSync(tempKey, item);
return tempKey;
} catch (error) {
console.error('存储工单数据失败：', error);
showToast('数据存储异常，请重试');
return null;
}
};
|
|
3d474e84
刘淇
快速工单 加上业务线
|
426
|
|
|
12e66ec8
刘淇
新增树
|
427
428
429
430
|
/**
* 统一调用审批接口 (角色+taskKey匹配)
*/
const callApprovalApi = async (params: any, taskKey: string) => {
|
|
6bce1057
刘淇
ai 大区经理
|
431
|
if (taskKey === 'aiRegionManager') return await aiUniversalApproval(params);
|
|
12e66ec8
刘淇
新增树
|
432
433
434
435
|
if (taskKey === 'shRegionManager') return await dcyUniversalApproval(params);
if (taskKey === 'regionManager') return await qyUniversalApproval(params);
if (USER_ROLES.includes('regional_manager')) return await daquUniversalApproval(params);
if (USER_ROLES.includes('Inspector_global')) return await dcyUniversalApproval(params);
|
|
ecbfbe06
刘淇
树巡检记录
|
436
|
if (USER_ROLES.includes('Inspector_global_leader')) return await dcyUniversalApproval(params);
|
|
12e66ec8
刘淇
新增树
|
437
|
if (USER_ROLES.includes('patrol_global')) return await qyUniversalApproval(params);
|
|
83673de2
刘淇
ai 大区经理 优化添加结束功能
|
438
|
if (USER_ROLES.includes('AI_dispatcher')) return await aiUniversalApproval(params);
|
|
6bce1057
刘淇
ai 大区经理
|
439
|
// if (USER_ROLES.includes('AI_dispatcher')) return await aiUniversalApproval(params);
|
|
12e66ec8
刘淇
新增树
|
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
|
throw new Error('未匹配到对应的审批接口，请检查角色或工单taskKey');
};
/**
* 统一跳转工单页面 支持事件回调+参数转义
*/
const navToOrderPage = (path: string, query = {}, events = {}) => {
const queryStr = Object.keys(query).map(k => `${k}=${encodeURIComponent(query[k])}`).join('&');
const url = `${path}${queryStr ? '?' + queryStr : ''}`;
if(Object.keys(events).length) {
uni.navigateTo({ url, events });
} else {
uni.redirectTo({ url });
}
};
// ========== 基础状态 ==========
|
|
3d474e84
刘淇
快速工单 加上业务线
|
457
458
459
460
461
462
463
464
465
466
|
const loading = ref(true);
const activeTopTab = ref(0); // 顶部Tab激活索引
const activeImgTab = ref(0); // 图片分类Tab激活索引
// 顶部Tab列表
const topTabList = ref([
{name: '工单详情'},
{name: '流程节点'}
]);
|
|
12e66ec8
刘淇
新增树
|
467
|
// 流程节点数据
|
|
3d474e84
刘淇
快速工单 加上业务线
|
468
469
470
471
472
473
474
|
const processData = ref<any>({
status: 2,
activityNodes: [],
formFieldsPermission: null,
todoTask: null
});
|
|
12e66ec8
刘淇
新增树
|
475
|
// 图片分类Tab列表
|
|
3d474e84
刘淇
快速工单 加上业务线
|
476
477
478
479
480
481
482
483
|
const imgTabList = ref([
{name: '开始', badge: {isDot: true}},
{name: '进行中'},
{name: '结束', badge: {isDot: true}},
{name: '人员'},
{name: '材料'}
]);
|
|
12e66ec8
刘淇
新增树
|
484
|
// 工单详情数据
|
|
3d474e84
刘淇
快速工单 加上业务线
|
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
|
const orderDetail = ref<any>({
id: 0,
busiLine: '',
orderNo: '',
orderName: '',
sourceId: 0,
sourceName: '',
roadId: 0,
roadName: '',
streetId: '',
streetName: '',
curingLevelId: 0,
curingLevelName: '',
commitDate: 0,
finishDate: 0,
expectedFinishDate: 0,
pressingType: 0,
userId: 0,
userName: '',
companyId: 0,
latLonType: 0,
lat: 0,
lon: 0,
lonLatAddress: '',
thirdWorkNo: '',
thirdPushState: 0,
buzStatus: null,
status: 0,
processInstanceId: '',
remark: '',
handleResult: '',
createTime: 0,
fileNames: null,
coHandlers: null,
coHandlersName: null,
companyName: null,
userMobile: null,
taskId: '',
taskName: '',
taskKey: '',
processDefinitionName: '',
startTime: 0,
endTime: 0,
key_: '',
problemsImgs: [],
startImgs: [],
processingImgs: [],
endImgs: [],
personImgs: [],
materialImgs: []
});
|
|
3d474e84
刘淇
快速工单 加上业务线
|
537
|
const currentImgList = ref([])
|
|
3d474e84
刘淇
快速工单 加上业务线
|
538
539
|
const tabKeyMap = ['startImgs', 'processingImgs', 'endImgs', 'personImgs', 'materialImgs'];
const imgTabChange = (({index}: { index: number }) => {
|
|
3d474e84
刘淇
快速工单 加上业务线
|
540
|
const currentKey = tabKeyMap[index]
|
|
3d474e84
刘淇
快速工单 加上业务线
|
541
542
543
544
545
|
currentImgList.value = orderDetail.value[currentKey]
})
/**
* 截取reason最多200字
|
|
3d474e84
刘淇
快速工单 加上业务线
|
546
547
548
549
550
551
552
553
|
*/
const getLimitReason = (reason: string | null | undefined) => {
if (!reason) return '无处理说明';
if (reason.length <= 200) return reason;
return reason.substring(0, 200) + '...';
}
/**
|
|
12e66ec8
刘淇
新增树
|
554
|
* 动态获取当前步骤索引
|
|
3d474e84
刘淇
快速工单 加上业务线
|
555
556
557
558
|
*/
const getCurrentStepIndex = () => {
const {activityNodes} = processData.value;
if (!activityNodes || !activityNodes.length) return 0;
|
|
5b5a4862
刘淇
按钮放大
|
559
560
|
// return activityNodes.length - 1;
return activityNodes.length;
|
|
3d474e84
刘淇
快速工单 加上业务线
|
561
562
|
}
|
|
397b30ae
王彪总
业务线 小程序不用写死，从后端接口获取
|
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
|
// ========== 统一节点动作（工作流配置化） ==========
/** 当前任务已配置的统一动作；null 表示未配置（回退原有按钮逻辑） */
const configuredActions = ref<any>(null)
/** 查询当前任务是否已配置统一动作；未配置或接口异常时返回 null */
const queryUnifiedActions = async (taskIdStr: string) => {
if (!taskIdStr) return null
try {
const data = await getTaskActions(taskIdStr)
if (data && data.configured && Array.isArray(data.actions) && data.actions.length > 0) {
return data.actions
}
} catch (e) {
console.warn('查询统一节点动作失败，回退原有逻辑', e)
}
return null
}
/** 驳回类动作编码：只有配置了这些动作，才展示「回退」按钮 */
const REJECT_ACTION_CODES = ['REJECT', 'RETURN', 'RETURN_PREV']
/** 回退按钮显隐：已配置统一动作时以配置为准，未配置时沿用原有节点规则 */
const showRejectButton = computed(() => {
if (Array.isArray(configuredActions.value)) {
return configuredActions.value.some((action: any) => REJECT_ACTION_CODES.includes(action.code))
}
return !!nextStepMap[orderDetail.value.taskKey]?.backShow
})
|
|
6853427f
王彪总
业务线 小程序不用写死，从后端接口获取
|
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
|
/** 是否已配置统一动作（配置后按配置逐个渲染动作按钮） */
const hasConfiguredActions = computed(() =>
Array.isArray(configuredActions.value) && configuredActions.value.length > 0)
/** 底部操作栏行数：详情内容据此预留底部间距，避免按钮遮挡内容 */
const actionBarRows = computed(() => {
if (hasConfiguredActions.value) {
return Math.ceil(configuredActions.value.length / 3)
}
let rows = 1
if (showRejectButton.value) rows++
if (nextStepMap[orderDetail.value.taskKey]?.renewShow) rows++
return rows
})
|
|
397b30ae
王彪总
业务线 小程序不用写死，从后端接口获取
|
607
608
609
610
611
612
613
614
615
|
/** 主按钮文案：已配置统一动作时取配置的动作名称，未配置时沿用原有节点规则 */
const processButtonText = computed(() => {
const actions = configuredActions.value
if (Array.isArray(actions) && actions.length > 0) {
return actions[0].name || actions[0].code
}
return nextStepMap[orderDetail.value.taskKey]?.btnText
})
|
|
7542350b
王彪总
业务线 小程序不用写死，从后端接口获取
|
616
617
618
|
/** 统一动作弹窗 */
const unifiedActionsRef = ref<any>(null)
|
|
6853427f
王彪总
业务线 小程序不用写死，从后端接口获取
|
619
620
|
/** 处理：已配置统一动作时直接执行点击的配置动作，否则回退原有处理 */
const handleUnifiedProcess = async (item: any, action: any = null) => {
|
|
7542350b
王彪总
业务线 小程序不用写死，从后端接口获取
|
621
622
623
624
|
const actions = Array.isArray(configuredActions.value)
? configuredActions.value
: await queryUnifiedActions(item?.taskId)
if (actions) {
|
|
6853427f
王彪总
业务线 小程序不用写死，从后端接口获取
|
625
626
|
// 传入的动作即用户点击的配置按钮，直接执行该动作，不再弹「请选择操作」二次选择
unifiedActionsRef.value?.open(item, [action || actions[0]])
|
|
7542350b
王彪总
业务线 小程序不用写死，从后端接口获取
|
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
|
return
}
handleProcess(item)
}
/** 回退：已配置统一动作时走统一接口，否则回退原有弹窗 */
const handleUnifiedReject = async (item: any) => {
const actions = Array.isArray(configuredActions.value)
? configuredActions.value
: await queryUnifiedActions(item?.taskId)
if (actions) {
const rejectActions = actions.filter((action: any) =>
REJECT_ACTION_CODES.includes(action.code)
)
if (rejectActions.length > 0) {
unifiedActionsRef.value?.open(item, rejectActions)
} else {
uni.showToast({ title: '当前节点未配置回退动作', icon: 'none' })
}
return
}
handleReject(item)
}
/** 统一动作执行成功后通知列表刷新并返回 */
const handleUnifiedSuccess = () => {
if (eventChannel.value) {
eventChannel.value.emit('needRefresh')
}
uni.navigateBack({ delta: 1 })
}
|
|
3d474e84
刘淇
快速工单 加上业务线
|
659
660
661
662
663
664
665
|
/**
* 获取工单详情
*/
const DetailQuery = async (taskIdStr: string) => {
console.log('当前工单ID：', taskIdStr)
try {
loading.value = true;
|
|
3d474e84
刘淇
快速工单 加上业务线
|
666
|
const tabType = Number(activeTab.value);
|
|
397b30ae
王彪总
业务线 小程序不用写死，从后端接口获取
|
667
668
|
// 待办详情：与详情请求并行预取当前任务的统一动作配置，用于底部按钮显隐
const actionPromise = tabType === 0 ? queryUnifiedActions(taskIdStr) : Promise.resolve(null);
|
|
3d474e84
刘淇
快速工单 加上业务线
|
669
|
let res: any;
|
|
5b5a4862
刘淇
按钮放大
|
670
|
// 0-待办 1-已办 2-我发起的任务
|
|
3d474e84
刘淇
快速工单 加上业务线
|
671
672
|
if (tabType === 0) {
res = await getTodoTaskDetail({taskId: taskIdStr});
|
|
3d474e84
刘淇
快速工单 加上业务线
|
673
|
} else if (tabType === 2) {
|
|
5b5a4862
刘淇
按钮放大
|
674
675
|
res = await getMyTaskDetail({taskId: taskIdStr});
} else if (tabType === 1) {
|
|
3d474e84
刘淇
快速工单 加上业务线
|
676
677
678
679
680
681
|
res = await getDoneTaskDetail({taskId: taskIdStr});
} else {
uni.showToast({title: '无效的工单类型', icon: 'none'});
return;
}
|
|
3d474e84
刘淇
快速工单 加上业务线
|
682
|
if (res) {
|
|
397b30ae
王彪总
业务线 小程序不用写死，从后端接口获取
|
683
|
configuredActions.value = await actionPromise;
|
|
3d474e84
刘淇
快速工单 加上业务线
|
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
|
orderDetail.value = res;
currentImgList.value = orderDetail.value.startImgs
}
} catch (error) {
console.error('获取工单详情失败：', error);
uni.showToast({title: '加载失败，请重试', icon: 'none'});
} finally {
loading.value = false;
}
};
// 页面加载参数
const taskId = ref('')
const activeTab = ref('')
const processInstanceId = ref('')
const activeTopTabClick = async (item: any) => {
|
|
3d474e84
刘淇
快速工单 加上业务线
|
701
702
703
704
705
706
|
activeTopTab.value = item.index
if (activeTopTab.value == 1) {
let getData = {
processInstanceId: processInstanceId.value,
}
const res = await getApprovalDetail(getData)
|
|
3d474e84
刘淇
快速工单 加上业务线
|
707
|
if (res && res.activityNodes && res.activityNodes.length) {
|
|
6bce1057
刘淇
ai 大区经理
|
708
709
710
|
// const filteredActivityNodes = res.activityNodes.filter(node => {
// return node.name !== '结束';
// });
|
|
3c73dfc0
王彪总
业务线 小程序不用写死，从后端接口获取
|
711
712
|
// 过滤未开始(status = -1)的预测节点：退回后 BPM 会返回后续待处理节点，工单时间线只展示已发生/进行中的节点
const filteredActivityNodes = res.activityNodes.filter(node => node.status !== -1)
|
|
3d474e84
刘淇
快速工单 加上业务线
|
713
714
|
const formatActivityNodes = filteredActivityNodes.map(node => ({
...node,
|
|
12e66ec8
刘淇
新增树
|
715
|
title: node.name
|
|
3d474e84
刘淇
快速工单 加上业务线
|
716
717
718
719
720
721
722
723
724
725
726
|
}));
processData.value = {
...res,
activityNodes: formatActivityNodes
};
} else {
processData.value = res;
}
}
}
|
|
12e66ec8
刘淇
新增树
|
727
728
729
730
|
// ========== 回退弹窗相关 ==========
const rejectModalShow = ref(false);
const rejectReason = ref('');
const currentRejectItem = ref<any>(null);
|
|
3d474e84
刘淇
快速工单 加上业务线
|
731
732
733
734
735
736
737
738
|
const rejectImgs = useUploadImgs({
maxCount: 3,
uploadText: '选择回退图片',
sizeType: ['compressed'],
formRef: null,
fieldName: 'rejectImgs'
})
|
|
12e66ec8
刘淇
新增树
|
739
740
741
742
743
|
// ========== 验收弹窗相关 ==========
const acceptModalShow = ref(false);
const acceptRadioValue = ref('0');
const acceptReason = ref('');
const currentAcceptItem = ref<any>(null);
|
|
3d474e84
刘淇
快速工单 加上业务线
|
744
745
746
747
748
749
750
751
|
const acceptImgs = useUploadImgs({
maxCount: 3,
uploadText: '选择验收图片',
sizeType: ['compressed'],
formRef: null,
fieldName: 'acceptImgs'
})
|
|
12e66ec8
刘淇
新增树
|
752
|
// ========== 重新提交工单 完整对齐列表页 ==========
|
|
3d474e84
刘淇
快速工单 加上业务线
|
753
|
const handleRenew = (item: any) => {
|
|
12e66ec8
刘淇
新增树
|
754
755
|
if (!item?.id) {
return showToast('工单信息异常，无法重新提交');
|
|
3d474e84
刘淇
快速工单 加上业务线
|
756
|
}
|
|
12e66ec8
刘淇
新增树
|
757
758
|
const tempKey = setOrderStorage(item, 'renew_order');
if (!tempKey) return;
|
|
3d474e84
刘淇
快速工单 加上业务线
|
759
|
|
|
12e66ec8
刘淇
新增树
|
760
761
762
|
const pageUrl = USER_ROLES.includes('patrol_global')
? '/pages-sub/problem/regional-order-manage/add-patrol-order'
: '/pages-sub/problem/regional-order-manage/add-order';
|
|
3d474e84
刘淇
快速工单 加上业务线
|
763
|
|
|
12e66ec8
刘淇
新增树
|
764
|
navToOrderPage(pageUrl, { isRenew: 1, tempKey });
|
|
3d474e84
刘淇
快速工单 加上业务线
|
765
766
|
};
|
|
12e66ec8
刘淇
新增树
|
767
|
// ========== 打开回退弹窗 ==========
|
|
3d474e84
刘淇
快速工单 加上业务线
|
768
|
const handleReject = (item: any) => {
|
|
12e66ec8
刘淇
新增树
|
769
770
|
if (!item?.id) {
return showToast('工单信息异常，无法回退');
|
|
3d474e84
刘淇
快速工单 加上业务线
|
771
772
|
}
currentRejectItem.value = item;
|
|
12e66ec8
刘淇
新增树
|
773
774
775
|
rejectReason.value = '';
rejectImgs.clearImgs();
rejectModalShow.value = true;
|
|
3d474e84
刘淇
快速工单 加上业务线
|
776
777
|
};
|
|
12e66ec8
刘淇
新增树
|
778
|
// ========== 回退弹窗取消 ==========
|
|
3d474e84
刘淇
快速工单 加上业务线
|
779
780
781
|
const handleRejectModalCancel = () => {
rejectModalShow.value = false;
rejectReason.value = '';
|
|
12e66ec8
刘淇
新增树
|
782
|
rejectImgs.clearImgs();
|
|
3d474e84
刘淇
快速工单 加上业务线
|
783
784
|
};
|
|
12e66ec8
刘淇
新增树
|
785
|
// ========== 确认回退工单 完整对齐列表页 ==========
|
|
3d474e84
刘淇
快速工单 加上业务线
|
786
|
const confirmReject = async () => {
|
|
12e66ec8
刘淇
新增树
|
787
788
789
790
|
const reason = rejectReason.value.trim();
if (!reason) return showToast('请填写回退原因');
const item = currentRejectItem.value;
if (!item?.id) return showToast('工单信息异常');
|
|
3d474e84
刘淇
快速工单 加上业务线
|
791
|
|
|
12e66ec8
刘淇
新增树
|
792
793
|
uni.showLoading({title: '提交中...', mask: true});
try {
|
|
3d474e84
刘淇
快速工单 加上业务线
|
794
|
const requestData = {
|
|
12e66ec8
刘淇
新增树
|
795
796
797
798
799
|
"returnImgs": rejectImgs.getSuccessImgUrls(),
"workerDataId": item.id,
"taskKey": item.taskKey,
"taskId": item.taskId,
"operateType": nextStepMap[item.taskKey].operateTypeNoPass,
|
|
3d474e84
刘淇
快速工单 加上业务线
|
800
|
"agree": 1,
|
|
12e66ec8
刘淇
新增树
|
801
|
"reason": reason
|
|
3d474e84
刘淇
快速工单 加上业务线
|
802
|
};
|
|
12e66ec8
刘淇
新增树
|
803
804
805
806
807
808
|
await callApprovalApi(requestData, item.taskKey);
showToast('回退成功', 'success');
handleRejectModalCancel();
eventChannel.value.emit('needRefresh');
uni.navigateBack({ delta: 1 });
} catch (error: any) {
|
|
3d474e84
刘淇
快速工单 加上业务线
|
809
|
console.error('回退工单失败：', error);
|
|
12e66ec8
刘淇
新增树
|
810
|
showToast(error.msg || error.message || '回退失败，请重试');
|
|
3d474e84
刘淇
快速工单 加上业务线
|
811
|
} finally {
|
|
3d474e84
刘淇
快速工单 加上业务线
|
812
813
814
815
|
uni.hideLoading();
}
};
|
|
12e66ec8
刘淇
新增树
|
816
817
818
819
820
821
822
|
// ========== 处理工单核心方法 完整对齐列表页+全BUG修复 ==========
const handleProcess = async (item: any) => {
if (!item) return showToast('工单信息异常');
const stepName = nextStepMap[item.taskKey]?.name;
if (!stepName) return showToast('暂无处理权限或工单状态异常');
uni.showLoading({title: '处理中...', mask: true});
|
|
3d474e84
刘淇
快速工单 加上业务线
|
823
|
try {
|
|
12e66ec8
刘淇
新增树
|
824
825
826
827
|
// 大区经理分配
if (stepName === '大区经理分配') {
const tempKey = setOrderStorage(item, 'distribute_order');
tempKey && navToOrderPage('/pages-sub/problem/regional-order-manage/distribution-order', { tempKey });
|
|
3d474e84
刘淇
快速工单 加上业务线
|
828
|
}
|
|
12e66ec8
刘淇
新增树
|
829
830
831
832
|
// 养护员待实施
else if (stepName === '养护员待实施') {
const tempKey = setOrderStorage(item, 'maintain_order');
tempKey && navToOrderPage('/pages-sub/problem/regional-order-manage/add-maintain-order', { tempKey });
|
|
3d474e84
刘淇
快速工单 加上业务线
|
833
|
}
|
|
12e66ec8
刘淇
新增树
|
834
835
|
// 督察员单子大区经理分配
else if (stepName === '督察员单子大区经理分配') {
|
|
6bce1057
刘淇
ai 大区经理
|
836
837
838
839
840
841
842
843
844
845
846
847
848
849
850
851
852
853
854
855
856
857
858
859
860
861
862
863
864
865
866
867
868
869
870
|
uni.showModal({
title: "分配工单",
content: "请确定是否分配工单？",
success: async (res) => {
const postData = {
taskKey: item.taskKey, taskId: item.taskId, operateType:60, workerDataId:item.id,
agree:0, reason:item.remark, roadId:item.roadId, roadName:item.roadName,
pressingType:item.pressingType, orderName:item.orderName,
expectedFinishDate: item.expectedFinishDate, busiLine:item.busiLine
};
await dcyUniversalApproval(postData);
showToast('分配成功', 'success');
eventChannel.value.emit('needRefresh');
uni.navigateBack({ delta: 1 });
}
});
}
// ai单子大区经理分配
else if (stepName === 'ai单子大区经理分配') {
uni.showModal({
title: "分配工单",
content: "请确定是否分配工单？",
success: async (res) => {
if (res.confirm) {
const postData = { taskKey: item.taskKey, taskId: item.taskId, operateType:40, workerDataId:item.id, agree:0, reason:item.remark, roadId:item.roadId, roadName:item.roadName, pressingType:item.pressingType, orderName:item.orderName, expectedFinishDate: item.expectedFinishDate, busiLine:item.busiLine };
await aiUniversalApproval(postData);
showToast('分配成功', 'success');
eventChannel.value.emit('needRefresh');
uni.navigateBack({ delta: 1 });
}
}
});
|
|
3d474e84
刘淇
快速工单 加上业务线
|
871
|
}
|
|
12e66ec8
刘淇
新增树
|
872
873
874
875
876
877
|
// 验收弹窗
else if (['养护组长验收', '巡查员验收'].includes(stepName)) {
currentAcceptItem.value = item;
acceptReason.value = '';
acceptRadioValue.value = '0';
acceptModalShow.value = true;
|
|
3d474e84
刘淇
快速工单 加上业务线
|
878
|
}
|
|
12e66ec8
刘淇
新增树
|
879
880
881
|
// 发起人确认-结束工单
else if (stepName === '发起人确认') {
uni.hideLoading();
|
|
3d474e84
刘淇
快速工单 加上业务线
|
882
883
884
|
uni.showModal({
title: "结束工单",
content: "请确定是否结束工单？",
|
|
12e66ec8
刘淇
新增树
|
885
|
success: async (res) => {
|
|
3d474e84
刘淇
快速工单 加上业务线
|
886
|
if (res.confirm) {
|
|
3d474e84
刘淇
快速工单 加上业务线
|
887
|
const requestData = {
|
|
12e66ec8
刘淇
新增树
|
888
889
|
workerDataId: item.id, taskKey: 'ylInspectorStart', taskId: item.taskId,
operateType: 200, agree: 1, reason: '结束工单'
|
|
3d474e84
刘淇
快速工单 加上业务线
|
890
|
};
|
|
12e66ec8
刘淇
新增树
|
891
892
893
894
|
await callApprovalApi(requestData, item.taskKey);
showToast('结束成功', 'success');
eventChannel.value.emit('needRefresh');
uni.navigateBack({ delta: 1 });
|
|
3d474e84
刘淇
快速工单 加上业务线
|
895
896
897
898
|
}
},
});
}
|
|
83673de2
刘淇
ai 大区经理 优化添加结束功能
|
899
900
901
902
903
904
905
906
907
908
909
910
911
912
913
914
915
916
917
|
else if (stepName === 'AI工单派发人员') {
uni.showModal({
title: "结束工单",
content: "请确定是否结束工单？",
success: async (res) => {
if (res.confirm) {
const requestData = {
workerDataId: item.id, taskKey: 'ylInspectorStart', taskId: item.taskId,
operateType: 200, agree: 1, reason: 'AI工单派发人员结束工单'
};
await callApprovalApi(requestData, item.taskKey);
uni.showToast({title: '结束成功', icon: 'success'});
eventChannel.value.emit('needRefresh');
uni.navigateBack({ delta: 1 });
}
}
});
}
|
|
12e66ec8
刘淇
新增树
|
918
|
} catch (error: any) {
|
|
3d474e84
刘淇
快速工单 加上业务线
|
919
|
console.error('处理工单失败：', error);
|
|
12e66ec8
刘淇
新增树
|
920
921
922
|
showToast(error.msg || error.message || '处理失败，请重试');
} finally {
uni.hideLoading();
|
|
3d474e84
刘淇
快速工单 加上业务线
|
923
924
925
|
}
};
|
|
12e66ec8
刘淇
新增树
|
926
|
// ========== 验收弹窗取消 ==========
|
|
3d474e84
刘淇
快速工单 加上业务线
|
927
928
929
930
|
const handleAcceptModalCancel = () => {
acceptModalShow.value = false;
acceptReason.value = '';
acceptRadioValue.value = '0';
|
|
12e66ec8
刘淇
新增树
|
931
|
acceptImgs.clearImgs();
|
|
3d474e84
刘淇
快速工单 加上业务线
|
932
933
|
};
|
|
12e66ec8
刘淇
新增树
|
934
|
// ========== 验收弹窗确认 修复BUG+对齐列表页 ==========
|
|
3d474e84
刘淇
快速工单 加上业务线
|
935
|
const handleAcceptModalConfirm = async () => {
|
|
12e66ec8
刘淇
新增树
|
936
937
938
939
940
941
942
943
|
const reason = acceptReason.value.trim();
if (!reason) return showToast('请填写验收原因');
if (reason.length > 200) return showToast('验收原因最多200字');
const item = currentAcceptItem.value;
if (!item?.id) return showToast('工单信息异常');
uni.showLoading({title: '提交中...', mask: true});
|
|
3d474e84
刘淇
快速工单 加上业务线
|
944
|
try {
|
|
3d474e84
刘淇
快速工单 加上业务线
|
945
|
let postData: any = {}
|
|
12e66ec8
刘淇
新增树
|
946
|
if (item?.taskKey == 'ylTeamLeaderConfirm') {
|
|
3d474e84
刘淇
快速工单 加上业务线
|
947
|
postData = {
|
|
12e66ec8
刘淇
新增树
|
948
949
950
951
952
953
|
returnImgs: acceptImgs.getSuccessImgUrls(),
taskKey: item.taskKey,
workerDataId: item.id,
taskId: item.taskId,
operateType: acceptRadioValue.value == 0 ? nextStepMap[item.taskKey].operateTypePass : nextStepMap[item.taskKey].operateTypeNoPass,
reason
|
|
3d474e84
刘淇
快速工单 加上业务线
|
954
955
|
}
}
|
|
12e66ec8
刘淇
新增树
|
956
|
if (item?.taskKey == 'ylInspector') {
|
|
3d474e84
刘淇
快速工单 加上业务线
|
957
|
postData = {
|
|
12e66ec8
刘淇
新增树
|
958
959
960
961
962
963
964
|
returnImgs: acceptImgs.getSuccessImgUrls(),
taskKey: item.taskKey,
taskId: item.taskId,
workerDataId: item.id,
operateType: acceptRadioValue.value == 0 ? nextStepMap[item.taskKey].operateTypePass : nextStepMap[item.taskKey].operateTypeNoPass,
reason,
agree: acceptRadioValue.value
|
|
3d474e84
刘淇
快速工单 加上业务线
|
965
966
|
}
}
|
|
12e66ec8
刘淇
新增树
|
967
968
969
|
await callApprovalApi(postData, item.taskKey);
showToast('提交成功', 'success');
handleAcceptModalCancel();
|
|
7542350b
王彪总
业务线 小程序不用写死，从后端接口获取
|
970
|
eventChannel.value.emit('needRefresh');
|
|
3d474e84
刘淇
快速工单 加上业务线
|
971
|
uni.navigateBack({delta: 1});
|
|
12e66ec8
刘淇
新增树
|
972
|
} catch (error: any) {
|
|
3d474e84
刘淇
快速工单 加上业务线
|
973
|
console.error('验收失败：', error);
|
|
12e66ec8
刘淇
新增树
|
974
975
976
|
showToast(error.msg || error.message || '验收提交失败，请重试');
} finally {
uni.hideLoading();
|
|
3d474e84
刘淇
快速工单 加上业务线
|
977
978
979
|
}
};
|
|
12e66ec8
刘淇
新增树
|
980
|
// ========== 生命周期 ==========
|
|
3d474e84
刘淇
快速工单 加上业务线
|
981
982
983
|
onLoad((options: any) => {
console.log('页面入参：', options)
const {taskId: taskIdOpt, activeTab: activeTabOpt, processInstanceId: processInstanceIdOpt} = options;
|
|
3d474e84
刘淇
快速工单 加上业务线
|
984
985
986
|
taskId.value = taskIdOpt || '';
activeTab.value = activeTabOpt || '0';
processInstanceId.value = processInstanceIdOpt;
|
|
12e66ec8
刘淇
新增树
|
987
|
eventChannel.value = getCurrentPages()[getCurrentPages().length - 1].getOpenerEventChannel();
|
|
3d474e84
刘淇
快速工单 加上业务线
|
988
989
990
|
DetailQuery(taskId.value);
});
|
|
12e66ec8
刘淇
新增树
|
991
|
onShow(() => {});
|
|
3d474e84
刘淇
快速工单 加上业务线
|
992
993
|
</script>
|
|
4c54ad5d
刘淇
转工单 选择是 传紧急程度和...
|
994
|
<style scoped lang="scss">
|
|
3d474e84
刘淇
快速工单 加上业务线
|
995
996
997
998
999
1000
1001
1002
1003
1004
1005
1006
|
// 全局样式
.page-container {
min-height: 100vh;
}
// 主内容容器
.main-content {
padding-bottom: 80rpx;
}
// 顶部Tabs
.top-tabs {
|
|
3d474e84
刘淇
快速工单 加上业务线
|
1007
1008
1009
1010
|
}
// Tab内容区
.tab-content {
|
|
3d474e84
刘淇
快速工单 加上业务线
|
1011
1012
1013
1014
1015
1016
1017
1018
1019
1020
|
}
// 工单详情内容
.detail-content {
.detail-cell-group {
background-color: #fff;
margin-bottom: 20rpx;
}
.cell-content-wrap {
|
|
3d474e84
刘淇
快速工单 加上业务线
|
1021
1022
1023
1024
1025
1026
1027
1028
1029
1030
1031
|
}
.empty-text {
color: #999;
font-size: 26rpx;
}
}
// 图片分类Tabs区块
.img-tabs-block {
background-color: #fff;
|
|
3d474e84
刘淇
快速工单 加上业务线
|
1032
|
|
|
3d474e84
刘淇
快速工单 加上业务线
|
1033
1034
1035
|
.img-tab-content {
padding: 20rpx 15px ;
text-align: center;
|
|
3d474e84
刘淇
快速工单 加上业务线
|
1036
|
|
|
12e66ec8
刘淇
新增树
|
1037
|
.img-album {
|
|
3d474e84
刘淇
快速工单 加上业务线
|
1038
1039
1040
1041
1042
1043
1044
1045
1046
1047
1048
|
}
.empty-img-text {
height: 75px;
line-height: 75px;
color: #999;
font-size: 28rpx;
}
}
}
|
|
12e66ec8
刘淇
新增树
|
1049
|
// 流程节点区域
|
|
3d474e84
刘淇
快速工单 加上业务线
|
1050
|
.process-content {
|
|
3d474e84
刘淇
快速工单 加上业务线
|
1051
1052
1053
1054
|
.empty-process {
margin-top: 100rpx;
}
|
|
3d474e84
刘淇
快速工单 加上业务线
|
1055
|
.vertical-steps {
|
|
3d474e84
刘淇
快速工单 加上业务线
|
1056
1057
1058
1059
1060
|
background-color: #fff;
padding: 20rpx;
border-radius: 12rpx;
display: flex;
flex-direction: column;
|
|
12e66ec8
刘淇
新增树
|
1061
|
gap: 20rpx;
|
|
3d474e84
刘淇
快速工单 加上业务线
|
1062
1063
|
}
|
|
3d474e84
刘淇
快速工单 加上业务线
|
1064
1065
|
.step-content-wrap {
width: 100%;
|
|
3d474e84
刘淇
快速工单 加上业务线
|
1066
1067
|
box-sizing: border-box;
|
|
3d474e84
刘淇
快速工单 加上业务线
|
1068
1069
1070
1071
1072
1073
1074
1075
1076
1077
1078
1079
1080
1081
|
.step-title {
font-size: 30rpx;
font-weight: 600;
color: #333;
margin-bottom: 12rpx;
.operator-name {
font-size: 30rpx;
font-weight: 600;
color: #333;
margin-left: 20rpx;
}
}
|
|
3d474e84
刘淇
快速工单 加上业务线
|
1082
1083
1084
1085
1086
1087
1088
|
.step-desc {
font-size: 24rpx;
color: #666;
line-height: 1.6;
margin-bottom: 12rpx;
.time-line {
|
|
3d474e84
刘淇
快速工单 加上业务线
|
1089
1090
1091
1092
1093
1094
1095
|
.processing-tag {
color: #f59e0b;
margin-left: 10rpx;
}
}
.reason-line {
|
|
12e66ec8
刘淇
新增树
|
1096
|
word-break: break-all;
|
|
3d474e84
刘淇
快速工单 加上业务线
|
1097
1098
1099
|
}
}
|
|
3d474e84
刘淇
快速工单 加上业务线
|
1100
1101
1102
1103
|
.step-album-wrap {
padding: 10rpx 0;
.step-album {
|
|
3d474e84
刘淇
快速工单 加上业务线
|
1104
1105
1106
1107
1108
1109
1110
1111
1112
1113
1114
1115
1116
1117
1118
1119
1120
1121
1122
1123
1124
1125
1126
1127
1128
1129
1130
1131
1132
1133
1134
1135
1136
1137
1138
1139
1140
1141
1142
1143
1144
1145
1146
1147
1148
1149
1150
1151
1152
1153
1154
1155
1156
1157
1158
1159
1160
1161
1162
|
}
.no-img-tip {
font-size: 24rpx;
color: #999;
margin-top: 10rpx;
}
}
}
}
// 上传图片通用样式
.upload-wrap {
margin-top: 20rpx;
.upload-title {
font-size: 28rpx;
color: #333;
margin-bottom: 10rpx;
}
}
.mt-20 {
margin-top: 20rpx;
}
// 回退弹窗样式
.reject-modal-content {
width: 100%;
box-sizing: border-box;
padding: 10rpx 0;
}
.reject-textarea {
width: 100%;
}
// 验收弹窗样式
.accept-modal-content {
width: 100%;
box-sizing: border-box;
}
.radio-group-wrap {
display: flex;
align-items: center;
gap: 40rpx;
font-size: 28rpx;
margin-bottom: 20rpx;
}
.textarea-wrap {
width: 100%;
margin-top: 30rpx;
}
.mt-30 {
margin-top: 30rpx;
}
|
|
12e66ec8
刘淇
新增树
|
1163
|
// 针对 up-album 单图容器的样式
|
|
3d474e84
刘淇
快速工单 加上业务线
|
1164
|
:deep .u-album__row__wrapper image {
|
|
12e66ec8
刘淇
新增树
|
1165
|
width: 70px !important;
|
|
3d474e84
刘淇
快速工单 加上业务线
|
1166
1167
|
height: 70px !important;
}
|
|
6853427f
王彪总
业务线 小程序不用写死，从后端接口获取
|
1168
1169
1170
1171
1172
1173
1174
1175
1176
1177
1178
1179
1180
1181
1182
1183
1184
1185
1186
1187
1188
1189
1190
1191
1192
1193
1194
1195
1196
1197
1198
1199
1200
1201
1202
1203
1204
1205
1206
1207
1208
1209
1210
1211
1212
1213
1214
1215
1216
1217
1218
1219
1220
1221
1222
1223
1224
1225
1226
1227
1228
1229
1230
1231
1232
1233
1234
1235
1236
1237
|
// 底部动作按钮：动作多时自动换行
// 底部操作栏：白底 + 顶部投影，按钮每行最多 3 个，避免多动作时整屏遮挡工单详情
.order-action-bar {
background-color: #fff;
box-shadow: 0 -2rpx 12rpx rgba(0, 0, 0, 0.06);
padding: 10rpx 14rpx;
padding-bottom: calc(10rpx + constant(safe-area-inset-bottom));
padding-bottom: calc(10rpx + env(safe-area-inset-bottom));
}
.order-action-row {
display: flex;
flex-wrap: wrap;
margin: -6rpx;
}
.order-action-btn {
box-sizing: border-box;
width: calc((100% - 36rpx) / 3);
height: 68rpx;
line-height: 68rpx;
margin: 6rpx;
padding: 0 8rpx;
border-radius: 8rpx;
font-size: 26rpx;
text-align: center;
color: #fff;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
// 未配置统一动作时按钮整行展示，保持原有观感
.order-action-row--single .order-action-btn {
width: 100%;
}
.order-action-btn--primary {
background-color: #3c9cff;
}
.order-action-btn--success {
background-color: #5ac725;
}
.order-action-btn--warning {
background-color: #f9ae3d;
}
.order-action-btn--error {
background-color: #f56c6c;
}
.order-action-btn--info {
background-color: #909399;
}
// 按操作栏行数给内容预留底部间距
.main-content.pb-rows-1 {
padding-bottom: 190rpx;
}
.main-content.pb-rows-2 {
padding-bottom: 290rpx;
}
.main-content.pb-rows-3 {
padding-bottom: 390rpx;
}
|
|
4c54ad5d
刘淇
转工单 选择是 传紧急程度和...
|
1238
|
</style>
|
