mod: 检查任务

package.json

     "dayjs": "1.11.10",
     "echarts": "^6.0.0",
     "js-cookie": "^3.0.5",
+    "lodash-es": "^4.17.23",
     "pinia": "2.0.36",
     "pinia-plugin-persistedstate": "3.2.1",
     "uni-echarts": "^2.4.1",

pnpm-lock.yaml

       js-cookie:
         specifier: ^3.0.5
         version: 3.0.5
+      lodash-es:
+        specifier: ^4.17.23
+        version: 4.17.23
       pinia:
         specifier: 2.0.36
         version: 2.0.36(typescript@5.8.3)(vue@3.4.21(typescript@5.8.3))
     resolution: {integrity: sha512-gvVijfZvn7R+2qyPX8mAuKcFGDf6Nc61GdvGafQsHL0sBIxfKzA+usWn4GFC/bk+QdwPUD4kWFJLhElipq+0VA==}
     engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
 
+  lodash-es@4.17.23:
+    resolution: {integrity: sha512-kVI48u3PZr38HdYz98UmfPnXl2DXrpdctLrFLCd3kOx1xUkOmpFPx7gCWWM5MPkL/fD8zb+Ph0QzjGFs4+hHWg==}
+
   lodash.camelcase@4.3.0:
     resolution: {integrity: sha512-TwuEnCnxbc3rAvhf/LbG7tJUDzhqXyFnv3dtzLOPgCG/hODL7WFnsbwktkD7yUV0RrreP/l1PALq/YSg6VvjlA==}
 
     dependencies:
       p-locate: 6.0.0
 
+  lodash-es@4.17.23: {}
+
   lodash.camelcase@4.3.0: {}
 
   lodash.debounce@4.0.8: {}

src/api/schedule/check.ts

+import { http as requestClient } from '@/http/http'
+
+enum Api {
+  base = '/taskCheckItem/item',
+  childBase = '/taskCheckSubItem/item',
+  handle = '/taskCheck/check/handle',
+}
+// 查询任务检查项列表
+export function getChecktItemsByTaskId(params: any) {
+  return requestClient.get(`${Api.base}/list`, params)
+}
+
+// 查询任务检查子项列表
+export function getCheckSubItemsByTaskId(params: any) {
+  return requestClient.get(`${Api.childBase}/list`, params)
+}
+
+// 提交任务检查子项日志
+export function submitCheckLogs(checkId: number, params: any) {
+  return requestClient.put(`${Api.childBase}/handle/${checkId}`, params)
+}
+
+// 处理任务检查项
+export function handleCheckTask(checkId: number) {
+  return requestClient.put(`${Api.handle}/${checkId}`)
+}

src/api/schedule/issue.ts

+import { http as requestClient } from '@/http/http'
+
+enum Api {
+  base = '/formOperationIssue/issue',
+}
+
+export function submitIssue(params: any) {
+  return requestClient.post(`${Api.base}`, params)
+}

src/api/schedule/task.ts

 
 enum Api {
   base = '/scheduleTasks/tasks',
+  confirmBase = '/scheduleTasks/tasks/confirm',
 }
 
 export function transferTask(data: any) {
 export function getTaskDetail(id: number) {
   return http.get(`${Api.base}/${id}`)
 }
+
+/**
+ * 确认完成任务
+ * @param id 任务id
+ * @returns
+ */
+export function confirmDoneTask(id: number) {
+  return http.put(`${Api.confirmBase}/${id}`)
+}

src/api/system/tags.ts

+import { http as requestClient } from '@/http/http'
+
+enum Api {
+  base = '/inspectionTag/tag',
+}
+
+/**
+ * 获取标签列表
+ * @param params
+ * @returns
+ */
+export function getTags(params: any) {
+  return requestClient.get(`${Api.base}/list`, params)
+}

src/api/system/users.ts

+import { http as requestClient } from '@/http/http'
+
+enum Api {
+  all = '/system/user/allList',
+  station = '/system/user/stationList',
+}
+
+/**
+ * 获取所有用户列表
+ * @param params
+ * @returns
+ */
+export function getAllUsers(params: any) {
+  return requestClient.get(`${Api.station}`, params)
+}

src/hooks/useUpload.ts

 import { ref } from 'vue'
 import { getEnvBaseUrl } from '@/utils/index'
 
-const VITE_UPLOAD_BASEURL = `${getEnvBaseUrl()}/upload`
+const VITE_UPLOAD_BASEURL = `${getEnvBaseUrl()}/common/upload`
 
 type TfileType = 'image' | 'file'
 type TImage = 'png' | 'jpg' | 'jpeg' | 'webp' | '*'
   error?: (err: any) => void
 }
 
+// 定义上传方法类型，与 wotui 的 UploadMethod 兼容
+export interface UploadMethodOptions {
+  header?: Record<string, string>
+  name?: string
+  fileName?: string
+  fileType?: string
+  statusCode?: number
+  onSuccess: (response: any, file: any, formData: any) => void
+  onError: (error: any, file: any, formData: any) => void
+  onProgress: (progress: any, file: any) => void
+}
+
 export default function useUpload<T extends TfileType>(options: TOptions<T> = {} as TOptions<T>) {
   const {
     formData = {},
     }
   }
 
