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';
|
|
98689726
王彪总
业务线 小程序不用写死，从后端接口获取
|
384
|
import {nextStepMap, buzStatusMap, calculateFormatTimeDiff, getActionButtonType, toWorkerImplementPage} 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) {
|
|
98689726
王彪总
业务线 小程序不用写死，从后端接口获取
|
625
|
const target = action || actions[0]
|
|
28e3b4f3
王彪总
业务线 小程序不用写死，从后端接口获取
|
626
627
628
|
// 实施动作要选作业类型、填动态字段、传五组照片，统一动作弹窗承载不了，进「作业填报」页；
// 该业务线未配置工单动态字段时返回 false，继续走统一动作弹窗
if (target?.code === 'HANDLE' && toWorkerImplementPage(item, 'regional')) {
|
|
98689726
王彪总
业务线 小程序不用写死，从后端接口获取
|
629
630
|
return
}
|
|
6853427f
王彪总
业务线 小程序不用写死，从后端接口获取
|
631
|
// 传入的动作即用户点击的配置按钮，直接执行该动作，不再弹「请选择操作」二次选择
|
|
98689726
王彪总
业务线 小程序不用写死，从后端接口获取
|
632
|
unifiedActionsRef.value?.open(item, [target])
|
|
7542350b
王彪总
业务线 小程序不用写死，从后端接口获取
|
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
659
660
661
662
663
664
|
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
刘淇
快速工单 加上业务线
|
665
666
667
668
669
670
671
|
/**
* 获取工单详情
*/
const DetailQuery = async (taskIdStr: string) => {
console.log('当前工单ID：', taskIdStr)
try {
loading.value = true;
|
|
3d474e84
刘淇
快速工单 加上业务线
|
672
|
const tabType = Number(activeTab.value);
|
|
397b30ae
王彪总
业务线 小程序不用写死，从后端接口获取
|
673
674
|
// 待办详情：与详情请求并行预取当前任务的统一动作配置，用于底部按钮显隐
const actionPromise = tabType === 0 ? queryUnifiedActions(taskIdStr) : Promise.resolve(null);
|
|
3d474e84
刘淇
快速工单 加上业务线
|
675
|
let res: any;
|
|
5b5a4862
刘淇
按钮放大
|
676
|
// 0-待办 1-已办 2-我发起的任务
|
|
3d474e84
刘淇
快速工单 加上业务线
|
677
678
|
if (tabType === 0) {
res = await getTodoTaskDetail({taskId: taskIdStr});
|
|
3d474e84
刘淇
快速工单 加上业务线
|
679
|
} else if (tabType === 2) {
|
|
5b5a4862
刘淇
按钮放大
|
680
681
|
res = await getMyTaskDetail({taskId: taskIdStr});
} else if (tabType === 1) {
|
|
3d474e84
刘淇
快速工单 加上业务线
|
682
683
684
685
686
687
|
res = await getDoneTaskDetail({taskId: taskIdStr});
} else {
uni.showToast({title: '无效的工单类型', icon: 'none'});
return;
}
|
|
3d474e84
刘淇
快速工单 加上业务线
|
688
|
if (res) {
|
|
397b30ae
王彪总
业务线 小程序不用写死，从后端接口获取
|
689
|
configuredActions.value = await actionPromise;
|
|
3d474e84
刘淇
快速工单 加上业务线
|
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
|
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
刘淇
快速工单 加上业务线
|
707
708
709
710
711
712
|
activeTopTab.value = item.index
if (activeTopTab.value == 1) {
let getData = {
processInstanceId: processInstanceId.value,
}
const res = await getApprovalDetail(getData)
|
|
3d474e84
刘淇
快速工单 加上业务线
|
713
|
if (res && res.activityNodes && res.activityNodes.length) {
|
|
6bce1057
刘淇
ai 大区经理
|
714
715
716
|
// const filteredActivityNodes = res.activityNodes.filter(node => {
// return node.name !== '结束';
// });
|
|
3c73dfc0
王彪总
业务线 小程序不用写死，从后端接口获取
|
717
718
|
// 过滤未开始(status = -1)的预测节点：退回后 BPM 会返回后续待处理节点，工单时间线只展示已发生/进行中的节点
const filteredActivityNodes = res.activityNodes.filter(node => node.status !== -1)
|
|
3d474e84
刘淇
快速工单 加上业务线
|
719
720
|
const formatActivityNodes = filteredActivityNodes.map(node => ({
...node,
|
|
12e66ec8
刘淇
新增树
|
721
|
title: node.name
|
|
3d474e84
刘淇
快速工单 加上业务线
|
722
723
724
725
726
727
728
729
730
731
732
|
}));
processData.value = {
...res,
activityNodes: formatActivityNodes
};
} else {
processData.value = res;
}
}
}
|
|
12e66ec8
刘淇
新增树
|
733
734
735
736
|
// ========== 回退弹窗相关 ==========
const rejectModalShow = ref(false);
const rejectReason = ref('');
const currentRejectItem = ref<any>(null);
|
|
3d474e84
刘淇
快速工单 加上业务线
|
737
738
739
740
741
742
743
744
|
const rejectImgs = useUploadImgs({
maxCount: 3,
uploadText: '选择回退图片',
sizeType: ['compressed'],
formRef: null,
fieldName: 'rejectImgs'
})
|
|
12e66ec8
刘淇
新增树
|
745
746
747
748
749
|
// ========== 验收弹窗相关 ==========
const acceptModalShow = ref(false);
const acceptRadioValue = ref('0');
const acceptReason = ref('');
const currentAcceptItem = ref<any>(null);
|
|
3d474e84
刘淇
快速工单 加上业务线
|
750
751
752
753
754
755
756
757
|
const acceptImgs = useUploadImgs({
maxCount: 3,
uploadText: '选择验收图片',
sizeType: ['compressed'],
formRef: null,
fieldName: 'acceptImgs'
})
|
|
12e66ec8
刘淇
新增树
|
758
|
// ========== 重新提交工单 完整对齐列表页 ==========
|
|
3d474e84
刘淇
快速工单 加上业务线
|
759
|
const handleRenew = (item: any) => {
|
|
12e66ec8
刘淇
新增树
|
760
761
|
if (!item?.id) {
return showToast('工单信息异常，无法重新提交');
|
|
3d474e84
刘淇
快速工单 加上业务线
|
762
|
}
|
|
12e66ec8
刘淇
新增树
|
763
764
|
const tempKey = setOrderStorage(item, 'renew_order');
if (!tempKey) return;
|
|
3d474e84
刘淇
快速工单 加上业务线
|
765
|
|
|
12e66ec8
刘淇
新增树
|
766
767
768
|
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
刘淇
快速工单 加上业务线
|
769
|
|
|
12e66ec8
刘淇
新增树
|
770
|
navToOrderPage(pageUrl, { isRenew: 1, tempKey });
|
|
3d474e84
刘淇
快速工单 加上业务线
|
771
772
|
};
|
|
12e66ec8
刘淇
新增树
|
773
|
// ========== 打开回退弹窗 ==========
|
|
3d474e84
刘淇
快速工单 加上业务线
|
774
|
const handleReject = (item: any) => {
|
|
12e66ec8
刘淇
新增树
|
775
776
|
if (!item?.id) {
return showToast('工单信息异常，无法回退');
|
|
3d474e84
刘淇
快速工单 加上业务线
|
777
778
|
}
currentRejectItem.value = item;
|
|
12e66ec8
刘淇
新增树
|
779
780
781
|
rejectReason.value = '';
rejectImgs.clearImgs();
rejectModalShow.value = true;
|
|
3d474e84
刘淇
快速工单 加上业务线
|
782
783
|
};
|
|
12e66ec8
刘淇
新增树
|
784
|
// ========== 回退弹窗取消 ==========
|
|
3d474e84
刘淇
快速工单 加上业务线
|
785
786
787
|
const handleRejectModalCancel = () => {
rejectModalShow.value = false;
rejectReason.value = '';
|
|
12e66ec8
刘淇
新增树
|
788
|
rejectImgs.clearImgs();
|
|
3d474e84
刘淇
快速工单 加上业务线
|
789
790
|
};
|
|
12e66ec8
刘淇
新增树
|
791
|
// ========== 确认回退工单 完整对齐列表页 ==========
|
|
3d474e84
刘淇
快速工单 加上业务线
|
792
|
const confirmReject = async () => {
|
|
12e66ec8
刘淇
新增树
|
793
794
795
796
|
const reason = rejectReason.value.trim();
if (!reason) return showToast('请填写回退原因');
const item = currentRejectItem.value;
if (!item?.id) return showToast('工单信息异常');
|
|
3d474e84
刘淇
快速工单 加上业务线
|
797
|
|
|
12e66ec8
刘淇
新增树
|
798
799
|
uni.showLoading({title: '提交中...', mask: true});
try {
|
|
3d474e84
刘淇
快速工单 加上业务线
|
800
|
const requestData = {
|
|
12e66ec8
刘淇
新增树
|
801
802
803
804
805
|
"returnImgs": rejectImgs.getSuccessImgUrls(),
"workerDataId": item.id,
"taskKey": item.taskKey,
"taskId": item.taskId,
"operateType": nextStepMap[item.taskKey].operateTypeNoPass,
|
|
3d474e84
刘淇
快速工单 加上业务线
|
806
|
"agree": 1,
|
|
12e66ec8
刘淇
新增树
|
807
|
"reason": reason
|
|
3d474e84
刘淇
快速工单 加上业务线
|
808
|
};
|
|
12e66ec8
刘淇
新增树
|
809
810
811
812
813
814
|
await callApprovalApi(requestData, item.taskKey);
showToast('回退成功', 'success');
handleRejectModalCancel();
eventChannel.value.emit('needRefresh');
uni.navigateBack({ delta: 1 });
} catch (error: any) {
|
|
3d474e84
刘淇
快速工单 加上业务线
|
815
|
console.error('回退工单失败：', error);
|
|
12e66ec8
刘淇
新增树
|
816
|
showToast(error.msg || error.message || '回退失败，请重试');
|
|
3d474e84
刘淇
快速工单 加上业务线
|
817
|
} finally {
|
|
3d474e84
刘淇
快速工单 加上业务线
|
818
819
820
821
|
uni.hideLoading();
}
};
|
|
12e66ec8
刘淇
新增树
|
822
823
824
825
826
827
828
|
// ========== 处理工单核心方法 完整对齐列表页+全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
刘淇
快速工单 加上业务线
|
829
|
try {
|
|
12e66ec8
刘淇
新增树
|
830
831
832
833
|
// 大区经理分配
if (stepName === '大区经理分配') {
const tempKey = setOrderStorage(item, 'distribute_order');
tempKey && navToOrderPage('/pages-sub/problem/regional-order-manage/distribution-order', { tempKey });
|
|
3d474e84
刘淇
快速工单 加上业务线
|
834
|
}
|
|
12e66ec8
刘淇
新增树
|
835
836
837
838
|
// 养护员待实施
else if (stepName === '养护员待实施') {
const tempKey = setOrderStorage(item, 'maintain_order');
tempKey && navToOrderPage('/pages-sub/problem/regional-order-manage/add-maintain-order', { tempKey });
|
|
3d474e84
刘淇
快速工单 加上业务线
|
839
|
}
|
|
12e66ec8
刘淇
新增树
|
840
841
|
// 督察员单子大区经理分配
else if (stepName === '督察员单子大区经理分配') {
|
|
6bce1057
刘淇
ai 大区经理
|
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
871
872
873
874
875
876
|
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
刘淇
快速工单 加上业务线
|
877
|
}
|
|
12e66ec8
刘淇
新增树
|
878
879
880
881
882
883
|
// 验收弹窗
else if (['养护组长验收', '巡查员验收'].includes(stepName)) {
currentAcceptItem.value = item;
acceptReason.value = '';
acceptRadioValue.value = '0';
acceptModalShow.value = true;
|
|
3d474e84
刘淇
快速工单 加上业务线
|
884
|
}
|
|
12e66ec8
刘淇
新增树
|
885
886
887
|
// 发起人确认-结束工单
else if (stepName === '发起人确认') {
uni.hideLoading();
|
|
3d474e84
刘淇
快速工单 加上业务线
|
888
889
890
|
uni.showModal({
title: "结束工单",
content: "请确定是否结束工单？",
|
|
12e66ec8
刘淇
新增树
|
891
|
success: async (res) => {
|
|
3d474e84
刘淇
快速工单 加上业务线
|
892
|
if (res.confirm) {
|
|
3d474e84
刘淇
快速工单 加上业务线
|
893
|
const requestData = {
|
|
12e66ec8
刘淇
新增树
|
894
895
|
workerDataId: item.id, taskKey: 'ylInspectorStart', taskId: item.taskId,
operateType: 200, agree: 1, reason: '结束工单'
|
|
3d474e84
刘淇
快速工单 加上业务线
|
896
|
};
|
|
12e66ec8
刘淇
新增树
|
897
898
899
900
|
await callApprovalApi(requestData, item.taskKey);
showToast('结束成功', 'success');
eventChannel.value.emit('needRefresh');
uni.navigateBack({ delta: 1 });
|
|
3d474e84
刘淇
快速工单 加上业务线
|
901
902
903
904
|
}
},
});
}
|
|
83673de2
刘淇
ai 大区经理 优化添加结束功能
|
905
906
907
908
909
910
911
912
913
914
915
916
917
918
919
920
921
922
923
|
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
刘淇
新增树
|
924
|
} catch (error: any) {
|
|
3d474e84
刘淇
快速工单 加上业务线
|
925
|
console.error('处理工单失败：', error);
|
|
12e66ec8
刘淇
新增树
|
926
927
928
|
showToast(error.msg || error.message || '处理失败，请重试');
} finally {
uni.hideLoading();
|
|
3d474e84
刘淇
快速工单 加上业务线
|
929
930
931
|
}
};
|
|
12e66ec8
刘淇
新增树
|
932
|
// ========== 验收弹窗取消 ==========
|
|
3d474e84
刘淇
快速工单 加上业务线
|
933
934
935
936
|
const handleAcceptModalCancel = () => {
acceptModalShow.value = false;
acceptReason.value = '';
acceptRadioValue.value = '0';
|
|
12e66ec8
刘淇
新增树
|
937
|
acceptImgs.clearImgs();
|
|
3d474e84
刘淇
快速工单 加上业务线
|
938
939
|
};
|
|
12e66ec8
刘淇
新增树
|
940
|
// ========== 验收弹窗确认 修复BUG+对齐列表页 ==========
|
|
3d474e84
刘淇
快速工单 加上业务线
|
941
|
const handleAcceptModalConfirm = async () => {
|
|
12e66ec8
刘淇
新增树
|
942
943
944
945
946
947
948
949
|
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
刘淇
快速工单 加上业务线
|
950
|
try {
|
|
3d474e84
刘淇
快速工单 加上业务线
|
951
|
let postData: any = {}
|
|
12e66ec8
刘淇
新增树
|
952
|
if (item?.taskKey == 'ylTeamLeaderConfirm') {
|
|
3d474e84
刘淇
快速工单 加上业务线
|
953
|
postData = {
|
|
12e66ec8
刘淇
新增树
|
954
955
956
957
958
959
|
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
刘淇
快速工单 加上业务线
|
960
961
|
}
}
|
|
12e66ec8
刘淇
新增树
|
962
|
if (item?.taskKey == 'ylInspector') {
|
|
3d474e84
刘淇
快速工单 加上业务线
|
963
|
postData = {
|
|
12e66ec8
刘淇
新增树
|
964
965
966
967
968
969
970
|
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
刘淇
快速工单 加上业务线
|
971
972
|
}
}
|
|
12e66ec8
刘淇
新增树
|
973
974
975
|
await callApprovalApi(postData, item.taskKey);
showToast('提交成功', 'success');
handleAcceptModalCancel();
|
|
7542350b
王彪总
业务线 小程序不用写死，从后端接口获取
|
976
|
eventChannel.value.emit('needRefresh');
|
|
3d474e84
刘淇
快速工单 加上业务线
|
977
|
uni.navigateBack({delta: 1});
|
|
12e66ec8
刘淇
新增树
|
978
|
} catch (error: any) {
|
|
3d474e84
刘淇
快速工单 加上业务线
|
979
|
console.error('验收失败：', error);
|
|
12e66ec8
刘淇
新增树
|
980
981
982
|
showToast(error.msg || error.message || '验收提交失败，请重试');
} finally {
uni.hideLoading();
|
|
3d474e84
刘淇
快速工单 加上业务线
|
983
984
985
|
}
};
|
|
12e66ec8
刘淇
新增树
|
986
|
// ========== 生命周期 ==========
|
|
3d474e84
刘淇
快速工单 加上业务线
|
987
988
989
|
onLoad((options: any) => {
console.log('页面入参：', options)
const {taskId: taskIdOpt, activeTab: activeTabOpt, processInstanceId: processInstanceIdOpt} = options;
|
|
3d474e84
刘淇
快速工单 加上业务线
|
990
991
992
|
taskId.value = taskIdOpt || '';
activeTab.value = activeTabOpt || '0';
processInstanceId.value = processInstanceIdOpt;
|
|
12e66ec8
刘淇
新增树
|
993
|
eventChannel.value = getCurrentPages()[getCurrentPages().length - 1].getOpenerEventChannel();
|
|
3d474e84
刘淇
快速工单 加上业务线
|
994
995
996
|
DetailQuery(taskId.value);
});
|
|
12e66ec8
刘淇
新增树
|
997
|
onShow(() => {});
|
|
3d474e84
刘淇
快速工单 加上业务线
|
998
999
|
</script>
|
|
4c54ad5d
刘淇
转工单 选择是 传紧急程度和...
|
1000
|
<style scoped lang="scss">
|
|
3d474e84
刘淇
快速工单 加上业务线
|
1001
1002
1003
1004
1005
1006
1007
1008
1009
1010
1011
1012
|
// 全局样式
.page-container {
min-height: 100vh;
}
// 主内容容器
.main-content {
padding-bottom: 80rpx;
}
// 顶部Tabs
.top-tabs {
|
|
3d474e84
刘淇
快速工单 加上业务线
|
1013
1014
1015
1016
|
}
// Tab内容区
.tab-content {
|
|
3d474e84
刘淇
快速工单 加上业务线
|
1017
1018
1019
1020
1021
1022
1023
1024
1025
1026
|
}
// 工单详情内容
.detail-content {
.detail-cell-group {
background-color: #fff;
margin-bottom: 20rpx;
}
.cell-content-wrap {
|
|
3d474e84
刘淇
快速工单 加上业务线
|
1027
1028
1029
1030
1031
1032
1033
1034
1035
1036
1037
|
}
.empty-text {
color: #999;
font-size: 26rpx;
}
}
// 图片分类Tabs区块
.img-tabs-block {
background-color: #fff;
|
|
3d474e84
刘淇
快速工单 加上业务线
|
1038
|
|
|
3d474e84
刘淇
快速工单 加上业务线
|
1039
1040
1041
|
.img-tab-content {
padding: 20rpx 15px ;
text-align: center;
|
|
3d474e84
刘淇
快速工单 加上业务线
|
1042
|
|
|
12e66ec8
刘淇
新增树
|
1043
|
.img-album {
|
|
3d474e84
刘淇
快速工单 加上业务线
|
1044
1045
1046
1047
1048
1049
1050
1051
1052
1053
1054
|
}
.empty-img-text {
height: 75px;
line-height: 75px;
color: #999;
font-size: 28rpx;
}
}
}
|
|
12e66ec8
刘淇
新增树
|
1055
|
// 流程节点区域
|
|
3d474e84
刘淇
快速工单 加上业务线
|
1056
|
.process-content {
|
|
3d474e84
刘淇
快速工单 加上业务线
|
1057
1058
1059
1060
|
.empty-process {
margin-top: 100rpx;
}
|
|
3d474e84
刘淇
快速工单 加上业务线
|
1061
|
.vertical-steps {
|
|
3d474e84
刘淇
快速工单 加上业务线
|
1062
1063
1064
1065
1066
|
background-color: #fff;
padding: 20rpx;
border-radius: 12rpx;
display: flex;
flex-direction: column;
|
|
12e66ec8
刘淇
新增树
|
1067
|
gap: 20rpx;
|
|
3d474e84
刘淇
快速工单 加上业务线
|
1068
1069
|
}
|
|
3d474e84
刘淇
快速工单 加上业务线
|
1070
1071
|
.step-content-wrap {
width: 100%;
|
|
3d474e84
刘淇
快速工单 加上业务线
|
1072
1073
|
box-sizing: border-box;
|
|
3d474e84
刘淇
快速工单 加上业务线
|
1074
1075
1076
1077
1078
1079
1080
1081
1082
1083
1084
1085
1086
1087
|
.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
刘淇
快速工单 加上业务线
|
1088
1089
1090
1091
1092
1093
1094
|
.step-desc {
font-size: 24rpx;
color: #666;
line-height: 1.6;
margin-bottom: 12rpx;
.time-line {
|
|
3d474e84
刘淇
快速工单 加上业务线
|
1095
1096
1097
1098
1099
1100
1101
|
.processing-tag {
color: #f59e0b;
margin-left: 10rpx;
}
}
.reason-line {
|
|
12e66ec8
刘淇
新增树
|
1102
|
word-break: break-all;
|
|
3d474e84
刘淇
快速工单 加上业务线
|
1103
1104
1105
|
}
}
|
|
3d474e84
刘淇
快速工单 加上业务线
|
1106
1107
1108
1109
|
.step-album-wrap {
padding: 10rpx 0;
.step-album {
|
|
3d474e84
刘淇
快速工单 加上业务线
|
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
1163
1164
1165
1166
1167
1168
|
}
.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
刘淇
新增树
|
1169
|
// 针对 up-album 单图容器的样式
|
|
3d474e84
刘淇
快速工单 加上业务线
|
1170
|
:deep .u-album__row__wrapper image {
|
|
12e66ec8
刘淇
新增树
|
1171
|
width: 70px !important;
|
|
3d474e84
刘淇
快速工单 加上业务线
|
1172
1173
|
height: 70px !important;
}
|
|
6853427f
王彪总
业务线 小程序不用写死，从后端接口获取
|
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
1238
1239
1240
1241
1242
1243
|
// 底部动作按钮：动作多时自动换行
// 底部操作栏：白底 + 顶部投影，按钮每行最多 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
刘淇
转工单 选择是 传紧急程度和...
|
1244
|
</style>
|
