优化

刘淇
1 parent b10b29b6
Showing 1 changed file with 111 additions and 219 deletions
pages-sub/problem/regional-order-manage/order-detail.vue
 <template>
   <view class="page-container">
     <!-- 页面级加载组件 -->
-    <up-loading-page
-        v-if="loading"
-        :loading="true"
-        title="加载中..."
-        color="#2563EB"
-    ></up-loading-page>
+    <up-loading-page v-if="loading" :loading="true" title="加载中..." color="#2563EB"></up-loading-page>
     <!-- 主内容容器 -->
     <view v-else class="main-content" :class="'pb-rows-' + actionBarRows">
       <!-- 顶部固定Tabs -->
       <up-sticky :bgColor="'#fff'">
-        <up-tabs
-            v-model="activeTopTab"
-            :list="topTabList"
-            :scrollable="false"
-            sticky
-            active-color="#2563EB"
-            inactive-color="#606266"
-            class="top-tabs"
-            @click="activeTopTabClick"
-             lineWidth="65"
-        ></up-tabs>
+        <up-tabs v-model="activeTopTab" :list="topTabList" :scrollable="false" sticky active-color="#2563EB"
+          inactive-color="#606266" class="top-tabs" @click="activeTopTabClick" lineWidth="65"></up-tabs>
       </up-sticky>
       <!-- 顶部Tab内容区 -->
@@ -76,21 +62,16 @@
             </up-cell>
             <!-- 紧急程度 -->
-            <up-cell
-                title="紧急程度："
-                :value="uni.$dict.getDictLabel('workorder_pressing_type', orderDetail.pressingType) || '--'"
-                align="middle"
-            ></up-cell>
+            <up-cell title="紧急程度："
+              :value="uni.$dict.getDictLabel('workorder_pressing_type', orderDetail.pressingType) || '--'"
+              align="middle"></up-cell>
             <!-- 提交人 -->
             <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 title="提交时间：" :value="timeFormat(orderDetail.createTime, 'yyyy-mm-dd hh:MM:ss') || '--'"
+              align="middle"></up-cell>
             <!-- 处理结果 -->
             <up-cell v-if="orderDetail.handleResult">
@@ -106,38 +87,25 @@
             <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"
-                      :preview-full-image="true"
-                  ></up-album>
+                  <up-album v-if="!!orderDetail.problemsImgs?.length" :urls="orderDetail.problemsImgs.slice(0, 3)"
+                    :singleSize="70" :multipleSize="70" :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 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">
+          <view class="img-tabs-block" v-if="orderDetail.startImgs.length > 0">
             <up-cell-group :border="false">
               <up-cell>
                 <template #title>
