7b1f488f
 刘淇
封装下图片上传
|
1
2
3
4
5
6
7
8
9
10
11
12
|
<template>
<view class="page-container">
<!-- 顶部固定区域 -->
<up-sticky>
<view class="header-wrap">
<!-- 第一行：u-tabs 待办/已办切换 :scrollable="false"-->
<up-tabs
v-model="activeTab"
:list="tabList"
active-color="#1989fa"
inactive-color="#666"
font-size="30rpx"
|
|
ff65dc6c
刘淇
快速工单 样式优化
|
13
|
@click="handleTabChange"
|
|
7b1f488f
刘淇
封装下图片上传
|
14
15
16
17
18
|
/>
<!-- 第二行：下拉框 + 搜索框 -->
<view class="search-header">
<!-- 左侧下拉框 -->
|
|
ff65dc6c
刘淇
快速工单 样式优化
|
19
|
<view class="select-wrap common-text-color">
|
|
7b1f488f
刘淇
封装下图片上传
|
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
|
<up-select
v-model:current="selectedSortValue"
:options="sortOptions"
:showOptionsLabel="true"
@select="handleSortChange"
border="surround"
:style="{ flex: 1 }"
/>
</view>
<!-- 右侧搜索框 -->
<view class="search-input-wrap">
<up-search
v-model="searchValue"
placeholder="请输入关键字"
@search="handleSearch"
bg-color="#f5f5f5"
:clearabled="false"
:show-action="true"
actionText="搜索"
:animation="true"
@custom="handleSearch"
/>
</view>
</view>
</view>
</up-sticky>
<!-- 列表容器 -->
<z-paging
ref="paging"
v-model="orderList"
@query="queryList"
:auto-show-system-loading="true"
|
|
7b1f488f
刘淇
封装下图片上传
|
54
|
>
|
|
5059c4dd
刘淇
养护员提交养护工单
|
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
|
<template #empty>
<empty-view/>
</template>
<view class="common-card-list" style="padding-top: 200rpx;padding-bottom: 30rpx">
<!-- 待办工单卡片 -->
<up-card
v-if="activeTab == 0"
:border="false"
:foot-border-top="false"
v-for="(item, index) in orderList"
:key="`todo_${item.orderNo}_${index}`"
:show-head="false"
class="order-card"
>
<template #body>
<view class="card-body">
<view class="u-body-item u-flex">
<view class="u-body-item-title">工单编号：</view>
<view class="u-line-1 u-body-value">{{ item.orderNo || '-' }}</view>
</view>
<view class="u-body-item u-flex">
<view class="u-body-item-title">工单位置：</view>
<view class="u-line-1 u-body-value">{{ item.roadName || '-' }}</view>
</view>
<view class="u-body-item u-flex">
<view class="u-body-item-title">工单名称：</view>
<view class="u-line-1 u-body-value">{{ item.orderName || '未填写' }}</view>
</view>
<view class="u-body-item u-flex">
<view class="u-body-item-title">情况描述：</view>
<view class="u-line-1 u-body-value">{{ item.remark || '无' }}</view>
</view>
<view class="u-body-item u-flex common-item-center common-justify-between">
<view class="u-body-item-title">紧急程度：</view>
<view class="u-line-1 u-body-value">
{{ uni.$dict.getDictLabel('workorder_pressing_type', item.pressingType) }}
</view>
</view>
<view class="u-body-item u-flex">
<view class="u-body-item-title">提交时间：</view>
<view class="u-line-1 u-body-value">{{ timeFormat(item.createTime, 'yyyy-mm-dd hh:MM:ss') }}</view>
</view>
<!-- 操作按钮行 -->
<view class="u-body-item u-flex common-justify-between common-item-center mt-20">
<up-button type="warning" size="mini" @click="handleReject(item)"
v-show="nextStepMap[item.taskKey].backShow">回退
</up-button>
|
|
1f1f236c
刘淇
工单详情
|
103
104
105
|
<up-button type="primary" size="mini" @click="handleProcess(item)">{{
nextStepMap[item.taskKey].btnText
}}
|
|
5059c4dd
刘淇
养护员提交养护工单
|
106
107
|
</up-button>
<up-button type="info" size="mini" @click="handleDetail(item)">详情</up-button>
|
|
7b1f488f
刘淇
封装下图片上传
|
108
109
|
</view>
</view>
|
|
5059c4dd
刘淇
养护员提交养护工单
|
110
111
112
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
|
</template>
</up-card>
<!-- 已办工单卡片和我发起的 -->
<up-card
v-if="activeTab == 2||activeTab == 1"
:border="false"
:foot-border-top="false"
v-for="(item, index) in orderList"
:key="`done_${item.orderNo}_${index}`"
:show-head="false"
class="order-card"
>
<template #body>
<view class="card-body">
<view class="u-body-item u-flex">
<view class="u-body-item-title">工单编号：</view>
<view class="u-line-1 u-body-value">{{ item.orderNo || '-' }}</view>
</view>
<view class="u-body-item u-flex">
<view class="u-body-item-title">工单位置：</view>
<view class="u-line-1 u-body-value">{{ item.roadName || '-' }}</view>
</view>
<view class="u-body-item u-flex">
<view class="u-body-item-title">工单名称：</view>
<view class="u-line-1 u-body-value">{{ item.orderName || '未填写' }}</view>
</view>
<view class="u-body-item u-flex">
<view class="u-body-item-title">情况描述：</view>
<view class="u-line-1 u-body-value">{{ item.remark || '无' }}</view>
</view>
|
|
ff65dc6c
刘淇
快速工单 样式优化
|
141
142
|
|
|
5059c4dd
刘淇
养护员提交养护工单
|
143
144
145
146
|
<view class="u-body-item u-flex common-justify-between common-item-center">
<view class="u-body-item-title">紧急程度：
{{ uni.$dict.getDictLabel('workorder_pressing_type', item.pressingType) }}
</view>
|
|
ff65dc6c
刘淇
快速工单 样式优化
|
147
148
|
<view class=" ">
<up-button type="primary" size="mini" @click="handleDetail(item)">工单详情</up-button>
|
|
7b1f488f
刘淇
封装下图片上传
|
149
|
</view>
|
|
5059c4dd
刘淇
养护员提交养护工单
|
150
151
152
153
154
|
</view>
<view class="u-body-item u-flex">
<view class="u-body-item-title">提交时间：</view>
<view class="u-line-1 u-body-value">{{ timeFormat(item.createTime, 'yyyy-mm-dd hh:MM:ss') }}</view>
</view>
|
|
7b1f488f
刘淇
封装下图片上传
|
155
|
</view>
|
|
5059c4dd
刘淇
养护员提交养护工单
|
156
157
158
|
</template>
</up-card>
</view>
|
|
7b1f488f
刘淇
封装下图片上传
|
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
|
</z-paging>
<!-- 底部新增工单按钮（仅巡查员显示） -->
<view v-if="isInspector" class="fixed-bottom-btn-wrap">
<up-button type="primary" size="large" @click="handleAddOrder">
新增工单
</up-button>
</view>
<!-- 回退原因弹窗 -->
<up-popup v-model="rejectPopupShow" mode="center" :close-on-click-overlay="false">
<view class="reject-popup">
<view class="popup-title">回退原因</view>
<up-textarea
v-model="rejectReason"
placeholder="请输入回退原因（必填）"
:required="true"
maxlength="-1"
|
|
1f1f236c
刘淇
工单详情
|
177
|
rows="6"
|
|
7b1f488f
刘淇
封装下图片上传
|
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
|
class="mt-20"
/>
<view class="upload-wrap mt-20">
<view class="upload-title">上传图片（选填）</view>
<up-upload
:action="uploadUrl"
:file-list="rejectFileList"
@after-read="handleAfterRead"
@delete="handleDeleteFile"
multiple
max-count="3"
/>
</view>
<view class="popup-btn-wrap mt-40">
<up-button type="default" size="medium" @click="rejectPopupShow = false" class="mr-20">取消</up-button>
<up-button type="primary" size="medium" @click="confirmReject">确认提交</up-button>
</view>
</view>
</up-popup>
|
|
1f1f236c
刘淇
工单详情
|
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
|
<!-- 新增：养护组长验收弹窗 up-modal -->
<up-modal
:show="acceptModalShow"
title="验收"
:closeOnClickOverlay="false"
:showConfirmButton="true"
:showCancelButton="true"
@cancel="acceptModalShow=false"
@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>
</up-modal>
|
|
7b1f488f
刘淇
封装下图片上传
|
232
233
234
235
|
</view>
</template>
<script setup>
|
|
ff65dc6c
刘淇
快速工单 样式优化
|
236
237
|
import { ref, computed } from 'vue';
import { onReady, onShow } from '@dcloudio/uni-app';
|
|
7b1f488f
刘淇
封装下图片上传
|
238
|
import { timeFormat } from '@/uni_modules/uview-plus';
|
|
1f1f236c
刘淇
工单详情
|
239
240
241
242
243
244
|
import {
myBuzSimplePage,
todoBuzSimplePage,
doneBuzSimplePage,
universalApproval
} from '@/api/work-order-manage/work-order-manage'
|
|
7b1f488f
刘淇
封装下图片上传
|
245
246
|
// 假设从用户store获取角色信息
import { useUserStore } from '@/pinia/user';
|
|
5059c4dd
刘淇
养护员提交养护工单
|
247
|
import { nextStepMap } from '@/common/utils/common'
|
|
7b1f488f
刘淇
封装下图片上传
|
248
249
250
|
// ========== 状态管理 ==========
const userStore = useUserStore();
// 标签页切换
|
|
2764b83e
刘淇
分配养护员
|
251
|
const activeTab = ref(0); // 0-待办 1-我发起的 2-已办
|
|
7b1f488f
刘淇
封装下图片上传
|
252
|
const tabList = ref([
|
|
5059c4dd
刘淇
养护员提交养护工单
|
253
254
255
|
{name: '待办'},
{name: '我发起的任务'},
{name: '已办'}
|
|
7b1f488f
刘淇
封装下图片上传
|
256
257
258
259
|
]);
// 排序下拉框
const selectedSortValue = ref(1);
const sortOptions = ref([
|
|
5059c4dd
刘淇
养护员提交养护工单
|
260
261
262
263
|
{name: '位置', id: 1},
{name: '名称', id: 2},
{name: '描述', id: 3},
{name: '编号', id: 4},
|
|
7b1f488f
刘淇
封装下图片上传
|
264
265
266
267
268
269
270
271
272
|
]);
// 搜索
const searchValue = ref('');
// 分页
const paging = ref(null);
const orderList = ref([]);
// 角色控制（巡查员显示新增按钮）
const isInspector = computed(() => {
// 假设用户角色字段为role，巡查员标识为inspector
|
|
ff65dc6c
刘淇
快速工单 样式优化
|
273
|
return userStore.userInfo.roles.includes('yl_inspector')
|
|
7b1f488f
刘淇
封装下图片上传
|
274
275
276
277
278
279
280
281
|
});
// 回退弹窗相关
const rejectPopupShow = ref(false);
const rejectReason = ref('');
const rejectFileList = ref([]);
const currentRejectItem = ref(null);
// 上传地址（根据实际接口配置）
const uploadUrl = ref('https://xxx.com/upload');
|
|
1f1f236c
刘淇
工单详情
|
282
283
284
285
286
|
// ========== 新增：养护组长验收弹窗相关状态 ==========
const acceptModalShow = ref(false); // 验收弹窗显示开关
const acceptRadioValue = ref('0'); // 单选框值，默认0（通过）
const acceptReason = ref(''); // 验收原因
const currentAcceptItem = ref(null); // 当前验收的工单项
|
|
7b1f488f
刘淇
封装下图片上传
|
287
288
289
290
291
292
293
294
295
|
// 分页查询列表
const queryList = async (pageNo, pageSize) => {
try {
const apiParams = {
searchContent: searchValue.value.trim() || '',
pageNo,
pageSize,
type: selectedSortValue.value // 1-位置 2-工单名称 3-情况描述 4-工单编号
};
|
|
7b1f488f
刘淇
封装下图片上传
|
296
|
let res;
|
|
ff65dc6c
刘淇
快速工单 样式优化
|
297
|
if (activeTab.value == 0) {
|
|
7b1f488f
刘淇
封装下图片上传
|
298
|
// 待办工单
|
|
ff65dc6c
刘淇
快速工单 样式优化
|
299
|
res = await todoBuzSimplePage(apiParams);
|
|
5059c4dd
刘淇
养护员提交养护工单
|
300
|
} else if (activeTab.value == 1) {
|
|
2764b83e
刘淇
分配养护员
|
301
302
|
// 我发起的任务
res = await myBuzSimplePage(apiParams);
|
|
5059c4dd
刘淇
养护员提交养护工单
|
303
|
} else {
|
|
7b1f488f
刘淇
封装下图片上传
|
304
|
// 已办工单
|
|
ff65dc6c
刘淇
快速工单 样式优化
|
305
|
res = await doneBuzSimplePage(apiParams);
|
|
7b1f488f
刘淇
封装下图片上传
|
306
|
}
|
|
7b1f488f
刘淇
封装下图片上传
|
307
308
309
310
311
|
// 适配z-paging分页
paging.value.complete(res.list, res.total);
} catch (error) {
console.error('加载工单失败：', error);
paging.value?.complete(false);
|
|
5059c4dd
刘淇
养护员提交养护工单
|
312
|
uni.showToast({title: '加载失败，请重试', icon: 'none'});
|
|
7b1f488f
刘淇
封装下图片上传
|
313
314
|
}
};
|
|
7b1f488f
刘淇
封装下图片上传
|
315
316
|
// ========== 事件处理 ==========
// 标签页切换
|
|
ff65dc6c
刘淇
快速工单 样式优化
|
317
318
319
|
const handleTabChange = (item) => {
console.log(item)
activeTab.value = item.index;
|
|
7b1f488f
刘淇
封装下图片上传
|
320
321
|
paging.value?.reload(); // 切换标签页刷新列表
};
|
|
7b1f488f
刘淇
封装下图片上传
|
322
323
324
325
326
327
|
// 排序变更
const handleSortChange = (val) => {
selectedSortValue.value = val.id;
searchValue.value = '';
paging.value?.reload(); // 排序变更刷新列表
};
|
|
7b1f488f
刘淇
封装下图片上传
|
328
329
330
331
332
|
// 搜索
const handleSearch = (val) => {
searchValue.value = val;
paging.value?.reload(); // 搜索刷新列表
};
|
|
7b1f488f
刘淇
封装下图片上传
|
333
334
|
// 工单详情
const handleDetail = (item) => {
|
|
2764b83e
刘淇
分配养护员
|
335
|
// 0-待办 1我发起的- 2-已办
|
|
7b1f488f
刘淇
封装下图片上传
|
336
|
uni.navigateTo({
|
|
1f1f236c
刘淇
工单详情
|
337
|
url: `/pages-sub/problem/work-order-manage/order-detail?taskId=${item.taskId}&activeTab=${activeTab.value}&processInstanceId=${item.processInstanceId}`
|
|
7b1f488f
刘淇
封装下图片上传
|
338
339
|
});
};
|
|
7b1f488f
刘淇
封装下图片上传
|
340
341
|
// 待办-处理工单
const handleProcess = async (item) => {
|
|
1f1f236c
刘淇
工单详情
|
342
|
console.log(nextStepMap[item.taskKey].name)
|
|
7b1f488f
刘淇
封装下图片上传
|
343
|
try {
|
|
5059c4dd
刘淇
养护员提交养护工单
|
344
|
if (nextStepMap[item.taskKey].name == '养护组长分配') {
|
|
2764b83e
刘淇
分配养护员
|
345
|
uni.navigateTo({
|
|
fa775c6b
刘淇
养护计划调整
|
346
|
url: `/pages-sub/problem/work-order-manage/distribution-order?taskId=${item.taskId}&orderNo=${item.orderNo}`
|
|
2764b83e
刘淇
分配养护员
|
347
348
|
})
}
|
|
5059c4dd
刘淇
养护员提交养护工单
|
349
|
if (nextStepMap[item.taskKey].name == '养护员待实施') {
|
|
2764b83e
刘淇
分配养护员
|
350
|
uni.navigateTo({
|
|
5059c4dd
刘淇
养护员提交养护工单
|
351
|
url: `/pages-sub/problem/work-order-manage/add-maintain-order?taskId=${item.taskId}&id=${item.id}&orderNo=${item.orderNo}`
|
|
2764b83e
刘淇
分配养护员
|
352
|
})
|
|
7b1f488f
刘淇
封装下图片上传
|
353
|
}
|
|
1f1f236c
刘淇
工单详情
|
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
|
// 养护组长验收 - 打开弹窗
if (nextStepMap[item.taskKey].name == '养护组长验收') {
console.log('123')
currentAcceptItem.value = item; // 存储当前工单信息
acceptReason.value = ''; // 清空上次的验收原因
acceptRadioValue.value = '0'; // 重置默认选中“通过”
acceptModalShow.value = true; // 显示验收弹窗
}
// 巡查员验收 - 打开弹窗
if (nextStepMap[item.taskKey].name == '巡查员验收') {
console.log('456')
currentAcceptItem.value = item; // 存储当前工单信息
acceptReason.value = ''; // 清空上次的验收原因
acceptRadioValue.value = '0'; // 重置默认选中“通过”
acceptModalShow.value = true; // 显示验收弹窗
}
|
|
7b1f488f
刘淇
封装下图片上传
|
372
373
|
} catch (error) {
console.error('处理工单失败：', error);
|
|
5059c4dd
刘淇
养护员提交养护工单
|
374
|
uni.showToast({title: '处理失败，请重试', icon: 'none'});
|
|
7b1f488f
刘淇
封装下图片上传
|
375
376
|
}
};
|
|
7b1f488f
刘淇
封装下图片上传
|
377
378
379
380
381
382
383
|
// 待办-回退工单
const handleReject = (item) => {
currentRejectItem.value = item;
rejectReason.value = '';
rejectFileList.value = [];
rejectPopupShow.value = true;
};
|
|
7b1f488f
刘淇
封装下图片上传
|
384
385
386
|
// 确认回退工单
const confirmReject = async () => {
if (!rejectReason.value.trim()) {
|
|
5059c4dd
刘淇
养护员提交养护工单
|
387
|
uni.showToast({title: '请填写回退原因', icon: 'none'});
|
|
7b1f488f
刘淇
封装下图片上传
|
388
389
|
return;
}
|
|
7b1f488f
刘淇
封装下图片上传
|
390
391
392
393
394
395
396
397
398
399
400
|
try {
// 调用回退工单接口
await uni.request({
url: '/api/order/reject',
method: 'POST',
data: {
orderId: currentRejectItem.value.id,
reason: rejectReason.value,
fileUrls: rejectFileList.value.map(file => file.url)
}
});
|
|
5059c4dd
刘淇
养护员提交养护工单
|
401
|
uni.showToast({title: '回退成功', icon: 'success'});
|
|
7b1f488f
刘淇
封装下图片上传
|
402
403
404
405
|
rejectPopupShow.value = false;
paging.value?.reload(); // 刷新列表
} catch (error) {
console.error('回退工单失败：', error);
|
|
5059c4dd
刘淇
养护员提交养护工单
|
406
|
uni.showToast({title: '回退失败，请重试', icon: 'none'});
|
|
7b1f488f
刘淇
封装下图片上传
|
407
408
|
}
};
|
|
7b1f488f
刘淇
封装下图片上传
|
409
410
411
|
// 新增工单
const handleAddOrder = () => {
uni.navigateTo({
|
|
d433e7f6
刘淇
工单
|
412
|
url: '/pages-sub/problem/work-order-manage/add-order'
|
|
7b1f488f
刘淇
封装下图片上传
|
413
414
|
});
};
|
|
7b1f488f
刘淇
封装下图片上传
|
415
416
417
418
|
// 上传图片-读取后
const handleAfterRead = (file) => {
rejectFileList.value.push(file);
};
|
|
7b1f488f
刘淇
封装下图片上传
|
419
420
421
422
|
// 上传图片-删除
const handleDeleteFile = (index) => {
rejectFileList.value.splice(index, 1);
};
|
|
1f1f236c
刘淇
工单详情
|
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
|
// ========== 新增：养护组长验收弹窗事件 ==========
// 验收弹窗 - 取消按钮
const handleAcceptModalCancel = () => {
acceptModalShow.value = false;
acceptReason.value = ''; // 清空验收原因
};
// 验收弹窗 - 确定按钮（含表单校验）
const handleAcceptModalConfirm = async () => {
// 1. 校验验收原因是否为空
if (!acceptReason.value.trim()) {
uni.showToast({title: '请填写验收原因', icon: 'none', duration: 2000});
return;
}
// 2. 校验验收原因长度（虽textarea已限制maxlength，此处做兜底校验）
if (acceptReason.value.length > 200) {
uni.showToast({title: '验收原因最多200字', icon: 'none', duration: 2000});
return;
}
try {
// 3. 调用验收接口
console.log(currentAcceptItem.value)
let postData = {}
if(currentAcceptItem.value.taskKey == 'ylTeamLeaderConfirm'){ // 养护组长验收
postData = {
"taskKey": "ylTeamLeaderConfirm",
"taskId": currentAcceptItem.value.taskId,
"operateType": acceptRadioValue.value == 0 ? nextStepMap['ylTeamLeaderConfirm'].operateTypePass : nextStepMap['ylTeamLeaderConfirm'].operateTypeNoPass,
"reason": acceptReason.value.trim()
}
}
if(currentAcceptItem.value.taskKey == 'ylInspector'){ // 巡查员验收
postData = {
"taskKey": "ylTeamLeaderConfirm",
"taskId": currentAcceptItem.value.taskId,
"operateType": acceptRadioValue.value == 0 ? nextStepMap['ylTeamLeaderConfirm'].operateTypePass : nextStepMap['ylTeamLeaderConfirm'].operateTypeNoPass,
"reason": acceptReason.value.trim(),
"agree":acceptRadioValue.value
}
}
const acceptRes = await universalApproval(postData);
// 4. 操作成功处理
uni.showToast({title: '提交成功', icon: 'success', duration: 1500});
acceptModalShow.value = false;
acceptReason.value = ''; // 清空验收原因
paging.value?.reload(); // 刷新工单列表
} catch (error) {
// 5. 操作失败处理
console.error('养护组长验收失败：', error);
uni.showToast({title: '验收提交失败，请重试', icon: 'none', duration: 2000});
}
};
|
|
7b1f488f
刘淇
封装下图片上传
|
475
|
// 页面初始化
|
|
ff65dc6c
刘淇
快速工单 样式优化
|
476
|
onShow(() => {
|
|
7b1f488f
刘淇
封装下图片上传
|
477
478
479
480
481
482
483
484
|
// 初始化加载列表
paging.value?.reload();
});
</script>
<style scoped lang="scss">
.page-container {
min-height: 100vh;
|
|
7b1f488f
刘淇
封装下图片上传
|
485
486
487
488
489
|
}
// 顶部固定区域
.header-wrap {
background-color: #fff;
|
|
ff65dc6c
刘淇
快速工单 样式优化
|
490
|
//box-shadow: 0 2rpx 10rpx rgba(0, 0, 0, 0.05);
|
|
7b1f488f
刘淇
封装下图片上传
|
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
|
}
// 搜索栏样式
.search-header {
display: flex;
align-items: center;
padding: 20rpx;
box-sizing: border-box;
.select-wrap {
width: 120rpx;
margin-right: 20rpx;
:deep(.u-select) {
width: 100%;
font-size: 28rpx;
}
:deep(.u-input__placeholder) {
font-size: 28rpx;
}
}
.search-input-wrap {
flex: 1;
}
}
|
|
1f1f236c
刘淇
工单详情
|
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
|
// 新增：养护组长验收弹窗样式
.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%;
}
|
|
7b1f488f
刘淇
封装下图片上传
|
536
|
|
|
1f1f236c
刘淇
工单详情
|
537
538
539
540
541
542
|
.modal-btn-wrap {
display: flex;
align-items: center;
justify-content: flex-end;
padding-right: 10rpx;
}
|
|
7b1f488f
刘淇
封装下图片上传
|
543
|
</style>
|