-  return { loading, error, data, run }
+  /**
+   * 自定义上传函数，用于 wotui 的 upload 组件
+   * @param file 上传的文件对象
+   * @param formData 表单数据
+   * @param options 上传选项
+   * @returns 上传任务对象
+   */
+  const customUpload = (file: any, formData: any, options: UploadMethodOptions) => {
+    const uploadTask = uni.uploadFile({
+      url: VITE_UPLOAD_BASEURL,
+      header: options.header,
+      name: options.name || 'file',
+      fileName: options.fileName || 'file',
+      fileType: options.fileType,
+      formData,
+      filePath: file.url,
+      success(res) {
+        if (res.statusCode === (options.statusCode || 200)) {
+          // 尝试解析响应数据
+          let parsedData: any = res.data
+          try {
+            const jsonData = JSON.parse(res.data)
+            parsedData = jsonData.data || jsonData
+            file.url = parsedData.url || ''
+            file.name = parsedData.fileName || parsedData.name || ''
+          }
+          catch (e) {
+            console.log('Response is not JSON, using raw data:', res.data)
+          }
+
+          // 设置上传成功
+          options.onSuccess(parsedData, file, formData)
+        }
+        else {
+          // 设置上传失败
+          options.onError({ ...res, errMsg: res.errMsg || '' }, file, formData)
+        }
+      },
+      fail(err) {
+        // 设置上传失败
+        options.onError(err, file, formData)
+      },
+    })
+
+    // 设置当前文件加载的百分比
+    uploadTask.onProgressUpdate((res) => {
+      options.onProgress(res, file)
+    })
+
+    return uploadTask
+  }
+
+  return { loading, error, data, run, customUpload }
 }
 
 async function uploadFile({

src/pages/schedule/details/deal/inspection.vue

+<script lang="ts" setup>
+import { computed, onMounted, ref } from 'vue'
+import { useRoute, useRouter } from 'vue-router'
+import { getCheckSubItemsByTaskId, getChecktItemsByTaskId, handleCheckTask, submitCheckLogs } from '@/api/schedule/check'
+import { getTaskDetail } from '@/api/schedule/task'
+import useUpload from '@/hooks/useUpload'
+import anomalyPop from '../popup/anomaly.vue'
+import centerpopup from '../popup/centerpopup.vue'
+
+const route = useRoute()
+const taskId = ref(Number(route.query.id))
+const checkId = ref(Number(route.query.checkId))
+
+const popShow = ref({
+  centerShow: false,
+  anomalyShow: false,
+})
+// const popShow = ref({})
+const tab = ref('前庭')
+
+const taskInfo: any = ref({})
+const checkSubItems: any = ref([])
+
+const currentCheckList: any = ref([])
+const activeArea: any = ref(0)
+
+// 定义任务类型
+interface Task {
+  id: string
+  type: string
+  description: string
+  icon?: string
+  instructions: string
+  examples: string[]
+  images: string[]
+  status: 'normal' | 'abnormal'
+  isimages: boolean
+  details?: {
+    name: string
+    status: 'normal' | 'abnormal'
+  }[]
+}
+
+// 任务数据
+// const tasks = ref<Task[]>([
+//   {
+//     id: '1',
+//     type: '前庭',
+//     description:
+//       '[AI] [卫生] 前庭海报整齐不歪斜，干净无灰尘污渍（立柱、灯箱、展架等）。',
+//     instructions: '拍照：按照示例图拍摄前庭内海报宣传物，可上传多张照片',
+//     examples: [
+//       'https://picsum.photos/id/1018/200/150',
+//       'https://picsum.photos/id/1019/200/150',
+//     ],
+//     images: [],
+//     isimages: true,
+//     status: 'normal',
+//   },
+//   {
+//     id: '2',
+//     type: '前庭',
+//     description: '[卫生] 抽油枪栓是否出现空转或存在明显渗油。',
+//     icon: 'help-circle',
+//     instructions: '',
+//     examples: [],
+//     images: [],
+//     isimages: false,
+//     status: 'normal',
+//     details: [{ name: '12号枪', status: 'normal' }],
+//   },
+//   {
+//     id: '3',
+//     type: '前庭',
+//     description:
+//       '[AI] [卫生] 前庭海报整齐不歪斜，干净无灰尘污渍（立柱、灯箱、展架等）。',
+//     instructions: '拍照：按照示例图拍摄前庭内海报宣传物，可上传多张照片',
+//     examples: [
+//       'https://picsum.photos/id/1018/200/150',
+//       'https://picsum.photos/id/1019/200/150',
+//     ],
+//     images: ['https://picsum.photos/id/1025/200/150'],
+//     isimages: true,
+//     status: 'normal',
+//   },
+// ])
+
+// 选择图片
+function chooseImage(index: number) {
+  // 为每个上传请求创建独立的upload实例，确保能正确处理对应的任务索引
+  const { run: uploadImage } = useUpload({
+    fileType: 'image',
+    success: (res) => {
+      console.log('上传成功', res)
+      const imageUrl = res.url || ''
+      if (imageUrl) {
+        console.log('currentCheckList.value[index]', currentCheckList.value[index], imageUrl)
+        if (!currentCheckList.value[index]?.dealPhoto) {
+          currentCheckList.value[index].dealPhoto = []
+        }
+        nextTick(() => {
+          currentCheckList.value[index].dealPhoto.push({
+            url: imageUrl,
+            name: res.fileName,
+          })
+        })
+      }
+    },
+    error: (err) => {
+      console.error('上传失败', err)
+    },
+  })
+  uploadImage()
+}
+const selectTask = ref<any>({})
+// 切换任务状态
+function toggleTaskStatus(task: any) {
+  selectTask.value = task
+  popShow.value.anomalyShow = true
+}
+
+// 处理异常信息提交
+function handleAnomalySubmitted({ checkItemId, data }: { checkItemId: number, data: any }) {
+  // 在 currentCheckList 中找到对应的任务
+  const taskIndex = currentCheckList.value.findIndex((item: any) => item.id === checkItemId)
+  if (taskIndex !== -1) {
+    // 在任务对象中添加标记，表明异常信息已填写
+    currentCheckList.value[taskIndex].hasAnomalyInfo = true
+    // 保存提交的异常数据
+    currentCheckList.value[taskIndex].anomalyData = data
+  }
+}
+
+// 处理 dealResult 变化
+function handleDealResultChange(task: any) {
+  // 当用户选择异常时，自动弹出异常信息填写抽屉
+  if (task.dealResult === '2') {
+    toggleTaskStatus(task)
+  }
+}
+
+// 切换分数选择
+function toggleScore(taskIndex: number, score: number | null) {
+  const task = currentCheckList.value[taskIndex]
+  task.score = score
+  // 当分数小于 5 时，设置任务状态为异常
+  if (score !== null && score < 5) {
+    task.status = 'abnormal'
+  }
+  else {
+    task.status = 'normal'
+  }
+}
+
+const lastIndex = ref(0)
+
+async function saveCheckLog({ index }: { index: number }) {
+  try {
+    // 获取当前数据
+    const logs = []
+    const items = checkSubItems.value[index]?.items || []
+    currentCheckList.value.forEach((item: any, index: number) => {
+      const logInfo = {
+        inputItem: item.dealInputItem || '', // 输入内容
+        itemId: item.id || '', // 检查项ID
+        photo: item.dealPhoto?.map((photo: any) => photo.name).join(',') || '', // 照片
+        result: item.dealHasScore ? (item.dealScore || 0) === item.limitScore ? '1' : '2' : '3', // 检查结果1正常2异常3不适用
+        score: item.dealHasScore ? item.dealScore || 0 : 0, // 分数
+      }
+
+      // 做一些判断，比如必填项
+      if (item.hasPhoto === 2 && !item.dealPhoto?.length) {
+        throw new Error('请上传照片')
+      }
+
+      if (item.hasInput === 1 && !item.dealInputItem) {
+        throw new Error('请输入内容')
+      }
+
+      if (logInfo.result === '2') {
+      // 判断是否输入异常项
+      // if (!item.dealScore) {
+      //   uni.showToast({
+      //     title: '请输入分数',
+      //     icon: 'none',
+      //   })
+      //   return
+      // }
+      }
+
+      logs.push(logInfo)
+    })
+
+    const res: any = await submitCheckLogs(checkId.value, logs)
+    console.log('提交检查子项日志', res)
+    if (res.code === 200) {
+      // uni.showToast({
+      //   title: '提交成功',
+      //   icon: 'success',
+      // })
+      lastIndex.value = index
+      currentCheckList.value = checkSubItems.value[index]?.items || []
+    }
+    else {
+      uni.showToast({
+        title: '提交失败',
+        icon: 'none',
+      })
+    }
+  }
+  catch (error) {
+    uni.showToast({
+      title: error.message || '提交失败',
+      icon: 'none',
+    })
+    console.log('lastIndex.value', lastIndex.value)
+    nextTick(() => {
+      activeArea.value = lastIndex.value
+    })
+  }
+}
+
+// 提交任务
+function submitTasks() {
+  saveCheckLog({ index: activeArea.value }).then(() => {
+    // 提交任务
+    handleCheckTask(checkId.value).then(() => {
+      uni.showToast({
+        title: '提交成功',
+        icon: 'success',
+      })
+    }).catch(() => {
+      uni.showToast({
+        title: '提交失败',
+        icon: 'none',
+      })
+    })
+  })
+}
+
+function init() {
+  // 并发获取数据
+  Promise.all([
+    getTaskDetail(taskId.value),
+    getChecktItemsByTaskId({
+      checkId: checkId.value,
+      pageSize: 100,
+    }),
+    getCheckSubItemsByTaskId({
+      checkId: checkId.value,
+      pageSize: 100,
+    }),
+  ]).then(([taskDetailRes, checkItemsRes, checkSubItemsRes]: any) => {
+    if (taskDetailRes.data) {
+      taskInfo.value = taskDetailRes.data
+    }
+    // 处理检查项数据
+    checkSubItems.value = checkSubItemsRes?.rows || []
+    checkSubItems.value.forEach((item: any) => {
+      item.items
+        = checkItemsRes?.rows?.filter(
+          (subItem: any) => subItem.subItemId === item.id,
+        ) || []
+      // 为每个任务添加 score 字段
+      item.items.forEach((task: any) => {
+        task.score = task.score || null
+      })
+    })
+    // 更新检查项数据
+    console.log('checkSubItems', checkSubItems.value)
+    activeArea.value = 0
+    currentCheckList.value = checkSubItems.value[0]?.items || []
+  })
+}
+
+function getPhotos(item: any): Array<{ isExample: boolean, url: string }> {
+  const list: Array<{ isExample: boolean, url: string }> = (
+    item.exampleImageUrl || []
+  ).map((url: string) => ({
+    url,
+    isExample: true,
+  }));
+  (item.photoUrl || []).forEach((url: string) => {
+    list.push({
+      url,
+      isExample: false,
+    })
+  })
+
+  return list
+}
+
+onMounted(async () => {
+  await init()
+})
+</script>
+
+<template>
+  <view class="task-management">
+    <view class="fixed-area">
+      <view class="title">
+        <text class="title-text">
+          {{ taskInfo.stationName || '' }}
+        </text>
+      </view>
+      <view>
+        <wd-tabs v-model="activeArea" @click="saveCheckLog">
+          <block v-for="(item, index) in checkSubItems" :key="index">
+            <wd-tab :title="`${item.name}`" :name="index" />
+          </block>
+        </wd-tabs>
+      </view>
+    </view>
+
+    <scroll-view class="task-container" scroll-y>
+      <view class="tasks">
+        <view
+          v-for="(task, index) in currentCheckList"
+          :key="index"
+          class="task-item"
+        >
+          <!-- 任务描述 -->
+          <view class="task-description">
+            <text class="task-number">{{ +index + 1 }}.</text>
+            <text class="task-text">
+              {{ task.itemName }}
+              <wd-icon
+                v-if="task?.icon"
+                :name="task?.icon"
+                size="32rpx"
+                @click="() => (popShow.centerShow = true)"
+              />
+            </text>
+          </view>
+
+          <view v-if="task.hasInput > 0" class="input-container" style="margin-right: 1rem;">
+            <wd-textarea v-model="task.dealInputItem" :placeholder="task.inputContent || '请输入内容'" :maxlength="100" show-word-limit />
+          </view>
+
+          <!-- 操作说明 -->
+          <view v-if="task.hasPhoto > 0" class="task-instructions">
+            <text v-if="task.photoPrompt" class="instructions-text">
+              {{ `拍照：${task.photoPrompt}` || '' }}
+            </text>
+            <text v-if="task.hasPhoto === 2 && !task.photoPrompt" class="instructions-text">
+              <span style="color: red;">*</span>必拍
+            </text>
+          </view>
+
+          <!-- 示例图片 -->
+          <view v-if="task.hasPhoto > 0" class="example-images">
+            <view
+              v-for="(img, idx) in task.exampleImageUrl"
+              :key="idx"
+              class="example-image"
+            >
+              <image :src="img" mode="aspectFill" />
+              <text class="example-text">示例</text>
+            </view>
+          </view>
+
+          <!-- 图片上传区域 -->
+          <view v-if="task.hasPhoto > 0 || (task?.images?.length > 0)" class="image-upload-container">
+            <!-- 上传按钮 -->
+            <view
+              v-if="task.hasPhoto > 0"
+              class="upload-btn"
+              @tap="chooseImage(+index)"
+            >
+              <view class="btn-content">
+                <text class="btn-icon">+</text>
+                <text class="btn-text">拍照</text>
+              </view>
+            </view>
+
+            <!-- 已上传图片 -->
+            <view v-if="task?.dealPhoto?.length > 0" class="uploaded-images">
+              <view
+                v-for="(image, idx) in task.dealPhoto"
+                :key="idx"
+                class="uploaded-image"
+              >
+                <image :src="image.url" mode="aspectFill" />
+              </view>
+            </view>
+          </view>
+          <view v-if="task.checkResult === 1" style="margin-left: 1rem;">
+            <wd-radio-group v-model="task.dealResult" shape="dot" inline @change="handleDealResultChange(task)">
+              <wd-radio value="1">
+                正常
+              </wd-radio>
+              <wd-radio value="2">
+                异常
+              </wd-radio>
+              <wd-radio value="3">
+                不适用
+              </wd-radio>
+            </wd-radio-group>
+            <view v-if="task.dealResult === '2'" style="margin-top: 8rpx;">
+              <text class="link-text" @tap="toggleTaskStatus(task)">{{ task.hasAnomalyInfo ? '点击查看异常' : '点击填写异常' }}</text>
+            </view>
+          </view>
+
+          <!-- 打分组件 -->
+          <view v-if="[2, 3].includes(task.checkResult)" class="score-container">
+            <view class="score-row">
+              <view class="score-label">
+                打分
+              </view>
+              <wd-checkbox v-model="task.dealHasScore">
+                不适用
+              </wd-checkbox>
+              <wd-input-number v-model="task.dealScore" :min="0" :max="task.limitScore" :disabled="task.dealHasScore" />
+              <view class="score-tip">
+                满分为{{ task.limitScore }}分
+              </view>
+            </view>
+            <view v-if="task.dealScore !== null && task.dealScore < task.limitScore && !task.dealHasScore" class="abnormal-link">
+              <text class="link-text" @tap="toggleTaskStatus(task)">{{ task.hasAnomalyInfo ? '点击查看异常' : '点击填写异常（未满分必填）' }}</text>
+            </view>
+          </view>
+        </view>
+      </view>
+    </scroll-view>
+    <centerpopup v-model:center-show="popShow.centerShow" />
+
+    <anomalyPop v-model:anomaly-show="popShow.anomalyShow" :task-id="taskId" :station-id="taskInfo.stationId" :check-item-id="selectTask.id" @anomaly-submitted="handleAnomalySubmitted" />
+    <!-- 确定按钮 -->
+    <view class="confirm-btn">
+      <button class="btn" @click="submitTasks">
+        提交
+      </button>
+      <button class="btn" @click="saveCheckLog({ index: activeArea.value })">
+        保存
+      </button>
+    </view>
+  </view>
+</template>
+
+<style lang="scss" scoped>
+.task-management {
+  display: flex;
+  flex-direction: column;
+  height: 1500rpx;
+  overflow: hidden;
+
+  // 全局链接文本样式
+  .link-text {
+    font-size: 24rpx;
+    color: red;
+    text-decoration: underline;
+    cursor: pointer;
+  }
+
+  .fixed-area {
+    flex-shrink: 0; // 不让它被压缩
+    background-color: #fff;
+    position: sticky; // 若想随外层滚就 sticky；想完全固定用 fixed 即可
+    top: 0;
+    z-index: 10;
+  }
+  .title {
+    width: 100%;
+    height: 128rpx;
+    background-color: #4a80c3;
+    display: flex;
+    align-items: center;
+    box-sizing: border-box;
+    padding-left: 46rpx;
+  }
+
+  .title-text {
+    font-size: 36rpx;
+    font-weight: 500;
+    color: #fff;
+  }
+
+  // // 任务容器
+  // .task-container {
+  //   flex: 1;
+  //   padding: 0 30rpx;
+
+  //   .tasks {
+  //     padding: 20rpx 0;
+  //   }
+  // }
+  .task-container {
+    flex: 1; // 占剩余高度
+    overflow-y: auto; // 仅这里滚动
+    padding: 0 30rpx 120rpx; // 为底部固定按钮留出空间
+  }
+  // 任务项
+  .task-item {
+    margin-bottom: 40rpx;
+
+    // 任务描述
+    .task-description {
+      display: flex;
+      margin-bottom: 16rpx;
+
+      .task-number {
+        font-size: 28rpx;
+        color: #333;
+        margin-right: 8rpx;
+        font-weight: 500;
+      }
+
+      .task-text {
+        font-size: 28rpx;
+        font-weight: 400;
+        color: #333;
+        line-height: 44rpx;
+      }
+    }
+
+    // 操作说明
+    .task-instructions {
+      margin-bottom: 20rpx;
+      margin-left: 1rem;
+
+      .instructions-text {
+        font-size: 24rpx;
+        color: #666;
+        line-height: 36rpx;
+      }
+    }
+
+    // 示例图片
+    .example-images {
+      display: flex;
+      gap: 16rpx;
+      margin-bottom: 20rpx;
+      margin-left: 1rem;
+
+      .example-image {
+        width: 140rpx;
+        height: 100rpx;
+        position: relative;
+
+        image {
+          width: 100%;
+          height: 100%;
+          border-radius: 8rpx;
+        }
+
+        .example-text {
+          position: absolute;
+          bottom: 0;
+          left: 0;
+          right: 0;
+          background-color: rgba(0, 0, 0, 0.5);
+          color: white;
+          font-size: 20rpx;
+          text-align: center;
+          padding: 4rpx 0;
+          border-radius: 0 0 8rpx 8rpx;
+        }
+      }
+    }
+
+    // 已上传图片
+    .uploaded-images {
+      display: flex;
+      gap: 16rpx;
+      margin-bottom: 20rpx;
+
+      .uploaded-image {
+        width: 140rpx;
+        height: 100rpx;
+
+        image {
+          width: 100%;
+          height: 100%;
+          border-radius: 8rpx;
+        }
+      }
+    }
+
+    // 图片上传区域容器
+    .image-upload-container {
+      display: flex;
+      gap: 16rpx;
+      margin-bottom: 24rpx;
+      margin-left: 1rem;
+      overflow-x: auto;
+      padding-bottom: 8rpx;
+      white-space: nowrap;
+      -webkit-overflow-scrolling: touch;
+
+      &::-webkit-scrollbar {
+        height: 4rpx;
+      }
+
+      &::-webkit-scrollbar-track {
+        background: #f1f1f1;
+        border-radius: 2rpx;
+      }
+
+      &::-webkit-scrollbar-thumb {
+        background: #ccc;
+        border-radius: 2rpx;
+      }
+    }
+
+    // 上传按钮
+    .upload-btn {
+      width: 140rpx;
+      height: 100rpx;
+      border: 2rpx dashed #ccc;
+      border-radius: 8rpx;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      flex-shrink: 0;
+
+      .btn-content {
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+
+        .btn-icon {
+          font-size: 40rpx;
+          color: #999;
+          line-height: 40rpx;
+        }
+
+        .btn-text {
+          font-size: 24rpx;
+          color: #999;
+          margin-top: 4rpx;
+        }
+      }
+    }
+
+    // 已上传图片
+    .uploaded-images {
+      display: flex;
+      gap: 16rpx;
+      flex-shrink: 0;
+
+      .uploaded-image {
+        width: 140rpx;
+        height: 100rpx;
+        flex-shrink: 0;
+
+        image {
+          width: 100%;
+          height: 100%;
+          border-radius: 8rpx;
+        }
+      }
+    }
+
+    // 状态选择
+    .status-select {
+      margin-bottom: 20rpx;
+
+      .radio-group {
+        display: flex;
+        gap: 40rpx;
+      }
+    }
+
+    // 带详情的状态选择
+    .detail-status {
+      margin-bottom: 20rpx;
+
+      .detail-name {
+        font-size: 28rpx;
+        color: #333;
+        margin-right: 20rpx;
+        // margin-bottom: 10rpx;
+      }
+
+      .radio-group {
+        display: flex;
+        gap: 40rpx;
+      }
+
+      .detail-items {
+        margin-top: 16rpx;
+        display: flex;
+        flex-wrap: wrap;
+        gap: 40rpx;
+      }
+    }
+
+    // 单选按钮
+    .radio-group {
+      .radio-item {
+        // margin-top: 50rpx;
+        display: flex;
+        align-items: center;
+        gap: 8rpx;
+
+        .radio {
+          width: 32rpx;
+          height: 32rpx;
+          border: 2rpx solid #ccc;
+          border-radius: 50%;
+          display: flex;
+          align-items: center;
+          justify-content: center;
+
+          &.selected {
+            border-color: #215acd;
+            // background-color: #4a80c3;
+
+            &::after {
+              content: '';
+              width: 16rpx;
+              height: 16rpx;
+              border-radius: 50%;
+              background-color: #215acd;
+            }
+          }
+        }
+
+        .radio-text {
+          font-size: 28rpx;
+          color: #333;
+        }
+      }
+    }
+
+    // 打分组件
+    .score-select {
+      margin-bottom: 20rpx;
+
+      .score-label {
+        font-size: 28rpx;
+        color: #333;
+        margin-bottom: 12rpx;
+      }
+
+      .score-container {
+        display: flex;
+        align-items: center;
+        gap: 40rpx;
+        margin-bottom: 16rpx;
+      }
+
+      .score-buttons {
+        display: flex;
+        gap: 20rpx;
+      }
+
+      .score-button {
+        width: 60rpx;
+        height: 60rpx;
+        border: 2rpx solid #ccc;
+        border-radius: 50%;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        font-size: 28rpx;
+        color: #333;
+        background-color: #fff;
+        transition: all 0.2s ease;
+
+        &.selected {
+          border-color: #215acd;
+          background-color: #215acd;
+          color: #fff;
+        }
+      }
+
+      .abnormal-link {
+        margin-top: 12rpx;
+      }
+
+      .link-text {
+        font-size: 24rpx;
+        color: red;
+        text-decoration: underline;
+        cursor: pointer;
+      }
+    }
+
+    // 新打分组件样式
+    .score-container {
+      margin-bottom: 20rpx;
+      margin-left: 1rem;
+      .score-row {
+        display: flex;
+        align-items: center;
+        gap: 20rpx;
+        margin-bottom: 12rpx;
+      }
+
+      .score-label {
+        font-size: 28rpx;
+        color: #333;
+        white-space: nowrap;
+      }
+
+      .score-tip {
+        font-size: 24rpx;
+        color: #666;
+        margin-bottom: 12rpx;
+      }
+
+      .abnormal-link {
+        margin-top: 8rpx;
+      }
+
+      .link-text {
+        font-size: 24rpx;
+        color: red;
+        text-decoration: underline;
+        cursor: pointer;
+      }
+    }
+  }
+
+  // 确定按钮
+  .confirm-btn {
+    position: fixed;
+    bottom: 0;
+    left: 0;
+    right: 0;
+    padding: 20rpx 30rpx;
+    background-color: white;
+    border-top: 1rpx solid #eee;
+    display: flex;
+    gap: 20rpx;
+    z-index: 90;
+
+    .btn {
+      flex: 1;
+      height: 80rpx;
+      background-color: #215acd;
+      color: white;
+      font-size: 32rpx;
+      border-radius: 12rpx;
+      font-weight: 400;
+      border: none;
+      outline: none;
+    }
+  }
+}
+</style>

src/pages/schedule/details/deal/upload.vue

+<template>
+  <view class="page-container">
+    <view class="page-header">
+      <view class="page-header-left">
+        <view class="page-header-left-title">
+          上传文件
+        </view>
+      </view>
+    </view>
+  </view>
+</template>
+
+<script setup lang="ts">
+import { onMounted, ref } from 'vue'
+
+const taskId = ref('')
+const checkId = ref('')
+
+onMounted(() => {
+//   taskId.value = getQueryParam('id') || ''
+//   checkId.value = getQueryParam('checkId') || ''
+})
+</script>

src/pages/schedule/details/index.vue

+<script setup lang="ts">
+import dayjs from 'dayjs'
+import { keyBy } from 'lodash-es'
+import { ref } from 'vue'
+import { useRoute, useRouter } from 'vue-router'
+import { useMessage, useToast } from 'wot-design-uni'
+import { confirmDoneTask, getTaskDetail } from '@/api/schedule/task'
+
+import { authStatusOptions, taskLevelOptions, taskStatusOptions } from '@/utils/dicts'
+
+const message = useMessage()
+const toast = useToast()
+
+// 定义页面配置，注册路由
+definePage({
+  excludeLoginPath: true,
+})
+
+// 状态管理
+const isExpanded = ref(false)
+const router = useRouter()
+
+const route = useRoute()
+const taskId = ref(Number(route.query.id))
+
+const taskInfo: any = ref({})
+const taskOther: any = ref({})
+const taskResult: any = ref({})
+
+// 切换更多内容显示/隐藏
+function toggleMore() {
+  isExpanded.value = !isExpanded.value
+}
+
+async function dealConfirmTaskEvent() {
+// 二次弹框确认
+  message.confirm({
+    msg: `确认完成任务 ${taskInfo.value.taskName} 吗？`,
+    title: '确认完成',
+  }).then(async () => {
+    try {
+      await confirmDoneTask(taskInfo.value.id || 0)
+
+      toast.success('确认完成任务成功')
+      await init()
+    }
+    catch {
+      toast.error('操作失败')
+    }
+  }).catch(() => {
+    return
+  })
+}
+
+// 查看详情按钮点击事件
+async function dealTaskEvent() {
+  // 根据任务类型进行判断
+  let params: any = {}
+  let isModelPage = false
+  switch (taskInfo.value.formType) {
+    case 'inspection': {
+      uni.navigateTo({
+        url: `/pages/schedule/details/deal/inspection?id=${taskId.value}&checkId=${taskInfo.value.taskList[0].id}`,
+      })
+      return
+    }
+    case 'confirm': {
+      await dealConfirmTaskEvent()
+
+      return
+    }
+    case 'form': {
+      if (
+        ['annualExamination_task', 'replacement_task'].includes(
+          taskInfo.value.subFormType,
+        )
+      ) {
+        try {
+          // await dealAnnualExaminationTask()
+        }
+        catch {
+          // ElMessage.error('处理任务失败')
+        }
+        return
+      }
+
+      params = {
+        taskId: taskInfo.value.taskList?.[0]?.id || '',
+        taskName: taskInfo.value.taskName,
+        taskList: taskInfo.value.taskList || [],
+        remark: taskResult.value.content,
+        stationId: taskInfo.value.stationId || 0,
+        subFormType: taskInfo.value.subFormType,
+        attachmentUrl: taskResult.value.images,
+      }
+
+      if (
+        [
+          'ambulance_check',
+          'emergency_protection_monthly_check',
+          'filter_maintenance',
+          'fire_extinguisher_check',
+        ].includes(taskInfo.value.subFormType)
+      ) {
+        isModelPage = true
+      }
+
+      break
+    }
+    case 'upload': {
+      uni.navigateTo({
+        url: `/pages/schedule/details/deal/upload?id=${taskId.value}`,
+      })
+      return
+    }
+    default: {
+      // return ElMessage.error('当前任务无法处理')
+    }
+  }
+  // if (isModelPage) {
+  //   pageModalApi.open()
+  // }
+  // else {
+  //   dealDrawerApi.setData(params).open()
+  // }
+}
+// 查看详情按钮点击事件2
+function viewDetails2() {
+  uni.navigateTo({
+    url: '/pages/schedule/details/taskmanagement/index2',
+  })
+}
+function viewDetails3() {
+  uni.navigateTo({
+    url: '/pages/schedule/details/taskdetails/index',
+  })
+}
+
+/**
+ * 获取任务时间
+ * @returns 任务时间字符串
+ */
+function getTaskTime() {
+  return `${dayjs(taskInfo.value.startTime).format('MM-DD HH:mm')}~${dayjs(taskInfo.value.endTime).format('MM-DD HH:mm')}`
+}
+
+/**
+ * 下载文件
+ * @param file 文件对象或链接
+ * @param fileName 文件名
+ */
+function downloadFile(file: any, fileName: string) {
+  // 这里实现文件下载逻辑
+  console.log('downloadFile:', file, fileName)
+}
+
+async function init() {
+  const res: any = await getTaskDetail(taskId.value)
+  taskInfo.value = res.data || {}
+  if (!taskInfo.value.status) {
+    taskInfo.value.status = 0
+  }
+  // 假设从接口返回数据中获取taskOther和taskResult
+  taskOther.value.taskTypeName = taskInfo.value?.formTypeName || '-'
+
+  if (!taskInfo.value.executorName && taskInfo.value.taskList?.length) {
+    taskInfo.value.executorName = taskInfo.value.taskList[0].executorName
+  }
+
+  if (taskInfo.value.formType === 'photo') {
+    const result = taskInfo.value?.taskList?.[0] || {}
+    if (result.remark) {
+      taskResult.value.content = result.remark
+    }
+    if (result?.attachmentUrl?.length) {
+      taskResult.value.images = result.attachmentUrl
+    }
+  }
+  else if (taskInfo.value.formType === 'upload') {
+    // attachmentUrl
+    const result = taskInfo.value?.taskList?.[0] || {}
+    if (result.remark) {
+      taskResult.value.content = result.remark
+    }
+    if (result?.attachmentUrl?.length) {
+      taskResult.value.files = result.attachmentUrl
+      taskResult.value.fileNames = result.attachmentName.split(',')
+    }
+  }
+  else {
+    // taskResult.value = taskInfo.value?.taskList?.[0] || {};
+  }
+
+  if (taskInfo.value?.taskTemplate) {
+    taskOther.value.taskFrequencyName
+      = taskInfo.value?.taskTemplate?.taskFrequencyName || '-'
+  }
+}
+
+// 状态标签配置
+const statusConfig: any = keyBy(taskStatusOptions, 'value')
+
+// 优先级标签配置
+const priorityConfig: any = keyBy(taskLevelOptions, 'value')
+
+// 授权状态标签配置
+const authStatusConfig: any = keyBy(authStatusOptions, 'value')
+
+onMounted(async () => {
+  await init()
+})
+</script>
+
 <template>
   <view class="details-box">
     <!-- 标题区域 -->
     <view class="details-box-title">
       <view class="details-box-title-text">
-        巡站日检 AI
+        {{ taskInfo.taskName || '任务详情' }}
       </view>
     </view>
 
     <!-- 标签区域 -->
     <view class="tags-box">
-      <view class="tag tag-mandatory">
-        必做
+      <view class="tag">
+        {{ priorityConfig[taskInfo.level]?.label || taskInfo.level }}
       </view>
-      <view class="tag tag-authorize">
-        可授权
+
+      <view class="tag">
+        {{ statusConfig[`${taskInfo.status || 0}`]?.label || taskInfo.status }}
       </view>
-      <view class="tag tag-time">
-        按时完成
+      <view class="tag">
+        {{ authStatusConfig[taskInfo.authStatus || 0]?.label || taskInfo.authStatus }}
       </view>
     </view>
 
       <view class="section-title">
         任务描述
       </view>
-      <view class="task-description">
-        <view class="task-item">
-          1、每日到站第一事，巡视油站；
-        </view>
-        <view class="task-item">
-          2、了解人、财、物情况；
-        </view>
-        <view class="task-item">
-          3、可随手解决当场解决，其他后续跟进，直到解决；
-        </view>
-        <view class="task-item">
-          4、检查标识识：AI的不需要人为判断异常，默认正常即可。
-        </view>
-      </view>
+      <view class="task-description" v-html="taskInfo.description || '暂无'" />
     </view>
 
     <!-- 标准指引 -->
     <view class="section">
       <view class="section-title">
-        标准指引
+        任务信息
       </view>
       <view class="standard-guide">
         <view class="guide-item">
           <view class="guide-label">
+            场站
+          </view>
+          <view class="guide-value">
+            {{ taskInfo.stationName || '-' }}
+          </view>
+        </view>
+        <view class="guide-item">
+          <view class="guide-label">
+            标准指引
+          </view>
+          <view class="guide-value">
+            {{ taskInfo.standardGuide || '-' }}
+          </view>
+        </view>
+        <view class="guide-item">
+          <view class="guide-label">
             执行人
           </view>
           <view class="guide-value">
-            李玫玮（站长）
+            {{ taskInfo.executorName || '-' }}
           </view>
         </view>
         <view class="guide-item">
             计划时间
           </view>
           <view class="guide-value">
-            12月5日
+            {{ taskInfo.displayDate || '-' }}
+          </view>
+        </view>
+        <view class="guide-item">
+          <view class="guide-label">
+            创建
+          </view>
+          <view class="guide-value">
+            {{ taskInfo.createBy || '' }}
+          </view>
+        </view>
+        <view class="guide-item">
+          <view class="guide-label">
+            任务类型
+          </view>
+          <view class="guide-value">
+            {{ taskInfo.subFormTypeName || taskOther.taskTypeName || '-' }}
+          </view>
+        </view>
+        <view class="guide-item">
+          <view class="guide-label">
+            任务负责人
+          </view>
+          <view class="guide-value">
+            {{ taskInfo.taskLeaderName || '-' }}
+          </view>
+        </view>
+        <view class="guide-item">
+          <view class="guide-label">
+            任务频率
+          </view>
+          <view class="guide-value">
+            {{ taskOther.taskFrequencyName || '-' }}
           </view>
         </view>
         <view class="guide-item">
             任务时间
           </view>
           <view class="guide-value">
-            12月5日 00:00-12月5日 18:00
+            {{ getTaskTime() || '-' }}
+          </view>
+        </view>
+        <!-- <view class="guide-item">
+          <view class="guide-label">
+            任务描述
+          </view>
+          <view class="guide-value">
+            {{ taskInfo.description || '-' }}
+          </view>
+        </view> -->
+        <view v-if="taskInfo.descriptionFilesUrl && taskInfo.descriptionFilesUrl.length > 0" class="guide-item">
+          <view class="guide-label">
+            详情附件
+          </view>
+          <view class="guide-value">
+            <!-- 使用wot-ui样式显示附件 -->
+            <view class="attachment-list">
+              <wd-tag
+                v-for="(file, index) in taskInfo.descriptionFilesUrl"
+                :key="index"
+                custom-class="attachment-tag"
+                type="primary"
+                plain
+              >
+                附件{{ index + 1 }}
+              </wd-tag>
+            </view>
+          </view>
+        </view>
+        <view v-if="taskResult.handleContent || taskInfo.cancelReason" class="guide-item">
+          <view class="guide-label">
+            处理情况
+          </view>
+          <view class="guide-value">
+            {{ taskResult.handleContent || taskInfo.cancelReason || '' }}
           </view>
         </view>
         <view class="guide-item">
           <view class="guide-label">
-            完成时间
+            处理时间
+          </view>
+          <view class="guide-value">
+            {{ taskInfo.completeTime || taskInfo.cancelTime || '-' }}
+          </view>
+        </view>
+        <view v-if="taskResult.files && taskResult.files.length > 0" class="guide-item">
+          <view class="guide-label">
+            处理附件
           </view>
           <view class="guide-value">
-            12月5日
+            <!-- 使用wot-ui样式显示附件列表 -->
+            <view class="attachment-list">
+              <wd-tag
+                v-for="(file, index) in taskResult.files"
+                :key="index"
+                custom-class="attachment-tag"
+                type="success"
+                plain
+                @click="downloadFile(file, taskResult.fileNames[index] || `附件${index + 1}`)"
+              >
+                {{ taskResult.fileNames[index] || `附件${index + 1}` }}
+              </wd-tag>
+            </view>
           </view>
         </view>
       </view>
     </view>
 
     <!-- 查看更多 -->
-    <view class="more-btn" @tap="toggleMore">
+    <!-- <view class="more-btn" @tap="toggleMore">
       <text class="arrow">点击查看更多</text>
       <wd-icon
         class="arrow"
         :name="isExpanded ? 'arrow-up' : 'arrow-down'"
         size="20px"
       />
-    </view>
+    </view> -->
 
     <!-- 更多内容（默认隐藏） -->
     <view v-if="isExpanded" class="more-content">
       </view>
     </view>
 
-    <view class="detail-btn" @tap="viewDetails1">
-      <text>查 看 详 情1</text>
+    <view class="detail-btn" @tap="dealTaskEvent">
+      <text>处理任务</text>
     </view>
-    <view class="detail-btn" @tap="viewDetails2">
+    <!-- <view class="detail-btn" @tap="viewDetails2">
       <text>查 看 详 情2</text>
     </view>
     <view class="detail-btn" @tap="viewDetails3">
       <text>查 看 详 情3</text>
-    </view>
+    </view> -->
   </view>
 </template>
 
-<script setup lang="ts">
-import { ref } from 'vue'
-import { useRoute, useRouter } from 'vue-router'
-
-import { getTaskDetail } from '@/api/schedule/task'
-
-// 定义页面配置，注册路由
-definePage({
-  excludeLoginPath: true,
-})
-
-// 状态管理
-const isExpanded = ref(false)
-const router = useRouter()
-
-const route = useRoute()
-const taskId = ref(Number(route.params.id))
-
-// 切换更多内容显示/隐藏
-function toggleMore() {
-  isExpanded.value = !isExpanded.value
-}
-
-// 查看详情按钮点击事件
-function viewDetails1() {
-  uni.navigateTo({
-    url: '/pages/schedule/details/taskmanagement/index1',
-  })
-}
-// 查看详情按钮点击事件2
-function viewDetails2() {
-  uni.navigateTo({
-    url: '/pages/schedule/details/taskmanagement/index2',
-  })
-}
-function viewDetails3() {
-  uni.navigateTo({
-    url: '/pages/schedule/details/taskdetails/index',
-  })
-}
-
-async function init() {
-  const res = await getTaskDetail(taskId.value)
-  taskInfo.value = res
-  if (!taskInfo.value.status) {
-    taskInfo.value.status = 0
-  }
-}
-
-onMounted(async () => {
-  await init()
-})
-</script>
-
 <style lang="scss" scoped>
 .details-box {
   display: flex;
     margin-bottom: 24rpx;
 
     .details-box-title-text {
-      font-size: 38rpx;
+      font-size: 48rpx;
       font-weight: 500;
       color: #31373d;
     }
   // 标签样式
   .tags-box {
     display: flex;
-    gap: 16rpx;
-    margin-bottom: 32rpx;
+    gap: 12rpx;
+    margin-bottom: 24rpx;
 
     .tag {
       padding: 8rpx 16rpx;
       border-radius: 14rpx;
       font-size: 24rpx;
       font-weight: 400;
-
-      &.tag-mandatory {
-        color: #215acd;
-        background-color: #e8f3ff;
-      }
-
-      &.tag-authorize {
-        color: #215acd;
-        background-color: #e8f3ff;
-      }
-
-      &.tag-time {
-        color: #215acd;
-        background-color: #e8f3ff;
-      }
+      color: #215acd;
+      background-color: #e8f3ff;
     }
   }
 
 
   // 任务描述样式
   .task-description {
-    background-color: #f8f9fa;
-    padding: 24rpx;
-    border-radius: 12rpx;
+    padding: 0 0 24rpx 0;
+    border-bottom: 1rpx solid #e5e5e5;
+
+    // 针对HTML内容的样式
+    & :deep(ol),
+    & :deep(ul) {
+      padding-left: 32rpx;
+      margin: 0;
+    }
 
-    .task-item {
-      font-size: 27rpx;
+    & :deep(li) {
+      font-size: 28rpx;
       font-weight: 400;
-      color: #4e5969;
+      color: #31373d;
       line-height: 52rpx;
-      margin-bottom: 12rpx;
+      margin-bottom: 8rpx;
+    }
 
-      &:last-child {
-        margin-bottom: 0;
-      }
+    & :deep(p) {
+      font-size: 28rpx;
+      font-weight: 400;
+      color: #31373d;
+      line-height: 52rpx;
+      margin: 0 0 12rpx 0;
     }
   }
 
     background-color: #215acd;
     border-radius: 14rpx;
     margin-bottom: 32rpx;
+    position: fixed;
+    bottom: 32rpx;
+    left: 24rpx;
+    right: 24rpx;
+    z-index: 999;
     text {
       font-size: 32rpx;
       color: #ffffff;
       }
     }
   }
+
+  // 附件列表样式
+  .attachment-list {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 12rpx;
+
+    .attachment-tag {
+      margin-bottom: 12rpx;
+    }
+  }
+}
+:deep(.attachment-tag) {
+  margin-right: 12rpx;
+  margin-bottom: 12rpx;
 }
 </style>

src/pages/schedule/details/popup/anomaly.vue

+<script setup lang="ts">
+import dayjs from 'dayjs'
+// import { storeToRefs } from 'pinia'
+import { onMounted, reactive, ref, watch } from 'vue'
+import { useToast } from 'wot-design-uni'
+import { submitIssue } from '@/api/schedule/issue'
+import { getTags } from '@/api/system/tags'
+import { getAllUsers } from '@/api/system/users'
+import useUpload from '@/hooks/useUpload'
+// import { useUserStore } from '@/store'
+import calendar from '@/utils/calendar.vue'
+
+const props = defineProps({
+  anomalyShow: {
+    type: Boolean,
+    default: false,
+  },
+  taskId: {
+    type: Number,
+    default: 0,
+  },
+  stationId: {
+    type: Number,
+    default: 0,
+  },
+  checkItemId: {
+    type: Number,
+    default: 0,
+  },
+})
+const emit = defineEmits(['update:anomalyShow', 'anomaly-submitted'])
+console.log(props.stationId)
+const tags = ref<any[]>([])
+const users = ref<any[]>([])
+// const userStore = useUserStore()
+// const { userInfo } = storeToRefs(userStore)
+function handleClose() {
+  emit('update:anomalyShow', false)
+}
+
+async function getUserList() {
+  console.log('调用getAllUsers时的stationId:', props.stationId)
+  const res: any = await getAllUsers({
+    pageNum: 10000,
+    stationId: props.stationId,
+  })
+  if (res.code === 200) {
+    users.value = res.data.map((item: any) => ({
+      label: item.nickName,
+      value: item.userId,
+    }))
+  }
+}
+
+async function getTagsList(name: string = '') {
+  const params: any = {
+    pageNum: 10000,
+  }
+  if (name) {
+    params.tagName = name
+  }
+  const res: any = await getTags(params)
+  if (res.code === 200) {
+    tags.value = res.rows.map((item: any) => ({
+      label: item.tagName,
+      value: item.id,
+    }))
+  }
+}
+
+const { success: showSuccess } = useToast()
+
+const model = reactive<{
+  isTransferTask: string
+  problemDescription: string
+  handlingSuggestion: string
+  deadline: string
+  executorId: string
+  ccTo: string[]
+  handlingMeasure: string
+  handlingPhoto: string[]
+  problemPhoto: any
+  tags: string[]
+  correlationTaskId: string
+}>({
+  isTransferTask: '1',
+  problemDescription: '',
+  handlingSuggestion: '',
+  deadline: '',
+  executorId: '',
+  ccTo: [],
+  handlingMeasure: '',
+  handlingPhoto: [],
+  problemPhoto: [],
+  tags: [],
+  correlationTaskId: '',
+})
+
+const form = ref()
+const loading = ref(false)
+const action: string
+  = ''
+
+const datePickerVisible = ref(false)
+
+function handleClickCalendar() {
+  datePickerVisible.value = true
+}
+function onconfirmDate(date: string) {
+  model.deadline = date
+}
+
+// 上传问题照片
+const uploadProblemPhoto: any = (file, formData, options) => {
+  const { customUpload } = useUpload({
+    fileType: 'image',
+  })
+  return customUpload(file, formData, options)
+}
+
+// 删除问题照片
+function deleteProblemPhoto(index: number) {
+  model.problemPhoto.splice(index, 1)
+}
+
+// 删除处理照片
+function deleteHandlingPhoto(index: number) {
+  model.handlingPhoto.splice(index, 1)
+}
+
+// 验证截止时间是否大于当前时间
+function validateDeadline(value: number | string, resolve: (valid: boolean) => void) {
+  const now = Date.now()
+  // 检查value类型，如果是字符串则转换为时间戳
+  const deadline = typeof value === 'string' ? new Date(value).getTime() : value
+  if (deadline < now) {
+    showSuccess({ msg: '截止时间不能小于当前时间' })
+    resolve(false)
+  }
+  else {
+    resolve(true)
+  }
+}
+function handleSubmit() {
+  form.value
+    .validate()
+    .then(({ valid, errors }) => {
+      if (valid) {
+        // 准备提交数据
+        const submitData = {
+          isTransferTask: Number.parseInt(model.isTransferTask),
+          problemDescription: model.problemDescription,
+          handlingSuggestion: model.handlingSuggestion,
+          deadline: dayjs(model.deadline).format('YYYY-MM-DD 23:59:59'),
+          executorId: model.executorId?.[0] || '',
+          ccTo: model?.ccTo?.join(',') || '',
+          tags: model?.tags?.join(',') || '',
+          problemPhoto: (model.problemPhoto?.map((item: any) => item.name) || []).join(','),
+          correlationTaskId: props.taskId,
+          checkItemId: props.checkItemId,
+          // 其他字段根据实际情况处理
+        }
+
+        console.log('提交数据:', submitData)
+
+        // 开始提交，显示 loading
+        loading.value = true
+
+        submitIssue(submitData)
+          .then((res) => {
+            console.log(res, 'res')
+            // 提交成功后向父组件传递数据
+            emit('anomaly-submitted', { checkItemId: props.checkItemId, data: submitData })
+            // showSuccess({
+            //   msg: '校验通过，数据已提交',
+            // })
+          })
+          .catch((error) => {
+            console.log(error, 'error')
+          })
+          .finally(() => {
+            // 提交完成，隐藏 loading
+            loading.value = false
+            emit('update:anomalyShow', false)
+          })
+      }
+    })
+    .catch((error) => {
+      console.log(error, 'error')
+    })
+}
+
+onMounted(() => {
+  getTagsList()
+  getUserList()
+})
+
+// 监听stationId变化，当stationId从0变为实际值时重新获取用户列表
+watch(() => props.stationId, (newStationId) => {
+  console.log('stationId变化:', newStationId)
+  if (newStationId > 0) {
+    getUserList()
+  }
+}, { immediate: false })
+</script>
+
+<template>
+  <view>
+    <wd-popup
+      v-model="props.anomalyShow"
+      custom-style="border-radius: 32rpx 32rpx 0 0; height: 80%;z-index: 100;"
+      position="bottom"
+      :safe-area-inset-bottom="true"
+      closable
+      @close="handleClose"
+    >
+      <view class="popup-content">
+        <view class="content-header">
+          <text style="font-size: 34rpx; font-weight: 500; color: #464c51">
+            异常情况
+          </text>
+        </view>
+        <view class="content-main">
+          <wd-form ref="form" :model="model">
+            <view style="display: flex; flex-direction: column; gap: 40rpx; padding-bottom: 100rpx;">
+              <view>
+                <view style="font-size: 32rpx; font-weight: 500; color: #31373d">
+                  是否转任务
+                </view>
+                <view
+                  style="
+                    font-size: 28rpx;
+                    font-weight: 400;
+                    color: #4e5969;
+                    margin-bottom: 20rpx;
+                  "
+                >
+                  转任务后会出现在执行人的任务日程视图中
+                </view>
+                <wd-radio-group v-model="model.isTransferTask" shape="dot" inline>
+                  <view style="display: flex; gap: 260rpx">
+                    <wd-radio value="1">
+                      是
+                    </wd-radio>
+                    <wd-radio value="0">
+                      否
+                    </wd-radio>
+                  </view>
+                </wd-radio-group>
+              </view>
+              <wd-input
+                v-model="model.problemDescription"
+                label="问题描述"
+                label-width="100%"
+                prop="problemDescription"
+                clearable
+                placeholder="请输入"
+                :rules="[{ required: true, message: '请填写问题描述' }]"
+                custom-class="custom-vertical-input"
+              />
+              <view class="custom-vertical-select">
+                <view
+                  style="
+                    margin-bottom: 10rpx;
+                    font-size: 28rpx;
+                    font-weight: 500;
+                    color: #333;
+                  "
+                >
+                  标签
+                </view>
+                <wd-select-picker
+                  v-model="model.tags" :columns="tags" filterable
+                  :max="1"
+                  placeholder="请选择"
+                />
+              </view>
+              <wd-input
+                v-model="model.handlingSuggestion"
+                label="处理建议"
+                label-width="100%"
+                prop="handlingSuggestion"
+                clearable
+                placeholder="请输入"
+                custom-class="custom-vertical-input"
+              />
+              <view class="custom-vertical-select">
+                <view
+                  style="
+                    margin-bottom: 10rpx;
+                    font-size: 28rpx;
+                    font-weight: 500;
+                    color: #333;
+                  "
+                >
+                  <text style="color: red; margin-right: 4rpx; font-size: 28rpx;">* </text>截止时间
+                </view>
+                <wd-datetime-picker
+                  v-model="model.deadline"
+                  type="date"
+                  use-second
+                  :min-date="new Date().getTime()"
+                  :max-date="new Date(Date.now() + 365 * 24 * 60 * 60 * 1000).getTime()"
+                  prop="deadline"
+                  :rules="[{ required: true, message: '请选择截止时间' }]"
+                />
+              </view>
+              <view>
+                <view
+                  style="
+                    margin-bottom: 10rpx;
+                    font-size: 28rpx;
+                    font-weight: 500;
+                    color: #333;
+                  "
+                >
+                  问题照片
+                </view>
+                <view>
+                  <wd-upload
+                    v-model:file-list="model.problemPhoto"
+                    image-mode="aspectFill"
+                    :upload-method="uploadProblemPhoto"
+                    @delete="deleteProblemPhoto"
+                  />
+                </view>
+              </view>
+              <view class="custom-vertical-select">
+                <view
+                  style="
+                    margin-bottom: 10rpx;
+                    font-size: 28rpx;
+                    font-weight: 500;
+                    color: #333;
+                  "
+                >
+                  <text style="color: red; margin-right: 4rpx; font-size: 28rpx;">* </text>执行人
+                </view>
+                <wd-select-picker
+                  v-model="model.executorId" :columns="users" filterable
+                  placeholder="请选择"
+                  prop="executorId"
+                  :max="1"
+                  :rules="[{ required: true, message: '请选择执行人' }]"
+                />
+              </view>
+              <view class="custom-vertical-select">
+                <view
+                  style="
+                    margin-bottom: 10rpx;
+                    font-size: 28rpx;
+                    font-weight: 500;
+                    color: #333;
+                  "
+                >
+                  抄送人
+                </view>
+                <wd-select-picker
+                  v-model="model.ccTo" :columns="users" filterable
+                  placeholder="请选择"
+                />
+              </view>
+            </view>
+          </wd-form>
+        </view>
+        <view class="footer">
+          <button class="btn" :disabled="loading" @click="handleSubmit">
+            <wd-loading v-if="loading" size="20px" color="#ffffff" />
+            <text v-else>提 交</text>
+          </button>
+        </view>
+      </view>
+    </wd-popup>
+    <calendar
+      v-model:date-picker-visible="datePickerVisible"
+      :detailedtime="false"
+      @confirm-date="onconfirmDate"
+    />
+  </view>
+</template>
+
+<style lang="scss" scoped>
+.custom-txt {
+  width: 400rpx;
+  height: 400rpx;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  border-radius: 32rpx;
+}
+.popup-content {
+  min-height: 500rpx;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  padding: 30rpx;
+  // padding: 0 30rpx 30rpx 30rpx;
+  box-sizing: border-box;
+  overflow-y: auto;
+  .content-header {
+    // height: 80rpx;
+    width: 100%;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    margin-bottom: 30rpx;
+    // position: sticky;
+    // top: 50rpx;
+    // background-color: #fff;
+    // border: 1px solid red;
+    // z-index: 50;
+    text {
+      font-size: 32rpx;
+      font-weight: 600;
+    }
+  }
+  .content-main {
+    width: 100%;
+    .wd-select-picker,
+    .wd-datetime-picker {
+      width: 100%;
+      & .wd-cell {
+        padding: 0;
+      }
+      & .wd-cell__right {
+        width: 100%;
+        & .wd-cell__value {
+          width: 100%;
+          & .wd-select-picker__input,
+          & .wd-datetime-picker__input {
+            width: 100%;
+            height: 70rpx;
+            border: 1px solid #e5e5e5;
+            border-radius: 8rpx;
+            padding: 0 20rpx;
+            font-size: 28rpx;
+          }
+        }
+      }
+    }
+    .custom-vertical-select {
+      margin-bottom: 30rpx;
+    }
+    .wd-input {
+      // margin-bottom: 30rpx;
+      padding: 0px;
+      &.custom-vertical-input {
+        display: flex;
+        flex-direction: column;
+        gap: 10rpx;
+        margin-bottom: 30rpx;
+
+        .wd-input__label {
+          width: 100% !important;
+          margin-bottom: 10rpx;
+          font-size: 28rpx;
+          font-weight: 500;
+          color: #333;
+        }
+
+        .wd-input__body {
+          width: 100%;
+          position: relative;
+        }
+
+        /* 使用Vue 3深度选择器确保样式能正确应用到输入框 */
+        :deep(.wd-input__inner) {
+          width: 20rem !important;
+          height: 70rpx !important;
+          border: 1px solid #e5e5e5 !important;
+          border-radius: 8rpx !important;
+          padding: 0 60rpx 0 20rpx !important;
+          font-size: 28rpx !important;
+        }
+
+        /* 确保图标容器在输入框内部 */
+        :deep(.wd-input__suffix) {
+          position: absolute;
+          right: 20rpx;
+          top: 50%;
+          transform: translateY(-50%);
+          z-index: 1;
+        }
+      }
+    }
+  }
+}
+.footer {
+  position: fixed;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  padding: 30rpx;
+  padding-bottom: calc(30rpx + env(safe-area-inset-bottom));
+  background-color: white;
+  box-shadow: 0 -2rpx 10rpx rgba(0, 0, 0, 0.05);
+  z-index: 10;
+  .btn {
+    width: 100%;
+    height: 80rpx;
+    background-color: #215acd;
+    color: white;
+    font-size: 32rpx;
+    border-radius: 12rpx;
+    font-weight: 400;
+    border: none;
+    outline: none;
+  }
+}
+</style>

src/pages/schedule/details/popup/bottompopup.vue

-<template>
-  <view>
-    <wd-popup
-      v-model="props.bottomshow"
-      custom-style="border-radius: 32rpx 32rpx 0 0; "
-      @close="handleClose"
-      position="bottom"
-    >
-      <view class="popup-content">
-        <view class="content-header">
-          <text style="font-size: 34rpx; font-weight: 500; color: #464c51"
-            >异常情况</text
-          >
-          <wd-icon
-            style="position: absolute; right: 20rpx; color: #464c51"
-            name="close"
-            size="18px"
-            @tap="handleClose"
-          ></wd-icon>
-        </view>
-        <view class="content-main">
-          <wd-form ref="form" :model="model">
-            <view style="display: flex; flex-direction: column; gap: 40rpx">
-              <view>
-                <view style="font-size: 32rpx; font-weight: 500; color: #31373d"
-                  >是否转任务</view
-                >
-                <view
-                  style="
-                    font-size: 28rpx;
-                    font-weight: 400;
-                    color: #4e5969;
-                    margin-bottom: 20rpx;
-                  "
-                >
-                  转任务后会出现在执行人的任务日程视图中</view
-                >
-                <wd-radio-group v-model="model.radioValue" shape="dot" inline>
-                  <view style="display: flex; gap: 260rpx">
-                    <wd-radio value="1">是</wd-radio>
-                    <wd-radio value="2">否</wd-radio>
-                  </view>
-                </wd-radio-group>
-              </view>
-              <wd-input
-                label="发现问题"
-                label-width="100%"
-                prop="value1"
-                clearable
-                v-model="model.value1"
-                placeholder="请输入"
-                :rules="[{ required: true, message: '请填写发现问题' }]"
-                custom-class="custom-vertical-input"
-              />
-              <wd-input
-                label="处理措施"
-                label-width="100%"
-                prop="value2"
-                clearable
-                v-model="model.value2"
-                placeholder="请输入"
-                :rules="[{ required: true, message: '请填写处理措施' }]"
-                custom-class="custom-vertical-input"
-              />
-              <wd-input
-                label="处理时间"
-                label-width="100%"
-                prop="value3"
-                clearable
-                v-model="model.value3"
-                placeholder="请选择"
-                :rules="[{ required: true, message: '请填写处理时间' }]"
-                custom-class="custom-vertical-input"
-                suffix-icon="calendar"
-                @click="handleClickCalendar"
-              />
-              <view>
-                <view
-                  style="
-                    margin-bottom: 10rpx;
-                    font-size: 28rpx;
-                    font-weight: 500;
-                    color: #333;
-                  "
-                  >拍照</view
-                >
-                <view>
-                  <wd-upload
-                    v-model:file-list="model.fileList"
-                    image-mode="aspectFill"
-                    :action="action"
-                  ></wd-upload>
-                </view>
-              </view>
-              <wd-input
-                label="执行人"
-                label-width="100%"
-                prop="value3"
-                clearable
-                v-model="model.value4"
-                placeholder="请选择"
-                :rules="[{ required: true, message: '请填写执行人' }]"
-                custom-class="custom-vertical-input"
-                @click="handleselect"
-              />
-              <view class="footer">
-                <button class="btn" @click="handleSubmit">提 交</button>
-              </view>
-            </view>
-          </wd-form>
-        </view>
-      </view>
-    </wd-popup>
-    <calendar
-      v-model:datePickerVisible="datePickerVisible"
-      @confirmDate="onconfirmDate"
-      :detailedtime="false"
-    />
-    <!-- 执行人选择器 -->
-    <wd-popup
-      v-model="isexecutorselect"
-      custom-style="border-radius: 32rpx 32rpx 0 0;"
-      position="bottom"
-    >
-      <view style="padding: 30rpx; width: 100%; box-sizing: border-box">
-        <view
-          style="
-            display: flex;
-            justify-content: space-between;
-            align-items: center;
-            margin-bottom: 30rpx;
-            width: 100%;
-          "
-        >
-          <text
-            style="
-              font-size: 30rpx;
-              color: #333;
-              font-weight: 500;
-              flex: 1;
-              text-align: left;
-            "
-            @click="isexecutorselect = false"
-            >选择执行人</text
-          >
-        </view>
-        <!-- 执行人列表 -->
-        <view class="executor-list">
-          <view
-            v-for="(item, index) in selectcontent"
-            :key="index"
-            class="executor-item"
-            :class="{ selected: model.value4 === item }"
-            @click="selectExecutor(item)"
-          >
-            <text class="executor-name">{{ item }}</text>
-            <wd-icon
-              v-if="model.value4 === item"
-              name="check"
-              color="#215acd"
-              size="28rpx"
-              style="position: absolute; right: 30rpx"
-            />
-          </view>
-        </view>
-      </view>
-    </wd-popup>
-  </view>
-</template>
-
-<script setup lang="ts">
-import { ref, reactive, defineProps, defineEmits, computed } from 'vue'
-import { useToast } from 'wot-design-uni'
-import calendar from '@/utils/calendar.vue'
-const props = defineProps({
-  bottomshow: {
-    type: Boolean,
-    default: false,
-  },
-})
-const emit = defineEmits(['update:bottomshow'])
-const handleClose = () => {
-  emit('update:bottomshow', false)
-}
-
-const { success: showSuccess } = useToast()
-
-const model = reactive<{
-  radioValue: string
-  value1: string
-  value2: string
-  value3: string
-  fileList: any[]
-  value4: string
-}>({
-  radioValue: '1',
-  value1: '',
-  value2: '',
-  value3: '',
-  fileList: [
-    {
-      url: 'https://img12.360buyimg.com//n0/jfs/t1/29118/6/4823/55969/5c35c16bE7c262192/c9fdecec4b419355.jpg',
-    },
-  ],
-  value4: '',
-})
-
-const form = ref()
-const action: string =
-  'https://mockapi.eolink.com/zhTuw2P8c29bc981a741931bdd86eb04dc1e8fd64865cb5/upload'
-const isexecutorselect = ref(false)
-const selectcontent = [
-  '张三',
-  '李四',
-  '王五',
-  '赵六',
-  '王二',
-  '王三',
-  '王四',
-  '王五',
-  '李飞',
-]
-const datePickerVisible = ref(false)
-//执行人选择
-const handleselect = () => {
-  isexecutorselect.value = !isexecutorselect.value
-}
-
-// 选择执行人
-function selectExecutor(executor: string) {
-  model.value4 = executor
-  isexecutorselect.value = false
-}
-function handleClickCalendar() {
-  datePickerVisible.value = true
-}
-const onconfirmDate = (date: string) => {
-  model.value3 = date
-}
-function handleSubmit() {
-  form.value
-    .validate()
-    .then(({ valid, errors }) => {
-      if (valid) {
-        showSuccess({
-          msg: '校验通过',
-        })
-      }
-    })
-    .catch((error) => {
-      console.log(error, 'error')
-    })
-}
-</script>
-<style lang="scss" scoped>
-.custom-txt {
-  width: 400rpx;
-  height: 400rpx;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  border-radius: 32rpx;
-}
-.popup-content {
-  min-height: 500rpx;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  padding: 30rpx;
-  // padding: 0 30rpx 30rpx 30rpx;
-  box-sizing: border-box;
-  overflow-y: auto;
-  .content-header {
-    // height: 80rpx;
-    width: 100%;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    margin-bottom: 30rpx;
-    // position: sticky;
-    // top: 50rpx;
-    // background-color: #fff;
-    // border: 1px solid red;
-    // z-index: 50;
-    text {
-      font-size: 32rpx;
-      font-weight: 600;
-    }
-  }
-  .content-main {
-    width: 100%;
-    .wd-input {
-      // margin-bottom: 30rpx;
-      padding: 0px;
-      &.custom-vertical-input {
-        display: flex;
-        flex-direction: column;
-        gap: 10rpx;
-
-        .wd-input__label {
-          width: 100% !important;
-          margin-bottom: 10rpx;
-          font-size: 28rpx;
-          font-weight: 500;
-          color: #333;
-        }
-
-        .wd-input__body {
-          width: 100%;
-          position: relative;
-        }
-
-        /* 使用Vue 3深度选择器确保样式能正确应用到输入框 */
-        :deep(.wd-input__inner) {
-          width: 20rem !important;
-          height: 70rpx !important;
-          border: 1px solid #e5e5e5 !important;
-          border-radius: 8rpx !important;
-          padding: 0 60rpx 0 20rpx !important;
-          font-size: 28rpx !important;
-        }
-
-        /* 确保图标容器在输入框内部 */
-        :deep(.wd-input__suffix) {
-          position: absolute;
-          right: 20rpx;
-          top: 50%;
-          transform: translateY(-50%);
-          z-index: 1;
-        }
-      }
-    }
-  }
-}
-.footer {
-  .btn {
-    width: 100%;
-    height: 80rpx;
-    background-color: #215acd;
-    color: white;
-    font-size: 32rpx;
-    border-radius: 12rpx;
-    font-weight: 400;
-    border: none;
-    outline: none;
-  }
-}
-
-/* 执行人选择器样式 */
-.executor-list {
-  max-height: 500rpx;
-  overflow-y: auto;
-}
-
-.executor-item {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  padding: 24rpx 0;
-  border-bottom: 1rpx solid #f5f5f5;
-  font-size: 28rpx;
-  color: #333;
-  position: relative;
-}
-
-.executor-item.selected {
-  color: #215acd;
-}
-
-.executor-name {
-  font-size: 28rpx;
-  color: inherit;
-}
-</style>

src/pages/schedule/details/taskdetails/index.vue

   <view class="task-management">
     <view class="fixed-area">
       <view class="head-Card">
-        <view class="head-Card-title">未来路加油站</view>
+        <view class="head-Card-title">
+          未来路加油站
+        </view>
         <view class="head-Card-tab">
           <view class="head-Card-tab-item">
-            <view class="tab-item-num">0</view>
-            <view class="tab-item-text">无拍照</view>
+            <view class="tab-item-num">
+              0
+            </view>
+            <view class="tab-item-text">
+              无拍照
+            </view>
           </view>
           <view class="head-Card-tab-item">
             <view class="tab-item-Middle">
-              <view class="tab-item-num">0</view>
-              <view class="tab-item-text">异常总数</view>
+              <view class="tab-item-num">
+                0
+              </view>
+              <view class="tab-item-text">
+                异常总数
+              </view>
             </view>
           </view>
           <view class="head-Card-tab-item">
-            <view class="tab-item-num"
-              >0 /
+            <view class="tab-item-num">
+              0 /
               <text style="font-size: 24rpx; font-weight: 500">10</text>
             </view>
-            <view class="tab-item-text">总得分</view>
+            <view class="tab-item-text">
+              总得分
+            </view>
           </view>
         </view>
       </view>
 
     <scroll-view class="task-container" scroll-y>
       <view class="task-top-left">
-        <text
-          >异常数<text style="color: #31373d; font-weight: 600"> 0</text></text
-        >
+        <text>
+          异常数<text style="color: #31373d; font-weight: 600"> 0</text>
+        </text>
         <text style="color: #31373d; font-weight: 600">|</text>
-        <text
-          >得分<text style="color: #31373d; font-weight: 600"> 0/0</text></text
-        >
+        <text>
+          得分<text style="color: #31373d; font-weight: 600"> 0/0</text>
+        </text>
       </view>
       <view class="tasks">
         <view
           <!-- 任务描述 -->
           <view class="task-description">
             <text class="task-number">{{ index + 1 }}.</text>
-            <text class="task-text"
-              >{{ task.description }}
+            <text class="task-text">
+              {{ task.description }}
               <wd-icon
                 v-if="task?.questionicon"
                 :name="task?.questionicon"
                 size="32rpx"
                 @click="() => (popupshow.centershow = true)"
-              ></wd-icon>
+              />
             </text>
           </view>
           <!-- 操作说明-图片示例 -->
           <view
-            class="task-instructions-example"
             v-if="task.instructions && task.examples.length > 0"
+            class="task-instructions-example"
           >
             <view class="task-instructions">
               <text class="instructions-text">{{ task.instructions }}</text>
                 :key="idx"
                 class="example-image"
               >
-                <image :src="example" mode="aspectFill"></image>
+                <image :src="example" mode="aspectFill" />
                 <text class="example-text">示例</text>
               </view>
             </view>
               :key="idx"
               class="uploaded-image"
             >
-              <image :src="image" mode="aspectFill"></image>
+              <image :src="image" mode="aspectFill" />
             </view>
           </view>
           <!-- 几号枪 -->
-          <view class="jihaoqiang" v-if="task.jihaoqiang">
+          <view v-if="task.jihaoqiang" class="jihaoqiang">
             <text class="jihaoqiang-text">{{ task.jihaoqiang }}</text>
           </view>
           <!-- 状态 -->
           <view class="task-status">
             <view>
-              <text class="status-text"
-                >整体：{{ task.status === 'normal' ? '正常' : '异常' }}</text
-              >
+              <text class="status-text">
+                整体：{{ task.status === 'normal' ? '正常' : '异常' }}
+              </text>
             </view>
           </view>
-          <view class="exceptiondescription" v-if="task.exceptiondescription">
-            <view class="exceptiondescription-title">异常描述：</view>
+          <view v-if="task.exceptiondescription" class="exceptiondescription">
+            <view class="exceptiondescription-title">
+              异常描述：
+            </view>
             <view class="exceptiondescription-content">
               {{ task.exceptiondescription }}
             </view>
     <bottompopup v-model:bottomshow="popupshow.bottomshow" />
     <!-- 确定按钮 -->
     <view class="confirm-btn">
-      <button class="btn" @click="submitTasks">评 论</button>
+      <button class="btn" @click="submitTasks">
+        评 论
+      </button>
     </view>
   </view>
 </template>
+
 <script lang="ts" setup>
-import { ref, computed } from 'vue'
+import { computed, ref } from 'vue'
 import useUpload from '@/hooks/useUpload'
-import centerpopup from '../popup/centerpopup.vue'
 import bottompopup from '../popup/bottompopup.vue'
+import centerpopup from '../popup/centerpopup.vue'
+
 const popupshow = ref({
   centershow: false,
   bottomshow: false,
 
 // 根据当前标签筛选任务
 const currentTasks = computed(() => {
-  return tasks.value.filter((task) => task.type === tab.value)
+  return tasks.value.filter(task => task.type === tab.value)
 })
 // 提交任务
-const submitTasks = () => {
+function submitTasks() {
   console.log('提交任务', tasks.value)
   // 这里可以添加提交逻辑
   uni.showToast({
   })
 }
 </script>
+
 <style lang="scss" scoped>
 .task-management {
   display: flex;

src/pages/schedule/details/taskmanagement/index1.vue

-<template>
-  <view class="task-management">
-    <view class="fixed-area">
-      <view class="title">
-        <text class="title-text">龙飞街加油站</text>
-      </view>
-      <view>
-        <wd-tabs v-model="tab">
-          <block v-for="item in tabs" :key="item">
-            <wd-tab :title="`${item}`" :name="item" />
-          </block>
-        </wd-tabs>
-      </view>
-    </view>
-
-    <scroll-view class="task-container" scroll-y>
-      <view class="tasks">
-        <view
-          v-for="(task, index) in currentTasks"
-          :key="index"
-          class="task-item"
-        >
-          <!-- 任务描述 -->
-          <view class="task-description">
-            <text class="task-number">{{ index + 1 }}.</text>
-            <text class="task-text"
-              >{{ task.description }}
-              <wd-icon
-                v-if="task?.icon"
-                :name="task?.icon"
-                size="32rpx"
-                @click="() => (popupshow.centershow = true)"
-              ></wd-icon>
-            </text>
-          </view>
-
-          <!-- 操作说明 -->
-          <view v-if="task.instructions" class="task-instructions">
-            <text class="instructions-text">{{ task.instructions }}</text>
-          </view>
-
-          <!-- 示例图片 -->
-          <view v-if="task.examples.length > 0" class="example-images">
-            <view
-              v-for="(example, idx) in task.examples"
-              :key="idx"
-              class="example-image"
-            >
-              <image :src="example" mode="aspectFill"></image>
-              <text class="example-text">示例</text>
-            </view>
-          </view>
-
-          <!-- 已上传图片 -->
-          <view v-if="task.images.length > 0" class="uploaded-images">
-            <view
-              v-for="(image, idx) in task.images"
-              :key="idx"
-              class="uploaded-image"
-            >
-              <image :src="image" mode="aspectFill"></image>
-            </view>
-          </view>
-
-          <!-- 上传按钮 -->
-          <view
-            v-if="task.isimages"
-            class="upload-btn"
-            @tap="chooseImage(index)"
-          >
-            <view class="btn-content">
-              <text class="btn-icon">+</text>
-              <text class="btn-text">拍照</text>
-            </view>
-          </view>
-
-          <!-- 状态选择 -->
-          <view v-if="!task.details" class="status-select">
-            <view class="radio-group">
-              <view class="radio-item" @tap="toggleTaskStatus(index)">
-                <view
-                  class="radio"
-                  :class="{ selected: task.status === 'normal' }"
-                ></view>
-                <text class="radio-text">正常</text>
-              </view>
-              <view class="radio-item" @tap="toggleTaskStatus(index)">
-                <view
-                  class="radio"
-                  :class="{ selected: task.status === 'abnormal' }"
-                ></view>
-                <text class="radio-text">异常</text>
-              </view>
-            </view>
-          </view>
-
-          <!-- 带详情的状态选择 -->
-          <view v-if="task.details" class="detail-status">
-            <text class="detail-name">{{ task.details[0].name }}</text>
-            <view class="radio-group">
-              <view class="radio-item" @tap="toggleTaskStatus(index, 0)">
-                <view
-                  class="radio"
-                  :class="{ selected: task.details[0].status === 'normal' }"
-                ></view>
-                <text class="radio-text">正常</text>
-              </view>
-              <view class="radio-item" @tap="toggleTaskStatus(index, 0)">
-                <view
-                  class="radio"
-                  :class="{ selected: task.details[0].status === 'abnormal' }"
-                ></view>
-                <text class="radio-text">异常</text>
-              </view>
-            </view>
-            <view class="detail-items">
-              <view
-                v-for="(detail, idx) in task.details.slice(1)"
-                :key="idx"
-                class="detail-item"
-              >
-                <view class="detail-name">{{ detail.name }}</view>
-                <view
-                  class="radio-item"
-                  @tap="toggleTaskStatus(index, idx + 1)"
-                >
-                  <view
-                    class="radio"
-                    :class="{ selected: detail.status === 'normal' }"
-                  ></view>
-                  <text class="radio-text">正常</text>
-                </view>
-                <view
-                  class="radio-item"
-                  @tap="toggleTaskStatus(index, idx + 1)"
-                >
-                  <view
-                    class="radio"
-                    :class="{ selected: detail.status === 'abnormal' }"
-                  ></view>
-                  <text class="radio-text">异常</text>
-                </view>
-              </view>
-            </view>
-          </view>
-        </view>
-      </view>
-    </scroll-view>
-    <centerpopup v-model:centershow="popupshow.centershow" />
-    <bottompopup v-model:bottomshow="popupshow.bottomshow" />
-    <!-- 确定按钮 -->
-    <view class="confirm-btn">
-      <button class="btn" @click="submitTasks">确 定</button>
-    </view>
-  </view>
-</template>
-<script lang="ts" setup>
-import { ref, computed } from 'vue'
-import useUpload from '@/hooks/useUpload'
-import centerpopup from '../popup/centerpopup.vue'
-import bottompopup from '../popup/bottompopup.vue'
-const popupshow = ref({
-  centershow: false,
-  bottomshow: false,
-})
-// const popupshow = ref({})
-const tab = ref('前庭')
-const tabs = ['营销', '出入口', '前庭', '便利店', '洗手间']
-
-// 定义任务类型
-interface Task {
-  id: string
-  type: string
-  description: string
-  icon?: string
-  instructions: string
-  examples: string[]
-  images: string[]
-  status: 'normal' | 'abnormal'
-  isimages: boolean
-  details?: {
-    name: string
-    status: 'normal' | 'abnormal'
-  }[]
-}
-
-// 任务数据
-const tasks = ref<Task[]>([
-  {
-    id: '1',
-    type: '前庭',
-    description:
-      '[AI] [卫生] 前庭海报整齐不歪斜，干净无灰尘污渍（立柱、灯箱、展架等）。',
-    instructions: '拍照：按照示例图拍摄前庭内海报宣传物，可上传多张照片',
-    examples: [
-      'https://picsum.photos/id/1018/200/150',
-      'https://picsum.photos/id/1019/200/150',
-    ],
-    images: [],
-    isimages: true,
-    status: 'normal',
-  },
-  {
-    id: '2',
-    type: '前庭',
-    description: '[卫生] 抽油枪栓是否出现空转或存在明显渗油。',
-    icon: 'help-circle',
-    instructions: '',
-    examples: [],
-    images: [],
-    isimages: false,
-    status: 'normal',
-    details: [{ name: '12号枪', status: 'normal' }],
-  },
-  {
-    id: '3',
-    type: '前庭',
-    description:
-      '[AI] [卫生] 前庭海报整齐不歪斜，干净无灰尘污渍（立柱、灯箱、展架等）。',
-    instructions: '拍照：按照示例图拍摄前庭内海报宣传物，可上传多张照片',
-    examples: [
-      'https://picsum.photos/id/1018/200/150',
-      'https://picsum.photos/id/1019/200/150',
-    ],
-    images: ['https://picsum.photos/id/1025/200/150'],
-    isimages: true,
-    status: 'normal',
-  },
-])
-
-// 根据当前标签筛选任务
-const currentTasks = computed(() => {
-  return tasks.value.filter((task) => task.type === tab.value)
-})
-
-// 选择图片
-const chooseImage = (index: number) => {
-  // 为每个上传请求创建独立的upload实例，确保能正确处理对应的任务索引
-  const { run: uploadImage } = useUpload({
-    fileType: 'image',
-    success: (res) => {
-      console.log('上传成功', res)
-      // 将上传成功的图片URL添加到对应任务的images数组中
-      // 假设res包含图片URL，实际结构需要根据后端返回调整
-      const imageUrl = typeof res === 'string' ? res : res.url || ''
-      if (imageUrl) {
-        tasks.value[index].images.push(imageUrl)
-      }
-    },
-    error: (err) => {
-      console.error('上传失败', err)
-    },
-  })
-  uploadImage()
-}
-
-// 切换任务状态
-const toggleTaskStatus = (taskIndex: number, detailIndex?: number) => {
-  const task = tasks.value[taskIndex]
-  if (detailIndex !== undefined && task.details) {
-    // 有子项的任务
-    const detail = task.details[detailIndex]
-    detail.status = detail.status === 'normal' ? 'abnormal' : 'normal'
-    // 检查是否有任一子项异常
-    task.status = task.details.some((d) => d.status === 'abnormal')
-      ? 'abnormal'
-      : 'normal'
-  } else {
-    // 无子项的任务
-    task.status = task.status === 'normal' ? 'abnormal' : 'normal'
-  }
-  if (task.status === 'abnormal') {
-    popupshow.value.bottomshow = true
-  }
-}
-
-// 提交任务
-const submitTasks = () => {
-  console.log('提交任务', tasks.value)
-  // 这里可以添加提交逻辑
-  uni.showToast({
-    title: '提交成功',
-    icon: 'success',
-  })
-}
-// 关闭弹窗按钮
-// const handleClose = () => {
-//   popupshow.value = false
-// }
-</script>
-<style lang="scss" scoped>
-.task-management {
-  display: flex;
-  flex-direction: column;
-  height: 1500rpx;
-  overflow: hidden;
-  .fixed-area {
-    flex-shrink: 0; // 不让它被压缩
-    background-color: #fff;
-    position: sticky; // 若想随外层滚就 sticky；想完全固定用 fixed 即可
-    top: 0;
-    z-index: 10;
-  }
-  .title {
-    width: 100%;
-    height: 128rpx;
-    background-color: #4a80c3;
-    display: flex;
-    align-items: center;
-    box-sizing: border-box;
-    padding-left: 46rpx;
-  }
-
-  .title-text {
-    font-size: 36rpx;
-    font-weight: 500;
-    color: #fff;
-  }
-
-  // // 任务容器
-  // .task-container {
-  //   flex: 1;
-  //   padding: 0 30rpx;
-
-  //   .tasks {
-  //     padding: 20rpx 0;
-  //   }
-  // }
-  .task-container {
-    flex: 1; // 占剩余高度
-    overflow-y: auto; // 仅这里滚动
-    padding: 0 30rpx;
-  }
-  // 任务项
-  .task-item {
-    margin-bottom: 40rpx;
-
-    // 任务描述
-    .task-description {
-      display: flex;
-      margin-bottom: 16rpx;
-
-      .task-number {
-        font-size: 28rpx;
-        color: #333;
-        margin-right: 8rpx;
-        font-weight: 500;
-      }
-
-      .task-text {
-        font-size: 28rpx;
-        font-weight: 400;
-        color: #333;
-        line-height: 44rpx;
-      }
-    }
-
-    // 操作说明
-    .task-instructions {
-      margin-bottom: 20rpx;
-
-      .instructions-text {
-        font-size: 24rpx;
-        color: #666;
-        line-height: 36rpx;
-      }
-    }
-
-    // 示例图片
-    .example-images {
-      display: flex;
-      gap: 16rpx;
-      margin-bottom: 20rpx;
-
-      .example-image {
-        width: 140rpx;
-        height: 100rpx;
-        position: relative;
-
-        image {
-          width: 100%;
-          height: 100%;
-          border-radius: 8rpx;
-        }
-
-        .example-text {
-          position: absolute;
-          bottom: 0;
-          left: 0;
-          right: 0;
-          background-color: rgba(0, 0, 0, 0.5);
-          color: white;
-          font-size: 20rpx;
-          text-align: center;
-          padding: 4rpx 0;
-          border-radius: 0 0 8rpx 8rpx;
-        }
-      }
-    }
-
-    // 已上传图片
-    .uploaded-images {
-      display: flex;
-      gap: 16rpx;
-      margin-bottom: 20rpx;
-
-      .uploaded-image {
-        width: 140rpx;
-        height: 100rpx;
-
-        image {
-          width: 100%;
-          height: 100%;
-          border-radius: 8rpx;
-        }
-      }
-    }
-
-    // 上传按钮
-    .upload-btn {
-      width: 140rpx;
-      height: 100rpx;
-      border: 2rpx dashed #ccc;
-      border-radius: 8rpx;
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      margin-bottom: 24rpx;
-
-      .btn-content {
-        display: flex;
-        flex-direction: column;
-        align-items: center;
-
-        .btn-icon {
-          font-size: 40rpx;
-          color: #999;
-          line-height: 40rpx;
-        }
-
-        .btn-text {
-          font-size: 24rpx;
-          color: #999;
-          margin-top: 4rpx;
-        }
-      }
-    }
-
-    // 状态选择
-    .status-select {
-      margin-bottom: 20rpx;
-
-      .radio-group {
-        display: flex;
-        gap: 40rpx;
-      }
-    }
-
-    // 带详情的状态选择
-    .detail-status {
-      margin-bottom: 20rpx;
-
-      .detail-name {
-        font-size: 28rpx;
-        color: #333;
-        margin-right: 20rpx;
-        // margin-bottom: 10rpx;
-      }
-
-      .radio-group {
-        display: flex;
-        gap: 40rpx;
-      }
-
-      .detail-items {
-        margin-top: 16rpx;
-        display: flex;
-        flex-wrap: wrap;
-        gap: 40rpx;
-      }
-    }
-
-    // 单选按钮
-    .radio-group {
-      .radio-item {
-        // margin-top: 50rpx;
-        display: flex;
-        align-items: center;
-        gap: 8rpx;
-
-        .radio {
-          width: 32rpx;
-          height: 32rpx;
-          border: 2rpx solid #ccc;
-          border-radius: 50%;
-          display: flex;
-          align-items: center;
-          justify-content: center;
-
-          &.selected {
-            border-color: #215acd;
-            // background-color: #4a80c3;
-
-            &::after {
-              content: '';
-              width: 16rpx;
-              height: 16rpx;
-              border-radius: 50%;
-              background-color: #215acd;
-            }
-          }
-        }
-
-        .radio-text {
-          font-size: 28rpx;
-          color: #333;
-        }
-      }
-    }
-  }
-
-  // 确定按钮
-  .confirm-btn {
-    padding: 20rpx 30rpx;
-    background-color: white;
-    border-top: 1rpx solid #eee;
-
-    .btn {
-      width: 100%;
-      height: 80rpx;
-      background-color: #215acd;
-      color: white;
-      font-size: 32rpx;
-      border-radius: 12rpx;
-      font-weight: 400;
-      border: none;
-      outline: none;
-    }
-  }
-}
-</style>

src/utils/dicts.ts

+/**
+ * 题目类型
+ */
+export const questionTypes = [
+  { label: '单选题', value: 'single_choice' },
+  { label: '多选题', value: 'multiple_choice' },
+  { label: '填空题', value: 'fill_blank' },
+  { label: '简答题', value: 'essay' },
+  { label: '判断题', value: 'judgment' },
+]
+
+// 试题难度选项 easy-简单、medium-中等、hard-困难
+export const difficultyOptions = [
+  { label: '简单', value: 'easy', color: '' },
+  { label: '中等', value: 'medium', color: 'yellow' },
+  { label: '困难', value: 'hard', color: 'red' },
+]
+
+// p=pending-待发布、ongoing-已发布、finished-已结束、cancelled-已关闭
+export const examStatusOptions = [
+  { label: '已发布', value: 'ongoing', color: 'success' },
+  { label: '待发布', value: 'pending', color: 'primary' },
+  { label: '已关闭', value: 'cancelled', color: 'danger' },
+  { label: '已结束', value: 'finished', color: 'info' },
+]
+
+export const reviewStatusOptions = [
+  { label: '待批改', value: 'unreviewed', color: '#EB5E12' },
+  { label: '批改中', value: 'reviewing', color: '#FFC107' },
+  { label: '已批改', value: 'reviewed', color: '#38B865' },
+]
+
+export const taskLevelOptions = [
+  { label: '常规', value: 0, color: '#409EFF' },
+  { label: '选做', value: 1, color: '#E6A23C' },
+  { label: '必做', value: 2, color: '#67C23A' },
+]
+
+export const taskStatusOptions: any = [
+  { label: '已取消', value: 0, color: '#409EFF' },
+  { label: '待处理', value: 1, color: '#E6A23C' },
+  { label: '超期未处理', value: 2, color: '#F56C6C' },
+  { label: '已处理', value: 3, color: '#909399' },
+]
+
+export const authStatusOptions = [
+  { label: '可授权', value: 0, color: '#215ACD' },
+  { label: '已授权', value: 1, color: '#339169' },
+  { label: '被授权', value: 2, color: '#EB5E12' },
+]
+
+export function getLabel(dict: any[], value: string) {
+  const item = dict.find(item => item.value === value)
+  return item?.label || value
+}

vite.config.ts

     plugins: [
       UniLayouts(),
       UniPlatform(),
-      UniManifest(),
+      // 暂时禁用 UniManifest 插件，以解决权限错误
+      // UniManifest(),
       UniEcharts(),
       UniPages({
         exclude: ['**/components/**/**.*'],
         dts: 'src/types/uni-pages.d.ts',
       }),
       // Optimization 插件需要 page.json 文件，故应在 UniPages 插件之后执行
-      Optimization({
-        enable: {
-          optimization: true,
-          'async-import': true,
-          'async-component': true,
-        },
-        dts: {
-          base: 'src/types',
-        },
-        logger: false,
-      }),
+      // 暂时禁用 Optimization 插件，以解决导入错误
+      // Optimization({
+      //   enable: {
+      //     optimization: true,
+      //     'async-import': true,
+      //     'async-component': true,
+      //   },
+      //   dts: {
+      //     base: 'src/types',
+      //   },
+      //   logger: false,
+      // }),
       // UniXXX 需要在 Uni 之前引入
       // 若存在改变 pages.json 的插件，请将 UniKuRoot 放置其后
       UniKuRoot({