@@ -146,32 +114,20 @@
                 <template #value>
                   <view class="common-text-color up-line-1">
                     {{
-                      Array.isArray(orderDetail.coHandlersName) && orderDetail.coHandlersName.length > 0 ? orderDetail.coHandlersName.join(',') : '--'
+                      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="#2563EB"
-                inactive-color="#606266"
-                class="img-tabs"
-            ></up-tabs>
+            <up-tabs @change='imgTabChange' v-model="activeImgTab" :list="imgTabList" :scrollable="false"
+              active-color="#2563EB" inactive-color="#606266" 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>
+              <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>
@@ -180,20 +136,11 @@
         <!-- 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="#2563EB"
-              inactive-color="#909399"
-              class="vertical-steps"
-          >
+          <up-steps v-if="processData.activityNodes && processData.activityNodes.length"
+            :list="processData.activityNodes" :current="getCurrentStepIndex()" direction="column" active-color="#2563EB"
+            inactive-color="#909399" class="vertical-steps">
             <template>
-              <up-steps-item
-                  v-for="(item, index) in processData.activityNodes"
-                  :key="`${item.id}_${index}`"
-              >
+              <up-steps-item v-for="(item, index) in processData.activityNodes" :key="`${item.id}_${index}`">
                 <!-- 唯一自定义模板：content，包含标题、描述、相册所有内容 -->
                 <template #content>
                   <view class="step-content-wrap">
@@ -204,9 +151,10 @@
                     <!-- 2. 原描述内容：时间 + 处理说明（最多200字） -->
                     <view class="step-desc">
-                      <view class="operator-name up-line-1"  v-if="item.tasks">
+                      <view class="operator-name up-line-1" v-if="item.tasks">
                         处理人：
-                        <text>{{ item.tasks?.map(itemName => itemName.assigneeUser?.nickname).filter(Boolean).join('，') }}</text>
+                        <text>{{item.tasks?.map(itemName => itemName.assigneeUser?.nickname).filter(Boolean).join('，')
+                          }}</text>
                       </view>
                       <!-- 时间行 -->
                       <view class="time-line">
@@ -215,7 +163,7 @@
                         <text v-else-if="item.status === 1" class="processing-tag">（处理中）</text>
                       </view>
-                      <view class="reason-line up-line-1" v-if="index!==0&&item.endTime">
+                      <view class="reason-line up-line-1" v-if="index !== 0 && item.endTime">
                         总耗时：{{ calculateFormatTimeDiff(item.startTime, item.endTime) }}
                       </view>
@@ -228,13 +176,9 @@
                     <!-- 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"
-                          :preview-full-image="true"
-                          class="step-album"
-                      ></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"
+                        :preview-full-image="true" class="step-album"></up-album>
                     </view>
                   </view>
                 </template>
@@ -243,87 +187,51 @@
           </up-steps>
           <!-- 流程节点为空时的提示 -->
-          <up-empty
-              v-else
-              mode="data"
-              title="暂无流程节点数据"
-              class="empty-process"
-          ></up-empty>
+          <up-empty v-else mode="data" title="暂无流程节点数据" class="empty-process"></up-empty>
         </view>
       </view>
     </view>
     <!-- activeTab==0的时候才出现， 也就是待办 -->
-    <view v-if="activeTab==0&&(configuredActions||nextStepMap[orderDetail.taskKey])"
-          class="fixed-bottom-btn-wrap order-action-bar">
+    <view v-if="activeTab == 0 && (configuredActions || nextStepMap[orderDetail.taskKey])"
+      class="fixed-bottom-btn-wrap order-action-bar">
       <!-- 已配置工作流动作：每行最多 5 个、超出自动换行，点击直接执行对应动作，不再弹「请选择操作」 -->
       <view v-if="hasConfiguredActions" class="order-action-row"
-            :style="{'--cols': getActionRowCols(configuredActions.length)}">
-        <view
-            v-for="action in configuredActions"
-            :key="action.code"
-            :class="['order-action-btn', 'order-action-btn--' + getActionButtonType(action.code, action.name)]"
-            @click.stop="handleUnifiedProcess(orderDetail, action)"
-        >{{ action.name }}</view>
+        :style="{ '--cols': getActionRowCols(configuredActions.length) }">
+        <view v-for="action in configuredActions" :key="action.code"
+          :class="['order-action-btn', 'order-action-btn--' + getActionButtonType(action.code, action.name)]"
+          @click.stop="handleUnifiedProcess(orderDetail, action)">{{ action.name }}</view>
       </view>
       <!-- 未配置：沿用原有节点按钮 -->
-      <view v-else class="order-action-row" :style="{'--cols': getActionRowCols(legacyActionCount)}">
+      <view v-else class="order-action-row" :style="{ '--cols': getActionRowCols(legacyActionCount) }">
         <view v-if="showRejectButton" class="order-action-btn order-action-btn--warning"
-              @click.stop="handleUnifiedReject(orderDetail)">回退</view>
+          @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>
+          @click.stop="handleRenew(orderDetail)">重新提交</view>
+        <view class="order-action-btn order-action-btn--primary" @click.stop="handleUnifiedProcess(orderDetail)">{{
+          processButtonText }}</view>
       </view>
     </view>
     <!-- 回退原因弹窗（新增图片上传） -->
-    <up-modal
-        :show="rejectModalShow"
-        title="回退原因"
-        :closeOnClickOverlay="false"
-        :showConfirmButton="true"
-        :showCancelButton="true"
-        @cancel="handleRejectModalCancel"
-        @confirm="confirmReject"
-    >
+    <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"
-        />
+        <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"
-          />
+          <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"
-    >
+    <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">
@@ -335,30 +243,16 @@
         <!-- 第二行：必填textarea，最多200字 -->
         <view class="textarea-wrap mt-30">
-          <up-textarea
-              v-model.trim="acceptReason"
-              placeholder="请输入验收原因（必填，最多200字）"
-              :required="true"
-              maxlength="200"
-              rows="5"
-              count
-          />
+          <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"
-          />
+          <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>
@@ -370,9 +264,9 @@
 </template>
 <script setup lang="ts">
-import {ref, computed} from 'vue';
-import {onLoad, onShow} from '@dcloudio/uni-app';
-import {timeFormat} from '@/uni_modules/uview-plus';
+import { ref, computed } from 'vue';
+import { onLoad, onShow } from '@dcloudio/uni-app';
+import { timeFormat } from '@/uni_modules/uview-plus';
 import {
   getMyTaskDetail,
   getDoneTaskDetail,
@@ -383,9 +277,9 @@ import {
   dcyUniversalApproval,
   aiUniversalApproval
 } from '@/api/regional-order-manage/regional-order-manage';
-import {nextStepMap, buzStatusMap, calculateFormatTimeDiff, getActionButtonType, getActionRowCols, toWorkerImplementPage} from '@/common/utils/common'
-import {getTaskActions} from '@/api/work-order-manage/work-order-manage';
-import {useUploadImgs} from '@/common/utils/useUploadImgs'
+import { nextStepMap, buzStatusMap, calculateFormatTimeDiff, getActionButtonType, getActionRowCols, toWorkerImplementPage } from '@/common/utils/common'
+import { getTaskActions } from '@/api/work-order-manage/work-order-manage';
+import { useUploadImgs } from '@/common/utils/useUploadImgs'
 import { useUserStore } from '@/pinia/user';
 // ========== 全局实例 & 常量 ==========
@@ -398,7 +292,7 @@ const eventChannel = ref&lt;any&gt;(null);
 /**
  * 统一提示方法
  */
-const showToast = (title: string, icon: 'none'|'success'|'loading' = 'none', duration = 2000) => {
+const showToast = (title: string, icon: 'none' | 'success' | 'loading' = 'none', duration = 2000) => {
   uni.showToast({ title, icon, duration });
 };
@@ -436,7 +330,7 @@ const callApprovalApi = async (params: any, taskKey: string) =&gt; {
   if (USER_ROLES.includes('Inspector_global')) return await dcyUniversalApproval(params);
   if (USER_ROLES.includes('Inspector_global_leader')) return await dcyUniversalApproval(params);
   if (USER_ROLES.includes('patrol_global')) return await qyUniversalApproval(params);
-  if (USER_ROLES.includes('AI_dispatcher')) return await  aiUniversalApproval(params);
+  if (USER_ROLES.includes('AI_dispatcher')) return await aiUniversalApproval(params);
   // if (USER_ROLES.includes('AI_dispatcher')) return await  aiUniversalApproval(params);
   throw new Error('未匹配到对应的审批接口，请检查角色或工单taskKey');
 };
@@ -447,7 +341,7 @@ const callApprovalApi = async (params: any, taskKey: string) =&gt; {
 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) {
+  if (Object.keys(events).length) {
     uni.navigateTo({ url, events });
   } else {
     uni.redirectTo({ url });
@@ -461,8 +355,8 @@ const activeImgTab = ref(0); // 图片分类Tab激活索引
 // 顶部Tab列表
 const topTabList = ref([
-  {name: '工单详情'},
-  {name: '流程节点'}
+  { name: '工单详情' },
+  { name: '流程节点' }
 ]);
 // 流程节点数据
@@ -475,11 +369,11 @@ const processData = ref&lt;any&gt;({
 // 图片分类Tab列表
 const imgTabList = ref([
-  {name: '开始', badge: {isDot: true}},
-  {name: '进行中'},
-  {name: '结束', badge: {isDot: true}},
-  {name: '人员'},
-  {name: '材料'}
+  { name: '开始', badge: { isDot: true } },
+  { name: '进行中' },
+  { name: '结束', badge: { isDot: true } },
+  { name: '人员' },
+  { name: '材料' }
 ]);
 // 工单详情数据
@@ -537,7 +431,7 @@ const orderDetail = ref&lt;any&gt;({
 const currentImgList = ref([])
 const tabKeyMap = ['startImgs', 'processingImgs', 'endImgs', 'personImgs', 'materialImgs'];
-const imgTabChange = (({index}: { index: number }) => {
+const imgTabChange = (({ index }: { index: number }) => {
   const currentKey = tabKeyMap[index]
   currentImgList.value = orderDetail.value[currentKey]
 })
@@ -555,7 +449,7 @@ const getLimitReason = (reason: string | null | undefined) =&gt; {
  * 动态获取当前步骤索引
  */
 const getCurrentStepIndex = () => {
-  const {activityNodes} = processData.value;
+  const { activityNodes } = processData.value;
   if (!activityNodes || !activityNodes.length) return 0;
   // return activityNodes.length - 1;
   return activityNodes.length;
@@ -592,7 +486,7 @@ const showRejectButton = computed(() =&gt; {
 /** 是否已配置统一动作（配置后按配置逐个渲染动作按钮） */
 const hasConfiguredActions = computed(() =>
-    Array.isArray(configuredActions.value) && configuredActions.value.length > 0)
+  Array.isArray(configuredActions.value) && configuredActions.value.length > 0)
 /** 未配置统一动作时的按钮数量：主按钮 + 可选的回退/重新提交 */
 const legacyActionCount = computed(() => {
@@ -625,8 +519,8 @@ const unifiedActionsRef = ref&lt;any&gt;(null)
 /** 处理：已配置统一动作时直接执行点击的配置动作，否则回退原有处理 */
 const handleUnifiedProcess = async (item: any, action: any = null) => {
   const actions = Array.isArray(configuredActions.value)
-      ? configuredActions.value
-      : await queryUnifiedActions(item?.taskId)
+    ? configuredActions.value
+    : await queryUnifiedActions(item?.taskId)
   if (actions) {
     const target = action || actions[0]
     // 实施动作要选作业类型、填动态字段、传五组照片，统一动作弹窗承载不了，进「作业填报」页；
@@ -644,11 +538,11 @@ const handleUnifiedProcess = async (item: any, action: any = null) =&gt; {
 /** 回退：已配置统一动作时走统一接口，否则回退原有弹窗 */
 const handleUnifiedReject = async (item: any) => {
   const actions = Array.isArray(configuredActions.value)
-      ? configuredActions.value
-      : await queryUnifiedActions(item?.taskId)
+    ? configuredActions.value
+    : await queryUnifiedActions(item?.taskId)
   if (actions) {
     const rejectActions = actions.filter((action: any) =>
-        REJECT_ACTION_CODES.includes(action.code)
+      REJECT_ACTION_CODES.includes(action.code)
     )
     if (rejectActions.length > 0) {
       unifiedActionsRef.value?.open(item, rejectActions)
@@ -681,13 +575,13 @@ const DetailQuery = async (taskIdStr: string) =&gt; {
     let res: any;
     // 0-待办 1-已办 2-我发起的任务
     if (tabType === 0) {
-      res = await getTodoTaskDetail({taskId: taskIdStr});
+      res = await getTodoTaskDetail({ taskId: taskIdStr });
     } else if (tabType === 2) {
-      res = await getMyTaskDetail({taskId: taskIdStr});
+      res = await getMyTaskDetail({ taskId: taskIdStr });
     } else if (tabType === 1) {
-      res = await getDoneTaskDetail({taskId: taskIdStr});
+      res = await getDoneTaskDetail({ taskId: taskIdStr });
     } else {
-      uni.showToast({title: '无效的工单类型', icon: 'none'});
+      uni.showToast({ title: '无效的工单类型', icon: 'none' });
       return;
     }
@@ -698,7 +592,7 @@ const DetailQuery = async (taskIdStr: string) =&gt; {
     }
   } catch (error) {
     console.error('获取工单详情失败：', error);
-    uni.showToast({title: '加载失败，请重试', icon: 'none'});
+    uni.showToast({ title: '加载失败，请重试', icon: 'none' });
   } finally {
     loading.value = false;
   }
@@ -770,8 +664,8 @@ const handleRenew = (item: any) =&gt; {
   if (!tempKey) return;
   const pageUrl = USER_ROLES.includes('patrol_global')
-      ? '/pages-sub/problem/regional-order-manage/add-patrol-order'
-      : '/pages-sub/problem/regional-order-manage/add-order';
+    ? '/pages-sub/problem/regional-order-manage/add-patrol-order'
+    : '/pages-sub/problem/regional-order-manage/add-order';
   navToOrderPage(pageUrl, { isRenew: 1, tempKey });
 };
@@ -801,7 +695,7 @@ const confirmReject = async () =&gt; {
   const item = currentRejectItem.value;
   if (!item?.id) return showToast('工单信息异常');
-  uni.showLoading({title: '提交中...', mask: true});
+  uni.showLoading({ title: '提交中...', mask: true });
   try {
     const requestData = {
       "returnImgs": rejectImgs.getSuccessImgUrls(),
@@ -831,7 +725,7 @@ const handleProcess = async (item: any) =&gt; {
   const stepName = nextStepMap[item.taskKey]?.name;
   if (!stepName) return showToast('暂无处理权限或工单状态异常');
-  uni.showLoading({title: '处理中...', mask: true});
+  uni.showLoading({ title: '处理中...', mask: true });
   try {
     // 大区经理分配
     if (stepName === '大区经理分配') {
@@ -851,10 +745,10 @@ const handleProcess = async (item: any) =&gt; {
         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
+            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');
@@ -872,7 +766,7 @@ const handleProcess = async (item: any) =&gt; {
         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 };
+            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');
@@ -919,7 +813,7 @@ const handleProcess = async (item: any) =&gt; {
               operateType: 200, agree: 1, reason: 'AI工单派发人员结束工单'
             };
             await callApprovalApi(requestData, item.taskKey);
-            uni.showToast({title: '结束成功', icon: 'success'});
+            uni.showToast({ title: '结束成功', icon: 'success' });
             eventChannel.value.emit('needRefresh');
             uni.navigateBack({ delta: 1 });
           }
@@ -952,7 +846,7 @@ const handleAcceptModalConfirm = async () =&gt; {
   const item = currentAcceptItem.value;
   if (!item?.id) return showToast('工单信息异常');
-  uni.showLoading({title: '提交中...', mask: true});
+  uni.showLoading({ title: '提交中...', mask: true });
   try {
     let postData: any = {}
     if (item?.taskKey == 'ylTeamLeaderConfirm') {
@@ -980,7 +874,7 @@ const handleAcceptModalConfirm = async () =&gt; {
     showToast('提交成功', 'success');
     handleAcceptModalCancel();
     eventChannel.value.emit('needRefresh');
-    uni.navigateBack({delta: 1});
+    uni.navigateBack({ delta: 1 });
   } catch (error: any) {
     console.error('验收失败：', error);
     showToast(error.msg || error.message || '验收提交失败，请重试');
@@ -992,7 +886,7 @@ const handleAcceptModalConfirm = async () =&gt; {
 // ========== 生命周期 ==========
 onLoad((options: any) => {
   console.log('页面入参：', options)
-  const {taskId: taskIdOpt, activeTab: activeTabOpt, processInstanceId: processInstanceIdOpt} = options;
+  const { taskId: taskIdOpt, activeTab: activeTabOpt, processInstanceId: processInstanceIdOpt } = options;
   taskId.value = taskIdOpt || '';
   activeTab.value = activeTabOpt || '0';
   processInstanceId.value = processInstanceIdOpt;
@@ -1000,7 +894,7 @@ onLoad((options: any) =&gt; {
   DetailQuery(taskId.value);
 });
-onShow(() => {});
+onShow(() => { });
 </script>
 <style scoped lang="scss">
@@ -1017,8 +911,7 @@ onShow(() =&gt; {});
 }
 // 顶部Tabs
-.top-tabs {
-}
+.top-tabs {}
 // Tab内容区：左右 24rpx 留白（设计稿 .body）
 .tab-content {
@@ -1028,6 +921,7 @@ onShow(() =&gt; {});
 // 工单详情内容
 .detail-content {
+
   // 白色卡片：16rpx 圆角 + 卡片阴影（设计稿 .card）
   .detail-cell-group {
     background-color: #ffffff;
@@ -1037,8 +931,7 @@ onShow(() =&gt; {});
     overflow: hidden;
   }
-  .cell-content-wrap {
-  }
+  .cell-content-wrap {}
   .empty-text {
     color: #909399;
@@ -1055,11 +948,10 @@ onShow(() =&gt; {});
   overflow: hidden;
   .img-tab-content {
-    padding: 20rpx 15px ;
+    padding: 20rpx 15px;
     text-align: center;
-    .img-album {
-    }
+    .img-album {}
     .empty-img-text {
       height: 75px;
@@ -1126,8 +1018,7 @@ onShow(() =&gt; {});
     .step-album-wrap {
       padding: 10rpx 0;
-      .step-album {
-      }
+      .step-album {}
       .no-img-tip {
         font-size: 24rpx;
@@ -1186,6 +1077,7 @@ onShow(() =&gt; {});
 .mt-30 {
   margin-top: 30rpx;
 }
+
 // 针对 up-album 单图容器的样式
 :deep .u-album__row__wrapper image {
   width: 70px !important;