From 87cd6c664a47d2c89980788b2943340f685b8c49 Mon Sep 17 00:00:00 2001
From: douyage <douyage@ht-atia.com>
Date: Fri, 7 Aug 2026 11:14:49 +0800
Subject: [PATCH] =?UTF-8?q?=E5=A2=9E=E5=8A=A0=E5=B7=A1=E8=A7=86=E4=BB=BB?=
 =?UTF-8?q?=E5=8A=A1=E3=80=81=E8=AF=A6=E6=83=85=E3=80=81=E7=BC=BA=E9=99=B7?=
 =?UTF-8?q?=E8=AF=A6=E6=83=85=E9=A1=B5=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 package.json                                  |    2 +
 src/api/analysis/index.js                     |   88 ++
 src/api/home/index.js                         |  116 ++
 src/api/inspectionDataManage/alarmConfirm.js  |    4 +
 .../inspectionDataManage/inspectionArchive.js |    9 +
 src/api/modelDialog/modelDialog.js            |    9 +
 src/api/screen/screen.js                      |   75 +
 src/api/videosMonitor/index.js                |  322 +++++
 src/components/AsyncImageFrame/index.vue      |  673 +++++++++
 src/components/CardPagination/index.vue       |  175 ++-
 src/layout/components/Sidebar/Item.vue        |    3 +
 src/main.js                                   |   10 +-
 src/router/index.js                           |   16 +-
 src/views/cards/assets/btn-next.png           |  Bin 0 -> 2271 bytes
 src/views/cards/assets/btn-pre.png            |  Bin 0 -> 2308 bytes
 src/views/cards/assets/card_btn_border.png    |  Bin 0 -> 527 bytes
 src/views/cards/assets/icon-document.png      |  Bin 0 -> 2104 bytes
 src/views/cards/assets/icon-title-1.png       |  Bin 0 -> 636 bytes
 src/views/cards/assets/icon-title-2.png       |  Bin 0 -> 734 bytes
 .../cards/assets/image-btn-left-disable.png   |  Bin 0 -> 781 bytes
 .../cards/assets/image-btn-left-hover.png     |  Bin 0 -> 1288 bytes
 .../cards/assets/image-btn-left-normal.png    |  Bin 0 -> 1323 bytes
 .../cards/assets/image-btn-left-press.png     |  Bin 0 -> 1330 bytes
 .../cards/assets/image-btn-right-disable.png  |  Bin 0 -> 779 bytes
 .../cards/assets/image-btn-right-hover.png    |  Bin 0 -> 1283 bytes
 .../cards/assets/image-btn-right-normal.png   |  Bin 0 -> 1317 bytes
 .../cards/assets/image-btn-right-press.png    |  Bin 0 -> 1316 bytes
 src/views/cards/assets/model-img.png          |  Bin 0 -> 33456 bytes
 src/views/cards/assets/right-title.png        |  Bin 0 -> 15501 bytes
 src/views/cards/assets/styles/index.scss      |  658 +++++++++
 src/views/cards/assets/taskDetail.png         |  Bin 0 -> 2788 bytes
 src/views/cards/common.js                     |   48 +
 .../cards/components/CardPagination/index.vue |  216 +++
 .../cards/components/CardProgressBar.vue      |  112 ++
 .../cards/components/ImagePreview/index.vue   |  389 +++++
 .../components/ImagePreviewZoom/index.vue     |  654 +++++++++
 .../ImagePreviewZoomTemperature/index.vue     | 1016 +++++++++++++
 src/views/cards/components/cardBox.vue        |  138 ++
 src/views/cards/components/model-dialog.vue   |  221 +++
 .../patrolAbnormalStatistics.vue              |  300 ++++
 .../cards/taskSummary/inspectionTask.vue      | 1279 +++++++++++++++++
 .../inspectionTaskDefectDetail.vue            |  222 +++
 .../inspectionTaskDefectDetailImage.vue       |  701 +++++++++
 .../taskSummary/newInspectionTaskDetail.vue   | 1134 +++++++++++++++
 .../cards/task_statistics/task_status.vue     |  108 ++
 45 files changed, 8653 insertions(+), 45 deletions(-)
 create mode 100644 src/api/analysis/index.js
 create mode 100644 src/api/home/index.js
 create mode 100644 src/api/modelDialog/modelDialog.js
 create mode 100644 src/api/screen/screen.js
 create mode 100644 src/api/videosMonitor/index.js
 create mode 100644 src/components/AsyncImageFrame/index.vue
 create mode 100644 src/views/cards/assets/btn-next.png
 create mode 100644 src/views/cards/assets/btn-pre.png
 create mode 100644 src/views/cards/assets/card_btn_border.png
 create mode 100644 src/views/cards/assets/icon-document.png
 create mode 100644 src/views/cards/assets/icon-title-1.png
 create mode 100644 src/views/cards/assets/icon-title-2.png
 create mode 100644 src/views/cards/assets/image-btn-left-disable.png
 create mode 100644 src/views/cards/assets/image-btn-left-hover.png
 create mode 100644 src/views/cards/assets/image-btn-left-normal.png
 create mode 100644 src/views/cards/assets/image-btn-left-press.png
 create mode 100644 src/views/cards/assets/image-btn-right-disable.png
 create mode 100644 src/views/cards/assets/image-btn-right-hover.png
 create mode 100644 src/views/cards/assets/image-btn-right-normal.png
 create mode 100644 src/views/cards/assets/image-btn-right-press.png
 create mode 100644 src/views/cards/assets/model-img.png
 create mode 100644 src/views/cards/assets/right-title.png
 create mode 100644 src/views/cards/assets/styles/index.scss
 create mode 100644 src/views/cards/assets/taskDetail.png
 create mode 100644 src/views/cards/common.js
 create mode 100644 src/views/cards/components/CardPagination/index.vue
 create mode 100644 src/views/cards/components/CardProgressBar.vue
 create mode 100644 src/views/cards/components/ImagePreview/index.vue
 create mode 100644 src/views/cards/components/ImagePreviewZoom/index.vue
 create mode 100644 src/views/cards/components/ImagePreviewZoomTemperature/index.vue
 create mode 100644 src/views/cards/components/cardBox.vue
 create mode 100644 src/views/cards/components/model-dialog.vue
 create mode 100644 src/views/cards/error_statistics/patrolAbnormalStatistics.vue
 create mode 100644 src/views/cards/taskSummary/inspectionTask.vue
 create mode 100644 src/views/cards/taskSummary/inspectionTaskDefectDetail.vue
 create mode 100644 src/views/cards/taskSummary/inspectionTaskDefectDetailImage.vue
 create mode 100644 src/views/cards/taskSummary/newInspectionTaskDetail.vue
 create mode 100644 src/views/cards/task_statistics/task_status.vue

diff --git a/package.json b/package.json
index b89ea80..8fa91c9 100644
--- a/package.json
+++ b/package.json
@@ -53,7 +53,9 @@
     "linq": "^4.0.3",
     "lodash": "^4.17.21",
     "md5.js": "^1.3.5",
+    "moment": "^2.29.2",
     "nprogress": "0.2.0",
+    "papaparse": "^5.5.3",
     "quill": "2.0.2",
     "screenfull": "5.0.2",
     "sortablejs": "1.10.2",
diff --git a/src/api/analysis/index.js b/src/api/analysis/index.js
new file mode 100644
index 0000000..f84c977
--- /dev/null
+++ b/src/api/analysis/index.js
@@ -0,0 +1,88 @@
+// 告警确认
+import request from '@/utils/request'
+
+// 巡视结果列表
+export function getPatrolData(query) {
+  return request({
+    url: '/patrol/statistics/listMulti',
+    method: 'get',
+    params: query
+  })
+}
+/**
+ * 获取设备列表
+ * @returns
+ */
+export function getDeviceTree(){
+  return request({
+    url:'/basedata/prodevmnt/device/treeAreaDeviceSelect',
+    method:'get'
+  })
+}
+
+// 获取数据趋势左侧的设备树
+export function treeAreaDeviceSelectFilterByMeter() {
+  return request({
+    url: '/basedata/prodevmnt/device/treeAreaDeviceSelectFilterByMeter',
+    method: 'get'
+  })
+}
+
+// ?deviceId=1&recognitionType=1&startTime=2020-12-1&endTime=2022-12-1
+/**
+ * 获取图表数据
+ * @param {*} query
+ * @returns
+ */
+export function getChartData(query){
+  return request({
+    url: '/patrol/statistics/chartsMulti',
+    method: 'get',
+    params: query
+  })
+}
+/**
+ * 同源/非同源数据对比 阈值
+ * @param {*} query
+ * @returns
+ */
+export function analysisData(query){
+  return request({
+    url: '/patrol/statistics/analyse',
+    method: 'post',
+    data: query
+  })
+}
+/**
+ * 5次表计任务对比分析
+ * @param {*} data
+ * @returns
+ */
+export function recordAnalysisData(data){
+  return request({
+    url: '/patrol/statistics/verifyNumber',
+    method: 'post',
+    data
+  })
+}
+
+/**
+ * 获取自定义属性字典
+ * @returns
+ */
+ export function getExportProps(){
+  return request({
+    url:'/patrol/statistics/colMap',
+    methods:'get'
+  })
+}
+
+export function getPatrolPointName (params) {
+  return request({
+    url: '/patrol/task/getPatrolPointName',
+    methods: 'get',
+    params
+  })
+}
+
+
diff --git a/src/api/home/index.js b/src/api/home/index.js
new file mode 100644
index 0000000..5874624
--- /dev/null
+++ b/src/api/home/index.js
@@ -0,0 +1,116 @@
+// 首页
+import request from "@/utils/request";
+
+// 任务占比
+export function teskRationList(query) {
+  return request({
+    url: "/patrol/task/teskRationList",
+    method: "get",
+    params: query,
+  });
+}
+// 告警统计
+export function alarmList(query) {
+  return request({
+    url: "/basedata/eqpbook/alarmList",
+    method: "get",
+    params: query,
+  });
+}
+
+// 设备状态详情
+export function alarmDeviceList(query) {
+  return request({
+    url: "/basedata/eqpbook/alarmList/status",
+    method: "get",
+    params: query,
+  });
+}
+
+// 巡视告警详情
+export function alarmPatrolList(query) {
+  return request({
+    url: "/basedata/eqpbook/alarmList/alarm",
+    method: "get",
+    params: query,
+  });
+}
+
+// 巡视异常详情
+export function abnormalPatrolList(query) {
+  return request({
+    url: "/basedata/eqpbook/alarmList/abnormal",
+    method: "get",
+    params: query,
+  });
+}
+// 巡视异常
+export function getAbnormalPatrolList(query) {
+  return request({
+    url: "/patrol/analysis/list_exception",
+    method: "get",
+    params: query,
+  });
+}
+
+// 场站点位个数
+export function pointStatistics(query = {}) {
+  return request({
+    url: "/patrol/task/pointStatistics",
+    method: "get",
+    params: query,
+  });
+}
+
+// 缺陷统计
+export function defectList(query) {
+  return request({
+    url: "/patrol/task/defectList",
+    method: "get",
+    params: query,
+  });
+}
+// 设备数量
+export function deviceNumList(query) {
+  return request({
+    url: "/basedata/eqpbook/deviceNumList",
+    method: "get",
+    params: query,
+  });
+}
+
+// 环境参数
+export function evnList(query) {
+  return request({
+    url: "/basedata/montdata/evndata/evnList",
+    method: "get",
+    params: query,
+  });
+}
+
+// 阈值列表
+export function thresholdList(query) {
+  return request({
+    url: "/basedata/eqpbook/subtypeData",
+    method: "get",
+    params: query,
+  });
+}
+
+// 阈值修改
+export function thresholdUpdate(params) {
+  return request({
+    url: "/basedata/eqpbook/subtypeUpdate",
+    method: "post",
+    data: params,
+  });
+}
+
+// 阈值历史查看
+export function thresholdHistory(params) {
+  return request({
+    url: "/basedata/eqpbook/subtypeUpdateRecord",
+    method: "get",
+    params: params,
+  });
+}
diff --git a/src/api/inspectionDataManage/alarmConfirm.js b/src/api/inspectionDataManage/alarmConfirm.js
index de19664..bdff010 100644
--- a/src/api/inspectionDataManage/alarmConfirm.js
+++ b/src/api/inspectionDataManage/alarmConfirm.js
@@ -58,3 +58,7 @@ export function getAllAlgorithmList() {
     },
   });
 }
+
+export function getAlgTypeList() {
+  return getAllAlgorithmList();
+}
diff --git a/src/api/inspectionDataManage/inspectionArchive.js b/src/api/inspectionDataManage/inspectionArchive.js
index a6ec801..dd98b6a 100644
--- a/src/api/inspectionDataManage/inspectionArchive.js
+++ b/src/api/inspectionDataManage/inspectionArchive.js
@@ -47,3 +47,12 @@ export function partrolResultArchive (params) {
     params
   })
 }
+
+// 绍兴增加在任务列表中归档
+export function partrolResultArchiveAdd (params) {
+  return request({
+    url: '/patrol/resultmain/updateInfo_shaoxing',
+    method: 'post',
+    data: params
+  })
+}
diff --git a/src/api/modelDialog/modelDialog.js b/src/api/modelDialog/modelDialog.js
new file mode 100644
index 0000000..311f725
--- /dev/null
+++ b/src/api/modelDialog/modelDialog.js
@@ -0,0 +1,9 @@
+import request from "@/utils/request";
+// 大模型对话
+export function semanticsModel (query) {
+  return request({
+    url: '/simulator/ir/semanticsModel',
+    method: 'post',
+    data: query
+  })
+}
\ No newline at end of file
diff --git a/src/api/screen/screen.js b/src/api/screen/screen.js
new file mode 100644
index 0000000..3154d9f
--- /dev/null
+++ b/src/api/screen/screen.js
@@ -0,0 +1,75 @@
+import request from "@/utils/request";
+
+//获取检修区域tree
+export function treeselect(query) {
+  return request({
+    url: "/basedata/area/treeselect",
+    method: "get",
+    params: query,
+  });
+}
+//获取监测设备列表
+export function getViewers(query) {
+  return request({
+    url: "/api/device/getViewers",
+    method: "get",
+    params: query,
+  });
+}
+//获取生产设备列表
+export function getDevices(query) {
+  return request({
+    url: "/basedata//prodevmnt/device/treeAreaDeviceSelect",
+    method: "get",
+    params: query,
+  });
+}
+//添加巡检任务
+export function taskAdd(data) {
+  return request({
+    url: "patrol/task/add",
+    method: "post",
+    data: data,
+  });
+}
+//任务详情中算法纠偏
+export function taskCorrection(data) {
+  return request({
+    url: "patrol/task/correction",
+    method: "post",
+    data: data,
+  });
+}
+//获取未处置的告警列表
+export function unexecuted(query) {
+  return request({
+    url: "patrol/analysis/unexecuted",
+    method: "get",
+    params: query,
+  });
+}
+
+//查询检测设备列表
+export function getTeskMessageByEqpbookId(query) {
+  return request({
+    url: "/basedata/eqpbook/getTeskMessageByEqpbookId",
+    method: "get",
+    params: query,
+  });
+}
+
+export function treeProMainDevicePatrolEquSelect(query) {
+  return request({
+    url: "/basedata/prodevmnt/device/treeProMainDevicePatrolEquSelect",
+    method: "post",
+    data: query,
+  });
+}
+//获取无人机
+export function getUavList(query) {
+  return request({
+    url: "/basedata/eqpbook/getUavList",
+    method: "get",
+    params: query,
+  });
+}
diff --git a/src/api/videosMonitor/index.js b/src/api/videosMonitor/index.js
new file mode 100644
index 0000000..279bc11
--- /dev/null
+++ b/src/api/videosMonitor/index.js
@@ -0,0 +1,322 @@
+import request from "@/utils/request";
+import { defectList } from "../home/index";
+
+/**
+ * 巡视设备树
+ * @param {*} data
+ * @returns
+ */
+export function getAreaEqubookTreeSelect(params) {
+  return request({
+    // url: '/basedata/eqpbook/getAreaEqubookTreeSelect',
+    url: "/basedata/eqpbook/getAreaEqubookTreeSelectForFilter",
+    method: "get",
+    params,
+  });
+}
+/**
+ * 巡视任务--任务展示--日
+ * @param {*} data
+ * @returns
+ */
+export function list(params) {
+  return request({
+    url: "/patrol/taskstatus/list",
+    method: "get",
+    params,
+  });
+}
+/**
+ * 巡视任务--任务展示--月、年
+ * @param {*} data
+ * @returns
+ */
+export function taskcount(params) {
+  return request({
+    url: "/patrol/taskstatus/taskcount",
+    method: "get",
+    params,
+  });
+}
+/**
+ * 任务列表
+ * @param {*} data
+ * @returns
+ */
+export function taskList(params) {
+  return request({
+    // url: '/patrol/task/list',
+    url: "/patrol/taskstatus/list",
+    method: "get",
+    params,
+  });
+}
+/**
+ * 任务列表
+ * @param {*} data
+ * @returns
+ */
+export function taskInfo(params) {
+  return request({
+    url: "/patrol/task/taskInfo",
+    method: "get",
+    params,
+  });
+}
+
+// 查询巡视类型列表
+export function listPatroltype(query) {
+  return request({
+    url: "/basedata/patrolpointmnt/patroltype/list",
+    method: "get",
+    params: query,
+  });
+}
+
+// 巡检区域
+export function listArea(query) {
+  return request({
+    url: "/basedata/area/list",
+    method: "get",
+    params: query,
+  });
+}
+// 生产设备树
+export function equipmentree(query) {
+  return request({
+    url: "/basedata/prodevmnt/device/getProDeviceTreeSelect",
+    method: "get",
+    params: query,
+  });
+}
+
+/**
+ * 任务基本信息
+ * @param {*} data
+ * @returns
+ */
+export function editTask(taskId) {
+  return request({
+    url: "/patrol/task/" + taskId,
+    method: "get",
+  });
+}
+
+/**
+ * 任务下发
+ * @param {*} data
+ * @returns
+ */
+export function taskStatusChange(params) {
+  return request({
+    url: "/patrol/taskstatus/taskStatusChange",
+    method: "get",
+    params,
+  });
+}
+/**
+ * 录像列表
+ * @param {*} data
+ * @returns
+ */
+export function recordList(params) {
+  return request({
+    url: "/patrol/videotape/record/list",
+    method: "get",
+    params,
+  });
+}
+/**
+ * 获取视频地址
+ * @param {*} data
+ * @returns
+ */
+export function reviewStart(params) {
+  return request({
+    url: "/patrol/videotape/review/start",
+    method: "get",
+    params,
+  });
+}
+/**
+ * 获取预置点列表
+ * @param {*} data
+ * @returns
+ */
+export function getDeviceList(deviceCode, channelCode) {
+  return request({
+    url: `/patrol/preset/listByEqIdAndChannelId`,
+    params: {
+      patroldeviceCode: deviceCode,
+      channelCode: channelCode,
+    },
+    method: "get",
+  });
+}
+/**
+ * 下发预置点任务
+ * @param {*} data
+ * @returns
+ */
+export function presetGoto(params) {
+  return request({
+    url: `/patrol/preset/goto`,
+    method: "get",
+    params,
+  });
+}
+/**
+ * 下发预置点任务
+ * @param {*} data
+ * @returns
+ */
+export function videotapeRecord(params) {
+  return request({
+    url: `/patrol/videotape/record`,
+    method: "get",
+    params,
+  });
+}
+/**
+ * 获取告警列表
+ * @param {*} data
+ * @returns
+ */
+export function patdevstadataList(params) {
+  return request({
+    url: `basedata/montdata/patdevstadata/list`,
+    method: "get",
+    params,
+  });
+}
+
+/**
+ * 任务点位分析列表
+ * @param {*} data
+ * @returns
+ */
+export function taskInfoList(params) {
+  return request({
+    url: `/patrol/task/taskInfo_v2`,
+    method: "get",
+    params,
+  });
+}
+
+/**
+ * 缺陷列表
+ * @param {*} data
+ * @returns
+ */
+export function analysisDefectList(params) {
+  return request({
+    url: `/patrol/analysis/list_v2`,
+    method: "get",
+    params,
+  });
+}
+
+/**
+ * 绍兴站合并缺陷列表（ai和缺陷）
+ * @param {*} data
+ * @returns
+ */
+ export function analysisDefectListShaoxing(params) {
+  return request({
+    url: `/patrol/analysis/list_v2_ex`,
+    method: "get",
+    params,
+  });
+}
+
+
+/**
+ * 点位列表列表
+ * @param {*} data
+ * @returns
+ */
+export function getDefectPointList(params = {}) {
+  return request({
+    url: `/patrol/analysis/summary/points`,
+    method: "get",
+    params,
+  });
+}
+
+/**
+ * 点位缺陷列表
+ * @param {*} data
+ * @returns
+ */
+export function getDefectAlarmList(params = {}) {
+  return request({
+    url: `/patrol/analysis/summary/alarm`,
+    method: "get",
+    params,
+  });
+}
+
+/**
+ * 获取区域列表
+ * @param {*} data
+ * @returns
+ */
+ export function areaList(params = {}) {
+  return request({
+    url: `/basedata/area/list`,
+    method: "get",
+    params,
+  });
+}
+
+/**
+ * 巡视任务--任务日历展示年
+ * @param {*} data
+ * @returns
+ */
+ export function calenderYear(params) {
+  return request({
+    url: "/patrol/calender/year",
+    method: "get",
+    params,
+  });
+}
+
+
+/**
+ * 巡视任务--任务日历展示月
+ * @param {*} data
+ * @returns
+ */
+ export function calenderMonth(params) {
+  return request({
+    url: "/patrol/calender/month",
+    method: "get",
+    params,
+  });
+}
+
+/**
+ * 巡视任务--任务日历展示日
+ * @param {*} data
+ * @returns
+ */
+ export function calenderDay(params) {
+  return request({
+    url: "/patrol/calender/day",
+    method: "get",
+    params,
+  });
+}
+/**
+ * 缺陷记录卡片的列表
+ * @param {*} data
+ * @returns
+ */
+ export function defectRecordList(params) {
+  return request({
+    url: `/patrol/analysis/defect/list`,
+    method: "get",
+    params,
+  });
+}
diff --git a/src/components/AsyncImageFrame/index.vue b/src/components/AsyncImageFrame/index.vue
new file mode 100644
index 0000000..7a0e2b1
--- /dev/null
+++ b/src/components/AsyncImageFrame/index.vue
@@ -0,0 +1,673 @@
+<template>
+  <div>
+    <!-- <div class="tool-actions">
+      <el-tooltip content="删除" placement="top">
+        <el-button
+          style="position: absolute; top: 22%; right: 79%; z-index: 999"
+          type="danger"
+          circle
+          @click="clearAll"
+          :disabled="regions.length === 0"
+        >
+          <i class="el-icon-delete"></i>
+        </el-button>
+      </el-tooltip>
+    </div>
+    <div class="tool-actions">
+      <el-tooltip content="保存" placement="top">
+        <el-button
+          style="position: absolute; top: 22%; right: 83%"
+          type="danger"
+          icon="el-icon-document-checked"
+          circle
+          @click="saveRegions"
+          :disabled="regions.length === 0"
+        />
+      </el-tooltip>
+    </div> -->
+    <div class="image-wrapper" ref="imageWrapper">
+      <el-image
+        ref="temperatureImage"
+        :fit="fit"
+        :preview-src-list="imageList"
+        :src="imgUrl"
+        @load="handleImageLoad"
+        @error="handleImageLoadError"
+        @dblclick="onClicked"
+        @mousemove="handleMouseMove"
+        @mouseleave="stopDrawingIfNeeded"
+        class="temperature-image"
+      >
+        <div slot="placeholder" class="image-slot">
+          加载中<span class="dot">...</span>
+        </div>
+
+        <div slot="error" class="image-slot">
+          {{ errorTips }}
+        </div>
+      </el-image>
+
+      <!-- 温度悬浮显示 -->
+      <div
+        v-if="hoverData"
+        class="temperature-display"
+        :style="{
+          left: hoverData.x + 'px',
+          top: hoverData.y + 'px',
+        }"
+      >
+        {{ hoverData.temperature }}°C
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+// import { ftpImageViewUrl } from "@/utils/index";
+import { mapGetters } from "vuex";
+import { getConfigByKeys } from "@/api/system/config";
+import Papa from "papaparse";
+// 接口
+import {
+  selectBoxData,
+  clearBoxData,
+  addBoxData,
+  downloadCsv,
+} from "@/api/basedata/patrolpointmnt/patrolpointpreset.js";
+// "@/api/analysis/index";
+// 临时接口
+import axios from "axios";
+
+export default {
+  name: "AsyncImage",
+  components: {},
+  props: {
+    fit: {
+      type: String,
+      default: "scale-down",
+    },
+    srcList: {
+      type: Array,
+      default: () => [],
+    },
+    src: {
+      type: String,
+      default: "",
+    },
+    errorTips: {
+      type: String,
+      default: "加载失败",
+    },
+    supportPreview: {
+      type: Boolean,
+      default: false,
+    },
+  },
+  async created() {},
+  data() {
+    return {
+      imgUrl: "",
+      imgName: "",
+      loading: false,
+      imageList: [],
+      config: null,
+      uploadDialogVisible: false,
+      originalImage: null,
+
+      // 温度数据相关
+      temperatureData: [],        // 存储从CSV读取的二维温度数据
+      tempRows: 0,               // CSV行数
+      tempCols: 0,               // CSV列数
+
+      // 图片尺寸相关
+      imageNaturalWidth: 0,      // 图片原始宽度
+      imageNaturalHeight: 0,     // 图片原始高度
+      displayWidth: 0,           // 图片显示宽度
+      displayHeight: 0,          // 图片显示高度
+      imageScale: 1,             // 图片缩放比例
+
+      // 鼠标悬浮相关
+      hoverData: null,           // 当前悬停位置的数据
+      hoverTemperatureData: [], //存续从CSV读取的温度数据用于鼠标悬浮
+
+      // 鼠标位置温度
+      currentTemp: null,
+      currentPos: { x: 0, y: 0 },
+      showTooltip: false,
+      tooltipPosition: { x: 0, y: 0 },
+
+      // 矩形绘制 - 已注释（但保留变量）
+      isDrawing: false,
+      startPos: { x: 0, y: 0 },
+      currentRect: { x: 0, y: 0, width: 0, height: 0 },
+
+      // 温度区域 - 已注释（但保留变量）
+      regions: [],
+      selectedRegion: null,
+
+      // 温度范围
+      maxGlobalTemp: 0,
+      minGlobalTemp: 0,
+      // 框的终点
+      secondX: 0,
+      secondY: 0,
+      showFrame: false, //返回不同坐标计算
+
+      maxTempPoints: [], // 存储每个区域的最高温点坐标
+    };
+  },
+  computed: {
+    ...mapGetters(["systemParams"]),
+    tooltipStyle() {
+      return {
+        left: `${this.tooltipPosition.x}px`,
+        top: `${this.tooltipPosition.y}px`,
+        position: "absolute",
+        backgroundColor: "rgba(0, 0, 0, 0.8)",
+        color: "white",
+        padding: "5px 10px",
+        borderRadius: "4px",
+        fontSize: "14px",
+        pointerEvents: "none",
+        zIndex: 100,
+        whiteSpace: "nowrap",
+      };
+    },
+    legendGradient() {
+      return {
+        background: `linear-gradient(to top,
+          ${this.getColorForTemp(this.minGlobalTemp)} 0%,
+          ${this.getColorForTemp(
+            (this.minGlobalTemp + this.maxGlobalTemp) / 2
+          )} 50%,
+          ${this.getColorForTemp(this.maxGlobalTemp)} 100%)`,
+        height: "200px",
+        borderRadius: "4px",
+      };
+    },
+  },
+  // 悬浮
+  mounted() {
+    setTimeout(() => {
+      this.updateImageSize();
+    }, 500);
+    window.addEventListener("resize", this.updateImageSize);
+    this.showUploadDialog();
+  },
+  beforeDestroy() {
+    window.removeEventListener("resize", this.updateImageSize);
+  },
+  methods: {
+    // ==================== 图片事件处理 ====================
+    handleImageLoad(event) {
+      const img = event.target;
+      this.imageNaturalWidth = img.naturalWidth;
+      this.imageNaturalHeight = img.naturalHeight;
+
+      this.$nextTick(() => {
+        this.updateImageSize();
+      });
+
+      this.$emit('imgload', {
+        imgOriginalHeight: this.imageNaturalHeight,
+        imgOriginalWidth: this.imageNaturalWidth
+      });
+
+      // 去除拖动鼠标图片被拖走问题
+      img.draggable = false;
+      img.ondragstart = () => false;
+    },
+
+    handleImageLoadError() {
+      this.$emit('imgloaderror');
+    },
+
+    onClicked() {
+      this.$emit('click');
+    },
+
+    showUploadDialog() {
+      this.uploadDialogVisible = true;
+    },
+
+    // ==================== 鼠标交互 ====================
+    handleMouseMove(event) {
+      // 处理悬浮温度显示（使用最近邻插值）
+      this.handleHoverShow(event);
+    },
+
+    stopDrawingIfNeeded() {
+      this.showTooltip = false;
+    },
+
+    // ==================== 图片尺寸更新 ====================
+    updateImageSize() {
+      const imageEl = this.$refs.temperatureImage?.$el?.querySelector("img");
+      if (!imageEl) {
+        return;
+      }
+
+      this.originalImage = imageEl;
+      const naturalWidth = imageEl.naturalWidth;
+      const naturalHeight = imageEl.naturalHeight;
+      const displayWidth = imageEl.clientWidth;
+      const displayHeight = imageEl.clientHeight;
+
+      // 计算正确的缩放比例
+      this.imageScale = naturalWidth / displayWidth;
+
+      // console.log("图片尺寸更新:", {
+      //   实际尺寸: `${naturalWidth}×${naturalHeight}`,
+      //   显示尺寸: `${displayWidth}×${displayHeight}`,
+      //   缩放比例: this.imageScale,
+      // });
+
+      const container = this.$refs.imageWrapper;
+      this.containerRect = container.getBoundingClientRect();
+
+      if (this.$refs.temperatureImage) {
+        this.imageSize = {
+          width: naturalWidth,
+          height: naturalHeight,
+        };
+      }
+    },
+
+    // ==================== CSV加载和解析（分块处理，避免栈溢出） ====================
+    downloadAndParseCSV() {
+      const data = {
+        filePath: this.imgName,
+      };
+
+      downloadCsv(data)
+        .then((response) => {
+          const blob = response instanceof Blob ? response : new Blob([response]);
+          const reader = new FileReader();
+
+          reader.onload = (e) => {
+            try {
+              const csvText = e.target.result;
+              this.parseCSVInChunks(csvText);
+            } catch (error) {
+              // this.$message.error('读取CSV出错: ' + error.message);
+            }
+          };
+
+          reader.onerror = () => {
+            // this.$message.error('文件读取失败');
+          };
+
+          reader.readAsText(blob);
+        })
+        .catch((error) => {
+          // this.$message.error('下载CSV失败');
+        });
+    },
+
+    // 分块解析CSV，避免栈溢出
+    parseCSVInChunks(csvText) {
+      try {
+        const lines = csvText.split('\n');
+        const tempData = [];
+        let maxCols = 0;
+
+        const BATCH_SIZE = 1000;
+        let index = 0;
+
+        const processBatch = () => {
+          const endIndex = Math.min(index + BATCH_SIZE, lines.length);
+
+          for (let i = index; i < endIndex; i++) {
+            const line = lines[i].trim();
+            if (!line) continue;
+
+            const values = line.split(',').map(v => {
+              const num = parseFloat(v.trim());
+              return isNaN(num) ? null : num;
+            });
+
+            const validValues = values.filter(v => v !== null && isFinite(v));
+
+            if (validValues.length > 0) {
+              tempData.push(validValues);
+              if (validValues.length > maxCols) {
+                maxCols = validValues.length;
+              }
+            }
+          }
+
+          index = endIndex;
+
+          if (index < lines.length) {
+            setTimeout(processBatch, 0);
+          } else {
+            this.finalizeCSVData(tempData, maxCols);
+          }
+        };
+
+        processBatch();
+
+      } catch (error) {
+        // this.$message.error('解析CSV出错: ' + error.message);
+      }
+    },
+
+    // 最终处理CSV数据（修复栈溢出）
+    finalizeCSVData(tempData, maxCols) {
+      try {
+        if (tempData.length === 0) {
+          this.$message.warning('CSV温度数据为空');
+          return;
+        }
+
+        const normalizedData = [];
+        for (let i = 0; i < tempData.length; i++) {
+          const row = tempData[i];
+          if (row.length < maxCols) {
+            const lastVal = row[row.length - 1] || 0;
+            while (row.length < maxCols) {
+              row.push(lastVal);
+            }
+          }
+          normalizedData.push(row);
+        }
+
+        this.temperatureData = normalizedData;
+        this.tempRows = normalizedData.length;
+        this.tempCols = normalizedData[0]?.length || 0;
+
+        // 计算温度范围（使用循环避免栈溢出）
+        let minTemp = Infinity;
+        let maxTemp = -Infinity;
+        let count = 0;
+
+        const sampleLimit = Math.min(normalizedData.length, 500);
+        for (let i = 0; i < sampleLimit; i++) {
+          const row = normalizedData[i];
+          if (Array.isArray(row)) {
+            const rowLimit = Math.min(row.length, 500);
+            for (let j = 0; j < rowLimit; j++) {
+              const val = row[j];
+              if (typeof val === 'number' && !isNaN(val) && isFinite(val)) {
+                if (val < minTemp) minTemp = val;
+                if (val > maxTemp) maxTemp = val;
+                count++;
+              }
+            }
+          }
+        }
+
+        // console.log('温度范围:', {
+        //   min: count > 0 ? minTemp : 0,
+        //   max: count > 0 ? maxTemp : 0,
+        //   sampleCount: count
+        // });
+
+        // 为悬停显示准备数据（使用循环避免栈溢出）
+        const hoverData = [];
+        const rowLimit = Math.min(normalizedData.length, 100);
+        for (let i = 0; i < rowLimit; i++) {
+          const row = normalizedData[i];
+          if (Array.isArray(row)) {
+            const colLimit = Math.min(row.length, 100);
+            for (let j = 0; j < colLimit; j++) {
+              const val = row[j];
+              if (typeof val === 'number' && !isNaN(val) && isFinite(val)) {
+                hoverData.push(val);
+              }
+            }
+          }
+        }
+        this.hoverTemperatureData = hoverData;
+
+        // this.$message.success(`成功加载 ${this.tempRows}x${this.tempCols} 温度数据`);
+
+      } catch (error) {
+        // this.$message.error('处理CSV数据出错: ' + error.message);
+      }
+    },
+
+    // ==================== 最近邻插值（精确匹配温度矩阵原始值） ====================
+    nearestNeighborInterpolation(data, row, col, rows, cols) {
+      if (row < 0 || row > rows - 1 || col < 0 || col > cols - 1) {
+        return null;
+      }
+
+      const nearestRow = Math.round(row);
+      const nearestCol = Math.round(col);
+
+      const safeRow = Math.max(0, Math.min(nearestRow, rows - 1));
+      const safeCol = Math.max(0, Math.min(nearestCol, cols - 1));
+
+      const val = parseFloat(data[safeRow]?.[safeCol]);
+      return isNaN(val) ? null : val;
+    },
+
+    // ==================== 处理鼠标悬浮显示温度（使用最近邻插值） ====================
+    handleHoverShow(event) {
+      const imageEl = this.$refs.temperatureImage?.$el?.querySelector('img');
+      if (!imageEl) return;
+
+      if (!this.temperatureData || this.temperatureData.length === 0) {
+        this.hoverData = null;
+        return;
+      }
+
+      const rect = imageEl.getBoundingClientRect();
+
+      const mouseX = event.clientX - rect.left;
+      const mouseY = event.clientY - rect.top;
+
+      const normalizedX = mouseX / rect.width;
+      const normalizedY = mouseY / rect.height;
+
+      if (normalizedX < 0 || normalizedX > 1 || normalizedY < 0 || normalizedY > 1) {
+        this.hoverData = null;
+        return;
+      }
+
+      const rows = this.tempRows;
+      const cols = this.tempCols;
+
+      if (rows === 0 || cols === 0) {
+        this.hoverData = null;
+        return;
+      }
+
+      const floatRow = normalizedY * (rows - 1);
+      const floatCol = normalizedX * (cols - 1);
+
+      const temperature = this.nearestNeighborInterpolation(
+        this.temperatureData,
+        floatRow,
+        floatCol,
+        rows,
+        cols
+      );
+
+      if (temperature !== null && !isNaN(temperature) && isFinite(temperature)) {
+        let tooltipX = event.clientX - rect.left + 15;
+        let tooltipY = event.clientY - rect.top - 10;
+
+        if (tooltipX + 100 > rect.width) {
+          tooltipX = event.clientX - rect.left - 100;
+        }
+        if (tooltipY < 20) {
+          tooltipY = event.clientY - rect.top + 20;
+        }
+        if (tooltipY + 30 > rect.height) {
+          tooltipY = rect.height - 30;
+        }
+
+        this.hoverData = {
+          x: tooltipX,
+          y: tooltipY,
+          temperature: temperature.toFixed(1),
+        };
+      } else {
+        this.hoverData = null;
+      }
+    },
+
+    // ==================== 辅助函数 ====================
+    getRandomRegionColor() {
+      const colors = [
+        "#FF5722",
+        "#2196F3",
+        "#4CAF50",
+        "#FFC107",
+        "#9C27B0",
+        "#00BCD4",
+        "#8BC34A",
+        "#FF9800",
+        "#673AB7",
+        "#3F51B5",
+        "#009688",
+        "#CDDC39",
+      ];
+      return colors[Math.floor(Math.random() * colors.length)];
+    },
+
+    hexToRgba(hex, alpha) {
+      const r = parseInt(hex.slice(1, 3), 16);
+      const g = parseInt(hex.slice(3, 5), 16);
+      const b = parseInt(hex.slice(5, 7), 16);
+      return `rgba(${r}, ${g}, ${b}, ${alpha})`;
+    },
+
+    // ==================== FTP和URL处理 ====================
+    async ftpImageViewUrl(url) {
+      if (url.startsWith('http://') || url.startsWith('https://')) {
+        return url;
+      }
+      if (!this.systemParams.ftpViewAddress) {
+        const systemParams = {};
+        await getConfigByKeys([
+          'EXTRANET_ADDRESS',
+          'EXTRANET_FTP_VIEW_ADDRESS',
+          'INTRANET_FTP_VIEW_ADDRESS',
+          'VIRTUAL_RTC_MEDIAURL',
+          'EXTRANET_MEDIA_URL',
+          'INTRANET_MEDIA_URL',
+          'VIRTUAL_FLV_MEDIAURL',
+          'INTRANET_FLV_MEDIA_URL',
+          'EXTRANET_FLV_MEDIA_URL',
+        ]).then((res) => {
+          res.data.forEach((x) => {
+            systemParams[x.configKey] = x.configValue;
+          });
+          systemParams.PREFIX = location.hostname === systemParams.EXTRANET_ADDRESS
+            ? 'EXTRANET'
+            : 'INTRANET';
+          systemParams.ftpViewAddress = systemParams[systemParams.PREFIX + '_FTP_VIEW_ADDRESS'];
+          systemParams.MEDIA_URL = systemParams[systemParams.PREFIX + '_MEDIA_URL'];
+          systemParams.FLV_MEDIA_URL = systemParams[systemParams.PREFIX + '_FLV_MEDIA_URL'];
+        });
+        return systemParams.ftpViewAddress + url;
+      } else {
+        return this.systemParams.ftpViewAddress + url;
+      }
+    },
+
+    async getUrls(val) {
+      this.imageList = [];
+      const urls = [];
+      for (let index = 0; index < val.length; index++) {
+        const element = val[index];
+        urls.push(await this.ftpImageViewUrl(element));
+      }
+      if (this.supportPreview) {
+        this.imageList = urls;
+      }
+    },
+  },
+  watch: {
+    srcList: {
+      handler(val) {
+        this.getUrls(val);
+      },
+      immediate: true,
+    },
+    src: {
+      async handler(val) {
+        if (val && val.length > 0) {
+          this.imgUrl = await this.ftpImageViewUrl(val);
+          // this.imgUrl = "http://192.168.1.116:18891/shaoxing/videoMonitor/app/htjc6/htjcImage//test/39357.jpg";
+          this.imgName = val;
+
+          if (this.srcList.length === 0) {
+            this.getUrls([val]);
+          }
+
+          this.$nextTick(() => {
+            this.downloadAndParseCSV();
+          });
+        } else {
+          this.imgUrl = "";
+        }
+      },
+      immediate: true,
+    },
+  },
+};
+</script>
+
+<style scoped>
+.image-slot {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  width: 100%;
+  height: 100%;
+  color: #ddd;
+}
+
+.image-wrapper {
+  position: relative;
+  border-radius: 4px;
+  overflow: hidden;
+  height: calc(66vh - 350px);
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
+.temperature-image {
+  max-width: 100%;
+  max-height: 100%;
+  display: block;
+  cursor: default;
+}
+
+.image-slot {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  height: 100%;
+  color: #909399;
+  font-size: 14px;
+}
+
+.image-slot i {
+  font-size: 36px;
+  margin-bottom: 10px;
+}
+
+/* 温度悬浮显示 */
+.temperature-display {
+  position: absolute;
+  padding: 6px 12px;
+  border-radius: 4px;
+  background-color: rgba(0, 0, 0, 0.85);
+  color: #fff;
+  font-weight: bold;
+  font-size: 14px;
+  pointer-events: none;
+  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.3);
+  transform: translateY(-100%);
+  z-index: 10;
+  white-space: nowrap;
+  border: 1px solid rgba(255, 255, 255, 0.1);
+}
+</style>
diff --git a/src/components/CardPagination/index.vue b/src/components/CardPagination/index.vue
index bdfa8bb..1ca3f45 100644
--- a/src/components/CardPagination/index.vue
+++ b/src/components/CardPagination/index.vue
@@ -1,5 +1,6 @@
 <template>
   <div :class="{ hidden: hidden }" class="pagination-container">
+    <div class="pagination-total">共 {{ total }} 条</div>
     <el-pagination
       :background="background"
       :current-page.sync="currentPage"
@@ -17,108 +18,198 @@
 </template>
 
 <script>
-import { scrollTo } from "@/utils/scroll-to";
+import { scrollTo } from '@/utils/scroll-to'
 
 export default {
-  name: "CardPagination",
+  name: 'CardPagination',
   props: {
     total: {
       required: true,
-      type: Number,
+      type: Number
     },
     page: {
       type: Number,
-      default: 1,
+      default: 1
     },
     limit: {
       type: Number,
-      default: 20,
+      default: 20
     },
     pageSizes: {
       type: Array,
       default() {
-        return [10, 20, 30, 50];
-      },
+        return [10, 20, 30, 50]
+      }
     },
-    // 移动端页码按钮的数量端默认值5
+    // Page button count on small screens
     pagerCount: {
       type: Number,
-      default: document.body.clientWidth < 992 ? 5 : 7,
+      default: document.body.clientWidth < 992 ? 5 : 7
     },
     layout: {
       type: String,
-      default: "total, sizes, prev, pager, next, jumper",
+      default: 'sizes, prev, pager, next, jumper'
     },
     background: {
       type: Boolean,
-      default: true,
+      default: true
     },
     autoScroll: {
       type: Boolean,
-      default: true,
+      default: true
     },
     hidden: {
       type: Boolean,
-      default: false,
-    },
+      default: false
+    }
   },
   data() {
-    return {};
+    return {}
   },
   computed: {
     currentPage: {
       get() {
-        return this.page;
+        return this.page
       },
       set(val) {
-        this.$emit("update:page", val);
-      },
+        this.$emit('update:page', val)
+      }
     },
     pageSize: {
       get() {
-        return this.limit;
+        return this.limit
       },
       set(val) {
-        this.$emit("update:limit", val);
-      },
-    },
+        this.$emit('update:limit', val)
+      }
+    }
   },
   methods: {
     handleSizeChange(val) {
       if (this.currentPage * val > this.total) {
-        this.currentPage = 1;
+        this.currentPage = 1
       }
-      this.$emit("pagination", { page: this.currentPage, limit: val });
+      this.$emit('pagination', { page: this.currentPage, limit: val })
       if (this.autoScroll) {
-        scrollTo(0, 800);
+        scrollTo(0, 800)
       }
     },
     handleCurrentChange(val) {
-      this.$emit("pagination", { page: val, limit: this.pageSize });
+      this.$emit('pagination', { page: val, limit: this.pageSize })
       if (this.autoScroll) {
-        scrollTo(0, 800);
+        scrollTo(0, 800)
       }
-    },
-  },
-};
+    }
+  }
+}
 </script>
 
 <style lang="scss" scoped>
 .pagination-container {
-  background: #fff;
-  padding: 0px 20px !important;
-  margin-top: 5px;
-  margin-bottom: 0px;
-
-  ::v-deep .el-pagination span:not([class*="suffix"]),
-  ::v-deep .el-pagination button {
-    font-size: 14px;
-  }
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 12px;
+  width: 100%;
+  min-height: 48px;
+  margin-top: 0;
+  padding: 10px 16px;
+  box-sizing: border-box;
+  color: #dcecff;
+  background: #0b1140 !important;
+  border-top: 1px solid rgba(79, 166, 255, 0.35);
+}
 
-  ::v-deep .el-pager li {
-    font-size: 14px;
-  }
+.pagination-total {
+  flex: 0 0 auto;
+  font-size: 14px;
+  line-height: 24px;
+  white-space: nowrap;
 }
+
+.pagination-container ::v-deep .el-pagination {
+  display: flex;
+  flex: 1;
+  align-items: center;
+  justify-content: flex-end;
+  flex-wrap: wrap;
+  gap: 8px;
+  padding: 0;
+  color: #dcecff;
+}
+
+.pagination-container ::v-deep .el-pagination span:not([class*="suffix"]),
+.pagination-container ::v-deep .el-pagination button,
+.pagination-container ::v-deep .el-pager li {
+  font-size: 14px;
+}
+
+.pagination-container ::v-deep .el-pagination .btn-prev,
+.pagination-container ::v-deep .el-pagination .btn-next,
+.pagination-container ::v-deep .el-pagination .el-pager li {
+  min-width: 32px;
+  height: 28px;
+  line-height: 26px;
+  margin: 0 3px;
+  border: 1px solid rgba(90, 170, 255, 0.45);
+  border-radius: 2px;
+  background: #10306d;
+  color: #ffffff;
+}
+
+.pagination-container ::v-deep .el-pagination .el-pager li.active {
+  background: #2f7efb;
+  border-color: #2f7efb;
+  color: #ffffff;
+}
+
+.pagination-container ::v-deep .el-pagination .btn-prev:hover,
+.pagination-container ::v-deep .el-pagination .btn-next:hover,
+.pagination-container ::v-deep .el-pagination .el-pager li:hover {
+  border-color: #64e7ff;
+  color: #64e7ff;
+}
+
+.pagination-container ::v-deep .el-pagination .btn-prev.is-disabled,
+.pagination-container ::v-deep .el-pagination .btn-next.is-disabled,
+.pagination-container ::v-deep .el-pagination .el-pager li.disabled {
+  background: #0b1f54;
+  border-color: rgba(90, 170, 255, 0.2);
+  color: rgba(255, 255, 255, 0.35);
+}
+
+.pagination-container ::v-deep .el-pagination .el-select .el-input {
+  width: 92px;
+}
+
+.pagination-container ::v-deep .el-pagination .el-input__inner {
+  height: 28px;
+  line-height: 28px;
+  background: #0f2b6f;
+  border: 1px solid rgba(80, 170, 255, 0.55);
+  color: #ffffff;
+}
+
+.pagination-container ::v-deep .el-pagination .el-input__icon {
+  line-height: 28px;
+  color: #7dd6ff;
+}
+
+.pagination-container ::v-deep .el-pagination__sizes,
+.pagination-container ::v-deep .el-pagination__jump,
+.pagination-container ::v-deep .el-pagination__total {
+  color: #dcecff;
+}
+
+.pagination-container ::v-deep .el-pagination__editor.el-input {
+  width: 48px;
+}
+
+.pagination-container ::v-deep .el-pagination__editor.el-input .el-input__inner {
+  width: 48px;
+  padding: 0 4px;
+}
+
 .pagination-container.hidden {
   display: none;
 }
diff --git a/src/layout/components/Sidebar/Item.vue b/src/layout/components/Sidebar/Item.vue
index 91aeefe..1f33517 100644
--- a/src/layout/components/Sidebar/Item.vue
+++ b/src/layout/components/Sidebar/Item.vue
@@ -6,6 +6,8 @@ const navIconMap = {
   'Home': require('@/assets/images/nav/home.png'),
   '遥视任务管理': require('@/assets/images/nav/task.png'),
   '巡检任务管理': require('@/assets/images/nav/task.png'),
+  '巡检任务': require('@/assets/images/nav/task.png'),
+  '巡视任务': require('@/assets/images/nav/task.png'),
   '设备管理': require('@/assets/images/nav/device.png'),
   '点位管理': require('@/assets/images/nav/point.png'),
   '系统管理': require('@/assets/images/nav/system.png'),
@@ -63,3 +65,4 @@ export default {
   }
 }
 </script>
+
diff --git a/src/main.js b/src/main.js
index eceba66..fba491d 100644
--- a/src/main.js
+++ b/src/main.js
@@ -1,4 +1,4 @@
-import Vue from 'vue'
+import Vue from 'vue'
 
 import Cookies from 'js-cookie'
 
@@ -7,6 +7,7 @@ import './assets/styles/element-variables.scss'
 
 import '@/assets/styles/index.scss' // global css
 import '@/assets/styles/ruoyi.scss' // ruoyi css
+import './views/cards/assets/styles/index.scss'
 import App from './App'
 import store from './store'
 import router from './router'
@@ -30,7 +31,9 @@ import FileUpload from "@/components/FileUpload"
 // 图片上传组件
 import ImageUpload from "@/components/ImageUpload"
 // 图片预览组件
-import ImagePreview from "@/components/ImagePreview"
+import ImagePreview from '@/components/ImagePreview'
+// 寮傛鍥剧墖鐢绘缁勪欢
+import AsyncImageFrame from '@/components/AsyncImageFrame'
 // 字典标签组件
 import DictTag from '@/components/DictTag'
 // 头部标签组件
@@ -64,6 +67,7 @@ Vue.component('Editor', Editor)
 Vue.component('FileUpload', FileUpload)
 Vue.component('ImageUpload', ImageUpload)
 Vue.component('ImagePreview', ImagePreview)
+Vue.component('AsyncImageFrame', AsyncImageFrame)
 
 Vue.use(VideoPlayer)
 
@@ -95,3 +99,5 @@ new Vue({
   i18n,
   render: h => h(App)
 })
+
+
diff --git a/src/router/index.js b/src/router/index.js
index 71907b6..a27d6f3 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -87,6 +87,20 @@ export const constantRoutes = [
         meta: { title: '个人中心', icon: 'user' }
       }
     ]
+  },
+  {
+    path: '/task-summary',
+    component: Layout,
+    redirect: '/task-summary/inspectionTask',
+    meta: { title: '巡视任务', icon: 'task' },
+    children: [
+      {
+        path: 'inspectionTask',
+        component: () => import('@/views/cards/taskSummary/inspectionTask'),
+        name: 'InspectionTaskSummary',
+        meta: { title: '巡视任务', icon: 'task', activeMenu: '/task-summary' }
+      }
+    ]
   }
 ]
 
@@ -161,7 +175,7 @@ export const dynamicRoutes = [
         meta: { title: '修改生成配置', activeMenu: '/tool/gen' }
       }
     ]
-  }
+  },
 ]
 
 // 防止连续点击多次路由报错
diff --git a/src/views/cards/assets/btn-next.png b/src/views/cards/assets/btn-next.png
new file mode 100644
index 0000000000000000000000000000000000000000..59587c430a2b067588dd9ba7cf279c0cc09a8084
GIT binary patch
literal 2271
zcmV<52q5=~P)<h;3K|Lk000e1NJLTq004Rb003GD1^@s6clAQj00001b5ch_0Itp)
z=>Px-nMp)JRCr$PoqudqXBo%8&$%rWr6vBx1!9FJ;}0boHQADx_>a>V<6pXHG^TX?
z5CV)*C=O}+GR6ek%Pn*pOD9=$m`%EbZN?cDqv*1k44I4tNq6pTf#P7WG1|KRxc9tY
zcS@OTmiC-;&$;(p?tA`zp67ke_jBKS&wbAOKCi%Bs8y;;E@QDJ)*=BuN^nppJ;>>o
z>`pasBS<7S!cF9J54DYIQ3b4@0r)zA%4=eg#Pg)JE|c1FB%d+j;9J(9>zdR&IMy=&
zK7TzJ1kM4nGM#LGDh|Mc=1|6<DRqro6=^k#U}_zRAq_NVhWZ~wS64Qu*v0fKThKQ*
z?X1q}(I<rXhDQKn1osXMbIXN?)R0G?*qD_q=mnd0%(1d#2OzlJGYx_OpUEZoqrNtE
z&a+<(3=L>MpeKM4cu}D1?W8&p1BRYbFrWi~c9kV?N`uRKldXUBq;!#u4CsKMCtzO!
zu|9of(PQYo!znV$DTg<p^8h`e><Gy=$$n_N-MMx&uCNX0{6V{4<BkxIk5J#$pHgqe
z5w-yx0_gueqv3FNR2oh_(A*n0*amcXps(^i36Tc7z2${C!8V{n2R)AWbxp3y)bJpb
z(s2N8Kt}@_B;J1KUs!9pMt4A|T(Myr&=G;20PEJpAHkTur`WGM4d`e=yOkAE@NCXW
zEIZZllh=whvkmB|L0=_H9(5cp>D{efE(UA^x=^6U>9QZdQajoD`$EGmU(m}p&9SOK
z_-g=PE3oL72{fgv_0J3WL|(R_YuBmTiiGu70P_nB+Wp-gg&;L31NWV8Z~spr#`gi5
zK5Pq-dcZN%R+)FX;*(Xv6olUi7$t8v0`C9o10y39tIs~T`Hj2-P7`2KcsD8aff)l>
zTmkDA2tEPwV}Q(pkWnWTX?zh<vl1e=2=J*$$MP7Q;B(Mil1?exqe~#O_kebn*EqS6
zA3(60lv)91VY>BHfrd3s*D65J)>;~RQ!RgsN||>-FSz^O&x*x|0J&9wL{tNsxYtvF
z7b&tPJzF1$;vsDublt{n3!(LsfPBt?D4qgt*;EAEW>o84CzKisGZU#>qiQh2+6Um<
zVFos_0xOUs`KV;MA<VL=ELg9;X^HhDfSG|)GmhaZ;I1|m{9!~}clM{YoDCzm)HQC~
z5Age81T!(hRe<2j;&6%Gp^oMo+1;)1lKE}USH?*F&uZa{Ond9IR~DZJyJTVG)?)%$
z9L(K#6-a?WkoVYUUU?YZ-GNq{8qftI6~ZuM6zmzofC^GJHK0QvP^b`Y*;L4b$X2ej
zJ2zkOGp+&cN3HnSzL0}%=u4`TUQ;rly($$qJ0b(3!A`Xt_L7<b?M0>d+Pn#Hot<pm
zKiw0#0Uck6o-!ja4DzQ=4cq#Z8o8d60qsf7cpH&$MEJ{`!}Wa~>aEGLHK60o&{uW@
z4ry3Rdy`vEz2DJ*_9bO081saN)Mt_{FJ7Ci0bL60eC9~-95hy?Q>_QDx*E_vMJyrn
zL4h<^Ry%v$ciRSZ36b-iDv_n&-gLFT-+=b5UWqvn=XFlLY(SS7w*cvmY3T16&;gVy
zF_$q4ziU937&YJN66Z;Mn*r@xxzcfPD`xL>IaTIitaO+K$#fKCN3Mp-t$~{v9Yn&o
z`w#;Jo6<+Q4}ZDRR>OdfJ2c<<v7f;5bh7n#rUdF+yi#$He>!A+@2-|(=A}ldF!Pxw
zf!`+d=!%}y_DL7~o3C!4g2vALN||$?jOk5NZQ(JXV@J+=LgTAT0F^$iJJ3D#raS}M
zyRPxFBrd?hYP-Fqd%E>v=BYbg=sagbut!Ad{q!3(GupGfF)<_#BO!O%ZOv&v85z)i
z)GDIw!~(!4Ml{z3=?QK?7ZIM1q1`u7ZKKXx+xt@~_W{iJ<$^vgkk9z`G!6w(fWRdo
zHrQv5|03v4%JGLWvk|@^yn+ovoOXmu!#IgY>Nak>9hy%As0x;i@rptL0{?*M`gFT`
zC5-q|Td%4TAC^5LvMh{%CPoMf5Kre4I@Hth#@kOV+@L-#wA==$UkM>i6C$_*S%MD_
z40ChX=U=|tP;TOg-6Vi-nXmESqyl>qLlCyugL5B1*NV_jw0&<c(B;c37tEgjRZF-Q
zz!yo(n)b-uz;{+$M*;$3W-RW{U6Lz$RVJz2ofUx_(oCi3<Q;pJvgTjJ+=`i~vl4RS
zwTsNTJtC}+SkRpUnOoG49C=cU{P6vIrNYkX#%RqPK$ZDT>ZX~F^&Egt2XGI?g}|R2
zM=$N`P<^2UoFYisg05Sm=3&NoWA<Wz&Jp}o_U+-jPw(AvDQd{$1(QMy62~!$2zmsR
z9mvkvQOH9}4d?>SXt$gRVqLmM?~kHYv;T*&I8MQkb1L+VCh7hTH>7v9{yF4Z@f6O?
z=z`2>`MWr1c(tSXU!JH$U}Qi?2zugxl&2tiWx8Fx9sxhkAr0v0K<Bhz&&Yso{&$yh
z4<s$>Wk5#*dH|Ho_RyIwbajPZ&J6O2F`z>RP2e@RzjkkX>u-VpiOR=-4iPko<D_oL
zq|}k9fCY_fK!*W({0s~p!WbLuPURjn8oSGY&J#2Nw<G?eteCMOv-8K7V@G%*Ap<%;
z(Cz`E_halr((ddWjVokR>(1|`#v1_dva9)cq05;;K2T;x2b<BhqY>#@l0jgaTK6Oh
z1g&+Ge4YubKGW9xYS=KMj90cZdSXGOdzRD}ya;@yoGIN2IIDY->Y^8)IN6jfXed=t
zH)!n!u*w6FQ9|z?9>mr-lruf#`+p|o3mSlXl(J>P-Mlc>Dw9DCG-XaNdIa5f1Ug(S
z2$-;a${MsQ=7PriZnNm@gvhOvthhPmfE#<0t%ssoof$UJ>%}X3(BrU|Z<>Re*<Z4>
tzL|n5h>U7S_hf-1LAIzC3Z9>F{tGNzuFOvuDB1u3002ovPDHLkV1nH}OmhGL

literal 0
HcmV?d00001

diff --git a/src/views/cards/assets/btn-pre.png b/src/views/cards/assets/btn-pre.png
new file mode 100644
index 0000000000000000000000000000000000000000..482ac5f698d88ba66dcf7ee39e28c62f7744fe50
GIT binary patch
literal 2308
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

literal 0
HcmV?d00001

diff --git a/src/views/cards/assets/card_btn_border.png b/src/views/cards/assets/card_btn_border.png
new file mode 100644
index 0000000000000000000000000000000000000000..21dea6665dc43385175761962dd3d27781d72c68
GIT binary patch
literal 527
zcmeAS@N?(olHy`uVBq!ia0vp^zCf(W!3HD?a+dr7Qk(@Ik;M!Q+`=Ht$S`Y;1W=H%
zILO_JVcj{Imp~3nx}&cn1H;CC?mvmFK)EHJE{-7;jBjsk^kzzwIR5eZx$BD$KIzFW
zp5W2Fz+NHhm%UPRmqJXG)T~7-6*Z)ynsmC{wtt%=#HFIqA`-Y_?ZX_;Q<qPND|fu}
zt2ws&e)`9+?+!lfX4k*7T14)?SdOc$GXK+{nddf7e^MTN*)uB6yZW4lthIiX_HDlk
zUM}ANfh|$favoYHYft&HHZk&A?#F+bmrG~-Ss%6bV(i0%AMd#s+2u<dTNv~IC->8$
z>+9dyuM89@k+z7te_}~I&*J@IoNa9xJRQdxK!n1!?PZ?*u9`A@!aJ-j&rPzs_I63;
zUtRaZIe*@~Y}&Z?!KArQ`b7KHnHL!<NRdEv?ENcibhi9ghS|#(52hTrS(VmWV(S$@
zf9=298n(-VQ%sy5_?AujP+^2HRb%hvyG!nz(0}W9{Ns;|r#qd*Z)$(q9irvwy}End
zcjr}7@9Unl9zI%cqAS6kyk?uKG|wF2;?0kLCY|)D;61xU%`;T=)9$LZe##3k9N3xv
Y#6E6U)b3OsVEi$7y85}Sb4q9e06+5E;Q#;t

literal 0
HcmV?d00001

diff --git a/src/views/cards/assets/icon-document.png b/src/views/cards/assets/icon-document.png
new file mode 100644
index 0000000000000000000000000000000000000000..c9592b69923e10578580124fbd96b8098fe4b200
GIT binary patch
literal 2104
zcmbVNX>1f_7#^T4Z3Qf`B}zcXscDolJKs$AnkftHNjG6@Q;LAp;B@BO?bw~enc40X
zJfIOtN$>|K8i5~@SShFw<uJ5_CX)KYaA=5sYJ>>e5CM;<0R@fU>_v&K5;vKh<9puc
zec$K#j=q-W<ufbiR$>@7GujktMfW-ORbGbvPajD(qFaU5wAR3|2OhGoDcC!E9>%b;
zeyMGZxhA%P6I9v3i)sgSSh9xD7`Aw+rSU=+H1Q6YkQ5*B<KQU*mqZ`2+7$yaEeJcM
zrVTn=xuLmD*w7`gBC&J{zS!arfecL^x8$T^aF&nA@^a|e{!9^g7Gie!2)~^WUlVJ=
zgQ^a3w*!y@01WP79kko&bc01W0~kO77ezB9?dE`!qdj>3N1$xF80T6;k$f)n<|8^y
zQ{yNqolZN_4GvXLP&CW36ksTZArXQ!dK8nlNX4ivFod8X=#pkis)E~$e21DceFUmB
z*Mh7SX%!<c6B3NFc#WbRz;3AkjK%&PD$7N*VYb4%^-f4^wDo9^YK4ZH(gld%wS`oM
z8SX|U=9|5b;BYro%wo7G6l1lNp3KT53KUF28Nm$H6<w@T>r_qE=u{^Wp*UQWLgRuu
z<V{s?Q`Ka_<(2{q&d?49e`2+yh-%t+(rzdp07JY9eFU=HO#&|oJZ*sGTrAh%ss~;U
zfE+ZYic-AiA5a<~1V?-Cfui{)@+N;j;8=`{Du&4`0*r=y1S-lQNg~I1ytE+1T_o>?
zEa?`U9@5*u&}2tkWC5Ug7tJ!+x=?&b6;if*g?JIg17|QCj<8O5gU3bF;Yc9N1R{Y*
zI6yPuP{8de#6G1<Xp!;B|HmN;TwK*<9?b|z<`a<8lmvkno#BFNQq_@gNZp3<-=o1`
zi>}6{BpNVUmk01@IOwKXx0_@f^mt&CWFS9#CNRgz<P@)~wb;h7U0bgV9>XO;RY)<f
zh6B}tXO4e7*0(b=v<bodjpH1?*S7H_L9Tt30d=F@FUpdF^6U1LYDa6e%T%@Y33FsV
zd^^*-Kbyl|+sH)Q7N|?zP>krRjAz#zCrw~<-Y9x<qjIr@wk9x{nKYIv7Lyk;zjdvI
zFXW$+5~>X?X^t1{Z3x-Hqne5Q$B7EQznPgMO?N^>IjQW0G=>^C)4UG-2{eoUd*SA|
zg-%{cKy)lngxw}(Z=kupsGR<HTh5M++iVMPw1eA^#iIkg6b~P$AZi^QEhVpSE5)!W
z-e}0*=G}gB$D!tF{;I8~WNXvhdA%jQ&j)IbO}|-v?T_+I#bNJo?b#dk7Z%N{*jE)Q
zeY9kj@p#Rre(=^Cw?7#jbl%zV#hL3@ZbGIZ5&{Dor#4^hUwvuC(4WbLvwpo;QwgU2
zu;Tmf-P<CKbIzRGoGClM?$WZ$BWKeKUwhBm{rUd7)WM@iuHSj^#g^m0eN}Eb2S)1`
z9GHJ7{U+AefAPB;u;k^ED|M+p>-LwGPhZ_KvVPf&8K;bMn?I|%HQzdKtr|Fqg)?&b
zy!xT;n)i1vIuzwjY{Y*4`qlX23y#3T)1&(as!nWs<fl2m$K^43@4DE#nP;c1J-yy6
zyLSDV?evyip3?r=uhe}T-#a|K1oUnC<yfG62vdkl;lyF9ar)S7?ciTGz8R@Yy|ngn
m)vW{6(F1z*xzVY+K3FjFm{75&dMB{Y_Gq{{^ikls-oF7VtHf>q

literal 0
HcmV?d00001

diff --git a/src/views/cards/assets/icon-title-1.png b/src/views/cards/assets/icon-title-1.png
new file mode 100644
index 0000000000000000000000000000000000000000..fa36c99f08b1824f23d6996c4df330ca7d36159e
GIT binary patch
literal 636
zcmV-?0)zdDP)<h;3K|Lk000e1NJLTq000vJ000*V1^@s6>A`f`00001b5ch_0Itp)
z=>Px%Hc3Q5R5(wi)lEnhQ5Xi`_dRnhAt;2vplnkR5kZSq?c7R>Y9W{!=0$@_f`p17
zQ*#j&Z89m-yrwAyCE-uCh?Exn;6}Qd8HCj)LcD=U>b)~>jOopvnZ|2pcR1ho%y-Ur
z4#R>`os@;X`&oRC{~XNwtV~N7pwN-9aiM(&$5w07O)U7NT;t#YfS&}a*G{0eelO#x
zqO+Jgjtt4ga_6Qauu*<*H@i{+lUQEAHip(9N+2@{5YK6&ym=1?SAr(7+3oi0fMw9J
zFi}8)!mUs`E;jDs_`lFa*z9)S*)0SMJd(y?tLn>?sq4*V!V6u79e$;ZG)wL^+3Zur
z2OB)yx{uG6t}nyffWkiI7^5x-p6hN5fgac_k7RRr9`y|_dZ`9T;edmWgS<I2iR!lf
zjQL{uJz5_MX^_O0piT-HgQE)n%DT0QM#BO&1YrO^%COWQ>r^YD`~Yaifv)_pOwH3A
zPJ3d-kCZK=7k|##dx&^rJ1l8A#HeorN^dJIo}mE{JAIr9kmsACs6!>4g)z&%9B$WH
zQJ1|S5uI>&qA8Ex0xxZ0v$lpT4G~zkB=|eTQ+EsbaK+E5IO048bZ|aFfDBFJuSuL~
zJI+{8SCiW;x|7H;WcT00<Os!M4JGUiLKZcks7dM8w4#8v0f<Yu>ZF@Xk)xbiDKz)Q
zfN-r{1)u`tTesbjveo?$7{0FUFwScbHCZupqjE{RQ>v`^nq3x3m?!n;_%)S8uh`$B
W+Rf|mdj-D$0000<MNUMnLSTYX>n7y@

literal 0
HcmV?d00001

diff --git a/src/views/cards/assets/icon-title-2.png b/src/views/cards/assets/icon-title-2.png
new file mode 100644
index 0000000000000000000000000000000000000000..9c877c21795e54250c2e780cc38ac524b40f1a1c
GIT binary patch
literal 734
zcmV<40wMj0P)<h;3K|Lk000e1NJLTq000&M000&U1^@s6#I$TX00001b5ch_0Itp)
z=>Px%m`OxIR7gv;l}|`iQ543%b4N|nX=YSV-)JGYEK!6gBIgkp(Z;<fQbcW9L<KE^
zb}fRa7Hx_s#BlE>LLo*gqCgC5DGcSzQ$goXPxJ4b6Zbi9c*;0gFmHL^xxf3}^PO`p
zVW02(!b0`tcGU?ew1K%nNLA}l5?+N;i(t%Fl&yUmYiwLCgrL2PT_WW*R?;N$orFmF
zeg`}2L|Y=+FDpiEbc$%p8@mg9dM;CYNM-u~s@Fj*h=DMpXl>4JYRc#}|NMM_rK$yj
zc1392fyvSa`$j&s1d=X14|bqsav3Z&!btjj7=34ieiT!D&PpB2X3<LuwNSLOu}v>s
zxC7SL_gkrJS}DW#Q*ADfL|a?ei>4v>(~QL`xuUL5A$wFSw~f#<ofZciNi6pe)ETXm
zw$slK3Uv?Ga48F3)yf6@aUxtdPLBIrc|#ke2(R{DKN8Oj5Xnsd$8(_XBJ^mYIWX+K
zkxmN>E@?w6)cO-L<C#++zMzeoYz_^1gUv+xg@{}P(J(+?b4GPQWPpg?M8m-=-uUi#
zYS1xM)LSyGWIu%37#N)lho;@Yh?N-t^8-<Gn*_EOAOt@#Jp|Mpuk!9hs#5{IV3{Q|
zp1K8sAGG!~Y8XrTyd~1p0*nFtp`eM3v!ql{G#u>A@3E|UNY!-+Y>FgO_Xtq75xnm$
zax;<MV&*|oyVbf7Vfd9&L(y<B-$XmrmA)$gmkwMs70lyMc>iCiD4}@=C^wPU0yyPH
zKnIBW3zeH0PYuE?w^B5Sjlkp5wRA~`kcO9JY`W#NchEx+<9!Cb60|!;{cX^@@PB=p
zAoy$>fr+9|leZDNEII7wU+s`=8;BZ&kb6wA3Xw&SZ`M{vW~L1KU8sTn03Ko23x8Zw
Q+yDRo07*qoM6N<$f`-*Zj{pDw

literal 0
HcmV?d00001

diff --git a/src/views/cards/assets/image-btn-left-disable.png b/src/views/cards/assets/image-btn-left-disable.png
new file mode 100644
index 0000000000000000000000000000000000000000..93e11e1e53e9a0e967a047c5b47f505232f5d68a
GIT binary patch
literal 781
zcmeAS@N?(olHy`uVBq!ia0vp^2_VeD1|%QND7OGooCO|{#S9GG!XV7ZFl&wkP>``W
z$lZxy-8q?;Kn_c~qpu?a!^VE@KZ&di3`~nWT^vIy7~kGC%zNY@a_r+w!%3?{qGx7h
zzSwqaQc~uECHJ`}6u&W?#=YczpNYf6B7OmtB_1AyQ?)n>CcHW0?4l&N#Ph>*^IvsB
zoC&MGZ}&}b*!XO2-TwcZbx!96ip16%8-B^Wc5CPVQgPRd88&k1`P=r!N%F9TufCe~
zLjKR~3rBy<{jGNXbKtCH{zcXD4sHA6*8l(2o9isD?tUa~^Ui4;e(xsO&Of}q?~GO7
z<ApKX_r|S%dH(x<p3rmW|K9p3<?Jl*FXYP9U;%$y1-k?K$BXSlE=x8gF&MBhBvU|e
z>osiMrYXMI<uJ<=gC9={V)t=;Ovuukq5PoY2YY9mvSJ5=dfWcz{SB9{%=yJ2&lB%w
zKXaw!)$@$c+u}uz?!EslLnNS@rNy9Tp^<~eVewZ?EhaS!wHz`Ii)S&lSkx?3a#(R#
zd@H}erw^`gnKLR(e@jaFIo@1pesxaq{l9<j_Y_6VYiaIX@bdfx1?7xtMX?x`-h5XU
zQODP_3lF+n*dr(4!t$2eC|x-tat42*r;+vMALmRTa?R~IVEQm?Z|4Ei#GW@9%h&(?
z;F`hM(sgkEqjcwk5)3_z2Ph#_8djYTYFnandgmYS&np$DSYOXDS=Oddw)?I|l#W>B
z>Z`jpUHfMcB3b`z=ghNd+kdM+v^no?ci>KdYRWaE;+=9Q`=1v5oTG9wSH#t@zvc8K
z+xp#i|9M{i;+c2*JO7IktFsn;?dNuGt1q~HA$-DmKi{WDGkyNa=T|V^?viZ3o)XRs
POuY=Au6{1-oD!M<%*H@u

literal 0
HcmV?d00001

diff --git a/src/views/cards/assets/image-btn-left-hover.png b/src/views/cards/assets/image-btn-left-hover.png
new file mode 100644
index 0000000000000000000000000000000000000000..0e7de0cd4ec75a69936d362533839792ba6a4eb3
GIT binary patch
literal 1288
zcmeAS@N?(olHy`uVBq!ia0vp^2_VeD1|%QND7OGooCO|{#S9GG!XV7ZFl&wkP>``W
z$lZxy-8q?;Kn_c~qpu?a!^VE@KZ&eB?p#k7$B+ufw{yJnr9(xIpP&0NS?J`UfR%?X
zGp%F^lwQdlA{uhyFeB?iD^C5=gVS8Kmeg_Dv91!oTh{E6G|^S5rD@g&fhl<oUCN4<
zB1svZO&K0<B+u`?Q+zycao*}5XJqHjPx;+<eD(kQb33okljN@GIeF^1_>_=T*1SlK
zP^M>{fef>m7R(Eu`|4BC*2<FkFL=|^?X~_$R~7%dEYDP2qp?HsS@hMfw|d!kWU|co
z!2Euf93OM>n*`UAqP43v4jwc=Gx7Yx@4U5F_|tEz6$=ChU;lGqs%gTnz6q~ZEj~P-
zxvk|yXsWyAovIZA4}2_~HZf?mFx_Wt6A^RZ;Z|s46*$b)k;r&t14B{-gP~4?1R26=
zwM^?`zCH9h%I<x_p-VtMq~_zX6+74aYX1F^lPN9am!;*fC;sEzlNTp-eA&VLVA|Io
zdtV+2chb^2P`Uk)_2Xn!o_`Nx+ZTL^NK{mjdd-@0Z|1kV8!t|JRdU~f+3M?yYqz$=
z#AG=g+8E`KmUip>9<ybK!*@;RI&=4l{FN-;o%{ANizTdWc#|soZ|O#%g!Avs<ZANj
zH(r=<zb4!DN5@pAP5J)6cX~g5c0$}~hG>6X<F!jk&UNYjKRQa8KINbNaWlO1Hs@5!
zPt}w2Htf04v2Xk0w=zey81G$KGryYkwqJg&u(w4_WKN6y4RO1qUWWH)CGE={+vOik
zGtza}ko`B^>d)=$u(tjP#RJ;sf80AQtoq_h*w@0xmVdGq3jRsS|Kah7mB;VQs}IM|
zX0h+`_I;92y71z@<Z_Vs3$w)weye&Pn5eqECFB9$-U`Eu|3wA!u702UhT(}HpXi3?
z+^O#j+TRqXcdx1yD0%m{j6-a41*1nrxc3PjyGaVIKcCIEu3e`Q{hxL2?{8ikoEU`u
z?AxfnLC9}UfWce$SM%k!@VuWgtzl}yN|tOE1&xDS77OnZDlogC6yWsl%FUz}p?}-_
zn?ji;Jm`;b`ZsfjY$MC%No;?Lk7`(O9FpCw5~0qJnV-!msr&Gyacf0TpZfF0OCEtz
zoYB`jHUu$T%FBDRTaw>K`QgP^C#u83omQy6xutk8iqYfs`3R?V7FXuZcx;*Y;fY6J
zitWW++dnc0^<8C}a4lXVkzvpBb0Q!9U+>{q)3WH^xeU(llXVqEpSOIko0p&T;^;!p
z`*WmU%$;uHt9f(DvrSX>#y^`~5hSPj;G2DPeE$2~GoLLV)@_QuE)?=7`r^B1&pY|$
zJ*P6H9G~={`oq?R6eVS}{Lm+KXjQi6<rbzJB_b<A6Fe?3z3P+R$e=alRmk0A>+Q|v
z*S}11WSGOgEZ;*l|6bI-eMxE$HEyp;vS(VRpKvYEZpEV;N0;yZYJKqK#LwDJX`f;^
zk8{iY4BYqkWYycYos|JL{~E6^U-xsJ_VX`&i8TzLk7z8Mwd2Obi4n2UKfiptSo@!O
YqUbCg@%6Kp0}Cz&Pgg&ebxsLQ0B;>e`v3p{

literal 0
HcmV?d00001

diff --git a/src/views/cards/assets/image-btn-left-normal.png b/src/views/cards/assets/image-btn-left-normal.png
new file mode 100644
index 0000000000000000000000000000000000000000..dd798ac744bd2fedc21629b8f5d382b72573828f
GIT binary patch
literal 1323
zcmeAS@N?(olHy`uVBq!ia0vp^2_VeD1|%QND7OGooCO|{#S9GG!XV7ZFl&wkP>``W
z$lZxy-8q?;Kn_c~qpu?a!^VE@KZ&eB?g391$B+ufx3lm1%Y=#?I6pViVc}`L)1Njv
zn}_7CxMi{|tI|<h%04NHckRlJ{BFt{{#yT0ZxQO%ml9gMY%TvWH|4;Ji)#%H>l`lX
zh?K1^n;ujaed^u0uX7}?UD{{%X6A0o{V9oQW%JLyzgPV3j`89LdU92NZmMfteYIif
zl?~Ud7!U1Te1&O8RowKiS1!H3|NPyLRb>M91|od-)0dkZ&=e@+?Rj64x!J0;v@Wmt
zoGqisA6wmp#tXhMaO~zwo7Q?s_q&Pbh8Ik|HJo*S1H5>*1fF?mQCV?fW9)Amj?&|$
zcP~#{TPy7JH*lJ1PUHfWuLg}9>yH&}eNv}ql5w1=QB?3i4@ZI<i-9uJ3_->-9SmtM
z48}?gl4J-kd&qLc&0Y3agJR2q#uqi|S2|^+Ki<m@Uf1-e{e8OPgBus`{cEeRSNQjB
z#^sM(Z1KS#7~k1{D7cZ88*E<pFO!+c$N5ady6wm2oH(t_8G7^MHAUM$Z?kwAk5@3>
z&3|;FK2v3(_HFSK3~hTqJiVFoZ!v$7KtYe#h1#q$oqG#pn%BR~74F(C{$E?(KW$y@
zS64Zn0}+h2`90Pf#SNc_Yrd#^^wa)F{A|IRLmrH_>-()gKL0y$y+~h;)*gw!cfPo!
zy_GI*@|RFoC@i}3vWBlY{@T40>qYP0QBOB&%|FX!mpFyt`PM1I@^*ch?QXWIHSvdD
zEuTE|&>73eKwZiU@>QOe$Q^w!{iRQ}rh6vq&GYKUKi{9>u}f@e*cTq`cm1-uP{2yv
z*ME;}uF5m|y#C-pbte6U_Zz2N{(FTpe=GBCZ{MV+Hf;6Z)?7TO-ek`lvo!Iyn)ksz
z)pSv*rUUO;WA~SAl*qcr{BUo7i{^9fsG>*9YyVHa_^S6&SmxLM*$D=2Imcq-eZ-x0
zH5R@PjAwdRa%paU%KwQOU!S#I6zaLj8|%(l7A)N&Y$05*T{z}WorB~>_I?*_6~*jj
zEQ_}-zW(2d(?a+bP<n;bf{wXDU6!9!B(C#+P<i0f@#WV`j+p&Fg{l(_qVDNPsUJMi
zcBV@0t?09Fa+4n1pK$U2jeQ3*o{F7o(SGJ(uuZv)SJlLPd#?A6y;iSYET7pR^v}$>
z>7wq*txHQbc5)SmuQm8>y3p8CV(aXvtGAw(EVw<f<)iJxt*KKQj1`6KCAMvODw?({
zwy#8<=W%Ih1n0JvwilfLEzKt`t}FO-!SncQ-YdT*>9OonzhmI<DiXHQ;PzU9qca`0
zCOo}<ep9!-kB9$`c{=|(j2qqTxpqvc)BkW#{mQ=MeajpZoagbTQYE274B0p($j#=+
zt&WVP;yM?q*jU7-tbVq3)$4N&2b%O=YgYfA|1`!uzh2@ze`A1o$<?`WzjD7dg}2N$
zUme`=lcQzVf~|2H4__=#p8fC1=jq$4lumNzoycOG$+?@W_s^wib>Cn8ne+YAf?dDa
zPabyeTl-ezUkSr$V4nZp!`7?qYr1&jJ-z=%)rHT?|1;`MU9|az@YIdKvW>yh)z4*}
HQ$iB}66jV{

literal 0
HcmV?d00001

diff --git a/src/views/cards/assets/image-btn-left-press.png b/src/views/cards/assets/image-btn-left-press.png
new file mode 100644
index 0000000000000000000000000000000000000000..fd371cf3f03ac85fd6460288c7d963446d91e763
GIT binary patch
literal 1330
zcmeAS@N?(olHy`uVBq!ia0vp^2_VeD1|%QND7OGooCO|{#S9GG!XV7ZFl&wkP>``W
z$lZxy-8q?;Kn_c~qpu?a!^VE@KZ&eB?r~2S$B+ufw{uSCN4tu&pO3Nb-?s6QiJx@*
z@g<?NmatA$ILH-skyW8FghhyBk`t>?k)Vg?t^W<VhnU24vLY1ZxHdR4v8)g|xxu4V
zBuv+&Oz4$RR``{5ua5YxkT17*eyh=LT4>F?i06|Z{n+@sw)okZxgWPS-F~qr{eAN)
zuJ$QG?OU1*ILdo3O}MmRvg-V<^|3bd_dea+tG@6;!GW8Px-A#DJKk{l(o-LMym;pm
zt-VF80Y9#my;kY_p(tP`yNct!{W-%)2^XbJKB@jW<`@~iZH0tw_`(+(Vi{j+3rO{a
z{hASaai0W-&V{7oL0+e?9Bxgu&B~mxb3T7=w891@rWt~aXF3?tTo{a%8YBe|^l&7&
zu^1?mA#5_Y;lz&}vXb*R92EF-!Nuj?oDJo6=25%XujMLuxwqW-L1E3?xwgKA^$z!?
zh0A_a^29T1uqzbY|JSg!bavFt->ITDKEWXlUrJ?up6_c7eY$Kn-^G?iyEoeOePsHT
zJh|+>@#4hTmHQpp48EO?ubURxw|_EgfAW@wf7jLCez=@0vG3T`mPL2&{<*Av-!J~(
zuWlQOhK)>Rd%GUW%W(&94*lBME~mez|6zTy+mDusOlA9xGH<u{?@*4{l=*q3!tn1>
zeuF>xXF2B^_#Jq+`1sos!4_|)+*SJ>fBElYXP*DN&-Zf8H}E=e;I#Ui6O&EeURbeQ
za=%*Q$Hgy8zEyudq~0TFV9=)gpOa_5&-yLaPc_yiJbe7J<Qcp1Vf7w?4bP80F1!C&
zzjfiJjceBX+HlYJTWY-gEbsgedm0Xk``x&Byl=;9*%kVxomb9;{JPYi*6v>s*HC8g
z`IqaorvKCDgoQd9Klr(K!Rr0<HGkb^y0G>2KZdhEx9oJNzx&-zW{p_5S8Mn4YX=j0
zZuIP~`scH8>00JpzudEgWS++TEPHP)uqH--3RnFs?SnJ!Uif1Z=A`Y_k)-+{Pu*h2
z-v*<qZ;M*CiYBW{Y?YnsAEf%AMC7Q~g1iPL52uVD6BB+~c}1A{Hx)i-+<7HuBdc~|
zb^KcO2IhBDwj{rB*sv!|Blh=c9Zom76Hmmlgmx)i5zZ1%`BH!U!NG*oyE>f5=5@qI
z&e7c#r0U|97b*Mo%|WjN$7*zw+gKL&tE|_#s;#)^;*4zD#ODVNCV2lg`}+OTn&th<
zoR819WD7A}xN9x6Varpqv|Tax<m5QFY+2O8eQ(+Yk@Q3R=gvD9^r4wwcI(~EjlIR5
z%;#EWKZ_Q$xYVutkB{T4-2<~{M|b)gJr}xMq;|*S+`pEo3$m+S((C7as`=5v<@Wt-
z<AJss^C=XicGN6$EJ&*7hfuchqOE?BQ7>6IbTk@N?p~bC(AYZ3|7fi_*Up^kbd3hP
zZ_O7hWNbI@vZ+6nd+6U<tG=fbm=-D~-1q&N|H8ud`^CdicJZ$`%I6oIx}Y|7!^sCH
zj(@m+>gl9+XPe9aJoDDD$_d}1zig`U5(nPKg6|i+f?v0kDFmK4_rL11`+ugSPZRGN
T#7@rv7I6%ou6{1-oD!M<hNojY

literal 0
HcmV?d00001

diff --git a/src/views/cards/assets/image-btn-right-disable.png b/src/views/cards/assets/image-btn-right-disable.png
new file mode 100644
index 0000000000000000000000000000000000000000..6658bf9481afefab1ba9af5d0f28ba5bbf9e02c4
GIT binary patch
literal 779
zcmeAS@N?(olHy`uVBq!ia0vp^2_VeD1|%QND7OGooCO|{#S9GG!XV7ZFl&wkP>``W
z$lZxy-8q?;Kn_c~qpu?a!^VE@KZ&di3``3=T^vIy7~kIAn0G5dr0wD7+aB{al^S{<
zJ#=lQvU6lY%6r}kuV182kv?&+SLeWkjp70-OT0W%Ux~2n@YwNx;gUs~Go^l5xZhV+
zHEesi=hzW56~}om%XYtCy(;T{+3vDEGr9k67dT|{ufpSUiGd8Cc>Ue)TQ0o*nm6rq
zs=eKh#TRZK>HWP<=d@#>NPkteyhHo`sI_*-t!F!>FF)V$wW@Ztpiu0>XuI}$ORLv9
zr+@8|v6|~=`|kaIj@XzvzjKAMzqBemTDM~DZiRPM4oMCCoZtTje0AaIVmu(h&_fw<
zhJ{1%%2)3>D?1t64?b^C{o8V~yztSh`HaU8+n=zt6<%lOaOc));njCtHhhrUP?0$O
zu~O4i@x<N_Z;w=c7S#DG_3LmlOZIWbcS;d90>z>SUrpRFn`4^4>yD0uzcCYja>)4|
zo7wl^X-<a4)=#aAU#xzlcwqL9rTc65eJc2}XM%RRZNtll+NT-M@W)5;K1lj;Dv81T
zaQHQ*9a8%?i5$55Vd~E8L&w(uCHJW9d7k*=)DzQ0{lnqU)^S!#?KAo)rLbT5Po$Xp
z8kT@{Z2w!{^Rgy07_c#rPw+nYq+2f*5^8$2KGROjsnR2B>#Ycmq}_M<F5S%8mSG}g
zuGmuUBrg2jrhM|rCw2doVx~P+V4J}e+j1@{eckDmb+gYuxBqOj-~Y17W8;T=N>1O;
zF`M7DsN%})|9_@V3|k#~e$$%yDxSu6J2byYeG#@x{wvk%7T^E=2P@NUmQrJunuox&
O%i!ti=d#Wzp$PyDxk!ls

literal 0
HcmV?d00001

diff --git a/src/views/cards/assets/image-btn-right-hover.png b/src/views/cards/assets/image-btn-right-hover.png
new file mode 100644
index 0000000000000000000000000000000000000000..9477a94bb8cfccd5542517d9918fffcbedae4752
GIT binary patch
literal 1283
zcmeAS@N?(olHy`uVBq!ia0vp^2_VeD1|%QND7OGooCO|{#S9GG!XV7ZFl&wkP>``W
z$lZxy-8q?;Kn_c~qpu?a!^VE@KZ&eB?hH>C$B+ufw{y<tOS_63zyIdeM(-z&JnSAU
z?b5xqBXG3`M+Zw+plpEOM6FpJ%;9`1C;amN5We8og>3zfDI9z!S=|K`T>^gwddW_n
zWVXTXqFJfX^1kx+%FSh>Uk@$xx@Y&gcFM+U8~Lw&H~#$W?Wt_m^M<y+PtLZwBFdZR
znmL#KVe3VP*IWzcUAp_~Q_<GSAEsCBcT{|Qd}ea<m!`_^?g}!pQtRZGd|RFEeLd>O
z6|M~r%P)nWP2_A*W)F8M&-icTRq#Q+?3wqE<83p)E`1U_+j7OsncDXnrS%#M-mD0S
zFZ21qtuR4g$F4^i?q2+&TywblxLg@Ty_%mlICOC+xUmQ*Gj#|u9_e66a$zu3YLF0g
z=pj$|q4I;nk>~pul^J;gK5w4)xz2L^*^OrWzdo<8l@LhMcQ|{t>RpK?|J@fmgEgNw
zAMl8f;o;mUo{+U9EVk8ro9ox0nf$c}JuYw^l8)av{ejqdpJTtoRR6jsANO2(KvFj)
zBqKk|z_~G6Bc;S@ZAtB3)}GG23@U5P%M!NVE%Z*`+{YQ;nkLyICFI7n<dRm-hp7jg
z7#3~cc5B1+cPf7K&py&}5R8}}6C>H9x<RmE0ZXdN4mYL*%U8VLMZ7E)HrfC5Oi*Ru
z{C{lfhWnoL<jyB)9{TH$dE7%{>r;&z4^$iHGN}A{?if9L>V%rJQ<QgeEvi-gm=)63
zR9&O8L8PJOAM<W?mF~wk>&l<ZnD{}7^X~o%j|6Q7&RK3wyYEVBeLFQ#*3HT8Ro|}J
zAEzIPVz@MYf{d*F6<JM>eL-hdES&P{UjKF$vFlC$#EYZeu$-^^#la_=*<tyHb&2}2
zqQk+(tfC1YDo!#PhhO-&^x5|7(`E@2M{s-0*MDyGK1S<?aq^LK<*e2Ful~9F{;|B>
zp|As;#ZT{?-2R+Pz-9W1(DMiHy$!AZ&Mx;*S%-CxN#3FPbM%4YUpLR%U!8vS{?Cuz
zW)GF$u<%SjwR8IYS=){8H^uh<%)Yz!=i1qO4!K8gO2}zH-<1F0%yCP3Q;QuRx4lyP
z6aD9q`wb2WxoUIsPgN$LbN~FEd4I*v+xGVpB<&749XN4>J?`0=l6~=?fAc<{+#6c|
zJAB_m<&EM7MgJz1Z;CkSy#9Q9-1_~s>z~>0J8NCja+vGFHy!cy1{t}kIr+0by#K&2
z-?_KJeZRihN1gH|KjyXn{rC9y{U81B^!QwUaCF-~Sjc&2-dibVe(7dmyF<&kf0h63
zZsgk6Ut>On{N#(42NqA2I<fvwp#$?8YpD`m7NMSoU60w68o1W(4lOT!oK{?tW3-q-
z&B4OVNjC0(+0R#9cUzjD)QP?p<T%chCcDHc)TZoX;_AB9#joxh>EaUBjO29ZKKDoA
z>zB)0mu7zpkGb+Wf5xnxk9OwmNQl#T$N($_yv#S=<YW&0o%eL}e7^nP<hQO_tjIc1
S+7DP}F?hQAxvX<aXaWF$o;5%K

literal 0
HcmV?d00001

diff --git a/src/views/cards/assets/image-btn-right-normal.png b/src/views/cards/assets/image-btn-right-normal.png
new file mode 100644
index 0000000000000000000000000000000000000000..cb1a915000fc16ae4233e9b6cf39673a21db3a5b
GIT binary patch
literal 1317
zcmeAS@N?(olHy`uVBq!ia0vp^2_VeD1|%QND7OGooCO|{#S9GG!XV7ZFl&wkP>``W
z$lZxy-8q?;Kn_c~qpu?a!^VE@KZ&eB?k-Ok$B+ufw{!022d7FLpZ|Q0Vzl={58muj
z5w<cPgVPCFXBPP+_oy9vdr10yj{wIj`-k=mH_ez)ahUh(A!+4fJ6<R(au#z~aMUt<
zn{kqv@Y{al)8~HwvRkgJWF9x+t7ZP@noXPMT>kdzcjdk3wbi%waeUwS{Q`IU_2z^#
zjxv{{mOEAy2y`zfalC(VGWYfU(f`f|ubq75K!(!Aw{q7R@|!j!&ZzMZzut6m>Y<%R
zvF%J6e{^T>_G5e{!y(=GQs?Na`>$9$3tlj;s^Q#UtB|DUH}i7k{SO((Lf<`C*dn|1
z3g_{wyuwbu9gj;E%Q$4(`pkIKZ{g+r{<%~0ISYjiN=!2Z8P9Yuq`5E{D>X<89_Zmn
zaAPr0CQo>c;D*O9HuA_`NGxe&eN*u}L+$6Uim1!2Oc8&dB=cLbnBSb;`-R^mC|~w;
zPJOOYuUZAye)aA4jT<d~ZML7fkh$Xzhr<P_>l5o@Z@ie!@!`Yj#|tM+^?xhRIZ>W*
z>rHRb?dp6R_b&V7`(njQhmN<>J{GoyYht%mtGL85Bs#5I;k9$$(+3`x3?D8wI_!|C
zeAMGbU*gwQdxh2rIIKA<S{rL7#Mh&eDKdfMmAA^lw;RKoOqn?TUti>}toZSW$0W6s
z9J!7E4!VT<%V^u*RzIl4*kYfr60-X1S~sSxO0)O_tOagwwtqOQEM#Zebe7jF0{?0b
z@@q}~b<J@S!^1fa?m62fIo+Io?y?nHBjWI5zi3VD+AG4${;JWdm5<95Dj$5?m;CdX
ztF}sncEbu?ku!4w*5*rRY+L-nKxmUMXX^{^4N(k%+IK&Mo;}0ae}A`?Q^)(PEsOVe
zU7VJ1bnk-y&f2|x1?8_7*PA;Atx$Xvq5oiF`mx~Mah2-bjI93Kbu@}wZa@Eg?~(ZO
zX+T-sgy)yfehA(C>~NL&!}|O~|BZe<6u!pwLRQj0HNMWAoAIrK>ud#6x&5_@@9+LP
z)%Sr@n{^4l|B_AmGe2B^>2?3@&wKszE0?Z+%Q=68pTn;UE?MWhdr$E%4DJ6JJ?muk
z(tNv3S~Z8X7+*f@4EZm(s%F*CV@&O8_m+BB<|m%o_klB;C8f>h$N9bDVRaJqt3Rcm
zulRibmZV)`Ys0^blV=`pyXUdJsxJHB&JxS_XZ>$W+X+@O{+?$$v+_#==l-4N+Mh+$
zfAqRH+xq{)s}F@Q$}@76{Lm9W%<J#W*&TkqqFDS5|NM?Wdl%SGOVgTdc2r@el|-GI
z&%^(poYPzUBMjN^EIBY+-tpd?p9_)?sTX{|@Yz^lgW`SORPqxxYVLTfkmO!_{gRr=
zt3}LF{*4Eiv~(;QgMt+{EO`II^ZWVx-luO@Z{{ritHP1%%>L@jp{*}BKUDd1A<BSr
znSA2~u`Sn*u3A}VRsQn+t5<7(oy)CF51qbQGDRgvBjo4RU3K+K3-s<BWqn`o2+GD+
z-xYqoG-u|rVg(xmsV$M2kEWP?&V706%hBrjzuBiLuC}{m^w<Mfsxf%F`njxgN@xNA
D-^Wvv

literal 0
HcmV?d00001

diff --git a/src/views/cards/assets/image-btn-right-press.png b/src/views/cards/assets/image-btn-right-press.png
new file mode 100644
index 0000000000000000000000000000000000000000..5d340aa739d0294803722abed3f8dd0fe9b8b17a
GIT binary patch
literal 1316
zcmeAS@N?(olHy`uVBq!ia0vp^2_VeD1|%QND7OGooCO|{#S9GG!XV7ZFl&wkP>``W
z$lZxy-8q?;Kn_c~qpu?a!^VE@KZ&eB?oLk^$B+ufw{v1MWI{!bpPza6LE2=`ZD}m!
z-m}bR<@DT)&<gQ%;cims>X1)xsqt|<xX<I)o8r(9ju&e0I?QLW7cfk?8<d&s8Q^m%
z%{=>7z#P__tA0BsU%$Kap7G6=ZThtuCui=S6K|B5_WbSt-Ouk>PoC?zqxl}Qa(}XL
zpW-9KRsr^h^Bh?#S+&CX6Mr2$_ViKi^KIoa>Y3GZ7iRKb5#iX~VI_Mn<Yka%_)_I~
zhSvK%5%XUQ+VdP*=PWAt>$<g{kj}3Lw|y=9%LA_U`psEZTk>miCtE~(^M>adA;;IY
zarrhMVA3tqaZz2{&V9P-SdhZr`TSEiI3&2T7$`H%5M(^l!I0*{V64<2DR`iVBf*V4
zVF~4g|JCY3TO4N#vN7NI|E}{$^LqcIqOvB8|9*TC7QfXJu;hEAgZ+Yw|IdZ}c=3{X
z@6E-Ux4X&`Qy)Ip+QQhlo+0Gd@<xZn_uo(F5U6+Mz9=8_`^+CNjvCe};?J@luHY>z
zI<rh`!Go<rFC-<mAHJwDP5kV-mIK@hr@B9HO<Nk&FFUg%(yHc5iDZSBx8!zbLEVSq
z#i|mD4J)38nc3<l-hbFB5z5%PU|&kGYKhy&`SE9`B=j&WnihXEC+zgs+J4_78BWKp
zrSS(_zq%y!taoz46oy6H+=Nzr{k@eX%hg1F!KMZ28maBdu|K}&r+FIqF$C)B<ePaM
zvhZZ6_gk<wJ!7@(OqGKkj4k>LgVugus+N3vwQ|+7ZQm1Z4a;A7MHo3ZZDi_rWfkhQ
z^j*)^TNC$Za`FeNmOPF>EzYEWFoTiBGvk`p*L@dHMu)j`>}`Hr=I-Jh!MTk^`5o(B
z-m5HIW?8SdyH&|KDd-<-$pXW;1C7h?7qrFAmOP-w>c3q_qqwElcyr#v?*49pf*vu4
zhwAZHA6Bn5eBWQ*vf4iF&Q|?qdAr0l4UNl}&6zkoo$bZ9EsK6T>#|Fyr{CSW{tU-_
zgP;QkJ!SuStFtd~bkAD;Jl@v)^|O6HPt5qh`Itqfrs$Mp?Z+kdpK3F%F0NnyXG&rC
zepBt5LmG_j^DaEx@1Q*Y*q>`m?P~YFewO_Hsr*^1zl8FG3m47jy3fBa^|S8J+KKz?
z6d%X^`sb{CSiMKU;M<+wod*}^AKza6?_1O7@7<f<EwwB@tj?sb@b!&P(uWh#g&Au<
zFWh=fKjzF1ZTlIrc7hd*UXSCSF53UzTSMp7hx0S!?F4^RJJ!cp#=m~?f=#{d#{c;R
ziHeW)(*3u({%8>_K5*$~u<Nc{ORsG%Syy{V-Qe2)6HFXAC(4~?QY*PftXQyiUv{RD
z*UCLh15zCm7#WMcq|}SCh`mzuY0sPHebi%pa<;stz&Aesx$EMh=YCdySP-(b)bfer
z4dE|)X7k?<$-KpXalZ8R_1AYlt}VV-Uob!9klteVeSH6$gEXJ-Kg#;v=KU9SVP4T$
yVJ~=<9~f|a=UZzs^^_L>rl*fyJzBf`AG@#B{FjX$PDQ{%jlt8^&t;ucLK6TRM?-4>

literal 0
HcmV?d00001

diff --git a/src/views/cards/assets/model-img.png b/src/views/cards/assets/model-img.png
new file mode 100644
index 0000000000000000000000000000000000000000..c59a02f7a8d462eef4b8c1a303f2c930deb6fe2d
GIT binary patch
literal 33456
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

literal 0
HcmV?d00001

diff --git a/src/views/cards/assets/right-title.png b/src/views/cards/assets/right-title.png
new file mode 100644
index 0000000000000000000000000000000000000000..3f7967ba6085ab193aa1b9c11a81115d6c8bf789
GIT binary patch
literal 15501
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
P00000NkvXXu0mjfI}U+u

literal 0
HcmV?d00001

diff --git a/src/views/cards/assets/styles/index.scss b/src/views/cards/assets/styles/index.scss
new file mode 100644
index 0000000..ec608a4
--- /dev/null
+++ b/src/views/cards/assets/styles/index.scss
@@ -0,0 +1,658 @@
+// 卡片
+.card-page {
+
+  background-color: #222F3D;
+
+  .el-checkbox__input.is-checked .el-checkbox__inner {
+    background-color: #40486a;
+    border-color: #40486a;
+  }
+
+  .el-checkbox__input.is-checked+.el-checkbox__label {
+    color: #ffffff;
+  }
+
+  .el-descriptions {
+    .is-bordered .el-descriptions-item__cell {
+      border: 1px solid #40486a;
+    }
+  }
+
+  .el-table::before,
+  .el-table--group::after,
+  .el-table--border::after {
+    background-color: #40486a;
+  }
+
+  .el-table {
+    // 新页面中el-table的样式
+
+    border-color: #40486a;
+
+    .el-table__expanded-cell {
+      background-color: transparent;
+    }
+
+    th {
+      border-right-color: #40486a;
+      border-bottom-color: #40486a !important;
+
+      .cell {
+        font-size: 14px;
+        color: #c6d3ec;
+        font-weight: bold;
+        // font-size: 18px;
+      }
+    }
+
+    td {
+      border-right-color: #40486a;
+      border-bottom-color: #40486a;
+
+      .cell,
+      .cell div,
+      .cell span {
+        // font-size: 17px;
+        // color: #c6d3ec;
+        // color:#000
+      }
+    }
+
+    .el-table__header tr {
+      background-color: #101d29 !important; // 添加这一行来修改header的背景颜色
+    }
+
+    .el-table__row {
+      background-color: #172533 !important;
+    }
+
+    .el-table__row--striped .el-table__cell {
+      background-color: #202f3e !important;
+    }
+  }
+
+  .el-select,
+  .el-input {
+    .el-input__inner {
+      border-color: #40486a; // 修改el-select边框颜色
+      font-size: 14px;
+    }
+  }
+
+  .el-input.is-disabled .el-input__inner {
+    background-color: transparent;
+    color: #fff;
+}
+
+  .el-textarea {
+    .el-textarea__inner {
+      border-color: #40486a; // 修改el-select边框颜色
+      font-size: 14px;
+    }
+  }
+
+  .el-date-editor {
+    border: 1px solid #40486a;
+
+    .el-range-input {
+      font-size: 14px; // 修改字体大小
+      background: none;
+    }
+  }
+
+
+  .el-form {
+    .el-form-item__label {
+      // font-size: 18px;
+      color: #e7f5f6;
+    }
+
+    // .el-button--mini {
+
+    //   font-size: 18px;
+    // }
+
+    // .el-select,
+    // .el-input {
+    //   .el-input__inner {
+    //     font-size: 18px;
+    //   }
+    // }
+
+    // .el-textarea {
+    //   .el-textarea__inner {
+    //     font-size: 18px;
+    //   }
+    // }
+
+    // .el-date-editor {
+
+    //   .el-range-input {
+    //     font-size: 18px; // 修改字体大小
+    //   }
+    // }
+  }
+
+
+
+
+  .el-button:hover {
+    background: linear-gradient(0deg,
+        rgba(255, 255, 255, 0.1),
+        rgba(255, 255, 255, 0.1)),
+      #247382;
+  }
+
+  .el-button:focus {
+    background: linear-gradient(0deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)),
+      #247382;
+  }
+
+  .el-button:disabled {
+    background: #247382;
+    opacity: 0.4;
+  }
+
+  .el-button {
+    background-color: #247382; // 修改按钮的背景颜色
+    border: none;
+  }
+
+  .el-pagination {
+
+    .btn-prev:disabled,
+    .btn-next:disabled {
+      color: #c6d3ec;
+      opacity: 0.3;
+    }
+
+    .btn-prev,
+    .btn-next,
+    .el-pager li {
+      background-color: transparent;
+      color: #40e5f0;
+    }
+
+    .el-pager li:not(.disabled).active {
+      background-color: transparent;
+      color: #40e5f0;
+    }
+
+    .el-pager li:not(.disabled):hover {
+      color: #40e5f0;
+    }
+  }
+
+  .el-tree {
+    // background: #202F3E;
+    //   /* 分割线 */
+    // border: 1px solid #40486A;
+
+    .el-tree-node__content {
+      height: 36px;
+
+      .el-tree-node__label {
+        font-weight: 400;
+        font-size: 14px;
+        line-height: 22px;
+        color: #C6D3EC;
+      }
+
+    }
+
+    .el-tree-node__content:hover {
+      background: rgba(64, 229, 240, 0.15);
+      border-radius: 2px;
+    }
+
+    .el-tree-node:focus>.el-tree-node__content {
+      background: rgba(64, 229, 240, 0.15);
+      border-radius: 2px;
+    }
+
+    .el-tree-node.is-current>.el-tree-node__content {
+      background: rgba(64, 229, 240, 0.15);
+      border-radius: 2px;
+      border-right: #40E5F0 3px solid;
+    }
+  }
+
+  /* 设置滚动条的样式 */
+  ::-webkit-scrollbar {
+    width: 8px;
+    height: 8px;
+  }
+
+  /* 滚动槽 */
+  ::-webkit-scrollbar-track {
+    box-shadow: inset006pxrgba(0, 0, 0, 0.3);
+    border-radius: 10px;
+  }
+
+  /* 滚动条滑块 */
+  ::-webkit-scrollbar-thumb {
+    border-radius: 10px;
+    background: rgba(64, 229, 240, 0.15);
+    box-shadow: inset006pxrgba(0, 0, 0, 0.5);
+  }
+
+  /* 6,边角，两个滚动条交汇处 */
+  ::-webkit-scrollbar-corner {
+    background: transparent;
+  }
+}
+
+.card-select-dropdown {
+  background-color: #202f3e !important; // 修改弹窗的背景颜色
+  border-color: #40486a !important; // 修改弹窗的边框颜色
+
+  .el-select-dropdown__item.hover,
+  .el-select-dropdown__item:hover {
+    background: #172533;
+  }
+}
+
+/*日期选择器弹窗*/
+.card-date-editor {
+  border: 1px solid #40486a;
+  background-color: #202f3e;
+
+  .el-picker-panel__sidebar {
+    background-color: #202f3e;
+    border-right: 1px solid #40486a;
+
+    .el-picker-panel__shortcut {
+      color: #fff;
+    }
+
+    .el-picker-panel__shortcut:hover {
+      color: #62d0ff;
+    }
+  }
+
+  .el-picker-panel,
+  .el-select-dropdown,
+  .el-select .el-input__inner:focus,
+  .el-select .el-input.is-focus .el-input__inner {
+    border: 1px solid #40486a;
+  }
+
+  /* 年选择器样式 */
+  .el-year-table td .cell:hover {
+    color: #62d0ff;
+  }
+
+  .el-year-table td.today .cell {
+    color: #62d0ff;
+  }
+
+  .el-date-picker__header--bordered {
+    border-bottom: solid 1px #40486a;
+  }
+
+  .el-year-table td.current:not(.disabled) .cell {
+    color: #62d0ff;
+  }
+
+  .el-date-table td.disabled div,
+  .el-date-table td.disabled div span {
+    color: rgba(255, 255, 255, 0.3); // 修改禁止点击字体的颜色
+    background-color: transparent;
+  }
+
+  .normal.disabled div {
+    background-color: transparent !important;
+  }
+
+  .available.in-range.start-date div span,
+  .available.in-range.end-date div span {
+    background: #247382;
+    border-radius: 50%;
+    color: #fff;
+  }
+
+  .available.in-range div,
+  .available.in-range div:hover {
+    background: rgba(64, 229, 240, 0.8);
+  }
+
+  .el-date-table td.today span {
+    color: #62d0ff;
+    font-weight: bold;
+  }
+
+  .el-picker-panel__icon-btn:hover {
+    color: #40e5f0;
+  }
+
+  .el-date-range-picker__content.is-left {
+    border-right: 1px solid #40486a;
+  }
+
+  .el-date-table th {
+    border-bottom: solid 1px #40486a;
+  }
+
+
+
+
+
+  /* 年选择器样式 */
+  .el-year-table td .cell:hover {
+    color: #62d0ff;
+  }
+
+  .el-year-table td.today .cell {
+    color: #62d0ff;
+  }
+
+  .el-date-picker__header--bordered {
+    border-bottom: solid 1px #40486a;
+  }
+
+  .el-year-table td.current:not(.disabled) .cell {
+    color: #62d0ff;
+  }
+
+  .el-date-table td.disabled div,
+  .el-date-table td.disabled div span {
+    color: rgba(255, 255, 255, 0.3); // 修改禁止点击字体的颜色
+    background-color: transparent;
+  }
+
+  .normal.disabled div {
+    background-color: transparent !important;
+  }
+
+  .available.in-range.start-date div span,
+  .available.in-range.end-date div span {
+    background: #247382;
+    border-radius: 50%;
+    color: #fff;
+  }
+
+  .available.in-range div,
+  .available.in-range div:hover {
+    background: rgba(64, 229, 240, 0.8);
+  }
+
+  .el-year-table {
+    .available {
+      padding: 13px 3px;
+    }
+  }
+
+  /*月选择器样式*/
+  .el-month-table {
+    .current {
+      .cell {
+        color: #62D0FF;
+      }
+    }
+
+    td.current:not(.disabled) .cell {
+      color: #62D0FF;
+    }
+
+    td.today .cell {
+      color: #62D0FF;
+    }
+
+    td .cell:hover {
+      color: #62D0FF;
+    }
+
+    td {
+      padding: 6px 0px;
+    }
+  }
+
+  /*日期选择器*/
+  &.el-date-picker {
+    .el-date-picker__header {
+      margin: 0 10px;
+      margin-top: 10px;
+    }
+
+    .el-picker-panel__content {
+      margin-top: 0px;
+      margin-bottom: 10px;
+    }
+  }
+
+  .el-date-table {
+    td {
+      width: 25px;
+      height: 20px;
+      padding: 2px 0;
+
+      div {
+        height: 20px;
+        padding: 1px 0;
+      }
+
+      span {
+        height: 18px;
+        width: 18px;
+        line-height: 18px;
+      }
+    }
+
+    td.start-date div {
+      margin-left: 9px;
+    }
+
+    td.end-date div {
+      margin-right: 9px;
+    }
+  }
+
+}
+
+// 卡片内容文字颜色--主要
+.card-content-text-color {
+  color: #c6d3ec;
+}
+
+.card-dialog-height-auto {
+  height: auto;
+}
+
+.card-dialog {
+  .el-dialog__header {
+    background-color: #222F3D;
+    color: #fff;
+    border-bottom: #40486a 1px solid;
+    height: 63px;
+    padding: 17px 24px;
+
+
+    .el-dialog__headerbtn .el-dialog__close {
+      color: #fff;
+    }
+
+    .el-dialog__title {
+      color: #fff;
+      font-size: 20px;
+    }
+  }
+
+  .el-dialog__body {
+    background-color: #222F3D;
+    padding: 24px;
+    flex: 1;
+    // 添加后，垂直滚动才不至于超出
+    height: 0;
+  }
+
+  .el-dialog__footer {
+    border-top: #40486a 1px solid;
+    background-color: #222F3D;
+    height: 72px;
+    padding: 17px 24px;
+    color: #fff;
+
+    .card-dialog-cancel-btn {
+      background-color: rgba(64, 72, 106, 0.1) !important;
+      background-image: url('../card_btn_border.png');
+      background-repeat: no-repeat;
+      /* 防止背景图像重复 */
+      background-position: center center;
+      /* 将背景图像居中 */
+      height: 41px;
+      width: 77px;
+
+      &:hover {
+        background-image: url('../card_btn_border.png');
+        background-color: rgba(197, 201, 219, 0.2) !important;
+      }
+
+      &:focus {
+        background-image: url('../card_btn_border.png');
+        background-color: rgba(64, 72, 106, 0.05) !important;
+      }
+
+      &:disabled {
+        background-image: url('../card_btn_border.png');
+        background-color: rgba(68, 68, 68, 0.1) !important;
+      }
+    }
+
+    .card-dialog-sure-btn {
+      background-color: rgba(64, 229, 240, 0.1) !important;
+      background-image: url('../card_btn_border.png');
+      background-repeat: no-repeat;
+      /* 防止背景图像重复 */
+      background-position: center center;
+      /* 将背景图像居中 */
+      height: 41px;
+      width: 77px;
+
+      &:hover {
+        background-image: url('../card_btn_border.png');
+        background-color: rgba(64, 229, 240, 0.2) !important;
+      }
+
+      &:focus {
+        background-image: url('../card_btn_border.png');
+        background-color: rgba(64, 124, 240, 0.1) !important;
+      }
+
+      &:disabled {
+        background-image: url('../card_btn_border.png');
+        background-color: rgba(68, 68, 68, 0.1) !important;
+      }
+    }
+  }
+}
+
+.card-message-box {
+  border: none;
+  padding-bottom: 0;
+
+  .el-message-box__header {
+    background-color: #222F3D;
+    color: #fff;
+    border-bottom: #40486a 1px solid;
+    height: 63px;
+    padding: 17px 24px;
+
+
+    .el-message-box__headerbtn .el-message-box__close {
+      color: #fff;
+    }
+
+    .el-message-box__title {
+      color: #fff;
+      font-size: 20px;
+    }
+  }
+
+  .el-message-box__content {
+    background-color: #222F3D;
+    padding: 24px;
+  }
+
+  .el-message-box__btns {
+    border-top: #40486a 1px solid;
+    background-color: #222F3D;
+    height: 72px;
+    padding: 17px 24px;
+    color: #fff;
+
+    .el-button {
+      background-color: rgba(64, 72, 106, 0.1) !important;
+      background-image: url('../card_btn_border.png');
+      background-repeat: no-repeat;
+      /* 防止背景图像重复 */
+      background-position: center center;
+      /* 将背景图像居中 */
+      height: 41px;
+      width: 77px;
+
+      &:hover {
+        background-image: url('../card_btn_border.png');
+        background-color: rgba(197, 201, 219, 0.2) !important;
+      }
+
+      &:focus {
+        background-image: url('../card_btn_border.png');
+        background-color: rgba(64, 72, 106, 0.05) !important;
+      }
+
+      &:disabled {
+        background-image: url('../card_btn_border.png');
+        background-color: rgba(68, 68, 68, 0.1) !important;
+      }
+    }
+
+    .el-button--primary {
+      background-color: rgba(64, 229, 240, 0.1) !important;
+      background-image: url('../card_btn_border.png');
+      background-repeat: no-repeat;
+      /* 防止背景图像重复 */
+      background-position: center center;
+      /* 将背景图像居中 */
+      height: 41px;
+      width: 77px;
+
+      &:hover {
+        background-image: url('../card_btn_border.png');
+        background-color: rgba(64, 229, 240, 0.2) !important;
+      }
+
+      &:focus {
+        background-image: url('../card_btn_border.png');
+        background-color: rgba(64, 124, 240, 0.1) !important;
+      }
+
+      &:disabled {
+        background-image: url('../card_btn_border.png');
+        background-color: rgba(68, 68, 68, 0.1) !important;
+      }
+    }
+
+
+  }
+}
+
+.el-notification__title {
+  color: #fff;
+}
+
+.el-notification {
+  background-color: #40486a;
+  border-color: #005d6b;
+}
+
+
+.vue-treeselect {
+  .vue-treeselect__menu {
+    background-color: #202f3e;
+    border-color: #40486a;
+    border-top-color: transparent;
+  }
+  .vue-treeselect__option--highlight {
+    background: #172533;
+  }
+}
diff --git a/src/views/cards/assets/taskDetail.png b/src/views/cards/assets/taskDetail.png
new file mode 100644
index 0000000000000000000000000000000000000000..e698bedc975b1decc8415fd102e0cf30c32b9084
GIT binary patch
literal 2788
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

literal 0
HcmV?d00001

diff --git a/src/views/cards/common.js b/src/views/cards/common.js
new file mode 100644
index 0000000..d5464c5
--- /dev/null
+++ b/src/views/cards/common.js
@@ -0,0 +1,48 @@
+let messageId = 0;
+/**
+ * 调用卡片系统弹窗
+ * @param {*} zhan_name 站点名称
+ * @param {*} sourceCardId 源卡片id
+ * @param {*} targetCardId 目标卡片id
+ * @param {*} dialogTitle 弹窗标题
+ * @param {*} dialogIsDrag 弹窗是否可拖拽 默认 true
+ * @param {*} positionTop 弹窗上边距
+ * @param {*} positionLeft 弹窗左边距
+ * @param {*} contentWidth 弹窗内容宽度
+ * @param {*} contentHeight 弹窗内容高度
+ * @param {*} params 要传递给卡片的参数
+ */
+export function openDialog({
+  zhan_name = "",
+  sourceCardId,
+  targetCardId,
+  dialogTitle,
+  dialogIsDrag = true,
+  positionTop = "30",
+  positionLeft = "30",
+  contentWidth = "1856",
+  contentHeight = "896",
+  params = {},
+}) {
+  const id = "message_" + ++messageId;
+  var data = {
+    id,
+    sourceId: zhan_name + sourceCardId,
+    targetId: "main_frame_global_modal", // 基座系统弹窗ID
+    event: {
+      type: "SWITCH_GLOBAL_MODAL",
+      data: {
+        title: dialogTitle, // 弹窗标题
+        cardId: zhan_name + targetCardId,
+        isDrag: dialogIsDrag, // 弹窗是否可拖拽，默认为true可拖拽
+        positionTop, // 数字，弹窗上边距 positionTop
+        positionLeft, // 数字，弹窗左边距 positionLeft
+        contentWidth, // 数字，弹窗内容宽度
+        contentHeight, // 数字，弹窗内容高度
+        params, // 需要传递的参数
+      },
+    },
+    tm: new Date().getTime(), // 时间戳
+  };
+  window.parent.postMessage(JSON.stringify(data), "*");
+}
diff --git a/src/views/cards/components/CardPagination/index.vue b/src/views/cards/components/CardPagination/index.vue
new file mode 100644
index 0000000..1ca3f45
--- /dev/null
+++ b/src/views/cards/components/CardPagination/index.vue
@@ -0,0 +1,216 @@
+<template>
+  <div :class="{ hidden: hidden }" class="pagination-container">
+    <div class="pagination-total">共 {{ total }} 条</div>
+    <el-pagination
+      :background="background"
+      :current-page.sync="currentPage"
+      :page-size.sync="pageSize"
+      :layout="layout"
+      :page-sizes="pageSizes"
+      :pager-count="pagerCount"
+      :total="total"
+      v-bind="$attrs"
+      popper-class="card-select-dropdown"
+      @size-change="handleSizeChange"
+      @current-change="handleCurrentChange"
+    />
+  </div>
+</template>
+
+<script>
+import { scrollTo } from '@/utils/scroll-to'
+
+export default {
+  name: 'CardPagination',
+  props: {
+    total: {
+      required: true,
+      type: Number
+    },
+    page: {
+      type: Number,
+      default: 1
+    },
+    limit: {
+      type: Number,
+      default: 20
+    },
+    pageSizes: {
+      type: Array,
+      default() {
+        return [10, 20, 30, 50]
+      }
+    },
+    // Page button count on small screens
+    pagerCount: {
+      type: Number,
+      default: document.body.clientWidth < 992 ? 5 : 7
+    },
+    layout: {
+      type: String,
+      default: 'sizes, prev, pager, next, jumper'
+    },
+    background: {
+      type: Boolean,
+      default: true
+    },
+    autoScroll: {
+      type: Boolean,
+      default: true
+    },
+    hidden: {
+      type: Boolean,
+      default: false
+    }
+  },
+  data() {
+    return {}
+  },
+  computed: {
+    currentPage: {
+      get() {
+        return this.page
+      },
+      set(val) {
+        this.$emit('update:page', val)
+      }
+    },
+    pageSize: {
+      get() {
+        return this.limit
+      },
+      set(val) {
+        this.$emit('update:limit', val)
+      }
+    }
+  },
+  methods: {
+    handleSizeChange(val) {
+      if (this.currentPage * val > this.total) {
+        this.currentPage = 1
+      }
+      this.$emit('pagination', { page: this.currentPage, limit: val })
+      if (this.autoScroll) {
+        scrollTo(0, 800)
+      }
+    },
+    handleCurrentChange(val) {
+      this.$emit('pagination', { page: val, limit: this.pageSize })
+      if (this.autoScroll) {
+        scrollTo(0, 800)
+      }
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.pagination-container {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 12px;
+  width: 100%;
+  min-height: 48px;
+  margin-top: 0;
+  padding: 10px 16px;
+  box-sizing: border-box;
+  color: #dcecff;
+  background: #0b1140 !important;
+  border-top: 1px solid rgba(79, 166, 255, 0.35);
+}
+
+.pagination-total {
+  flex: 0 0 auto;
+  font-size: 14px;
+  line-height: 24px;
+  white-space: nowrap;
+}
+
+.pagination-container ::v-deep .el-pagination {
+  display: flex;
+  flex: 1;
+  align-items: center;
+  justify-content: flex-end;
+  flex-wrap: wrap;
+  gap: 8px;
+  padding: 0;
+  color: #dcecff;
+}
+
+.pagination-container ::v-deep .el-pagination span:not([class*="suffix"]),
+.pagination-container ::v-deep .el-pagination button,
+.pagination-container ::v-deep .el-pager li {
+  font-size: 14px;
+}
+
+.pagination-container ::v-deep .el-pagination .btn-prev,
+.pagination-container ::v-deep .el-pagination .btn-next,
+.pagination-container ::v-deep .el-pagination .el-pager li {
+  min-width: 32px;
+  height: 28px;
+  line-height: 26px;
+  margin: 0 3px;
+  border: 1px solid rgba(90, 170, 255, 0.45);
+  border-radius: 2px;
+  background: #10306d;
+  color: #ffffff;
+}
+
+.pagination-container ::v-deep .el-pagination .el-pager li.active {
+  background: #2f7efb;
+  border-color: #2f7efb;
+  color: #ffffff;
+}
+
+.pagination-container ::v-deep .el-pagination .btn-prev:hover,
+.pagination-container ::v-deep .el-pagination .btn-next:hover,
+.pagination-container ::v-deep .el-pagination .el-pager li:hover {
+  border-color: #64e7ff;
+  color: #64e7ff;
+}
+
+.pagination-container ::v-deep .el-pagination .btn-prev.is-disabled,
+.pagination-container ::v-deep .el-pagination .btn-next.is-disabled,
+.pagination-container ::v-deep .el-pagination .el-pager li.disabled {
+  background: #0b1f54;
+  border-color: rgba(90, 170, 255, 0.2);
+  color: rgba(255, 255, 255, 0.35);
+}
+
+.pagination-container ::v-deep .el-pagination .el-select .el-input {
+  width: 92px;
+}
+
+.pagination-container ::v-deep .el-pagination .el-input__inner {
+  height: 28px;
+  line-height: 28px;
+  background: #0f2b6f;
+  border: 1px solid rgba(80, 170, 255, 0.55);
+  color: #ffffff;
+}
+
+.pagination-container ::v-deep .el-pagination .el-input__icon {
+  line-height: 28px;
+  color: #7dd6ff;
+}
+
+.pagination-container ::v-deep .el-pagination__sizes,
+.pagination-container ::v-deep .el-pagination__jump,
+.pagination-container ::v-deep .el-pagination__total {
+  color: #dcecff;
+}
+
+.pagination-container ::v-deep .el-pagination__editor.el-input {
+  width: 48px;
+}
+
+.pagination-container ::v-deep .el-pagination__editor.el-input .el-input__inner {
+  width: 48px;
+  padding: 0 4px;
+}
+
+.pagination-container.hidden {
+  display: none;
+}
+</style>
diff --git a/src/views/cards/components/CardProgressBar.vue b/src/views/cards/components/CardProgressBar.vue
new file mode 100644
index 0000000..032bc3b
--- /dev/null
+++ b/src/views/cards/components/CardProgressBar.vue
@@ -0,0 +1,112 @@
+<template>
+  <div class="card-progress-container">
+    <div class="card-progress" :style="{ 'background': bgColor }">
+      <div class="card-progress-inner" :style="{
+        width: progress + '%',
+        background: color,
+      }"></div>
+      <div class="point-circle big-circle" :style="{
+        left: progress + '%',
+      }"></div>
+      <div class="point-circle small-circle" :style="{
+        left: progress + '%',
+      }"></div>
+    </div>
+    <div v-if="!hiddenText" class="progress-text" :style="{
+      fontSize: textSize + 'px',
+    }">
+      {{ progressText }}
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "CardProgressBar",
+  props: {
+    progress: {
+      type: Number,
+      required: true,
+    },
+    color: {
+      type: String,
+      default: "#0042A6",
+    },
+    bgColor: {
+      type: String,
+      default: "#B0C5E9",
+    },
+
+    textSize: {
+      type: Number,
+      default: 14,
+    },
+    getText: {
+      type: Function,
+      default: (progress) => `${progress}%`,
+    },
+    hiddenText: {
+      type: Boolean,
+      default: false,
+    },
+  },
+  computed: {
+    progressText () {
+      return this.getText(this.progress);
+    },
+  },
+};
+</script>
+
+<style scoped>
+.card-progress-container {
+  display: flex;
+  align-items: center;
+  width: 100%;
+  min-height: 18px;
+}
+
+.card-progress {
+  position: relative;
+  width: 100%;
+  /* overflow: hidden; */
+  flex: 1;
+  background-color: #B0C5E9;
+  height: 8px;
+  border-radius: 6px;
+}
+
+.card-progress-inner {
+  position: relative;
+  display: flex;
+  align-items: center;
+  height: 8px;
+  border-radius: 6px;
+}
+
+.point-circle {
+  position: absolute;
+  border-radius: 50%;
+  transform: translate(-50%, -50%);
+  /* margin-left: -5px; */
+}
+
+.small-circle {
+  background: #4677C3;
+  width: 12px;
+  height: 12px;
+  top: 50%;
+}
+
+.big-circle {
+  background: rgba(70, 119, 195, 0.25);
+  width: 18px;
+  height: 18px;
+  top: 50%;
+}
+
+.progress-text {
+  white-space: nowrap;
+  padding-left: 10px;
+}
+</style>
diff --git a/src/views/cards/components/ImagePreview/index.vue b/src/views/cards/components/ImagePreview/index.vue
new file mode 100644
index 0000000..0cbd3e8
--- /dev/null
+++ b/src/views/cards/components/ImagePreview/index.vue
@@ -0,0 +1,389 @@
+<template>
+  <div
+    class="flex-row card-page"
+    style="background: #090918"
+    v-loading="loading"
+  >
+    <div style="flex: 1; height: 100%; display: flex; flex-direction: column">
+      <div class="img-wrap">
+        <AsyncImage
+          style="width: 100%; height: 100%"
+          fit="contain"
+          :src="selectImgUrl"
+        ></AsyncImage>
+        <DrawShape
+          ref="drawShapeRef"
+          :brokenLineCount="1"
+          @drawComplete="
+            (shape) => {
+              handleDrawComplete(shape);
+            }
+          "
+        />
+
+        <!-- 上一个图片 -->
+        <el-button
+          v-if="bShowBackBtn"
+          @click="() => selectIndex--"
+          class="img-handle-btn img-handle-btn-left left-btn"
+        ></el-button>
+        <!-- 下一个图片 -->
+        <el-button
+          v-if="bShowNextBtn"
+          @click="() => selectIndex++"
+          class="img-handle-btn img-handle-btn-right right-btn"
+        ></el-button>
+      </div>
+
+      <!-- 开始测温 -->
+      <div
+        v-if="dataShowTemperatureTool && dataImageUrls.length > 0"
+        class="measure-temperature-btn"
+      >
+        <div>
+          <el-button @click="measureTemperature(ShapeEnum.point)" type="primary"
+            >点测温</el-button
+          >
+          <el-button
+            @click="measureTemperature(ShapeEnum.brokenline)"
+            type="primary"
+            >线测温</el-button
+          >
+          <el-button @click="measureTemperature(ShapeEnum.rect)" type="primary"
+            >区域测温</el-button
+          >
+          <el-button
+            v-if="measuring"
+            @click="cancelMeasureTemperature"
+            type="primary"
+            >取消测温</el-button
+          >
+        </div>
+        <div style="flex: 1; text-align: right">
+          <span style="padding-left: 10px"
+            >平均温度：{{
+              temperatureInfo.averageT ? temperatureInfo.averageT + "℃" : "-"
+            }}</span
+          >
+          <span style="padding-left: 10px"
+            >最大温度：{{
+              temperatureInfo.maxT ? temperatureInfo.maxT + "℃" : "-"
+            }}</span
+          >
+          <span style="padding-left: 10px"
+            >最小温度：{{
+              temperatureInfo.maxT ? temperatureInfo.minT + "℃" : "-"
+            }}</span
+          >
+          <span style="padding-left: 10px"
+            >环境温度：{{
+              temperatureInfo.weatherT ? temperatureInfo.weatherT + "℃" : "-"
+            }}</span
+          >
+        </div>
+      </div>
+    </div>
+
+    <div class="img-list-wrap" v-if="dataImageUrls.length > 1">
+      <ul ref="imgUlRef">
+        <li
+          v-for="(item, index) in dataImageUrls"
+          :key="index"
+          @click="onSelectImage(item, index)"
+        >
+          <div
+            :style="imgListItemStyle"
+            :class="{ 'img-list-item-selected': index === selectIndex }"
+          >
+            <AsyncImage
+              style="width: 100%; height: 100%"
+              fit="contain"
+              :src="item"
+            ></AsyncImage>
+          </div>
+        </li>
+      </ul>
+    </div>
+  </div>
+</template>
+
+<script>
+import { getTemperatureValue } from "@/api/device";
+import DrawShape, { ShapeEnum } from "@/components/Canvas/DrawShape.vue";
+// 图片列表item高度
+const IMG_LIST_ITEM_HEIGHT = 170;
+
+export default {
+  name: "ImagePreviewDialog",
+  components: { DrawShape },
+  props: {
+    // 是否显示弹窗
+    visible: {
+      type: Boolean,
+      default: false,
+    },
+    // 是否显示测温工具
+    showTemperatureTool: {
+      type: Boolean,
+      default: false,
+    },
+    // 图片地址列表
+    imageUrls: {
+      type: Array,
+      default: [],
+      require: false,
+    },
+    // 选择图片的位置
+    selectImgPosition: {
+      type: Number,
+      default: 0,
+    },
+  },
+  data() {
+    return {
+      // 当前选择图片url
+      selectIndex: 0,
+      // 图片列表item样式，因为有自动滚动，为了使其高度便于统一修改，所以放在了js里
+      imgListItemStyle: {
+        width: "300px",
+        height: `${IMG_LIST_ITEM_HEIGHT}px`,
+        margin: "5px 0",
+      },
+      ShapeEnum: ShapeEnum,
+      // 是否正在测量
+      measuring: false,
+      temperatureInfo: {},
+      loading: false,
+      dataShowTemperatureTool: false,
+      dataImageUrls: [],
+    };
+  },
+  computed: {
+    selectImgUrl() {
+      // console.log('33',this.dataImageUrls.length > this.selectIndex
+      //   ? 'http://192.168.1.116:33333/'+this.dataImageUrls[this.selectIndex]
+      //   : "")
+      // return this.dataImageUrls.length > this.selectIndex
+      //   ? 'http://192.168.1.116:33333/'+this.dataImageUrls[this.selectIndex]
+      //   : "";
+
+      // 武汉巡视任务图片列表查看
+      return this.dataImageUrls.length > this.selectIndex
+        ? this.dataImageUrls[this.selectIndex]
+        : "";
+    },
+    // 是否显示下一页
+    bShowNextBtn() {
+      return this.selectIndex + 1 < this.dataImageUrls.length;
+    },
+    // 是否显示上一页
+    bShowBackBtn() {
+      return this.selectIndex > 0;
+    },
+  },
+  watch: {
+    visible(value) {
+      // 显示之前先复位状态
+      if (value) {
+        this.reset();
+      }
+    },
+    selectImgPosition() {
+      if (this.selectImgPosition < this.dataImageUrls.length) {
+        this.selectIndex = this.selectImgPosition;
+      }
+    },
+    selectIndex(newValue) {
+      // 滚动列表
+      if (this.$refs.imgUlRef) {
+        this.$refs.imgUlRef.scrollTo({
+          top: IMG_LIST_ITEM_HEIGHT * newValue,
+          behavior: "smooth",
+        });
+      }
+    },
+  },
+  created() {
+    this.dataImageUrls = this.imageUrls;
+    this.selectIndex = this.selectImgPosition;
+    this.dataShowTemperatureTool = this.showTemperatureTool;
+    // 没传值，则从缓存中取
+    if (!this.dataImageUrls || !this.dataImageUrls.length) {
+      const info = JSON.parse(sessionStorage.getItem("imageInfo"));
+      if (info.imageUrls) {
+        this.dataImageUrls = info.imageUrls;
+      }
+      if (info.selectImgPosition) {
+        this.selectIndex = info.selectImgPosition;
+      }
+      if (info.showTemperatureTool) {
+        this.dataShowTemperatureTool = info.showTemperatureTool;
+      }
+    }
+  },
+
+  methods: {
+    reset() {
+      this.selectIndex = 0;
+      this.hideMeasureBox();
+    },
+    // 选择图片
+    onSelectImage(item, index) {
+      this.selectIndex = index;
+    },
+    // 显示测温框
+    showMeasureBox() {
+      if (this.$refs.drawShapeRef) {
+        this.temperatureInfo = {};
+        this.measuring = true;
+        this.$refs.drawShapeRef.show();
+      }
+    },
+    // 显示测温框
+    hideMeasureBox() {
+      this.measuring = false;
+      this.temperatureInfo = {};
+      if (this.$refs.drawShapeRef) {
+        this.$refs.drawShapeRef.hide();
+      }
+    },
+    // 测温
+    measureTemperature(type) {
+      this.showMeasureBox();
+      this.$nextTick(() => {
+        this.$refs.drawShapeRef.init();
+        this.$refs.drawShapeRef.startDraw(type);
+      });
+    },
+    cancelMeasureTemperature() {
+      this.hideMeasureBox();
+    },
+    handleDrawComplete(shape) {
+      const info = shape.getData();
+      this.loading = true;
+      getTemperatureValue(info.data, info.type, this.selectImgUrl)
+        .then((res) => {
+          this.temperatureInfo = res.data;
+        })
+        .finally(() => {
+          this.loading = false;
+        });
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+.flex-row {
+  display: flex;
+  height: 100%;
+}
+
+.img-wrap {
+  flex: 1;
+  // height: 100%;
+  height: 0;
+  position: relative;
+
+  .img-handle-btn {
+    position: absolute;
+    top: 45%;
+    color: rgba(255, 255, 255, 0.5);
+    font-size: 25px;
+    width: 96px;
+    height: 96px;
+    // border: rgba(255, 255, 255, 0.5) solid 2px;
+    // border-radius: 25px;
+    border-radius: 8px;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    cursor: pointer;
+  }
+
+  .img-handle-btn-left {
+    left: 15px;
+  }
+
+  .img-handle-btn-right {
+    right: 15px;
+  }
+}
+
+.measure-temperature-btn {
+  padding: 10px 0;
+  display: flex;
+}
+
+.img-list-wrap {
+  width: 300px;
+  height: 100%;
+  padding: 0 0 0 10px;
+
+  ul {
+    width: 100%;
+    height: 100%;
+    padding: 0;
+    overflow-x: hidden;
+    overflow-y: auto;
+    margin: 0;
+    /* 解决火狐浏览器不隐藏滚动条的问题 */
+    scrollbar-width: none;
+
+    .img-list-item {
+      width: 300px;
+      height: 170px;
+      margin: 5px 0;
+    }
+
+    .img-list-item-selected {
+      border: 3px solid #40486a;
+    }
+  }
+}
+
+::v-deep .left-btn .is-disabled {
+  /* 禁用状态下移除 active 背景色 */
+  background-image: none;
+}
+
+.left-btn {
+  /* 设置默认状态的背景图片 */
+  background-image: url("../../assets/image-btn-left-normal.png");
+}
+
+.left-btn:disabled {
+  /* 设置禁用状态的背景图片 */
+  background-image: url("../../assets/image-btn-left-disable.png");
+}
+
+.left-btn:not(.is-disabled):active {
+  /* 设置按下状态的背景图片 */
+  background-image: url("../../assets/image-btn-left-press.png");
+}
+
+.left-btn:not(.is-disabled):hover {
+  /* 设置悬停状态的背景图片 */
+  background-image: url("../../assets/image-btn-left-hover.png");
+}
+
+.right-btn {
+  /* 设置默认状态的背景图片 */
+  background-image: url("../../assets/image-btn-right-normal.png");
+}
+
+.right-btn:disabled {
+  /* 设置禁用状态的背景图片 */
+  background-image: url("../../assets/image-btn-right-disable.png");
+}
+
+.right-btn:not(.is-disabled):active {
+  /* 设置按下状态的背景图片 */
+  background-image: url("../../assets/image-btn-right-press.png");
+}
+
+.right-btn:not(.is-disabled):hover {
+  /* 设置悬停状态的背景图片 */
+  background-image: url("../../assets/image-btn-right-hover.png");
+}
+</style>
diff --git a/src/views/cards/components/ImagePreviewZoom/index.vue b/src/views/cards/components/ImagePreviewZoom/index.vue
new file mode 100644
index 0000000..91bf7fb
--- /dev/null
+++ b/src/views/cards/components/ImagePreviewZoom/index.vue
@@ -0,0 +1,654 @@
+<template>
+  <div
+    class="flex-row card-page"
+    style="background: #090918"
+    v-loading="loading"
+  >
+    <div style="flex: 1; height: 100%; display: flex; flex-direction: column">
+      <div class="img-wrap">
+        <!-- 修改这部分：添加缩放容器和包装器 -->
+        <div class="zoom-container" ref="zoomContainer">
+          <div
+            class="zoom-wrapper"
+            ref="zoomWrapper"
+            :style="{
+              transform: `scale(${imageScale})`,
+              transformOrigin: '0 0',
+              position: 'absolute',
+              left: `${imagePosition.x}px`,
+              top: `${imagePosition.y}px`,
+              width: '100%',
+              height: '100%'
+            }"
+            @mousedown="startDrag($event)"
+            @touchstart="startTouchDrag($event)"
+          >
+            <AsyncImage
+              style="width: 100%; height: 100%"
+              fit="contain"
+              :src="selectImgUrl"
+              :supportPreview="false"
+            ></AsyncImage>
+          </div>
+        </div>
+
+        <DrawShape
+          ref="drawShapeRef"
+          :brokenLineCount="1"
+          @drawComplete="
+            (shape) => {
+              handleDrawComplete(shape);
+            }
+          "
+        />
+
+        <!-- 添加重置按钮 -->
+        <div class="zoom-controls">
+          <el-button
+            size="mini"
+            circle
+            @click="resetImage"
+            title="重置"
+          >
+            ↺
+          </el-button>
+        </div>
+
+        <!-- 上一个图片 -->
+        <el-button
+          v-if="bShowBackBtn"
+          @click="() => selectIndex--"
+          class="img-handle-btn img-handle-btn-left left-btn"
+        ></el-button>
+        <!-- 下一个图片 -->
+        <el-button
+          v-if="bShowNextBtn"
+          @click="() => selectIndex++"
+          class="img-handle-btn img-handle-btn-right right-btn"
+        ></el-button>
+      </div>
+
+      <!-- 开始测温 -->
+      <div
+        v-if="dataShowTemperatureTool && dataImageUrls.length > 0"
+        class="measure-temperature-btn"
+      >
+        <div>
+          <el-button @click="measureTemperature(ShapeEnum.point)" type="primary"
+            >点测温</el-button
+          >
+          <el-button
+            @click="measureTemperature(ShapeEnum.brokenline)"
+            type="primary"
+            >线测温</el-button
+          >
+          <el-button @click="measureTemperature(ShapeEnum.rect)" type="primary"
+            >区域测温</el-button
+          >
+          <el-button
+            v-if="measuring"
+            @click="cancelMeasureTemperature"
+            type="primary"
+            >取消测温</el-button
+          >
+        </div>
+        <div style="flex: 1; text-align: right">
+          <span style="padding-left: 10px"
+            >平均温度：{{
+              temperatureInfo.averageT ? temperatureInfo.averageT + "℃" : "-"
+            }}</span
+          >
+          <span style="padding-left: 10px"
+            >最大温度：{{
+              temperatureInfo.maxT ? temperatureInfo.maxT + "℃" : "-"
+            }}</span
+          >
+          <span style="padding-left: 10px"
+            >最小温度：{{
+              temperatureInfo.maxT ? temperatureInfo.minT + "℃" : "-"
+            }}</span
+          >
+          <span style="padding-left: 10px"
+            >环境温度：{{
+              temperatureInfo.weatherT ? temperatureInfo.weatherT + "℃" : "-"
+            }}</span
+          >
+        </div>
+      </div>
+    </div>
+
+    <div class="img-list-wrap" v-if="dataImageUrls.length > 1">
+      <ul ref="imgUlRef">
+        <li
+          v-for="(item, index) in dataImageUrls"
+          :key="index"
+          @click="onSelectImage(item, index)"
+        >
+          <div
+            :style="imgListItemStyle"
+            :class="{ 'img-list-item-selected': index === selectIndex }"
+          >
+            <AsyncImage
+              style="width: 100%; height: 100%"
+              fit="contain"
+              :src="item"
+            ></AsyncImage>
+          </div>
+        </li>
+      </ul>
+    </div>
+  </div>
+</template>
+
+<script>
+import { getTemperatureValue } from "@/api/device";
+import DrawShape, { ShapeEnum } from "@/components/Canvas/DrawShape.vue";
+// 图片列表item高度
+const IMG_LIST_ITEM_HEIGHT = 170;
+
+export default {
+  name: "ImagePreviewDialog",
+  components: { DrawShape },
+  props: {
+    // 是否显示弹窗
+    visible: {
+      type: Boolean,
+      default: false,
+    },
+    // 是否显示测温工具
+    showTemperatureTool: {
+      type: Boolean,
+      default: false,
+    },
+    // 图片地址列表
+    imageUrls: {
+      type: Array,
+      default: [],
+      require: false,
+    },
+    // 选择图片的位置
+    selectImgPosition: {
+      type: Number,
+      default: 0,
+    },
+  },
+  data() {
+    return {
+      // 当前选择图片url
+      selectIndex: 0,
+      // 图片列表item样式，因为有自动滚动，为了使其高度便于统一修改，所以放在了js里
+      imgListItemStyle: {
+        width: "300px",
+        height: `${IMG_LIST_ITEM_HEIGHT}px`,
+        margin: "5px 0",
+      },
+      ShapeEnum: ShapeEnum,
+      // 是否正在测量
+      measuring: false,
+      temperatureInfo: {},
+      loading: false,
+      dataShowTemperatureTool: false,
+      dataImageUrls: [],
+
+      // 新增：缩放相关数据
+      imageScale: 1,
+      imagePosition: { x: 0, y: 0 },
+      isDragging: false,
+      dragStartPos: { x: 0, y: 0 },
+      dragStartImagePos: { x: 0, y: 0 },
+    };
+  },
+  computed: {
+    selectImgUrl() {
+      return this.dataImageUrls.length > this.selectIndex
+        ? this.dataImageUrls[this.selectIndex]
+        : "";
+    },
+    // 是否显示下一页
+    bShowNextBtn() {
+      return this.selectIndex + 1 < this.dataImageUrls.length;
+    },
+    // 是否显示上一页
+    bShowBackBtn() {
+      return this.selectIndex > 0;
+    },
+  },
+  watch: {
+    visible(value) {
+      // 显示之前先复位状态
+      if (value) {
+        this.reset();
+      }
+    },
+    selectImgPosition() {
+      if (this.selectImgPosition < this.dataImageUrls.length) {
+        this.selectIndex = this.selectImgPosition;
+        this.resetImage(); // 切换到新图片时重置缩放
+      }
+    },
+    selectIndex() {
+      // 滚动列表
+      if (this.$refs.imgUlRef) {
+        this.$refs.imgUlRef.scrollTo({
+          top: IMG_LIST_ITEM_HEIGHT * this.selectIndex,
+          behavior: "smooth",
+        });
+      }
+      // 切换图片时重置缩放
+      this.resetImage();
+    },
+  },
+  created() {
+    this.dataImageUrls = this.imageUrls;
+    this.selectIndex = this.selectImgPosition;
+    this.dataShowTemperatureTool = this.showTemperatureTool;
+    // 没传值，则从缓存中取
+    if (!this.dataImageUrls || !this.dataImageUrls.length) {
+      const info = JSON.parse(sessionStorage.getItem("imageInfo"));
+      if (info.imageUrls) {
+        this.dataImageUrls = info.imageUrls;
+      }
+      if (info.selectImgPosition) {
+        this.selectIndex = info.selectImgPosition;
+      }
+      if (info.showTemperatureTool) {
+        this.dataShowTemperatureTool = info.showTemperatureTool;
+      }
+    }
+  },
+
+  mounted() {
+    // 绑定事件
+    this.bindGlobalEvents();
+
+    // 添加滚轮事件监听
+    this.$nextTick(() => {
+      if (this.$refs.zoomContainer) {
+        this.$refs.zoomContainer.addEventListener('wheel', this.handleWheel, { passive: false });
+      }
+    });
+  },
+
+  beforeDestroy() {
+    // 移除事件
+    this.unbindGlobalEvents();
+
+    // 移除滚轮事件
+    if (this.$refs.zoomContainer) {
+      this.$refs.zoomContainer.removeEventListener('wheel', this.handleWheel);
+    }
+  },
+
+  methods: {
+    reset() {
+      this.selectIndex = 0;
+      this.hideMeasureBox();
+      this.resetImage(); // 重置缩放
+    },
+
+    // 选择图片
+    onSelectImage(item, index) {
+      this.selectIndex = index;
+    },
+
+    // 显示测温框
+    showMeasureBox() {
+      if (this.$refs.drawShapeRef) {
+        this.temperatureInfo = {};
+        this.measuring = true;
+        this.$refs.drawShapeRef.show();
+      }
+    },
+
+    // 显示测温框
+    hideMeasureBox() {
+      this.measuring = false;
+      this.temperatureInfo = {};
+      if (this.$refs.drawShapeRef) {
+        this.$refs.drawShapeRef.hide();
+      }
+    },
+
+    // 测温
+    measureTemperature(type) {
+      this.showMeasureBox();
+      this.$nextTick(() => {
+        this.$refs.drawShapeRef.init();
+        this.$refs.drawShapeRef.startDraw(type);
+      });
+    },
+
+    cancelMeasureTemperature() {
+      this.hideMeasureBox();
+    },
+
+    handleDrawComplete(shape) {
+      const info = shape.getData();
+      this.loading = true;
+      getTemperatureValue(info.data, info.type, this.selectImgUrl)
+        .then((res) => {
+          this.temperatureInfo = res.data;
+        })
+        .finally(() => {
+          this.loading = false;
+        });
+    },
+
+    // 新增：滚轮事件处理
+    handleWheel(event) {
+      event.preventDefault();
+      const delta = event.deltaY || event.detail || event.wheelDelta;
+      const direction = delta > 0 ? -1 : 1;
+      const scaleStep = 0.1;
+
+      const oldScale = this.imageScale;
+      let newScale = oldScale + direction * scaleStep;
+      newScale = Math.max(0.1, Math.min(5, newScale));
+
+      // 计算鼠标在容器中的位置
+      const container = event.currentTarget;
+      const containerRect = container.getBoundingClientRect();
+      const mouseX = event.clientX - containerRect.left;
+      const mouseY = event.clientY - containerRect.top;
+
+      // 当前图片位置
+      const currentPos = this.imagePosition;
+
+      // 计算缩放后的新位置
+      // 缩放比例变化
+      const scaleChange = newScale / oldScale;
+
+      // 调整位置使鼠标点保持在图片上的同一位置
+      this.imagePosition = {
+        x: currentPos.x - (mouseX - currentPos.x) * (scaleChange - 1),
+        y: currentPos.y - (mouseY - currentPos.y) * (scaleChange - 1)
+      };
+
+      this.imageScale = newScale;
+    },
+
+    // 开始鼠标拖拽
+    startDrag(event) {
+      if (event.button !== 0) return;
+
+      this.isDragging = true;
+      this.dragStartPos = {
+        x: event.clientX,
+        y: event.clientY
+      };
+      this.dragStartImagePos = {
+        x: this.imagePosition.x,
+        y: this.imagePosition.y
+      };
+
+      // 添加拖拽样式
+      const wrapper = this.$refs.zoomWrapper;
+      if (wrapper) {
+        wrapper.classList.add('dragging');
+      }
+
+      // 防止文本选择
+      document.body.style.userSelect = 'none';
+      document.body.style.webkitUserSelect = 'none';
+
+      event.preventDefault();
+      event.stopPropagation();
+    },
+
+    // 开始触摸拖拽
+    startTouchDrag(event) {
+      if (event.touches.length !== 1) return;
+
+      this.isDragging = true;
+      this.dragStartPos = {
+        x: event.touches[0].clientX,
+        y: event.touches[0].clientY
+      };
+      this.dragStartImagePos = {
+        x: this.imagePosition.x,
+        y: this.imagePosition.y
+      };
+
+      const wrapper = this.$refs.zoomWrapper;
+      if (wrapper) {
+        wrapper.classList.add('dragging');
+      }
+
+      event.preventDefault();
+      event.stopPropagation();
+    },
+
+    // 处理拖拽移动
+    handleDragMove(event) {
+      if (!this.isDragging) return;
+
+      let clientX, clientY;
+
+      if (event.type === 'mousemove') {
+        clientX = event.clientX;
+        clientY = event.clientY;
+      } else if (event.type === 'touchmove' && event.touches.length === 1) {
+        clientX = event.touches[0].clientX;
+        clientY = event.touches[0].clientY;
+      } else {
+        return;
+      }
+
+      const deltaX = clientX - this.dragStartPos.x;
+      const deltaY = clientY - this.dragStartPos.y;
+
+      // 更新图片位置
+      this.imagePosition = {
+        x: this.dragStartImagePos.x + deltaX,
+        y: this.dragStartImagePos.y + deltaY
+      };
+
+      event.preventDefault();
+      event.stopPropagation();
+    },
+
+    // 结束拖拽
+    handleDragEnd(event) {
+      if (!this.isDragging) return;
+
+      // 移除拖拽样式
+      const wrapper = this.$refs.zoomWrapper;
+      if (wrapper) {
+        wrapper.classList.remove('dragging');
+      }
+
+      // 恢复文本选择
+      document.body.style.userSelect = '';
+      document.body.style.webkitUserSelect = '';
+
+      this.isDragging = false;
+    },
+
+    // 重置图片缩放和位置
+    resetImage() {
+      this.imageScale = 1;
+      this.imagePosition = { x: 0, y: 0 };
+    },
+
+    // 绑定全局事件
+    bindGlobalEvents() {
+      document.addEventListener('mousemove', this.handleDragMove);
+      document.addEventListener('mouseup', this.handleDragEnd);
+      document.addEventListener('touchmove', this.handleDragMove, { passive: false });
+      document.addEventListener('touchend', this.handleDragEnd);
+    },
+
+    // 移除全局事件
+    unbindGlobalEvents() {
+      document.removeEventListener('mousemove', this.handleDragMove);
+      document.removeEventListener('mouseup', this.handleDragEnd);
+      document.removeEventListener('touchmove', this.handleDragMove);
+      document.removeEventListener('touchend', this.handleDragEnd);
+    }
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+.flex-row {
+  display: flex;
+  height: 100%;
+}
+
+.img-wrap {
+  flex: 1;
+  height: 0;
+  position: relative;
+
+  // 新增：缩放容器样式
+  .zoom-container {
+    width: 100%;
+    height: 100%;
+    position: relative;
+    overflow: hidden;
+    cursor: grab;
+
+    &:active {
+      cursor: grabbing;
+    }
+  }
+
+  .zoom-wrapper {
+    width: 100%;
+    height: 100%;
+    position: absolute;
+    cursor: grab;
+
+    &.dragging {
+      cursor: grabbing;
+    }
+
+    ::v-deep .el-image {
+      width: 100%;
+      height: 100%;
+      user-select: none;
+      -webkit-user-drag: none;
+      pointer-events: none; /* 防止图片干扰拖拽事件 */
+    }
+  }
+
+  // 新增：缩放控制按钮
+  .zoom-controls {
+    position: absolute;
+    top: 10px;
+    right: 10px;
+    z-index: 10;
+
+    .el-button {
+      background: rgba(0, 0, 0, 0.6);
+      color: white;
+      border: none;
+      font-size: 16px;
+
+      &:hover {
+        background: rgba(0, 0, 0, 0.8);
+      }
+    }
+  }
+
+  .img-handle-btn {
+    position: absolute;
+    top: 45%;
+    color: rgba(255, 255, 255, 0.5);
+    font-size: 25px;
+    width: 96px;
+    height: 96px;
+    border-radius: 8px;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    cursor: pointer;
+    z-index: 11; // 确保在缩放控制之上
+  }
+
+  .img-handle-btn-left {
+    left: 15px;
+  }
+
+  .img-handle-btn-right {
+    right: 15px;
+  }
+}
+
+.measure-temperature-btn {
+  padding: 10px 0;
+  display: flex;
+}
+
+.img-list-wrap {
+  width: 300px;
+  height: 100%;
+  padding: 0 0 0 10px;
+
+  ul {
+    width: 100%;
+    height: 100%;
+    padding: 0;
+    overflow-x: hidden;
+    overflow-y: auto;
+    margin: 0;
+    /* 解决火狐浏览器不隐藏滚动条的问题 */
+    scrollbar-width: none;
+
+    .img-list-item {
+      width: 300px;
+      height: 170px;
+      margin: 5px 0;
+    }
+
+    .img-list-item-selected {
+      border: 3px solid #40486a;
+    }
+  }
+}
+
+::v-deep .left-btn .is-disabled {
+  /* 禁用状态下移除 active 背景色 */
+  background-image: none;
+}
+
+.left-btn {
+  /* 设置默认状态的背景图片 */
+  background-image: url("../../assets/image-btn-left-normal.png");
+}
+
+.left-btn:disabled {
+  /* 设置禁用状态的背景图片 */
+  background-image: url("../../assets/image-btn-left-disable.png");
+}
+
+.left-btn:not(.is-disabled):active {
+  /* 设置按下状态的背景图片 */
+  background-image: url("../../assets/image-btn-left-press.png");
+}
+
+.left-btn:not(.is-disabled):hover {
+  /* 设置悬停状态的背景图片 */
+  background-image: url("../../assets/image-btn-left-hover.png");
+}
+
+.right-btn {
+  /* 设置默认状态的背景图片 */
+  background-image: url("../../assets/image-btn-right-normal.png");
+}
+
+.right-btn:disabled {
+  /* 设置禁用状态的背景图片 */
+  background-image: url("../../assets/image-btn-right-disable.png");
+}
+
+.right-btn:not(.is-disabled):active {
+  /* 设置按下状态的背景图片 */
+  background-image: url("../../assets/image-btn-right-press.png");
+}
+
+.right-btn:not(.is-disabled):hover {
+  /* 设置悬停状态的背景图片 */
+  background-image: url("../../assets/image-btn-right-hover.png");
+}
+</style>
diff --git a/src/views/cards/components/ImagePreviewZoomTemperature/index.vue b/src/views/cards/components/ImagePreviewZoomTemperature/index.vue
new file mode 100644
index 0000000..2892400
--- /dev/null
+++ b/src/views/cards/components/ImagePreviewZoomTemperature/index.vue
@@ -0,0 +1,1016 @@
+<template>
+  <div
+    class="flex-row card-page"
+    style="background: #090918"
+    v-loading="loading"
+  >
+    <div style="flex: 1; height: 100%; display: flex; flex-direction: column">
+      <div class="img-wrap">
+        <div
+          class="zoom-container"
+          ref="zoomContainer"
+          @mousemove="handleMouseMove"
+          @mouseleave="handleMouseLeave"
+          @wheel="handleWheel"
+        >
+          <div
+            class="zoom-wrapper"
+            ref="zoomWrapper"
+            :style="{
+              transform: `scale(${imageScale}) translate(${imagePosition.x / imageScale}px, ${imagePosition.y / imageScale}px)`,
+              transformOrigin: '0 0',
+              width: '100%',
+              height: '100%'
+            }"
+            @mousedown="startDrag($event)"
+            @touchstart="startTouchDrag($event)"
+          >
+          <!-- :src="'/shaoxing/videoMonitor/xunshiht/htjcImage/'+selectImgUrl"
+              src="http://192.168.1.116:18891/shaoxing/videoMonitor/app/htjc6/htjcImage//test/39357.jpg"
+
+          -->
+            <img
+              ref="previewImage"
+              :src="'/shaoxing/videoMonitor/xunshiht/htjcImage/'+selectImgUrl"
+              style="width: 100%; height: 100%; object-fit: contain"
+              @load="handleImageLoad"
+              @error="handleImageError"
+              draggable="false"
+            />
+          </div>
+        </div>
+
+        <!-- 重置按钮 -->
+        <div class="zoom-controls">
+          <el-button size="mini" circle @click="resetImage" title="重置">
+            ↺
+          </el-button>
+        </div>
+
+        <!-- 上一个/下一个图片按钮 -->
+        <el-button
+          v-if="bShowBackBtn"
+          @click="() => selectIndex--"
+          class="img-handle-btn img-handle-btn-left left-btn"
+        ></el-button>
+        <el-button
+          v-if="bShowNextBtn"
+          @click="() => selectIndex++"
+          class="img-handle-btn img-handle-btn-right right-btn"
+        ></el-button>
+
+        <!-- 温度悬浮层 -->
+        <div
+          v-if="dataShowTemperatureTool && hoverData"
+          class="temperature-display"
+          :style="{
+            left: hoverData.x + 'px',
+            top: hoverData.y + 'px'
+          }"
+        >
+          {{ hoverData.temperature }}°C
+        </div>
+      </div>
+    </div>
+
+    <div class="img-list-wrap" v-if="dataImageUrls.length > 1">
+      <ul ref="imgUlRef">
+        <li
+          v-for="(item, index) in dataImageUrls"
+          :key="index"
+          @click="onSelectImage(item, index)"
+        >
+          <div
+            :style="imgListItemStyle"
+            :class="{ 'img-list-item-selected': index === selectIndex }"
+          >
+            <img
+              :src="item"
+              style="width: 100%; height: 100%; object-fit: contain"
+              draggable="false"
+            />
+          </div>
+        </li>
+      </ul>
+    </div>
+  </div>
+</template>
+
+<script>
+import { getTemperatureValue } from "@/api/device";
+import { downloadCsv } from "@/api/basedata/patrolpointmnt/patrolpointpreset.js";
+import Papa from "papaparse";
+
+const IMG_LIST_ITEM_HEIGHT = 170;
+
+export default {
+  name: "ImagePreviewZoomTemperature",
+  components: {},
+  props: {
+    visible: {
+      type: Boolean,
+      default: false,
+    },
+    showTemperatureTool: {
+      type: Boolean,
+      default: false,
+    },
+    imageUrls: {
+      type: Array,
+      default: [],
+      require: false,
+    },
+    selectImgPosition: {
+      type: Number,
+      default: 0,
+    },
+    imageName: {
+      type: [String, Array],
+      default: "",
+    },
+  },
+  data() {
+    return {
+      selectIndex: 0,
+      imgListItemStyle: {
+        width: "300px",
+        height: `${IMG_LIST_ITEM_HEIGHT}px`,
+        margin: "5px 0",
+      },
+      temperatureInfo: {},
+      loading: false,
+      dataShowTemperatureTool: false,
+      dataImageUrls: [],
+      showDebugInfo: true,
+
+      // 缩放相关
+      imageScale: 1,
+      imagePosition: { x: 0, y: 0 },
+      isDragging: false,
+      dragStartPos: { x: 0, y: 0 },
+      dragStartImagePos: { x: 0, y: 0 },
+
+      // 动画相关
+      animationFrameId: null,
+
+      // 温度数据相关
+      temperatureData: [],
+      tempRows: 0,
+      tempCols: 0,
+      hoverData: null,
+      imageSize: { width: 0, height: 0 },
+      currentImageName: "",
+
+      lastMouseX: null,
+      lastMouseY: null,
+
+      // 图片实际内容显示区域（在 zoom-container 坐标系中）
+      imageContentRect: {
+        x: 0,
+        y: 0,
+        width: 0,
+        height: 0
+      },
+    };
+  },
+  computed: {
+    selectImgUrl() {
+      return this.dataImageUrls.length > this.selectIndex
+        ? this.dataImageUrls[this.selectIndex]
+        : "";
+    },
+    bShowNextBtn() {
+      return this.selectIndex + 1 < this.dataImageUrls.length;
+    },
+    bShowBackBtn() {
+      return this.selectIndex > 0;
+    },
+  },
+  watch: {
+    visible(value) {
+      if (value) {
+        this.reset();
+      }
+    },
+    selectImgPosition() {
+      if (this.selectImgPosition < this.dataImageUrls.length) {
+        this.selectIndex = this.selectImgPosition;
+        this.resetImage();
+        this.loadTemperatureDataForCurrentImage();
+      }
+    },
+    selectIndex() {
+      if (this.$refs.imgUlRef) {
+        this.$refs.imgUlRef.scrollTo({
+          top: IMG_LIST_ITEM_HEIGHT * this.selectIndex,
+          behavior: "smooth",
+        });
+      }
+      this.resetImage();
+      this.hoverData = null;
+
+      if (Array.isArray(this.imageName) && this.imageName.length > this.selectIndex) {
+        this.currentImageName = this.imageName[this.selectIndex];
+      } else if (typeof this.imageName === 'string') {
+        this.currentImageName = this.imageName;
+      }
+
+      this.loadTemperatureDataForCurrentImage();
+    },
+  },
+  created() {
+    this.dataImageUrls = this.imageUrls;
+    this.selectIndex = this.selectImgPosition;
+    this.dataShowTemperatureTool = this.showTemperatureTool;
+
+    if (Array.isArray(this.imageName) && this.imageName.length > this.selectIndex) {
+      this.currentImageName = this.imageName[this.selectIndex];
+    } else if (typeof this.imageName === 'string') {
+      this.currentImageName = this.imageName;
+    } else if (this.imageName) {
+      this.currentImageName = this.imageName;
+    }
+
+    if (!this.dataImageUrls || !this.dataImageUrls.length) {
+      const info = JSON.parse(sessionStorage.getItem("imageInfo"));
+      if (info && info.imageUrls) {
+        this.dataImageUrls = info.imageUrls;
+      }
+      if (info && info.selectImgPosition) {
+        this.selectIndex = info.selectImgPosition;
+      }
+      if (info && info.showTemperatureTool) {
+        this.dataShowTemperatureTool = info.showTemperatureTool;
+      }
+      if (info && info.imageName) {
+        this.currentImageName = info.imageName;
+      }
+    }
+
+    if (!this.currentImageName && this.selectImgUrl) {
+      this.extractImageNameFromUrl(this.selectImgUrl);
+    }
+
+    this.$nextTick(() => {
+      this.loadTemperatureDataForCurrentImage();
+      this.updateImageContentRect();
+    });
+  },
+  mounted() {
+    this.bindGlobalEvents();
+    window.addEventListener('resize', this.updateImageContentRect);
+    this.startAnimationLoop();
+  },
+  beforeDestroy() {
+    this.unbindGlobalEvents();
+    this.stopAnimationLoop();
+    window.removeEventListener('resize', this.updateImageContentRect);
+  },
+  methods: {
+    getDataWidth() {
+      return this.tempCols || 0;
+    },
+
+    getDataHeight() {
+      return this.tempRows || 0;
+    },
+
+    extractImageNameFromUrl(url) {
+      if (!url) return;
+      try {
+        const urlParts = url.split('/');
+        let fileName = urlParts[urlParts.length - 1];
+        if (fileName.includes('?')) {
+          fileName = fileName.split('?')[0];
+        }
+        this.currentImageName = fileName;
+        // console.log("提取的图片名称:", this.currentImageName);
+      } catch (error) {
+        // console.error("提取图片名称失败:", error);
+      }
+    },
+
+    reset() {
+      this.selectIndex = 0;
+      this.resetImage();
+      this.hoverData = null;
+    },
+
+    onSelectImage(item, index) {
+      this.selectIndex = index;
+    },
+
+    // 更新图片实际内容显示区域（在 zoom-container 坐标系中）
+    // 这个方法计算 object-fit: contain 后的图片内容区域
+    updateImageContentRect() {
+      const img = this.$refs.previewImage;
+      const container = this.$refs.zoomContainer;
+      if (!img || !container) return;
+
+      const containerRect = container.getBoundingClientRect();
+      const imgRect = img.getBoundingClientRect();
+
+      // 计算图片内容在 img 元素中的偏移和尺寸
+      // 由于 object-fit: contain，图片内容会居中显示在 img 元素内
+      const naturalWidth = this.imageSize.width || img.naturalWidth;
+      const naturalHeight = this.imageSize.height || img.naturalHeight;
+
+      if (!naturalWidth || !naturalHeight) return;
+
+      const imgDisplayWidth = imgRect.width;
+      const imgDisplayHeight = imgRect.height;
+
+      const imageAspect = naturalWidth / naturalHeight;
+      const containerAspect = imgDisplayWidth / imgDisplayHeight;
+
+      let contentWidth, contentHeight, contentX, contentY;
+
+      if (imageAspect > containerAspect) {
+        contentWidth = imgDisplayWidth;
+        contentHeight = imgDisplayWidth / imageAspect;
+        contentX = 0;
+        contentY = (imgDisplayHeight - contentHeight) / 2;
+      } else {
+        contentHeight = imgDisplayHeight;
+        contentWidth = imgDisplayHeight * imageAspect;
+        contentX = (imgDisplayWidth - contentWidth) / 2;
+        contentY = 0;
+      }
+
+      // 将坐标从视口坐标系转换到 zoom-container 坐标系
+      const containerLeft = containerRect.left;
+      const containerTop = containerRect.top;
+
+      // 图片内容在 zoom-container 坐标系中的位置
+      // imgRect 是变换后的位置，已经是相对于视口的
+      // 我们需要计算内容在容器中的位置
+      const contentLeftInViewport = imgRect.left + contentX;
+      const contentTopInViewport = imgRect.top + contentY;
+
+      this.imageContentRect = {
+        x: contentLeftInViewport - containerLeft,
+        y: contentTopInViewport - containerTop,
+        width: contentWidth,
+        height: contentHeight
+      };
+
+      // console.log('图片内容区域:', this.imageContentRect);
+    },
+
+    startAnimationLoop() {
+      const updateTemperature = () => {
+        if (this.dataShowTemperatureTool && this.lastMouseX && this.lastMouseY) {
+          this.calculateTemperatureAtPosition(this.lastMouseX, this.lastMouseY);
+        }
+        this.animationFrameId = requestAnimationFrame(updateTemperature);
+      };
+      this.animationFrameId = requestAnimationFrame(updateTemperature);
+    },
+
+    stopAnimationLoop() {
+      if (this.animationFrameId) {
+        cancelAnimationFrame(this.animationFrameId);
+        this.animationFrameId = null;
+      }
+    },
+
+    // ==================== 双线性插值 ====================
+    bilinearInterpolation(data, row, col, rows, cols) {
+      if (row < 0 || row > rows - 1 || col < 0 || col > cols - 1) {
+        return null;
+      }
+
+      const row0 = Math.floor(row);
+      const row1 = Math.min(row0 + 1, rows - 1);
+      const col0 = Math.floor(col);
+      const col1 = Math.min(col0 + 1, cols - 1);
+
+      const v00 = parseFloat(data[row0][col0]);
+      const v01 = parseFloat(data[row0][col1]);
+      const v10 = parseFloat(data[row1][col0]);
+      const v11 = parseFloat(data[row1][col1]);
+
+      if ([v00, v01, v10, v11].some(v => isNaN(v) || !isFinite(v))) {
+        const nearestRow = Math.round(row);
+        const nearestCol = Math.round(col);
+        const val = parseFloat(data[nearestRow]?.[nearestCol]);
+        return isNaN(val) ? null : val;
+      }
+
+      const rowWeight = row - row0;
+      const colWeight = col - col0;
+
+      const top = v00 * (1 - colWeight) + v01 * colWeight;
+      const bottom = v10 * (1 - colWeight) + v11 * colWeight;
+      const result = top * (1 - rowWeight) + bottom * rowWeight;
+
+      return result;
+    },
+
+    // 根据图片坐标实时计算温度值
+    getTemperatureAtImagePosition(imageX, imageY) {
+      if (!this.temperatureData || this.temperatureData.length === 0) {
+        return null;
+      }
+
+      const tempRows = this.tempRows;
+      const tempCols = this.tempCols;
+
+      if (tempRows === 0 || tempCols === 0) {
+        return null;
+      }
+
+      // 将图片坐标映射到温度数据坐标
+      const floatRow = (imageY / this.imageSize.height) * (tempRows - 1);
+      const floatCol = (imageX / this.imageSize.width) * (tempCols - 1);
+
+      // 使用双线性插值计算温度
+      const temp = this.bilinearInterpolation(
+        this.temperatureData,
+        floatRow,
+        floatCol,
+        tempRows,
+        tempCols
+      );
+
+      return temp;
+    },
+
+    // 获取鼠标在图片原始坐标系中的位置
+    getMouseOnImage(clientX, clientY) {
+      const containerRect = this.$refs.zoomContainer.getBoundingClientRect();
+
+      // 鼠标相对于容器的位置
+      const relativeX = clientX - containerRect.left;
+      const relativeY = clientY - containerRect.top;
+
+      // 获取图片内容显示区域
+      const contentRect = this.imageContentRect;
+      if (!contentRect || contentRect.width === 0 || contentRect.height === 0) {
+        return null;
+      }
+
+      // 检查鼠标是否在图片内容区域内
+      if (relativeX < contentRect.x || relativeX > contentRect.x + contentRect.width ||
+          relativeY < contentRect.y || relativeY > contentRect.y + contentRect.height) {
+        return null;
+      }
+
+      // 计算在图片内容区域内的相对位置（0-1范围）
+      let imageRelativeX = (relativeX - contentRect.x) / contentRect.width;
+      let imageRelativeY = (relativeY - contentRect.y) / contentRect.height;
+
+      // 限制范围
+      imageRelativeX = Math.max(0, Math.min(1, imageRelativeX));
+      imageRelativeY = Math.max(0, Math.min(1, imageRelativeY));
+
+      // 映射到图片原始坐标
+      return {
+        x: imageRelativeX * this.imageSize.width,
+        y: imageRelativeY * this.imageSize.height,
+        containerX: relativeX,
+        containerY: relativeY
+      };
+    },
+
+    calculateTemperatureAtPosition(clientX, clientY) {
+      if (!this.temperatureData || this.temperatureData.length === 0) {
+        if (this.hoverData) {
+          this.hoverData = null;
+        }
+        return;
+      }
+
+      // 获取鼠标在图片上的位置
+      const mousePos = this.getMouseOnImage(clientX, clientY);
+      if (!mousePos) {
+        if (this.hoverData) {
+          this.hoverData = null;
+        }
+        return;
+      }
+
+      const { x: imageX, y: imageY, containerX, containerY } = mousePos;
+
+      // 实时计算温度值
+      const temperature = this.getTemperatureAtImagePosition(imageX, imageY);
+
+      if (temperature !== null && !isNaN(temperature) && isFinite(temperature)) {
+        const containerRect = this.$refs.zoomContainer.getBoundingClientRect();
+        const offsetX = 10;
+        const offsetY = 10;
+
+        let hoverX = containerX + offsetX;
+        let hoverY = containerY + offsetY;
+
+        const tooltipWidth = 80;
+        const tooltipHeight = 30;
+
+        // 确保tooltip不超出容器边界
+        if (hoverX + tooltipWidth > containerRect.width) {
+          hoverX = containerX - tooltipWidth - offsetX;
+        }
+        if (hoverY + tooltipHeight > containerRect.height) {
+          hoverY = containerY - tooltipHeight - offsetY;
+        }
+        if (hoverX < 0) {
+          hoverX = offsetX;
+        }
+        if (hoverY < 0) {
+          hoverY = offsetY;
+        }
+
+        this.hoverData = {
+          x: hoverX,
+          y: hoverY,
+          temperature: temperature.toFixed(1),
+        };
+      } else if (this.hoverData) {
+        this.hoverData = null;
+      }
+    },
+
+    handleMouseMove(event) {
+      if (!this.dataShowTemperatureTool) return;
+
+      this.lastMouseX = event.clientX;
+      this.lastMouseY = event.clientY;
+      this.calculateTemperatureAtPosition(event.clientX, event.clientY);
+    },
+
+    handleMouseLeave() {
+      this.hoverData = null;
+      this.lastMouseX = null;
+      this.lastMouseY = null;
+    },
+
+    handleWheel(event) {
+      event.preventDefault();
+
+      const container = this.$refs.zoomContainer;
+      const containerRect = container.getBoundingClientRect();
+
+      // 鼠标相对于容器的位置
+      const mouseX = event.clientX - containerRect.left;
+      const mouseY = event.clientY - containerRect.top;
+
+      const delta = event.deltaY;
+      const direction = delta > 0 ? -1 : 1;
+      let newScale = this.imageScale + direction * 0.1;
+      newScale = Math.max(0.1, Math.min(5, newScale));
+
+      const oldScale = this.imageScale;
+      const scaleChange = newScale / oldScale;
+
+      // 以鼠标位置为中心缩放
+      this.imagePosition = {
+        x: this.imagePosition.x - (mouseX - this.imagePosition.x) * (scaleChange - 1),
+        y: this.imagePosition.y - (mouseY - this.imagePosition.y) * (scaleChange - 1)
+      };
+      this.imageScale = newScale;
+
+      // 缩放后更新图片内容区域
+      this.$nextTick(() => {
+        this.updateImageContentRect();
+        if (this.lastMouseX && this.lastMouseY) {
+          this.calculateTemperatureAtPosition(this.lastMouseX, this.lastMouseY);
+        }
+      });
+    },
+
+    startDrag(event) {
+      if (event.button !== 0) return;
+      this.isDragging = true;
+      this.dragStartPos = { x: event.clientX, y: event.clientY };
+      this.dragStartImagePos = { x: this.imagePosition.x, y: this.imagePosition.y };
+
+      const wrapper = this.$refs.zoomWrapper;
+      if (wrapper) wrapper.classList.add('dragging');
+
+      document.body.style.userSelect = 'none';
+      event.preventDefault();
+    },
+
+    startTouchDrag(event) {
+      if (event.touches.length !== 1) return;
+      this.isDragging = true;
+      this.dragStartPos = { x: event.touches[0].clientX, y: event.touches[0].clientY };
+      this.dragStartImagePos = { x: this.imagePosition.x, y: this.imagePosition.y };
+
+      const wrapper = this.$refs.zoomWrapper;
+      if (wrapper) wrapper.classList.add('dragging');
+
+      event.preventDefault();
+    },
+
+    handleDragMove(event) {
+      if (!this.isDragging) return;
+
+      let clientX, clientY;
+      if (event.type === 'mousemove') {
+        clientX = event.clientX;
+        clientY = event.clientY;
+      } else if (event.type === 'touchmove' && event.touches.length === 1) {
+        clientX = event.touches[0].clientX;
+        clientY = event.touches[0].clientY;
+      } else {
+        return;
+      }
+
+      const deltaX = clientX - this.dragStartPos.x;
+      const deltaY = clientY - this.dragStartPos.y;
+
+      // 拖拽时修改 imagePosition
+      this.imagePosition = {
+        x: this.dragStartImagePos.x + deltaX,
+        y: this.dragStartImagePos.y + deltaY
+      };
+
+      // 拖拽后更新图片内容区域
+      this.$nextTick(() => {
+        this.updateImageContentRect();
+        if (this.lastMouseX && this.lastMouseY) {
+          this.calculateTemperatureAtPosition(this.lastMouseX, this.lastMouseY);
+        }
+      });
+
+      event.preventDefault();
+    },
+
+    handleDragEnd() {
+      if (!this.isDragging) return;
+
+      const wrapper = this.$refs.zoomWrapper;
+      if (wrapper) wrapper.classList.remove('dragging');
+
+      document.body.style.userSelect = '';
+      this.isDragging = false;
+    },
+
+    resetImage() {
+      this.imageScale = 1;
+      this.imagePosition = { x: 0, y: 0 };
+      this.$nextTick(() => {
+        this.updateImageContentRect();
+      });
+    },
+
+    bindGlobalEvents() {
+      document.addEventListener('mousemove', this.handleDragMove);
+      document.addEventListener('mouseup', this.handleDragEnd);
+      document.addEventListener('touchmove', this.handleDragMove, { passive: false });
+      document.addEventListener('touchend', this.handleDragEnd);
+    },
+
+    unbindGlobalEvents() {
+      document.removeEventListener('mousemove', this.handleDragMove);
+      document.removeEventListener('mouseup', this.handleDragEnd);
+      document.removeEventListener('touchmove', this.handleDragMove);
+      document.removeEventListener('touchend', this.handleDragEnd);
+    },
+
+    handleImageLoad(e) {
+      const img = e.target;
+      if (img) {
+        this.imageSize = {
+          width: img.naturalWidth,
+          height: img.naturalHeight,
+        };
+        // console.log("图片加载完成，尺寸:", img.naturalWidth, "x", img.naturalHeight);
+
+        this.$nextTick(() => {
+          this.updateImageContentRect();
+        });
+
+        if (!this.currentImageName && this.selectImgUrl) {
+          this.extractImageNameFromUrl(this.selectImgUrl);
+          this.loadTemperatureDataForCurrentImage();
+        }
+      }
+    },
+
+    handleImageError(e) {
+      // console.error("图片加载失败:", this.selectImgUrl);
+    },
+
+    async loadTemperatureDataForCurrentImage() {
+      if (!this.dataShowTemperatureTool) {
+        // console.log("测温工具未启用");
+        return;
+      }
+
+      let imageName = this.currentImageName;
+      if (!imageName && this.selectImgUrl) {
+        this.extractImageNameFromUrl(this.selectImgUrl);
+        imageName = this.currentImageName;
+      }
+
+      if (!imageName) {
+        // console.warn("无法获取图片名称");
+        return;
+      }
+
+      try {
+        const data = { filePath: this.selectImgUrl};
+        const response = await downloadCsv(data);
+
+        const blob = response instanceof Blob ? response : new Blob([response]);
+        const reader = new FileReader();
+
+        reader.onload = (e) => {
+          try {
+            const csvText = e.target.result;
+            this.parseCSVInChunks(csvText);
+          } catch (error) {
+            // console.error("处理CSV数据出错:", error);
+          }
+        };
+
+        reader.readAsText(blob, "UTF-8");
+      } catch (error) {
+        // console.error("下载温度数据失败:", error);
+      }
+    },
+
+    parseCSVInChunks(csvText) {
+      try {
+        const lines = csvText.split('\n');
+        const tempData = [];
+        let maxCols = 0;
+
+        const BATCH_SIZE = 1000;
+        let index = 0;
+
+        const processBatch = () => {
+          const endIndex = Math.min(index + BATCH_SIZE, lines.length);
+
+          for (let i = index; i < endIndex; i++) {
+            const line = lines[i].trim();
+            if (!line) continue;
+
+            const values = line.split(',').map(v => {
+              const num = parseFloat(v.trim());
+              return isNaN(num) ? null : num;
+            });
+
+            const validValues = values.filter(v => v !== null && isFinite(v));
+
+            if (validValues.length > 0) {
+              tempData.push(validValues);
+              if (validValues.length > maxCols) {
+                maxCols = validValues.length;
+              }
+            }
+          }
+
+          index = endIndex;
+
+          if (index < lines.length) {
+            setTimeout(processBatch, 0);
+          } else {
+            this.finalizeCSVData(tempData, maxCols);
+          }
+        };
+
+        processBatch();
+
+      } catch (error) {
+        // console.error('解析CSV出错:', error);
+        // this.$message.error('解析CSV出错: ' + error.message);
+      }
+    },
+
+    finalizeCSVData(tempData, maxCols) {
+      try {
+        if (tempData.length === 0) {
+          this.$message.warning('CSV温度数据为空');
+          return;
+        }
+
+        const normalizedData = [];
+        for (let i = 0; i < tempData.length; i++) {
+          const row = tempData[i];
+          if (row.length < maxCols) {
+            const lastVal = row[row.length - 1] || 0;
+            while (row.length < maxCols) {
+              row.push(lastVal);
+            }
+          }
+          normalizedData.push(row);
+        }
+
+        this.temperatureData = normalizedData;
+        this.tempRows = normalizedData.length;
+        this.tempCols = normalizedData[0]?.length || 0;
+
+        let minTemp = Infinity;
+        let maxTemp = -Infinity;
+
+        for (let i = 0; i < normalizedData.length; i++) {
+          const row = normalizedData[i];
+          if (Array.isArray(row)) {
+            for (let j = 0; j < row.length; j++) {
+              const val = row[j];
+              if (typeof val === 'number' && !isNaN(val) && isFinite(val)) {
+                if (val < minTemp) minTemp = val;
+                if (val > maxTemp) maxTemp = val;
+              }
+            }
+          }
+        }
+
+
+        if (this.showDebugInfo) {
+          // this.$message.success(`温度数据已加载，范围: ${minTemp}~${maxTemp}°C`);
+        }
+
+      } catch (error) {
+        // this.$message.error('处理CSV数据出错: ' + error.message);
+      }
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+.flex-row {
+  display: flex;
+  height: 100%;
+}
+
+.img-wrap {
+  flex: 1;
+  height: 0;
+  position: relative;
+
+  .zoom-container {
+    width: 100%;
+    height: 100%;
+    position: relative;
+    overflow: hidden;
+    cursor: grab;
+
+    &:active {
+      cursor: grabbing;
+    }
+  }
+
+  .zoom-wrapper {
+    width: 100%;
+    height: 100%;
+    position: absolute;
+    cursor: grab;
+    will-change: transform;
+
+    &.dragging {
+      cursor: grabbing;
+    }
+
+    img {
+      width: 100%;
+      height: 100%;
+      object-fit: contain;
+      user-select: none;
+      -webkit-user-drag: none;
+      pointer-events: none;
+    }
+  }
+
+  .zoom-controls {
+    position: absolute;
+    top: 10px;
+    right: 10px;
+    z-index: 10;
+
+    .el-button {
+      background: rgba(0, 0, 0, 0.6);
+      color: white;
+      border: none;
+      font-size: 16px;
+
+      &:hover {
+        background: rgba(0, 0, 0, 0.8);
+      }
+    }
+  }
+
+  .temperature-display {
+    position: absolute;
+    padding: 4px 8px;
+    border-radius: 4px;
+    color: white;
+    font-weight: bold;
+    font-size: 12px;
+    pointer-events: none;
+    z-index: 10;
+    background-color: rgba(0, 0, 0, 0.85);
+    white-space: nowrap;
+    font-family: monospace;
+    border: 1px solid rgba(255, 255, 255, 0.3);
+    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
+  }
+
+  .img-handle-btn {
+    position: absolute;
+    top: 45%;
+    color: rgba(255, 255, 255, 0.5);
+    font-size: 25px;
+    width: 96px;
+    height: 96px;
+    border-radius: 8px;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    cursor: pointer;
+    z-index: 11;
+  }
+
+  .img-handle-btn-left {
+    left: 15px;
+  }
+
+  .img-handle-btn-right {
+    right: 15px;
+  }
+}
+
+.measure-temperature-btn {
+  padding: 10px 0;
+  display: flex;
+}
+
+.img-list-wrap {
+  width: 300px;
+  height: 100%;
+  padding: 0 0 0 10px;
+
+  ul {
+    width: 100%;
+    height: 100%;
+    padding: 0;
+    overflow-x: hidden;
+    overflow-y: auto;
+    margin: 0;
+    scrollbar-width: none;
+
+    li {
+      list-style: none;
+
+      div {
+        width: 300px;
+        height: 170px;
+        margin: 5px 0;
+
+        img {
+          width: 100%;
+          height: 100%;
+          object-fit: contain;
+        }
+      }
+    }
+
+    .img-list-item-selected {
+      border: 3px solid #40486a;
+    }
+  }
+}
+
+::v-deep .left-btn .is-disabled {
+  background-image: none;
+}
+
+.left-btn {
+  background-image: url("../../assets/image-btn-left-normal.png");
+}
+
+.left-btn:disabled {
+  background-image: url("../../assets/image-btn-left-disable.png");
+}
+
+.left-btn:not(.is-disabled):active {
+  background-image: url("../../assets/image-btn-left-press.png");
+}
+
+.left-btn:not(.is-disabled):hover {
+  background-image: url("../../assets/image-btn-left-hover.png");
+}
+
+.right-btn {
+  background-image: url("../../assets/image-btn-right-normal.png");
+}
+
+.right-btn:disabled {
+  background-image: url("../../assets/image-btn-right-disable.png");
+}
+
+.right-btn:not(.is-disabled):active {
+  background-image: url("../../assets/image-btn-right-press.png");
+}
+
+.right-btn:not(.is-disabled):hover {
+  background-image: url("../../assets/image-btn-right-hover.png");
+}
+.card-dialog .el-dialog__body{
+  overflow: hidden;
+}
+</style>
diff --git a/src/views/cards/components/cardBox.vue b/src/views/cards/components/cardBox.vue
new file mode 100644
index 0000000..b49f1dc
--- /dev/null
+++ b/src/views/cards/components/cardBox.vue
@@ -0,0 +1,138 @@
+<template>
+  <div class="card-box-bg" :style="cardBoxStyle">
+    <div v-if="showTitle" class="card-box-title-box" :style="titleStyle">
+      <div class="card-box-title">
+        <div
+          v-if="showBackBtn"
+          style="display: inline-block; cursor: pointer"
+          @click="handleBack"
+        >
+          <i class="el-icon-back"></i>
+        </div>
+        {{ title }}
+      </div>
+
+      <div class="title-btns-slot">
+        <slot name="title-btns"></slot>
+      </div>
+    </div>
+
+    <div class="content" :class="{ 'content-border': !bgImgURL }">
+      <slot />
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "CardBox",
+  props: {
+    // 背景图
+    bgImgURL: {
+      type: String,
+      default: "",
+    },
+    // 标题
+    title: {
+      type: String,
+      default: "",
+    },
+    // 不设置bgImgURL时使用
+    titleImgURL: {
+      type: String,
+      default: "",
+    },
+    showTitle: {
+      type: Boolean,
+      default: true,
+    },
+    showBackBtn: {
+      type: Boolean,
+      default: false,
+    },
+  },
+
+  data() {
+    return {};
+  },
+
+  computed: {
+    cardBoxStyle() {
+      if (this.bgImgURL) {
+        return {
+          backgroundImage: "url(" + this.bgImgURL + ")",
+          backgroundSize: "cover",
+        };
+      } else {
+        return {};
+      }
+    },
+    titleStyle() {
+      if (this.titleImgURL) {
+        return {
+          backgroundImage: "url(" + this.titleImgURL + ")",
+          backgroundSize: "cover",
+        };
+      } else {
+        return {};
+      }
+    },
+  },
+
+  created() {},
+
+  beforeDestroy() {},
+
+  methods: {
+    handleBack() {
+      this.$emit("onBack");
+    },
+  },
+};
+</script>
+
+<style scoped>
+.card-box-bg {
+  background-size: cover;
+  background-repeat: no-repeat;
+  background-position: center;
+  display: flex;
+  flex-direction: column;
+}
+
+.card-box-title-box {
+  display: flex;
+  flex-direction: row;
+}
+
+.card-box-title {
+  color: #fff;
+  font-size: 22px;
+  font-weight: bold;
+  height: 40px;
+  line-height: 40px;
+  margin-left: 60px;
+  flex: 2;
+  z-index: 1;
+}
+
+.title-btns-slot {
+  flex: 1;
+  display: flex;
+  align-items: flex-end;
+  justify-content: flex-end;
+  padding-bottom: 2px;
+  padding-right: 5px;
+}
+
+.content-border {
+  /* 分割线 */
+  border: 1px solid #40486a;
+}
+
+.content {
+  flex: 1;
+  height: 0;
+  padding: 15px;
+}
+</style>
diff --git a/src/views/cards/components/model-dialog.vue b/src/views/cards/components/model-dialog.vue
new file mode 100644
index 0000000..e3c82c9
--- /dev/null
+++ b/src/views/cards/components/model-dialog.vue
@@ -0,0 +1,221 @@
+<template>
+  <div class="model-dialog-container" ref="modelDialogContainer">
+    <div class="model-dialog-title" @mousedown="startDrag">
+      模型信息查询
+      <i class="el-icon-close cloesIcon" @click="showModelDialog"></i>
+    </div>
+    <div class="model-dialog-content">
+      <div class="modelDialogContent" ref="modelDialogContent">
+        <!-- <div class="item" v-for="item in 100">11111111</div> -->
+        <!-- <div class="modelSend">
+          撒打算来到喀山水水水水水水水水水水水水水水水水水水水
+        </div>
+        <div class="modelReceive">
+          撒打算来到喀山水水水水水水水水水水水水水水水水水水水
+        </div> -->
+      </div>
+      <div class="input-box">
+        <el-input
+          class="input-box-input"
+          placeholder="请输入需要查询的内容"
+          v-model="modelName"
+          @keyup.enter="sendBtn"
+        ></el-input>
+        <el-button @click="sendBtn">发送</el-button>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import { semanticsModel } from "@/api/modelDialog/modelDialog.js";
+import { set } from "nprogress";
+export default {
+  data() {
+    return {
+      modelName: "",
+      isDragging: false,
+      offset: { x: 0, y: 0 },
+    };
+  },
+  methods: {
+    sendBtn(event) {
+      if (event && !event.isTrusted) return;
+      if (!this.modelName.trim()) return;
+      // 创建新元素
+      let newDiv = document.createElement("div");
+      newDiv.className = "modelSend";
+      newDiv.textContent = this.modelName;
+      // 添加到 .modelDialogContent 容器中
+      let container = this.$refs.modelDialogContent;
+      container.appendChild(newDiv);
+      let inputStr = this.modelName;
+      this.modelName = "";
+      // 滚动到底部
+      container.scrollTop = container.scrollHeight;
+
+      // ajax.....
+      semanticsModel({ text: inputStr }).then((res) => {
+        console.log(res, "模型返回");
+        if (res.code == 200) {
+          let str = res.data;
+          console.log(str, "模型数据处理");
+          let receiveDiv = document.createElement("div");
+          receiveDiv.classList.add("modelReceive", "modelReceiveTyping");
+          receiveDiv.textContent = str;
+          // 添加到 .content 容器中
+          // this.$refs.modelDialogContent.appendChild(receiveDiv);
+          container.appendChild(receiveDiv);
+          container.scrollTop = container.scrollHeight;
+          // this.typeWriterWithAutoScroll(str, receiveDiv, 50);
+        }
+      });
+    },
+    // typeWriterWithAutoScroll(text, element, speed) {
+    //   let i = 0;
+    //   // 清空容器
+    //   element.html("");
+    //   function typing() {
+    //     if (i < text.length) {
+    //       // 添加新字符
+    //       element.append(text.charAt(i));
+    //       // 自动滚动到底部
+    //       $(".modelDialogContent").scrollTop(element[0].scrollHeight);
+    //       i++;
+    //       setTimeout(typing, speed);
+    //     } else {
+    //       // 完成时移除光标
+    //       element.find(".typewriter-cursor").remove();
+    //       element.classList.remove("modelReceiveTyping");
+    //     }
+    //   }
+    //   // 开始打字效果
+    //   typing();
+    // },
+    showModelDialog() {
+      console.log(111);
+      this.$emit("showModelDialog", false);
+    },
+    // 开始拖拽
+    startDrag(e) {
+      if (e.target !== e.currentTarget) return; // 防止点击子元素触发拖拽
+      this.isDragging = true;
+      const dialog = this.$refs.modelDialogContainer;
+      const rect = dialog.getBoundingClientRect();
+      this.offset = {
+        x: e.clientX - rect.left,
+        y: e.clientY - rect.top,
+      };
+      document.addEventListener("mousemove", this.onDrag);
+      document.addEventListener("mouseup", this.endDrag);
+    },
+
+    // 拖拽中
+    onDrag(e) {
+      if (!this.isDragging) return;
+      const dialog = this.$refs.modelDialogContainer;
+      const x = e.clientX - this.offset.x;
+      const y = e.clientY - this.offset.y;
+      dialog.style.left = `${x}px`;
+      dialog.style.top = `${y}px`;
+    },
+
+    // 结束拖拽
+    endDrag() {
+      this.isDragging = false;
+      document.removeEventListener("mousemove", this.onDrag);
+      document.removeEventListener("mouseup", this.endDrag);
+    },
+
+    showModelDialog() {
+      this.$emit("showModelDialog", false);
+    },
+  },
+};
+</script>
+
+<style>
+.model-dialog-container {
+  width: 500px;
+  height: 600px;
+  background-color: #0a0919;
+  position: fixed;
+  top: 120px;
+  /* right: 20px; */
+  left: calc(100% - 520px); /* 替代 right */
+  z-index: 999999;
+  border-radius: 5px;
+  /* border: 1px solid #006686; */
+}
+.model-dialog-title {
+  height: 46px;
+  line-height: 37px;
+  /* padding: 5px; */
+  padding-left: 40px;
+  background-image: url("../assets/right-title.png");
+  background-size: 100% 46px;
+  position: relative;
+  cursor: move;
+}
+.model-dialog-content {
+  padding: 10px;
+  width: 100%;
+  height: calc(100% - 46px);
+}
+.modelDialogContent {
+  width: 100%;
+  height: 90%;
+  border: 1px solid #006686;
+  border-radius: 5px;
+  overflow-y: scroll;
+  padding: 5px;
+  /* background: red; */
+}
+.modelDialogContent div {
+  margin-bottom: 5px;
+}
+.input-box {
+  margin-top: 10px;
+  width: 100%;
+  /* height: 10%; */
+  /* border: 1px solid #006686; */
+  display: flex;
+  align-items: flex-start;
+  justify-content: space-between;
+}
+.input-box-input {
+  width: 85%;
+}
+.modelSend {
+  width: 80%;
+  line-height: 24px;
+  background: #172533;
+  /* color: black; */
+  border-radius: 5px;
+  margin-left: 20%;
+  padding: 5px;
+  padding-right: 0px;
+}
+.modelReceive {
+  width: 80%;
+  line-height: 24px;
+  background: #1e4451;
+  border-radius: 5px;
+  padding: 5px;
+}
+.queryHint {
+  width: 80%;
+  line-height: 24px;
+  background: #1e4451;
+  border-radius: 5px;
+  padding: 5px;
+}
+.cloesIcon {
+  position: absolute;
+  right: 10px;
+  font-size: 30px;
+  top: 5px;
+  cursor: pointer;
+  z-index: 9999999;
+}
+</style>
diff --git a/src/views/cards/error_statistics/patrolAbnormalStatistics.vue b/src/views/cards/error_statistics/patrolAbnormalStatistics.vue
new file mode 100644
index 0000000..4067048
--- /dev/null
+++ b/src/views/cards/error_statistics/patrolAbnormalStatistics.vue
@@ -0,0 +1,300 @@
+<template>
+  <div class="card-page page-content">
+    <!-- <el-form
+      :model="queryParams"
+      ref="queryForm"
+      :inline="true"
+      label-width="90px"
+    >
+      <el-form-item label="设备名称" prop="deviceName">
+        <el-input
+          v-model="queryParams.deviceName"
+          placeholder="设备名称"
+          clearable
+        ></el-input>
+      </el-form-item>
+      <el-form-item label="告警时间">
+        <el-date-picker
+          v-model="dateRange"
+          size="small"
+          style="width: 240px"
+          value-format="yyyy-MM-dd"
+          type="daterange"
+          :unlink-panels="true"
+          :picker-options="dateRangePickerOptions"
+          range-separator="-"
+          start-placeholder="开始日期"
+          end-placeholder="结束日期"
+          :clearable="true"
+          popper-class="card-date-editor"
+        ></el-date-picker>
+      </el-form-item>
+      <el-form-item>
+        <el-button
+          type="primary"
+          icon="el-icon-search"
+          size="mini"
+          @click="handleQuery"
+          >搜索</el-button
+        >
+        <el-button icon="el-icon-refresh" size="mini" @click="resetQuery"
+          >重置</el-button
+        >
+      </el-form-item>
+    </el-form> -->
+    <div class="table-card" ref="tableCardRef">
+      <el-table
+        style="height: 100%"
+        class="card-table"
+        v-loading="loading"
+        :data="dataList"
+        :max-height="tableHeight"
+        border
+        stripe
+      >
+        <el-table-column label="序号" align="center" width="55" type="index" />
+        <el-table-column label="区域" align="center" prop="areaName" />
+        <el-table-column label="设备名称" align="center" prop="deviceName" />
+        <el-table-column label="相机名" align="center" prop="channelName" />
+        <el-table-column label="系统" align="center" prop="deviceSource" />
+        <!-- <el-table-column label="部件名称" align="center" prop="componentName" /> -->
+        <el-table-column label="点位名称" align="center" prop="pointName" />
+        <!--        <el-table-column label="间隔名称" align="center" prop="bayName" />-->
+        <!--        <el-table-column label="实物ID" align="center" prop="materialId" />-->
+        <el-table-column label="缺陷类型" align="center" prop="algName">
+        </el-table-column>
+        <!-- <el-table-column label="告警等级" align="center" prop="warnlevel" /> -->
+        <!-- 初筛异常 filter==1 -->
+        <el-table-column label="初筛基准图" align="center" v-if="filter == 1">
+          <template slot-scope="scope">
+            <AsyncImage
+              v-if="scope.row.imageNormalUrlPath"
+              class="table-img"
+              :src="scope.row.imageNormalUrlPath"
+              :supportPreview="false"
+              @click="onImagePreviewClicked(scope.row.imageNormalUrlPath)"
+            ></AsyncImage>
+            <span v-else>--</span>
+          </template>
+        </el-table-column>
+        <!-- 初筛异常 filter==1 -->
+        <el-table-column label="初筛分析图" align="center"  v-if="filter == 1">
+          <template slot-scope="scope">
+            <AsyncImage
+              v-if="scope.row.imgAnalyse"
+              class="table-img"
+              :src="scope.row.imgAnalyse"
+              :supportPreview="false"
+              @click="onImagePreviewClicked(scope.row.imgAnalyse)"
+            ></AsyncImage>
+            <span v-else>--</span>
+          </template>
+        </el-table-column>
+         <!-- AI异常 filter==0 -->
+        <el-table-column label="初筛图片" align="center" v-if="filter == 0">
+          <template slot-scope="scope">
+            <AsyncImage
+              v-if="scope.row.img"
+              class="table-img"
+              :src="scope.row.img"
+              :supportPreview="false"
+              @click="onImagePreviewClicked(scope.row.img)"
+            ></AsyncImage>
+            <span v-else>--</span>
+          </template>
+        </el-table-column>
+        <el-table-column label="视觉模型图片" align="center"  v-if="filter == 0">
+          <template slot-scope="scope">
+            <AsyncImage
+              v-if="scope.row.imgAnalyse"
+              class="table-img"
+              :src="scope.row.imgAnalyse"
+              :supportPreview="false"
+              @click="onImagePreviewClicked(scope.row.imgAnalyse)"
+            ></AsyncImage>
+            <span v-else>--</span>
+          </template>
+        </el-table-column>
+        <el-table-column label="时间" align="center" prop="patrolTime" />
+        <el-table-column label="描述" align="center" prop="desc" />
+      </el-table>
+
+      <CardPagination
+        v-show="total > 0"
+        :total="total"
+        :page.sync="queryParams.pageNum"
+        :limit.sync="queryParams.pageSize"
+        @pagination="getList"
+      />
+    </div>
+    <el-dialog
+      title="图片预览"
+      :visible.sync="showPreviewImages"
+      :close-on-click-modal="false"
+      :close-on-press-escape="false"
+      :destroy-on-close="true"
+      custom-class="card-dialog card-page"
+      width="70%"
+      append-to-body
+    >
+      <ImagePreview
+        v-if="showPreviewImages"
+        :imageUrls="showImgesUrls"
+        :selectImgPosition="previewImagePos"
+        :showTemperatureTool="false"
+      />
+    </el-dialog>
+  </div>
+</template>
+<script>
+import CardPagination from "../components/CardPagination/index.vue";
+import { getAbnormalPatrolList } from "@/api/home";
+import { getAllAlgorithmList } from "@/api/inspectionDataManage/alarmConfirm.js";
+import debounce from "lodash.debounce";
+import ImagePreview from "@/views/cards/components/ImagePreview/index.vue";
+// 巡视归档对比对话框
+export default {
+  name: "PatrolAbnormalStatistics",
+  components: { CardPagination, ImagePreview },
+  props: {
+    info: {
+      type: Object,
+      default: null,
+    },
+  },
+  dicts: [
+    "patrol_result_value_type",
+    "patrol_result_recognition_type",
+    "patrol_result_valid_type",
+  ],
+  data() {
+    return {
+      taskInfo: null,
+      // table 高度
+      tableHeight: null,
+      // 遮罩层
+      loading: true,
+      // 总条数
+      total: 0,
+      // 数据
+      dataList: [],
+      algorithmList: [],
+      //时间范围
+      dateRange: [],
+      dateRangePickerOptions: {
+        disabledDate(selectDate) {
+          return new Date().getTime() < selectDate.getTime();
+        },
+      },
+      // 查询参数
+      queryParams: {
+        pageNum: 1,
+        pageSize: 20,
+        deviceName: null,
+      },
+      showPreviewImages: false,
+      filter: "", //判断是初筛还是ai类型
+    };
+  },
+  computed: {},
+  created() {
+    if (!this.info) {
+      this.taskInfo = JSON.parse(sessionStorage.getItem("selectInfo"));
+      this.filter = this.taskInfo.defectType;
+    } else {
+      this.taskInfo = this.info;
+      this.filter = this.taskInfo.defectType;
+    }
+    // this.getAlgorithmList();
+    // 防抖
+    this.setTableHeight = debounce(this.setTableHeight, 300);
+    window.addEventListener("resize", this.setTableHeight);
+    this.getList();
+  },
+  mounted() {
+    this.setTableHeight();
+  },
+  destroyed() {
+    this.setTableHeight.cancel();
+    window.removeEventListener("resize", this.setTableHeight);
+  },
+  methods: {
+    getAlgorithmList() {
+      getAllAlgorithmList().then((res) => {
+        this.algorithmList = res.rows;
+      });
+    },
+    setTableHeight() {
+      this.tableHeight = this.$refs.tableCardRef.clientHeight - 40;
+    },
+    /** 搜索按钮操作 */
+    handleQuery() {
+      this.queryParams.pageNum = 1;
+      this.getList();
+    },
+    /** 重置按钮操作 */
+    resetQuery() {
+      this.dateRange = [];
+      this.resetForm("queryForm");
+      this.handleQuery();
+    },
+    getList() {
+      this.loading = true;
+      const params = { ...this.queryParams };
+      params.filter = this.taskInfo.defectType;
+      params.taskPatrolledId = this.taskInfo.taskPatrolledId;
+      params.posType = this.taskInfo.posType;
+      // 拍摄时间筛选范围
+      if (this.dateRange && this.dateRange.length === 2) {
+        params.beginTime = this.dateRange[0];
+        params.endTime = this.dateRange[1];
+      }
+      getAbnormalPatrolList(params).then((response) => {
+        this.dataList = response.rows;
+        this.total = response.total;
+        this.loading = false;
+      });
+    },
+    // 获取缺陷类型字符串
+    getDefectTypeListStr(options, value) {
+      if (!value) return "";
+      const valueList = value.split(",");
+      const infoList = [];
+      for (let index = 0; index < valueList.length; index++) {
+        const element = valueList[index];
+        const tmp = options.find((item) => item.algSubtypeCode == element);
+        if (tmp) {
+          infoList.push(tmp.algSubtypeName);
+        }
+      }
+      return infoList.join("，");
+    },
+    // 图片预览
+    onImagePreviewClicked(imgUrl) {
+      if (!imgUrl) {
+        return;
+      }
+      this.previewImagePos = 0;
+      this.showImgesUrls = [imgUrl];
+      this.showPreviewImages = true;
+    },
+  },
+};
+</script>
+<style lang="scss" scoped>
+.page-content {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+}
+
+.table-card {
+  flex: 1;
+  height: 0;
+
+  ::v-deep .el-card__body {
+    height: 100%;
+  }
+}
+</style>
diff --git a/src/views/cards/taskSummary/inspectionTask.vue b/src/views/cards/taskSummary/inspectionTask.vue
new file mode 100644
index 0000000..111f46e
--- /dev/null
+++ b/src/views/cards/taskSummary/inspectionTask.vue
@@ -0,0 +1,1279 @@
+<template>
+  <CardBox
+    class="card-page"
+    :showTitle="false"
+  >
+    <div class="page-container">
+      <el-form
+        :model="queryParams"
+        ref="queryForm"
+        :inline="true"
+        label-width="90px"
+      >
+        <el-form-item label="任务名称" prop="taskName">
+          <el-input
+            v-model="queryParams.taskName"
+            placeholder="请输入任务名称"
+            clearable
+            @keyup.enter.native="handleQuery"
+          />
+        </el-form-item>
+        <el-form-item label="区域名称" prop="areaTaskName">
+          <el-select
+            v-model="queryParams.areaTaskName"
+            filterable
+            clearable
+            placeholder="请选择区域"
+            @change="handleQuery"
+          >
+            <el-option
+              v-for="(item, index) in areaList"
+              :key="index"
+              :label="item.dictLabel"
+              :value="item.dictValue"
+            >
+            </el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item label="巡视时间">
+          <el-date-picker
+            v-model="dateRange"
+            size="small"
+            style="width: 240px"
+            value-format="yyyy-MM-dd"
+            type="daterange"
+            :picker-options="dateRangePickerOptions"
+            range-separator="-"
+            start-placeholder="开始日期"
+            end-placeholder="结束日期"
+            :clearable="true"
+            popper-class="card-date-editor"
+            :pickerOptions="pickerOptions"
+          ></el-date-picker>
+        </el-form-item>
+        <el-form-item>
+          <el-button
+            class="task-toolbar-btn"
+            type="primary"
+            icon="el-icon-search"
+            size="mini"
+            @click="handleQuery"
+            >搜索</el-button
+          >
+          <el-button
+            class="task-toolbar-btn"
+            icon="el-icon-refresh"
+            type="primary"
+            size="mini"
+            @click="resetQuery"
+            >重置</el-button
+          >
+          <el-button
+            class="task-toolbar-btn"
+            type="primary"
+            icon="el-icon-arrow-left"
+            size="mini"
+            @click="lastDayClicked"
+            >上一天</el-button
+          >
+          <el-button
+            class="task-toolbar-btn"
+            type="primary"
+            size="mini"
+            @click="nextDayClicked"
+            >下一天
+            <i class="el-icon-arrow-right"></i>
+          </el-button>
+          <!-- 添加批量归档按钮 -->
+          <el-button
+            class="task-toolbar-btn task-toolbar-btn-archive"
+            type="primary"
+            icon="el-icon-folder-add"
+            size="mini"
+            :disabled="selectedRows.length === 0"
+            @click="batchArchive"
+            style="margin-left: 10px"
+            >合并归档</el-button
+          >
+        </el-form-item>
+      </el-form>
+      <!-- 大模型ai -->
+      <div
+        class="model-dialog-img"
+        @click="modelShow"
+        v-if="modelDialogIcon"
+      ></div>
+      <div class="table-card" ref="tableCardRef">
+        <el-table
+          ref="multipleTable"
+          class="card-table"
+          v-loading="loading"
+          :data="dataList"
+          :height="tableHeight"
+          border
+          stripe
+          @selection-change="handleSelectionChange"
+        >
+          <!-- 添加复选框列 -->
+          <el-table-column
+            type="selection"
+            width="55"
+            align="center"
+            :selectable="selectable"
+          />
+          <el-table-column
+            label="序号"
+            type="index"
+            width="60"
+            align="center"
+          />
+          <el-table-column
+            label="任务名称"
+            align="left"
+            header-align="center"
+            prop="taskName"
+            min-width="180"
+          />
+          <el-table-column
+            label="执行时间"
+            align="center"
+            prop="startTime"
+            min-width="130"
+          />
+          <el-table-column
+            label="结束时间"
+            align="center"
+            prop="endTime"
+            min-width="130"
+          />
+          <el-table-column
+            prop="taskState"
+            label="任务状态"
+            min-width="100"
+            align="center"
+            show-overflow-tooltip
+          >
+            <template slot-scope="scope">
+              <TaskStatus :type="getStatusText(scope.row.taskState).type"
+                >{{ getStatusText(scope.row.taskState).text }}
+              </TaskStatus>
+            </template>
+          </el-table-column>
+
+          <el-table-column
+            prop="taskProgress"
+            label="采集完成度"
+            align="center"
+            show-overflow-tooltip
+            min-width="130"
+          >
+            <template slot-scope="scope">
+              <CardProgressBar :progress="parseFloat(scope.row.taskProgress)" />
+            </template>
+          </el-table-column>
+          <el-table-column
+            prop="taskEstimatedTime"
+            label="分析完成度"
+            align="center"
+            show-overflow-tooltip
+            min-width="130"
+          >
+            <template slot-scope="scope">
+              <CardProgressBar
+                :progress="parseFloat(scope.row.taskEstimatedTime)"
+              />
+            </template>
+          </el-table-column>
+          <el-table-column label="详情" align="center" min-width="80">
+            <template slot-scope="scope">
+              <span class="table-action-link" @click="lookDetail(scope.row)">
+                <img
+                  src="../assets/taskDetail.png"
+                  style="width: 22px; height: 22px"
+                />
+              </span>
+            </template>
+          </el-table-column>
+
+          <el-table-column label="缺陷" align="center" min-width="80">
+            <template slot-scope="scope">
+              <template v-if="scope.row.taskProgress == 100">
+                <span
+                  v-if="scope.row.qxNum > 0"
+                  class="sb-btn table-action-link"
+                  @click="lookAiBug(scope.row)"
+                  >{{ scope.row.qxNum }}</span
+                >
+                <span v-else>0</span>
+              </template>
+            </template>
+          </el-table-column>
+
+          <el-table-column label="巡检报告" align="center" min-width="100">
+            <template slot-scope="scope">
+              <span
+                v-if="scope.row.fileStatus == 1 && scope.row.lineId"
+                @click="lookBasicReport(scope.row)"
+              >
+                <img
+                  style="width: 22px; height: 22px"
+                  src="../assets/icon-document.png"
+                />
+              </span>
+            </template>
+          </el-table-column>
+          <el-table-column label="操作" align="center" min-width="140">
+            <template slot-scope="scope">
+              <el-button
+                class="task-row-btn"
+                v-if="
+                  scope.row.fileStatus == 0 &&
+                  scope.row.taskState == 1 &&
+                  scope.row.algName !== 'correction'
+                "
+                size="mini"
+                type="primary"
+                @click="archiveInfo(scope.row)"
+                >归档
+              </el-button>
+              <el-button
+                class="task-row-btn"
+                v-if="scope.row.taskState == '2'"
+                type="primary"
+                size="mini"
+                @click="gotoTask('2', scope.row.lineId, scope.row)"
+                >暂停</el-button
+              >
+              <el-button
+                class="task-row-btn"
+                type="primary"
+                v-if="scope.row.taskState == '3'"
+                size="mini"
+                @click="gotoTask('3', scope.row.lineId, scope.row)"
+                >继续</el-button
+              >
+              <el-button
+                class="task-row-btn"
+                type="primary"
+                v-if="['2', '3', 2, 3].includes(scope.row.taskState)"
+                size="mini"
+                @click="gotoTask('4', scope.row.lineId, scope.row)"
+                >终止</el-button
+              >
+            </template>
+          </el-table-column>
+        </el-table>
+
+        <CardPagination
+          v-show="total > 0"
+          :total="total"
+          :page.sync="queryParams.pageNum"
+          :limit.sync="queryParams.pageSize"
+          @pagination="getList"
+        />
+      </div>
+    </div>
+    <el-dialog
+      title="巡视任务详情"
+      :visible.sync="showDetail"
+      :close-on-click-modal="false"
+      :close-on-press-escape="false"
+      :destroy-on-close="true"
+      width="90%"
+      append-to-body
+      custom-class="card-dialog card-page card-dialog-height-auto task-detail-dialog"
+    >
+      <div class="task-detail-dialog-wrap">
+        <NewInspectionTaskDetail v-if="showDetail" :info="selectInfo" />
+      </div>
+    </el-dialog>
+    <el-dialog
+      title="缺陷详情"
+      :visible.sync="showDefectDetail"
+      :close-on-click-modal="false"
+      :close-on-press-escape="false"
+      :destroy-on-close="true"
+      width="90%"
+      append-to-body
+      custom-class="card-dialog card-page card-dialog-height-auto defect-detail-dialog"
+    >
+      <div class="defect-detail-dialog-wrap">
+        <InspectionTaskDefectDetail
+          v-if="showDefectDetail"
+          :info="selectInfo"
+        />
+      </div>
+    </el-dialog>
+    <el-dialog
+      :title="defectType == 1 ? '初筛异常' : 'AI异常'"
+      :visible.sync="showAbnormal"
+      :close-on-click-modal="false"
+      :close-on-press-escape="false"
+      :destroy-on-close="true"
+      width="90%"
+      append-to-body
+      custom-class="card-dialog card-page"
+    >
+      <PatrolAbnormalStatistics v-if="showAbnormal" :info="selectInfo" />
+    </el-dialog>
+    <!-- 单个归档 -->
+    <el-dialog
+      title="归档"
+      id="dialoga"
+      :visible.sync="showContrastEdit"
+      :close-on-click-modal="false"
+      :close-on-press-escape="false"
+      :destroy-on-close="true"
+      append-to-body
+      custom-class="card-dialog card-page card-dialog-height-auto archive-dialog"
+      :lock-scroll="false"
+    >
+      <el-form
+        ref="contrastForm"
+        :model="contrastForm"
+        :rules="contrastRules"
+        label-width="100px"
+        label-position="top"
+      >
+        <el-form-item label="审核人" prop="checkPerson">
+          <el-select
+            v-model="contrastForm.checkPerson"
+            filterable
+            clearable
+            placeholder="请输入审核人"
+          >
+            <el-option
+              v-for="(item, index) in userList"
+              :key="index"
+              :label="item.nickName"
+              :value="item.nickName"
+            >
+            </el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item label="巡视结论" prop="taskResult">
+          <el-input
+            style="resize: none"
+            type="textarea"
+            :rows="3"
+            v-model="contrastForm.taskResult"
+            placeholder="请输入巡视结论"
+          />
+        </el-form-item>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button
+          class="card-dialog-cancel-btn"
+          @click="() => (showContrastEdit = false)"
+          >取 消</el-button
+        >
+        <el-button
+          type="primary"
+          class="card-dialog-sure-btn"
+          :loading="isArchiving"
+          :disable="isLock"
+          @click="handleArchiveClicked"
+          >确 定</el-button
+        >
+      </div>
+    </el-dialog>
+    <!-- 批量归档 -->
+    <el-dialog
+      title="批量归档"
+      id="dialogBatch"
+      :visible.sync="showBatchArchiveDialog"
+      :close-on-click-modal="false"
+      :close-on-press-escape="false"
+      :destroy-on-close="true"
+      append-to-body
+      custom-class="card-dialog card-page card-dialog-height-auto archive-dialog"
+      :lock-scroll="false"
+    >
+      <el-form
+        ref="batchArchiveForm"
+        :model="batchArchiveForm"
+        :rules="batchArchiveRules"
+        label-width="100px"
+        label-position="top"
+      >
+        <el-form-item label="审核人" prop="checkPerson">
+          <el-select
+            v-model="batchArchiveForm.checkPerson"
+            filterable
+            clearable
+            placeholder="请输入审核人"
+          >
+            <el-option
+              v-for="(item, index) in userList"
+              :key="index"
+              :label="item.nickName"
+              :value="item.nickName"
+            >
+            </el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item label="巡视结论" prop="taskResult">
+          <el-input
+            style="resize: none"
+            type="textarea"
+            :rows="3"
+            v-model="batchArchiveForm.taskResult"
+            placeholder="请输入巡视结论"
+          />
+        </el-form-item>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button
+          class="card-dialog-cancel-btn"
+          @click="() => (showBatchArchiveDialog = false)"
+          >取 消</el-button
+        >
+        <el-button
+          type="primary"
+          class="card-dialog-sure-btn"
+          :loading="isBatchArchiving"
+          :disable="isBatchLock"
+          @click="handleBatchArchiveClicked"
+          >确 定</el-button
+        >
+      </div>
+    </el-dialog>
+    <modelDialog
+      v-if="modelDialogVisible"
+      @showModelDialog="showModelDialog"
+      ref="dialogContainer"
+    />
+  </CardBox>
+</template>
+<script>
+// 巡检任务
+import CardPagination from "../components/CardPagination/index.vue";
+import CardBox from "../components/cardBox.vue";
+import TaskStatus from "../task_statistics/task_status.vue";
+import CardProgressBar from "../components/CardProgressBar.vue";
+import NewInspectionTaskDetail from "./newInspectionTaskDetail.vue";
+import InspectionTaskDefectDetail from "./inspectionTaskDefectDetail.vue";
+import PatrolAbnormalStatistics from "@/views/cards/error_statistics/patrolAbnormalStatistics.vue";
+import debounce from "lodash.debounce";
+import moment from "moment";
+import { openDialog } from "../common.js";
+import { list, areaList, taskStatusChange } from "@/api/videosMonitor/index";
+import { listData } from "@/api/system/dict/data";
+import { listUser } from "@/api/system/user";
+import modelDialog from "../components/model-dialog.vue";
+import {
+  listPartrolResult,
+  partrolResultArchive,
+  partrolResultArchiveAdd,
+  reportExport,
+} from "@/api/inspectionDataManage/inspectionArchive";
+export default {
+  name: "inspectionTask",
+  components: {
+    CardPagination,
+    CardBox,
+    TaskStatus,
+    CardProgressBar,
+    NewInspectionTaskDetail,
+    InspectionTaskDefectDetail,
+    PatrolAbnormalStatistics,
+    modelDialog,
+  },
+  data() {
+    return {
+      timer: null, // 用于存储定时器的引用
+      // 遮罩层
+      loading: false,
+      // 总条数
+      total: 0,
+      // 数据
+      dataList: [],
+      // 选中的行数据
+      selectedRows: [],
+      // table 高度
+      tableHeight: null,
+      pickerOptions: {
+        shortcuts: [
+          {
+            text: "近三天",
+            onClick(picker) {
+              picker.$emit("pick", [
+                moment().subtract(3, "days").format("YYYY-MM-DD"),
+                moment().format("YYYY-MM-DD"),
+              ]);
+            },
+          },
+          {
+            text: "近六天",
+            onClick(picker) {
+              picker.$emit("pick", [
+                moment().subtract(6, "days").format("YYYY-MM-DD"),
+                moment().format("YYYY-MM-DD"),
+              ]);
+            },
+          },
+        ],
+      },
+      //时间范围
+      dateRange: [],
+      dateRangePickerOptions: {
+        disabledDate(selectDate) {
+          return new Date().getTime() < selectDate.getTime();
+        },
+      },
+      // 查询参数
+      queryParams: {
+        pageNum: 1,
+        pageSize: 20,
+        taskName: null,
+        areaTaskName: null,
+      },
+      showDetail: false,
+      selectInfo: {},
+      // 显示缺陷详情
+      showDefectDetail: false,
+      // 显示异常
+      showAbnormal: false,
+      // 1:初筛，0：AI
+      defectType: 1,
+      // 1:初筛，0：AI
+      reportType: 1,
+      // 显示模型对话
+      modelDialogVisible: false,
+      // 显示模型对话图标
+      modelDialogIcon: false,
+      // 显示单个归档
+      showContrastEdit: false,
+      isArchiving: false, // 正在归档
+      isLock: false,
+      contrastForm: {
+        checkPerson: null,
+        taskResult: null,
+        taskPatrolledId: null,
+      },
+      contrastRules: {
+        checkPerson: [
+          { required: true, message: "请输入审核人", trigger: "change" },
+        ],
+        taskResult: [
+          { required: true, message: "请输入巡视结论", trigger: "change" },
+        ],
+      },
+      // 批量归档相关
+      showBatchArchiveDialog: false,
+      isBatchArchiving: false,
+      isBatchLock: false,
+      batchArchiveForm: {
+        checkPerson: null,
+        taskResult: null,
+      },
+      batchArchiveRules: {
+        checkPerson: [
+          { required: true, message: "请输入审核人", trigger: "change" },
+        ],
+        taskResult: [
+          { required: true, message: "请输入巡视结论", trigger: "change" },
+        ],
+      },
+      userList: [],
+      areaList: [
+        { areaName: "换流变" },
+        { areaName: "直流场" },
+        { areaName: "调相机" },
+        { areaName: "GIS室" },
+        { areaName: "交流场" },
+        { areaName: "交流滤波器" },
+        { areaName: "站用变" },
+      ],
+    };
+  },
+  computed: {},
+  beforeDestroy() {
+    // 在组件销毁前清除定时器
+    if (this.timer) {
+      clearInterval(this.timer);
+    }
+  },
+  created() {
+    // 防抖
+    this.setTableHeight = debounce(this.setTableHeight, 300);
+    window.addEventListener("resize", this.setTableHeight);
+    this.timer = setInterval(this.getList, 10000);
+
+    // 设置默认日期范围
+    const today = moment().format("YYYY-MM-DD");
+
+    // 从 sessionStorage 恢复查询状态（优先级更高）
+    const savedState = sessionStorage.getItem("inspectionTaskState");
+    if (savedState) {
+      try {
+        const state = JSON.parse(savedState);
+        // 恢复分页参数
+        if (state.queryParams) {
+          this.queryParams = {
+            ...this.queryParams,
+            ...state.queryParams,
+          };
+        }
+        // 恢复日期范围
+        if (state.dateRange && state.dateRange.length === 2) {
+          this.dateRange = state.dateRange;
+        } else {
+          this.dateRange = [today, today];
+        }
+        // 清除sessionStorage，避免重复使用旧状态
+        sessionStorage.removeItem("inspectionTaskState");
+      } catch (e) {
+        console.error("恢复状态失败", e);
+        this.dateRange = [today, today];
+      }
+    } else {
+      // 从路由参数恢复（兼容旧版本）
+      const query = this.$route.query;
+      if (query && Object.keys(query).length > 0 && query.from !== "back") {
+        if (query.pageNum) this.queryParams.pageNum = parseInt(query.pageNum);
+        if (query.pageSize)
+          this.queryParams.pageSize = parseInt(query.pageSize);
+        if (query.taskName) this.queryParams.taskName = query.taskName;
+        if (query.areaTaskName)
+          this.queryParams.areaTaskName = query.areaTaskName;
+        if (query.beginTime && query.endTime) {
+          this.dateRange = [query.beginTime, query.endTime];
+        } else {
+          this.dateRange = [today, today];
+        }
+        // 清除URL参数，避免影响其他标签页
+        this.$router.replace({ query: { from: "back" } });
+      } else {
+        this.dateRange = [today, today];
+      }
+    }
+
+    this.getList();
+    // 获取区域
+
+    if (process.env.VUE_APP_MODEL_DIALOGUE == "true") {
+      this.modelDialogIcon = true;
+    }
+  },
+  mounted() {
+    this.setTableHeight();
+    setTimeout(() => {
+      this.getAreaList();
+    }, 1000);
+  },
+  destroyed() {
+    this.setTableHeight.cancel();
+    window.removeEventListener("resize", this.setTableHeight);
+  },
+  methods: {
+    // 获取区域列表
+    getAreaList() {
+      var data = { dictType: "sys_area_list" };
+      listData(data).then((res) => {
+        this.areaList = res.rows;
+      });
+    },
+    // 控制行是否可选 - 只有未归档且已执行的任务才能被勾选
+    selectable(row, index) {
+      // fileStatus == 0 表示未归档，taskState == 1 表示已执行
+      if (row.algName === "correction") {
+        return false;
+      }
+      return row.fileStatus == 0 && row.taskState == 1;
+    },
+    setTableHeight() {
+      this.tableHeight = this.$refs.tableCardRef.clientHeight - 40;
+    },
+    getList(showLoading = false) {
+      // 保存当前选中的任务ID
+      const selectedIds = this.selectedRows.map((row) => row.taskPatrolledId);
+
+      const params = { ...this.queryParams };
+      if (this.dateRange && this.dateRange.length > 1) {
+        params.beginTime = this.dateRange[0];
+        params.endTime = this.dateRange[1];
+      }
+      if (showLoading) {
+        this.loading = true;
+      }
+      list(params)
+        .then(({ rows, total }) => {
+          this.loading = false;
+          this.dataList = rows;
+          this.total = total;
+
+          // 数据更新后恢复选中状态
+          this.$nextTick(() => {
+            if (selectedIds.length > 0) {
+              this.dataList.forEach((row) => {
+                if (selectedIds.includes(row.taskPatrolledId)) {
+                  // 使用el-table的toggleRowSelection方法恢复选中
+                  this.$refs.multipleTable.toggleRowSelection(row, true);
+                }
+              });
+            }
+          });
+        })
+        .catch(() => {
+          this.loading = false;
+        });
+    },
+    handleQuery() {
+      this.queryParams.pageNum = 1;
+      this.getList();
+    },
+    resetQuery() {
+      this.queryParams = {
+        pageNum: 1,
+        pageSize: 20,
+      };
+      this.dateRange = [
+        moment().format("YYYY-MM-DD"),
+        moment().format("YYYY-MM-DD"),
+      ];
+      this.handleQuery();
+    },
+    // 处理选中行变化
+    handleSelectionChange(selection) {
+      this.selectedRows = selection;
+    },
+    // 批量归档
+    batchArchive() {
+      if (this.selectedRows.length === 0) {
+        this.$message.warning("请至少选择一条任务记录");
+        return;
+      }
+      const hasCorrection = this.selectedRows.some(
+        (row) => row.algName === "correction"
+      );
+      if (hasCorrection) {
+        this.$message.warning("纠偏任务不支持批量归档，请重新选择");
+        return;
+      }
+      // 重置表单
+      this.batchArchiveForm = {
+        checkPerson: null,
+        taskResult: null,
+      };
+      this.resetForm("batchArchiveForm");
+      this.showBatchArchiveDialog = true;
+      this.getUsrList();
+    },
+    // 批量归档提交
+    handleBatchArchiveClicked() {
+      this.$refs["batchArchiveForm"].validate((valid) => {
+        if (valid) {
+          // 获取所有选中的任务ID (使用 taskPatrolledId)
+          const taskPatrolledIds = this.selectedRows.map(
+            (row) => row.taskPatrolledId
+          );
+          const params = {
+            taskPatrolledIds: taskPatrolledIds,
+            checkPerson: this.batchArchiveForm.checkPerson,
+            taskResult: this.batchArchiveForm.taskResult,
+          };
+          this.isBatchArchiving = true;
+          this.isBatchLock = true;
+          partrolResultArchiveAdd(params)
+            .then((res) => {
+              this.$modal.msgSuccess("批量归档成功");
+              this.showBatchArchiveDialog = false;
+              // 清空选中状态
+              this.$refs.multipleTable.clearSelection();
+              this.getList(true);
+            })
+            .finally(() => {
+              this.isBatchArchiving = false;
+              this.isBatchLock = false;
+            });
+        }
+      });
+    },
+    // 详情
+    lookDetail(row) {
+      sessionStorage.setItem("selectInfo", JSON.stringify(row));
+      this.selectInfo = row;
+      this.showDetail = true;
+    },
+    // AI缺陷
+    lookAiBug(row) {
+      this.selectInfo = row;
+      this.showDefectDetail = true;
+    },
+    // 初筛异常
+    lookBasicAbnormal(row) {
+      this.defectType = 1;
+      row.defectType = 1;
+      sessionStorage.setItem("selectInfo", JSON.stringify(row));
+      // 开发
+      if (process.env.VUE_APP_DIALOG == "true") {
+        this.selectInfo = row;
+        this.showAbnormal = true;
+      } else {
+        openDialog({
+          sourceCardId: "shaoxing@videoMonitor-card-80",
+          targetCardId: "shaoxing@videoMonitor-card-75",
+          dialogTitle: "初筛异常",
+        });
+      }
+    },
+    // AI异常
+    lookAiAbnormal(row) {
+      this.defectType = 0;
+      row.defectType = 0;
+      sessionStorage.setItem("selectInfo", JSON.stringify(row));
+      // 开发
+      if (process.env.VUE_APP_DIALOG == "true") {
+        this.selectInfo = row;
+        this.showAbnormal = true;
+      } else {
+        openDialog({
+          sourceCardId: "shaoxing@videoMonitor-card-80",
+          targetCardId: "shaoxing@videoMonitor-card-75",
+          dialogTitle: "AI异常",
+        });
+      }
+    },
+    // 初筛缺陷
+    lookBasicBug(row) {
+      // 开发
+      if (process.env.VUE_APP_DIALOG == "true") {
+        this.selectInfo = row;
+        this.showDefectDetail = true;
+      } else {
+        openDialog({
+          sourceCardId: "shaoxing@videoMonitor-card-80",
+          targetCardId: "shaoxing@videoMonitor-card-82",
+          dialogTitle: "初筛缺陷详情",
+        });
+      }
+    },
+    // AI报告0
+    lookAiReport(row) {
+      sessionStorage.setItem("reportLineId", JSON.stringify(row.lineId));
+      sessionStorage.setItem("reportType", 0);
+      // 开发
+      if (process.env.VUE_APP_DIALOG == "true") {
+        this.$router.push(
+          {
+            path: "/card/patrolReportDetail",
+            query: {
+              lineId: row.lineId,
+              filter: 0,
+            },
+            query: { htmlType: "inspectionTask" }, // 确保这里传递了htmlType参数
+          }
+          // `/card/patrolReportDetail?lineId=${row.lineId}&filter=${0}`
+        );
+      } else {
+        openDialog({
+          sourceCardId: "shaoxing@videoMonitor-card-80",
+          targetCardId: "shaoxing@videoMonitor-card-38",
+          dialogTitle: "AI报告详情",
+        });
+      }
+    },
+    // 初筛报告1
+    lookBasicReport(row) {
+      // 添加安全检查 - 修复 null 值问题
+      if (!row || !row.lineId) {
+        console.warn("报告ID不存在，无法查看报告", row);
+        this.$message?.warning?.("报告信息不完整，无法查看");
+        return;
+      }
+
+      // 确保 lineId 不是 null 或 undefined
+      const lineId = row.lineId;
+
+      sessionStorage.setItem("reportLineId", JSON.stringify(lineId));
+      sessionStorage.setItem("reportType", 0);
+
+      // 保存当前页面的状态，用于返回时恢复
+      const currentState = {
+        queryParams: { ...this.queryParams },
+        dateRange:
+          this.dateRange && this.dateRange.length > 0
+            ? [...this.dateRange]
+            : [],
+        selectedRows: this.selectedRows.map((row) => row.taskPatrolledId),
+      };
+      sessionStorage.setItem(
+        "inspectionTaskState",
+        JSON.stringify(currentState)
+      );
+
+      // 开发
+      if (process.env.VUE_APP_DIALOG == "true") {
+        this.$router.push({
+          name: "patrolReportDetail",
+          query: {
+            lineId: lineId,
+            filter: 0,
+            fromPage: "inspectionTask",
+            fromComponent: "InspectionTask",
+          },
+        });
+      } else {
+        openDialog({
+          sourceCardId: "shaoxing@videoMonitor-card-80",
+          targetCardId: "shaoxing@videoMonitor-card-38",
+          dialogTitle: "初筛报告详情",
+        });
+      }
+    },
+    gotoTask(command, lineId, row) {
+      this.$confirm("确认操作吗？", {
+        title: "提示",
+        customClass: "card-page card-message-box",
+      }).then(() => {
+        taskStatusChange({
+          lineId,
+          command,
+        }).then(({ code }) => {
+          if (code == 200) {
+            const commandStatus = {
+              2: "3",
+              3: "2",
+            };
+            row.taskState = commandStatus[command];
+            this.$message.success("操作成功");
+            this.getList();
+          }
+        });
+      });
+    },
+    getStatusText(state) {
+      const statusEnum = {
+        1: "已执行",
+        2: "正在执行",
+        3: "暂停",
+        4: "终止",
+        5: "未执行",
+        6: "已超期",
+      };
+      const statusTypeEnum = {
+        1: "success", //已执行
+        2: "ongoing", //正在执行
+        3: "warning", //暂停
+        4: "info", //终止
+        5: "notrun", //未执行
+        6: "danger", //已超期
+      };
+      return {
+        text: statusEnum[state],
+        type: statusTypeEnum[state],
+      };
+    },
+    // 上一天
+    lastDayClicked() {
+      if (this.dateRange.length != 2) {
+        this.dateRange = [
+          moment().format("YYYY-MM-DD"),
+          moment().format("YYYY-MM-DD"),
+        ];
+      } else {
+        const dateStr = this.dateRange[0];
+        this.dateRange = [
+          moment(dateStr).subtract(1, "days").format("YYYY-MM-DD"),
+          moment(dateStr).subtract(1, "days").format("YYYY-MM-DD"),
+        ];
+      }
+      this.handleQuery();
+    },
+    // 下一天
+    nextDayClicked() {
+      if (this.dateRange.length != 2) {
+        this.dateRange = [
+          moment().format("YYYY-MM-DD"),
+          moment().format("YYYY-MM-DD"),
+        ];
+      } else {
+        const dateStr = this.dateRange[1];
+        this.dateRange = [
+          moment(dateStr).add(1, "days").format("YYYY-MM-DD"),
+          moment(dateStr).add(1, "days").format("YYYY-MM-DD"),
+        ];
+      }
+      this.handleQuery();
+    },
+
+    // 显示模型对话框
+    modelShow() {
+      this.modelDialogVisible = !this.modelDialogVisible;
+    },
+    showModelDialog() {
+      this.modelDialogVisible = false;
+    },
+    // 单个归档
+    archiveInfo(info) {
+      this.contrastForm = {
+        taskPatrolledId: info.taskPatrolledId,
+        checkPerson: null,
+        taskResult: null,
+      };
+      this.resetForm("contrastForm");
+      this.showContrastEdit = true;
+      this.getUsrList();
+    },
+    // 单个归档提交
+    handleArchiveClicked() {
+      this.$refs["contrastForm"].validate((valid) => {
+        if (valid) {
+          // 修改：将单个归档的ID包装成数组，与批量归档保持一致的结构
+          const params = {
+            taskPatrolledIds: [this.contrastForm.taskPatrolledId],
+            checkPerson: this.contrastForm.checkPerson,
+            taskResult: this.contrastForm.taskResult,
+          };
+          this.isArchiving = true;
+          this.isLock = true;
+          partrolResultArchiveAdd(params)
+            .then((res) => {
+              this.$modal.msgSuccess("归档成功");
+              this.showContrastEdit = false;
+              this.getList(true);
+            })
+            .finally(() => {
+              this.isArchiving = false;
+              this.isLock = false;
+            });
+        }
+      });
+    },
+    // 获取审核人员列表
+    getUsrList() {
+      listUser().then((res) => {
+        this.userList = res.rows;
+      });
+    },
+    // 重置表单
+    resetForm(formName) {
+      if (this.$refs[formName]) {
+        this.$refs[formName].resetFields();
+      }
+    },
+  },
+};
+</script>
+<style lang="scss" scoped>
+.page-container {
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  position: relative;
+  overflow: hidden;
+  min-height: 0;
+}
+
+.card-page {
+  height: 100%;
+  overflow: hidden;
+}
+
+.query-card {
+  margin-bottom: 15px;
+
+  ::v-deep .el-form-item {
+    margin-bottom: 0;
+  }
+}
+
+.table-card {
+  flex: 1;
+  height: 0;
+  min-height: 0;
+  overflow: hidden;
+  // background: #dbe7fb;
+
+
+  ::v-deep .el-card__body {
+    height: 100%;
+  }
+}
+
+.sb-btn {
+  color: #0057d8 !important;
+  cursor: pointer;
+}
+.card-page .el-table td .cell {
+  color: #000000;
+}
+
+.table-action-link {
+  cursor: pointer;
+}
+
+.card-page ::v-deep .card-table,
+.card-page ::v-deep .el-table {
+  width: 100% !important;
+  background: transparent !important;
+  color: #000000;
+  border-color: rgba(64, 146, 255, 0.95) !important;
+}
+
+.card-page ::v-deep .el-table::before,
+.card-page ::v-deep .el-table::after,
+.card-page ::v-deep .el-table--border::after,
+.card-page ::v-deep .el-table--group::after {
+  background-color: rgba(64, 146, 255, 0.95) !important;
+}
+
+.card-page ::v-deep .el-table__header-wrapper,
+.card-page ::v-deep .el-table__fixed-header-wrapper,
+.card-page ::v-deep .el-table__body-wrapper,
+.card-page ::v-deep .el-table__fixed,
+.card-page ::v-deep .el-table__fixed-right {
+  background: #dbe7fb !important;
+}
+
+.card-page ::v-deep .el-table th.el-table__cell {
+  background: #06347f !important;
+  border-color: rgba(64, 146, 255, 0.95) !important;
+}
+
+.card-page ::v-deep .el-table th.el-table__cell .cell {
+  color: #ffffff !important;
+}
+
+.card-page ::v-deep .el-table td.el-table__cell {
+  background: transparent !important;
+  border-color: #c7d7f4 !important;
+  color: #000000 !important;
+}
+
+.card-page ::v-deep .el-table td.el-table__cell .cell {
+  color: #000000 !important;
+  font-weight: 500;
+}
+
+.card-page ::v-deep .el-table .progress-text {
+  color: #000000 !important;
+}
+
+.card-page ::v-deep .el-table__body tbody tr td:nth-child(2),
+.card-page ::v-deep .el-table__body tbody tr td:nth-child(2) .cell {
+  color: #000000 !important;
+  opacity: 1 !important;
+}
+
+.card-page ::v-deep .el-table .el-button--primary {
+  background: #1f8fff !important;
+  border-color: #1f8fff !important;
+  color: #ffffff !important;
+}
+
+.card-page ::v-deep .el-table .el-button--primary:hover,
+.card-page ::v-deep .el-table .el-button--primary:focus {
+  background: #006dff !important;
+  border-color: #006dff !important;
+  color: #ffffff !important;
+}
+
+.task-toolbar-btn,
+.card-page ::v-deep .el-table .task-row-btn {
+  border: 1px solid transparent !important;
+  background:
+    linear-gradient(#01016b, #01016b) padding-box,
+    linear-gradient(135deg, #3988ff, #0351c6) border-box !important;
+  color: #43c0ff !important;
+}
+
+.task-toolbar-btn:hover,
+.task-toolbar-btn:focus,
+.card-page ::v-deep .el-table .task-row-btn:hover,
+.card-page ::v-deep .el-table .task-row-btn:focus {
+  border: 1px solid transparent !important;
+  background:
+    linear-gradient(#01016b, #01016b) padding-box,
+    linear-gradient(135deg, #3988ff, #0351c6) border-box !important;
+  color: #43c0ff !important;
+  opacity: 0.9;
+}
+
+.task-toolbar-btn.is-disabled,
+.task-toolbar-btn.is-disabled:hover,
+.task-toolbar-btn.is-disabled:focus {
+  border: 1px solid transparent !important;
+  background:
+    linear-gradient(#01016b, #01016b) padding-box,
+    linear-gradient(135deg, #3988ff, #0351c6) border-box !important;
+  color: #43c0ff !important;
+  opacity: 0.45;
+}
+
+.card-page ::v-deep .el-table__row {
+  background: #e4edfc !important;
+}
+
+.card-page ::v-deep .el-table__row--striped td.el-table__cell {
+  background: #d7e4f8 !important;
+}
+
+.card-page ::v-deep .el-table__body tr:hover > td.el-table__cell {
+  background: #c5d9f6 !important;
+}
+
+.card-page ::v-deep .el-table__body-wrapper {
+  overflow-y: auto;
+  overflow-x: hidden;
+  scrollbar-width: none;
+  -ms-overflow-style: none;
+}
+
+.card-page ::v-deep .el-table__body-wrapper::-webkit-scrollbar {
+  width: 0;
+  height: 0;
+  display: none;
+}
+
+.task-detail-dialog-wrap {
+  height: calc(100vh - 160px);
+  min-height: 640px;
+  overflow: hidden;
+}
+
+.defect-detail-dialog-wrap {
+  height: calc(100vh - 160px);
+  min-height: 640px;
+  overflow: hidden;
+}
+
+::v-deep .task-detail-dialog .el-dialog__body {
+  height: auto;
+  padding: 0;
+  overflow: hidden;
+}
+
+::v-deep .defect-detail-dialog .el-dialog__body {
+  height: auto;
+  padding: 0;
+  overflow: hidden;
+}
+
+::v-deep .archive-dialog {
+  min-height: 0;
+}
+
+::v-deep .archive-dialog .el-dialog__body {
+  height: auto;
+  min-height: 260px;
+  padding: 28px 24px 24px;
+  overflow: hidden;
+}
+.model-dialog-img {
+  width: 50px;
+  height: 50px;
+  // background: red;
+  position: absolute;
+  right: 10px;
+  border-radius: 50%;
+  cursor: pointer;
+  background-image: url("../assets/model-img.png");
+  background-size: 100%;
+}
+.el-select {
+  display: inline;
+  position: relative;
+}
+</style>
diff --git a/src/views/cards/taskSummary/inspectionTaskDefectDetail.vue b/src/views/cards/taskSummary/inspectionTaskDefectDetail.vue
new file mode 100644
index 0000000..e975b00
--- /dev/null
+++ b/src/views/cards/taskSummary/inspectionTaskDefectDetail.vue
@@ -0,0 +1,222 @@
+<template>
+  <!-- <CardBox
+    class="card-page page-content"
+    title="缺陷详情"
+    :titleImgURL="require('../assets/card_full_bg.png')"
+  > -->
+   <CardBox
+    class="card-page page-content">
+    <div class="page-container">
+      <div class="title-wrap">{{ taskInfo.taskName }}</div>
+      <div class="decfect-box">
+        <el-row>
+          <el-col
+            style="padding: 8px"
+            :span="4"
+            v-for="(item, index) in dataList"
+            :key="index"
+          >
+            <div
+              class="decfect-item"
+              :class="{
+                'decfect-item-alarm': item.resStatus == 1,
+                'decfect-item-following': item.resStatus == 3,
+                'decfect-item-cancel': item.resStatus == 2,
+              }"
+              @click="onItemClicked(item, index)"
+            >
+              <div class="img-title">{{ item.pointName }}</div>
+              <AsyncImage
+                class="img-box"
+                :src="item.imgAnalyse"
+                fit="contain"
+                :supportPreview="false"
+              ></AsyncImage>
+              <!-- 撤销的不显示 -->
+              <!-- <div v-if="item.resStatus != 2 && item.algType == 'switch'" class="desc-info">
+                {{ item.resValue }}
+              </div> -->
+              <div v-if="item.resStatus != 2" class="desc-info">
+                {{ item.desc }}
+              </div>
+            </div>
+          </el-col>
+        </el-row>
+      </div>
+      <CardPagination
+        v-show="total > 0"
+        :total="total"
+        :page.sync="queryParams.pageNum"
+        :limit.sync="queryParams.pageSize"
+        @pagination="getList"
+      />
+    </div>
+    <el-dialog
+      title="缺陷详情"
+      :visible.sync="showInfo"
+      :close-on-click-modal="false"
+      :close-on-press-escape="false"
+      :destroy-on-close="true"
+      custom-class="card-dialog card-page card-dialog-height-auto defect-detail-image-dialog"
+      width="70%"
+      append-to-body
+      @close="getList"
+    >
+      <div class="defect-detail-image-dialog-wrap">
+        <InspectionTaskDefectDetailImage
+          :dataList="dataList"
+          :selectIndex="selectIndex"
+          :showHandleBtn="taskInfo != null && taskInfo.fileStatus != 1"
+        />
+      </div>
+    </el-dialog>
+  </CardBox>
+</template>
+<script>
+import CardBox from "../components/cardBox.vue";
+import CardPagination from "../components/CardPagination/index.vue";
+import debounce from "lodash.debounce";
+import InspectionTaskDefectDetailImage from "./inspectionTaskDefectDetailImage.vue";
+import { analysisDefectList, analysisDefectListShaoxing} from "@/api/videosMonitor/index";
+export default {
+  name: "InspectionTaskDefectDetail",
+  components: { CardBox, CardPagination, InspectionTaskDefectDetailImage },
+  props: {
+    info: {
+      type: Object,
+      default: null,
+    },
+  },
+  data() {
+    return {
+      taskInfo: null,
+      // 查询参数
+      queryParams: {
+        pageNum: 1,
+        pageSize: 20,
+      },
+      // 总条数
+      total: 0,
+      // 数据
+      dataList: [],
+      showInfo: false,
+      selectIndex: 0,
+    };
+  },
+  computed: {},
+  created() {
+    if (!this.info) {
+      this.taskInfo = JSON.parse(sessionStorage.getItem("selectInfo"));
+    } else {
+      this.taskInfo = this.info;
+    }
+    this.queryParams.taskPatrolledId = this.taskInfo.taskPatrolledId;
+    this.queryParams.filter = this.taskInfo.defectType;
+    this.getList();
+  },
+  beforeDestroy() {},
+  methods: {
+    // 获取列表
+    getList() {
+      analysisDefectListShaoxing(this.queryParams).then((res) => {
+        this.dataList = res.rows;
+        this.total = res.total;
+      });
+    },
+    onItemClicked(row, index) {
+      this.selectIndex = index;
+      this.showInfo = true;
+    },
+  },
+};
+</script>
+<style lang="scss" scoped>
+.page-content {
+  width: 100%;
+  height: 100%;
+}
+.page-container {
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+}
+::v-deep .card-box-title-box {
+  display: none !important;
+}
+.title-wrap {
+  text-align: center;
+  font-size: 18px;
+  color: #40e5f0;
+  padding: 0 0 10px;
+}
+.decfect-box {
+  height: 0;
+  flex: 1;
+  overflow-y: auto;
+  .decfect-item {
+    height: 213px;
+    display: flex;
+    flex-direction: column;
+    position: relative;
+    background-color: #091318;
+    .img-title {
+      color: #b0bdd4;
+      padding: 8px 0 8px 8px;
+      display: flex;
+      align-items: center;
+    }
+    .img-title:before {
+      content: "";
+      width: 16px; /* 图标的宽度 */
+      height: 16px; /* 图标的高度 */
+      margin-right: 10px;
+      background-image: url("../assets/icon-title-1.png");
+      background-size: cover;
+    }
+
+    .img-box {
+      width: 100%;
+      height: 0;
+      flex: 1;
+    }
+
+    .desc-info {
+      background-color: #ff4a41;
+      color: #ffffff;
+      padding: 5px;
+      border-top-left-radius: 5px;
+      position: absolute;
+      right: 0;
+      bottom: 0;
+      font-size: 11px;
+      letter-spacing: 1px;
+    }
+  }
+
+  //告警
+  .decfect-item-alarm {
+    border: 2px solid #ff4a41;
+  }
+
+  //跟踪
+  .decfect-item-following {
+    border: 2px solid #ffa800;
+  }
+  //撤销
+  .decfect-item-cancel {
+    border: 2px solid #40e5f0;
+  }
+}
+
+.defect-detail-image-dialog-wrap {
+  height: calc(100vh - 180px);
+  min-height: 560px;
+  overflow: hidden;
+}
+
+::v-deep .defect-detail-image-dialog .el-dialog__body {
+  height: auto;
+  padding: 0;
+  overflow: hidden;
+}
+</style>
diff --git a/src/views/cards/taskSummary/inspectionTaskDefectDetailImage.vue b/src/views/cards/taskSummary/inspectionTaskDefectDetailImage.vue
new file mode 100644
index 0000000..251dfe3
--- /dev/null
+++ b/src/views/cards/taskSummary/inspectionTaskDefectDetailImage.vue
@@ -0,0 +1,701 @@
+<template>
+  <div class="page-box">
+    <div
+      v-if="selectInfo"
+      class="decfect-box"
+      :class="{
+        'decfect-box-alarm': selectInfo.pointStatus == 5,
+        'decfect-box-following': selectInfo.pointStatus == 4,
+        'decfect-box-cancel': selectInfo.pointStatus == 3,
+      }"
+    >
+    <!-- 3-已撤销（忽略） 4-跟踪（告警） 5-确认（g告警 -->
+      <div class="img-title">{{ selectInfo.pointName }}</div>
+      <div class="img-box">
+        <div class="image-container">
+          <div class="zoom-container" ref="image1Container">
+            <div
+              class="zoom-wrapper"
+              ref="image1Wrapper"
+              :style="{
+                transform: `scale(${image1Scale})`,
+                transformOrigin: '0 0',
+                position: 'absolute',
+                left: `${image1Position.x}px`,
+                top: `${image1Position.y}px`,
+                width: '100%',
+                height: '100%',
+              }"
+              @mousedown="startDrag($event, 'image1')"
+              @touchstart="startTouchDrag($event, 'image1')"
+            >
+              <AsyncImage
+                class="img-wrap zoomable-image"
+                :src="selectInfo.imageNormalUrlPath"
+                fit="contain"
+                :supportPreview="false"
+              ></AsyncImage>
+            </div>
+          </div>
+          <div class="zoom-controls">
+            <el-button size="mini" circle @click="resetImage1" title="重置">
+              ↺
+            </el-button>
+          </div>
+        </div>
+
+        <div class="image-container">
+          <div class="zoom-container" ref="image2Container">
+            <div
+              class="zoom-wrapper"
+              ref="image2Wrapper"
+              :style="{
+                transform: `scale(${image2Scale})`,
+                transformOrigin: '0 0',
+                position: 'absolute',
+                left: `${image2Position.x}px`,
+                top: `${image2Position.y}px`,
+                width: '100%',
+                height: '100%',
+              }"
+              @mousedown="startDrag($event, 'image2')"
+              @touchstart="startTouchDrag($event, 'image2')"
+            >
+              <AsyncImage
+                class="img-wrap zoomable-image"
+                :src="selectInfo.imgAnalyse"
+                fit="contain"
+                :supportPreview="false"
+              ></AsyncImage>
+            </div>
+          </div>
+          <div class="zoom-controls">
+            <el-button size="mini" circle @click="resetImage2" title="重置">
+              ↺
+            </el-button>
+          </div>
+        </div>
+      </div>
+      <!-- 撤销的不显示 -->
+      <div v-if="selectInfo.pointStatus != 3" class="desc-info">
+        {{ selectInfo.desc }}
+      </div>
+    </div>
+    <div class="tool-box">
+      <!-- 原有的其他代码保持不变 -->
+      <div class="alg-box" v-if="selectInfo.pointStatus == 0 && showHandleBtn">
+        <div class="alg-wrap">
+          <el-radio-group v-model="selectAlgName" size="medium">
+            <el-radio-button
+              v-for="(item, index) in algList"
+              :key="index"
+              :label="item.algSubtypeName"
+            ></el-radio-button>
+          </el-radio-group>
+        </div>
+        <div class="suggest-wrap">
+          <span>建议：</span>
+          <el-input
+            style="flex: 1"
+            v-model="suggestion"
+            placeholder="请输入建议"
+          ></el-input>
+        </div>
+      </div>
+      <div class="tool-wrap">
+        <div class="pre-next-box">
+          <div class="pre-next-btn">
+            <el-image
+              v-if="showPreBtn"
+              class="img-wrap"
+              :src="require('../assets/btn-pre.png')"
+              fit="contain"
+              @click="preBtnClicked"
+            ></el-image>
+          </div>
+          <div class="pre-next-btn">
+            <el-image
+              v-if="showNextBtn"
+              class="img-wrap"
+              :src="require('../assets/btn-next.png')"
+              fit="contain"
+              @click="nextBtnClicked"
+            ></el-image>
+          </div>
+        </div>
+        <div
+          class="handle-box"
+          v-if="(selectInfo.pointStatus == 0 || selectInfo.pointStatus == 6) && showHandleBtn"
+        >
+          <el-button
+            class="handle-btn handle-btn-second"
+            type="primary"
+            @click="cancelAlarm"
+            >忽略</el-button
+          >
+          <el-button class="handle-btn" type="primary" @click="sureAlarm"
+            >确认</el-button
+          >
+          <el-button
+            class="handle-btn handle-btn-second"
+            type="primary"
+            @click="following"
+            >跟踪</el-button
+          >
+        </div>
+        <!-- <div v-else class="handle-box">
+          备注：{{ selectInfo.suggestion ? selectInfo.suggestion : "--" }}
+        </div> -->
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import {
+  handleBatchAlarmConfirm,
+  getAlgTypeList,
+} from "@/api/inspectionDataManage/alarmConfirm";
+
+export default {
+  name: "InspectionTaskDefectDetailImage",
+  props: {
+    dataList: {
+      type: Array,
+      default: [],
+    },
+    selectIndex: {
+      type: Number,
+      default: 0,
+    },
+    showHandleBtn: {
+      type: Boolean,
+      default: true,
+    },
+  },
+
+  data() {
+    return {
+      pos: this.selectIndex,
+      selectAlgName: "",
+      suggestion: "",
+      algList: [],
+
+      image1Scale: 1,
+      image1Position: { x: 0, y: 0 },
+
+      image2Scale: 1,
+      image2Position: { x: 0, y: 0 },
+
+      isDragging: false,
+      currentDraggingImage: null,
+      dragStartPos: { x: 0, y: 0 },
+      dragStartImagePos: { x: 0, y: 0 },
+    };
+  },
+
+  watch: {
+    selectIndex() {
+      this.pos = this.selectIndex;
+      this.resetImageScalesAndPositions();
+    },
+  },
+
+  computed: {
+    selectInfo() {
+      if (this.pos < this.dataList.length) {
+        return this.dataList[this.pos];
+      }
+      return null;
+    },
+
+    showPreBtn() {
+      return this.pos > 0;
+    },
+
+    showNextBtn() {
+      return this.pos < this.dataList.length - 1;
+    },
+  },
+
+  created() {
+    getAlgTypeList().then((res) => {
+      res.rows.push({
+        algSubtypeName: "其他",
+      });
+      this.algList = res.rows.filter((item, index, self) => {
+        return (
+          self.findIndex((t) => t.algSubtypeName === item.algSubtypeName) ===
+          index
+        );
+      });
+    });
+  },
+
+  mounted() {
+    // 在mounted中绑定事件，确保DOM已加载
+    this.bindGlobalEvents();
+
+    // 为容器添加滚轮事件
+    this.$nextTick(() => {
+      if (this.$refs.image1Container) {
+        this.$refs.image1Container.addEventListener(
+          "wheel",
+          this.handleImage1Wheel,
+          { passive: false }
+        );
+      }
+      if (this.$refs.image2Container) {
+        this.$refs.image2Container.addEventListener(
+          "wheel",
+          this.handleImage2Wheel,
+          { passive: false }
+        );
+      }
+    });
+  },
+
+  beforeDestroy() {
+    this.unbindGlobalEvents();
+
+    // 移除滚轮事件
+    if (this.$refs.image1Container) {
+      this.$refs.image1Container.removeEventListener(
+        "wheel",
+        this.handleImage1Wheel
+      );
+    }
+    if (this.$refs.image2Container) {
+      this.$refs.image2Container.removeEventListener(
+        "wheel",
+        this.handleImage2Wheel
+      );
+    }
+  },
+
+  methods: {
+    preBtnClicked() {
+      this.pos = this.pos - 1 >= 0 ? this.pos - 1 : 0;
+      // 切换图片后重置缩放和位置
+      this.resetImageScalesAndPositions();
+    },
+
+    nextBtnClicked() {
+      this.pos =
+        this.pos + 1 < this.dataList.length - 1
+          ? this.pos + 1
+          : this.dataList.length - 1;
+      // 切换图片后重置缩放和位置
+      this.resetImageScalesAndPositions();
+    },
+    // 确认
+    sureAlarm() {
+      this.handleAlarm(5);
+    },
+    // 跟踪
+    following() {
+      this.handleAlarm(4);
+    },
+    // 忽略
+    cancelAlarm() {
+      this.handleAlarm(3);
+    },
+
+    handleAlarm(status) {
+      const suggestion = this.selectAlgName + "，" + this.suggestion;
+      const params = {
+        lineIds: this.selectInfo.lineId,
+        status,
+        suggestion,
+      };
+
+      handleBatchAlarmConfirm(params).then((res) => {
+        this.$modal.msgSuccess("操作成功");
+        this.$set(this.dataList, this.pos, {
+          ...this.dataList[this.pos],
+          pointStatus: status,
+          suggestion,
+        });
+        this.nextBtnClicked();
+        this.selectAlgName = "";
+        this.suggestion = "";
+      });
+    },
+
+    // 处理第一张图片的滚轮事件
+    handleImage1Wheel(event) {
+      event.preventDefault();
+      this.handleImageWheel(event, "image1Scale", "image1Position");
+    },
+
+    // 处理第二张图片的滚轮事件
+    handleImage2Wheel(event) {
+      event.preventDefault();
+      this.handleImageWheel(event, "image2Scale", "image2Position");
+    },
+
+    // 通用的图片滚轮处理函数
+    handleImageWheel(event, scaleProperty, positionProperty) {
+      const delta = event.deltaY || event.detail || event.wheelDelta;
+      const direction = delta > 0 ? -1 : 1;
+      const scaleStep = 0.1;
+
+      const oldScale = this[scaleProperty];
+      let newScale = oldScale + direction * scaleStep;
+      newScale = Math.max(0.1, Math.min(5, newScale));
+
+      // 计算鼠标在容器中的位置
+      const container = event.currentTarget;
+      const containerRect = container.getBoundingClientRect();
+      const mouseX = event.clientX - containerRect.left;
+      const mouseY = event.clientY - containerRect.top;
+
+      // 当前图片位置
+      const currentPos = this[positionProperty];
+
+      // 计算缩放后的新位置
+      // 缩放比例变化
+      const scaleChange = newScale / oldScale;
+
+      // 调整位置使鼠标点保持在图片上的同一位置
+      this[positionProperty] = {
+        x: currentPos.x - (mouseX - currentPos.x) * (scaleChange - 1),
+        y: currentPos.y - (mouseY - currentPos.y) * (scaleChange - 1),
+      };
+
+      this[scaleProperty] = newScale;
+    },
+
+    // 开始鼠标拖拽
+    startDrag(event, imageName) {
+      if (event.button !== 0) return;
+
+      this.isDragging = true;
+      this.currentDraggingImage = imageName;
+      this.dragStartPos = {
+        x: event.clientX,
+        y: event.clientY,
+      };
+      this.dragStartImagePos = {
+        x: this[`${imageName}Position`].x,
+        y: this[`${imageName}Position`].y,
+      };
+
+      // 添加拖拽样式
+      const wrapper = this.$refs[`${imageName}Wrapper`];
+      if (wrapper) {
+        wrapper.classList.add("dragging");
+      }
+
+      // 防止文本选择
+      document.body.style.userSelect = "none";
+      document.body.style.webkitUserSelect = "none";
+
+      event.preventDefault();
+      event.stopPropagation();
+    },
+
+    // 开始触摸拖拽
+    startTouchDrag(event, imageName) {
+      if (event.touches.length !== 1) return;
+
+      this.isDragging = true;
+      this.currentDraggingImage = imageName;
+      this.dragStartPos = {
+        x: event.touches[0].clientX,
+        y: event.touches[0].clientY,
+      };
+      this.dragStartImagePos = {
+        x: this[`${imageName}Position`].x,
+        y: this[`${imageName}Position`].y,
+      };
+
+      const wrapper = this.$refs[`${imageName}Wrapper`];
+      if (wrapper) {
+        wrapper.classList.add("dragging");
+      }
+
+      event.preventDefault();
+      event.stopPropagation();
+    },
+
+    // 处理拖拽移动
+    handleDragMove(event) {
+      if (!this.isDragging || !this.currentDraggingImage) return;
+
+      let clientX, clientY;
+
+      if (event.type === "mousemove") {
+        clientX = event.clientX;
+        clientY = event.clientY;
+      } else if (event.type === "touchmove" && event.touches.length === 1) {
+        clientX = event.touches[0].clientX;
+        clientY = event.touches[0].clientY;
+      } else {
+        return;
+      }
+
+      const deltaX = clientX - this.dragStartPos.x;
+      const deltaY = clientY - this.dragStartPos.y;
+
+      // 更新图片位置
+      this[`${this.currentDraggingImage}Position`] = {
+        x: this.dragStartImagePos.x + deltaX,
+        y: this.dragStartImagePos.y + deltaY,
+      };
+
+      event.preventDefault();
+      event.stopPropagation();
+    },
+
+    // 结束拖拽
+    handleDragEnd(event) {
+      if (!this.isDragging) return;
+
+      // 移除拖拽样式
+      if (this.currentDraggingImage) {
+        const wrapper = this.$refs[`${this.currentDraggingImage}Wrapper`];
+        if (wrapper) {
+          wrapper.classList.remove("dragging");
+        }
+      }
+
+      // 恢复文本选择
+      document.body.style.userSelect = "";
+      document.body.style.webkitUserSelect = "";
+
+      this.isDragging = false;
+      this.currentDraggingImage = null;
+    },
+
+    // 重置第一张图片的缩放和位置
+    resetImage1() {
+      this.image1Scale = 1;
+      this.image1Position = { x: 0, y: 0 };
+    },
+
+    // 重置第二张图片的缩放和位置
+    resetImage2() {
+      this.image2Scale = 1;
+      this.image2Position = { x: 0, y: 0 };
+    },
+
+    // 重置所有图片的缩放和位置
+    resetImageScalesAndPositions() {
+      this.resetImage1();
+      this.resetImage2();
+    },
+
+    // 绑定全局事件
+    bindGlobalEvents() {
+      document.addEventListener("mousemove", this.handleDragMove);
+      document.addEventListener("mouseup", this.handleDragEnd);
+      document.addEventListener("touchmove", this.handleDragMove, {
+        passive: false,
+      });
+      document.addEventListener("touchend", this.handleDragEnd);
+    },
+
+    // 移除全局事件
+    unbindGlobalEvents() {
+      document.removeEventListener("mousemove", this.handleDragMove);
+      document.removeEventListener("mouseup", this.handleDragEnd);
+      document.removeEventListener("touchmove", this.handleDragMove);
+      document.removeEventListener("touchend", this.handleDragEnd);
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+.page-box {
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+}
+.decfect-box {
+  flex: 1;
+  height: 0;
+  display: flex;
+  flex-direction: column;
+  position: relative;
+  background-color: #091318;
+
+  .img-title {
+    color: #ffffff;
+    padding: 8px 0 8px 8px;
+    display: flex;
+    font-weight: 500;
+    font-size: 13px;
+    align-items: center;
+  }
+  .img-title:before {
+    content: "";
+    width: 16px; /* 图标的宽度 */
+    height: 16px; /* 图标的高度 */
+    margin-right: 10px;
+    background-image: url("../assets/icon-title-1.png");
+    background-size: cover;
+  }
+
+  .img-box {
+    display: flex;
+    gap: 10px;
+    flex: 1;
+    height: 0;
+
+    .image-container {
+      flex: 1;
+      width: 0;
+      height: 100%;
+      position: relative;
+      overflow: hidden;
+
+      .zoom-container {
+        width: 100%;
+        height: 100%;
+        position: relative;
+        overflow: hidden;
+        cursor: grab;
+
+        &:active {
+          cursor: grabbing;
+        }
+      }
+
+      .zoom-wrapper {
+        width: 100%;
+        height: 100%;
+        position: absolute;
+        cursor: grab;
+
+        &.dragging {
+          cursor: grabbing;
+        }
+
+        .img-wrap {
+          width: 100%;
+          height: 100%;
+          user-select: none;
+          -webkit-user-drag: none;
+          pointer-events: none; /* 防止图片干扰拖拽事件 */
+        }
+      }
+
+      .zoom-controls {
+        position: absolute;
+        top: 10px;
+        right: 10px;
+        z-index: 10;
+
+        .el-button {
+          background: rgba(0, 0, 0, 0.6);
+          color: white;
+          border: none;
+          font-size: 16px;
+
+          &:hover {
+            background: rgba(0, 0, 0, 0.8);
+          }
+        }
+      }
+    }
+  }
+
+  .desc-info {
+    background-color: #ff4a41;
+    color: #ffffff;
+    padding: 5px;
+    border-top-left-radius: 5px;
+    position: absolute;
+    right: 0;
+    bottom: 0;
+    font-size: 11px;
+    letter-spacing: 1px;
+    z-index: 10;
+    pointer-events: none;
+  }
+}
+
+/*告警*/
+.decfect-box-alarm {
+  border: 2px solid #ff4a41;
+}
+
+/*跟踪*/
+.decfect-box-following {
+  border: 2px solid #ffa800;
+}
+
+/*撤销*/
+.decfect-box-cancel {
+  border: 2px solid #40e5f0;
+}
+
+.tool-box {
+  height: 183px;
+  display: flex;
+  flex-direction: column;
+}
+
+.alg-box {
+  display: flex;
+  align-items: center;
+  align-items: center;
+  height: 80px;
+  gap: 15px;
+
+  .alg-wrap {
+    flex: 1;
+    width: 0;
+    overflow-x: auto;
+    white-space: nowrap;
+  }
+
+  .suggest-wrap {
+    width: 280px;
+    display: flex;
+    align-items: center;
+  }
+}
+
+.tool-wrap {
+  height: 0;
+  flex: 1;
+  display: flex;
+  align-items: center;
+
+  .pre-next-box {
+    flex: 1;
+    display: flex;
+    gap: 83px;
+
+    .pre-next-btn {
+      width: 122px;
+      height: 90px;
+
+      .img-wrap {
+        width: 100%;
+        height: 100%;
+        user-select: none;
+      }
+    }
+  }
+
+  .handle-box {
+    display: flex;
+    justify-content: flex-end;
+    gap: 10px;
+
+    .handle-btn {
+      width: 143px;
+      height: 55px;
+      font-size: 27px;
+    }
+
+    .handle-btn-second {
+      background-color: #575a68;
+    }
+  }
+}
+</style>
diff --git a/src/views/cards/taskSummary/newInspectionTaskDetail.vue b/src/views/cards/taskSummary/newInspectionTaskDetail.vue
new file mode 100644
index 0000000..47dacb5
--- /dev/null
+++ b/src/views/cards/taskSummary/newInspectionTaskDetail.vue
@@ -0,0 +1,1134 @@
+<template>
+  <!--任务详情 -->
+  <CardBox class="card-page page-content">
+    <div class="page-container">
+      <div class="page-left">
+        <div class="img-title">{{ selectPointInfo.pointName }}</div>
+        <div
+          class="img-box"
+          v-if="
+            selectPointInfo.imgType !== '1' && selectPointInfo.imgType !== 1
+          "
+        >
+          <!-- 增加正样本 -->
+          <div class="img-wrap-box" v-if="selectPointInfo.imageNormalUrlPath">
+            <div class="img-header-box" style="background-color: #0e3749">
+              <div class="img-header-left">正样本</div>
+            </div>
+            <AsyncImage
+              class="img-wrap"
+              fit="contain"
+              :src="selectPointInfo.imageNormalUrlPath"
+              :supportPreview="false"
+              @click="
+                onImagePreviewClicked(selectPointInfo.imageNormalUrlPath, false)
+              "
+            ></AsyncImage>
+          </div>
+          <!-- 结束 -->
+          <div class="img-wrap-box" v-if="selectPointInfo.img">
+            <div class="img-header-box">
+              <div class="img-header-left">初筛分析</div>
+              <div class="img-header-right">
+                {{
+                  `结果：${
+                    selectPointInfo.filterDesc
+                      ? selectPointInfo.filterDesc
+                      : "--"
+                  }`
+                }}
+              </div>
+            </div>
+            <AsyncImage
+              class="img-wrap"
+              fit="contain"
+              :src="selectPointInfo.img"
+              :supportPreview="false"
+              @click="onImagePreviewClicked(selectPointInfo.img, false)"
+            ></AsyncImage>
+          </div>
+          <div class="img-wrap-box" v-if="selectPointInfo.imgAnalyse">
+            <div class="img-header-box">
+              <div class="img-header-left">
+                {{
+                  selectPointInfo.algType == "meter" ? "表计识别" : "模型分析"
+                }}
+              </div>
+              <div class="img-header-right">
+                结果：{{ getAnalyResult(selectPointInfo) }}
+              </div>
+            </div>
+            <AsyncImage
+              class="img-wrap"
+              fit="contain"
+              :src="selectPointInfo.imgAnalyse"
+              :supportPreview="false"
+              @click="onImagePreviewClicked(selectPointInfo.imgAnalyse, false)"
+            ></AsyncImage>
+          </div>
+        </div>
+        <!-- 红外画框 -->
+        <div class="img-box" v-else>
+          <div class="img-wrap-box">
+            <div class="img-header-box">
+              <div class="img-header-left">红外测温</div>
+              <div class="img-header-right">
+                结果：{{ getAnalyResult(selectPointInfo) }}
+              </div>
+            </div>
+            <div
+              class="img-wrap"
+              v-if="selectPointInfo.filter == 0"
+              @dblclick="
+                onImagePreviewClicked(selectPointInfo.imgAnalyse, true)
+              "
+            >
+              <AsyncImageFrame
+                class="img-wrap"
+                fit="contain"
+                :src="selectPointInfo.imgAnalyse"
+                :supportPreview="false"
+              ></AsyncImageFrame>
+            </div>
+            <div
+              class="img-wrap"
+              v-else-if="selectPointInfo.filter == 1"
+              @dblclick="onImagePreviewClicked(selectPointInfo.img, true)"
+            >
+              <AsyncImageFrame
+                class="img-wrap"
+                fit="contain"
+                :src="selectPointInfo.img"
+                :supportPreview="false"
+              ></AsyncImageFrame>
+            </div>
+          </div>
+        </div>
+        <!-- 红外画框结束 -->
+        <div class="img-footer">
+          <div class="img-footer-time">
+            采集时间：{{ selectPointInfo.patrolTime }}
+          </div>
+        </div>
+      </div>
+      <div class="page-right">
+        <!-- 基本信息 - 标题和内容在同一行 -->
+        <div class="title-row">
+          <div class="title-wrap">基本信息</div>
+          <div class="info-items">
+            <div class="info-item">
+              <span class="info-label">任务名称：</span>
+              <span class="info-value">{{ baseInfo.taskName || "--" }}</span>
+            </div>
+            <div class="info-item">
+              <span class="info-label">任务类型：</span>
+              <span class="info-value">{{
+                baseInfo.patrolTypeText || "--"
+              }}</span>
+            </div>
+            <div class="info-item">
+              <span class="info-label">执行时间：</span>
+              <span class="info-value">{{ baseInfo.startTime || "--" }}</span>
+            </div>
+            <div class="info-item info-item-right">
+              <span class="info-label">耗时：</span>
+              <span class="info-value">{{ baseInfo.duration || "--" }}</span>
+            </div>
+          </div>
+        </div>
+
+        <!-- 结果信息区域 - 使用 taskInfo.summary 数据 -->
+        <div class="title-row">
+          <div class="title-wrap">结果信息</div>
+          <div class="info-items" v-if="hasSummaryData">
+            <div class="info-item">
+              <span class="info-label">基本总点位：</span>
+              <span class="info-value">{{ summaryData.totalPoint }}</span>
+            </div>
+            <div class="info-item">
+              <span class="info-label">已巡检：</span>
+              <span class="info-value">{{ summaryData.executedPoint }}</span>
+            </div>
+            <div class="info-item">
+              <span class="info-label">未巡检：</span>
+              <span class="info-value">{{ summaryData.unexecutedPoint }}</span>
+            </div>
+          </div>
+        </div>
+
+        <div class="query-box">
+          <el-form
+            class="result-query-box"
+            :model="queryParams"
+            ref="queryForm"
+            :inline="true"
+          >
+            <el-form-item label="点位名称">
+              <!-- 使用 el-autocomplete 替代 el-select -->
+              <el-autocomplete
+                v-model="queryParams.pointName"
+                :fetch-suggestions="querySearch"
+                placeholder="请输入或选择点位名称"
+                size="small"
+                clearable
+                style="width: 300px"
+                popper-class="custom-autocomplete-popper"
+                @select="handleSelectPointName"
+                @input="handleInputPointName"
+                @clear="handleClearPointName"
+                @keyup.enter.native="handleSearchClick"
+                ref="pointNameAutocomplete"
+              >
+                <template slot-scope="{ item }">
+                  <span>{{ item.value }}</span>
+                </template>
+              </el-autocomplete>
+            </el-form-item>
+            <el-form-item label="点位状态">
+              <el-select
+                v-model="queryParams.pointStatus"
+                filterable
+                size="small"
+                clearable
+                placeholder="请选择状态"
+                style="width: 189px"
+                @change="handleSelectPointStatus"
+                @blur="handleBlurPointStatus"
+              >
+                <el-option
+                  v-for="(item, index) in searchSourceData.listPointStatus"
+                  :key="'pointStatus_' + index"
+                  :label="item.label"
+                  :value="item.value"
+                >
+                </el-option>
+              </el-select>
+            </el-form-item>
+            <el-form-item label="异常置顶">
+              <el-switch
+                v-model="queryParams.abnormal"
+                active-color="#247382"
+                inactive-color="#101d29"
+                :active-value="1"
+                :inactive-value="0"
+                @change="handleQuery"
+                :loading="loading"
+              >
+              </el-switch>
+            </el-form-item>
+            <el-form-item label-width="90px" label="">
+              <el-button
+                type="primary"
+                icon="el-icon-search"
+                size="small"
+                @click="handleSearchClick"
+                :loading="loading"
+                >搜索</el-button
+              >
+              <el-button
+                class="detail-reset-btn"
+                icon="el-icon-refresh"
+                size="small"
+                @click="resetQuery"
+                >重置</el-button
+              >
+              <el-button
+                type="primary"
+                icon="el-icon-download"
+                size="small"
+                @click="exportData"
+                :loading="loading"
+                >导出</el-button
+              >
+            </el-form-item>
+          </el-form>
+        </div>
+
+        <!-- 表格区域 - 点位名称、状态、纠偏三列 -->
+        <div class="table-card" ref="pointTableRef">
+          <el-table
+            class="card-table"
+            :data="pointDataList"
+            :height="tableHeight"
+            v-loading="loading"
+            @row-click="onPointTableRowClicked"
+            :row-class-name="setCurrentRowClassName"
+            border
+            :stripe="false"
+          >
+            <!-- 序号列 -->
+            <el-table-column
+              label="序号"
+              type="index"
+              width="50"
+              align="center"
+              :index="getIndex"
+            />
+            <!-- 点位名称列 -->
+            <el-table-column
+              label="点位名称"
+              align="center"
+              prop="pointName"
+              min-width="150"
+            >
+              <template slot-scope="scope">
+                <span>{{ scope.row.pointName || "--" }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column
+              label="读数"
+              align="center"
+              prop="resValue"
+              v-if="baseInfo.algName != 'correction'"
+            >
+              <template slot-scope="scope">
+                <span v-if="scope.row.filterDesc == '图片异常'">--</span>
+                <span v-else>{{
+                  scope.row.algType &&
+                  (scope.row.algType.includes("infra") ||
+                    scope.row.algType === "meter" ||
+                    scope.row.algType === "gis_meter" ||
+                    scope.row.algType === "gis_meter2" ||
+                    scope.row.algType === "correction" ||
+                    scope.row.algType === "switch" ||
+                    scope.row.algType === "isolator" ||
+                    scope.row.algType === "xb")
+                    ? scope.row.resValue
+                    : "--"
+                }}</span>
+              </template>
+            </el-table-column>
+            <!-- 状态列 -->
+            <el-table-column
+              label="状态"
+              align="center"
+              prop="pointStatus"
+              min-width="120"
+            >
+              <template slot-scope="scope">
+                <div
+                  v-if="scope.row.pointStatus == 0"
+                  class="point-danger"
+                  style="color: #e93b3b"
+                >
+                  <span
+                    class="status-dot"
+                    style="background-color: #e93b3b"
+                  ></span>
+                  异常
+                </div>
+                <div
+                  v-else-if="scope.row.pointStatus == 1"
+                  class="point-success"
+                  style="color: #3CA600"
+                >
+                  <span
+                    class="status-dot"
+                    style="background-color: #3CA600"
+                  ></span>
+                  正常
+                </div>
+                <div
+                  v-else-if="scope.row.pointStatus == 2"
+                  class="point-danger"
+                  style="color: #e93b3b"
+                >
+                  <span
+                    class="status-dot"
+                    style="background-color: #e93b3b"
+                  ></span>
+                  待人工确认
+                </div>
+                <div
+                  v-else-if="scope.row.pointStatus == 3"
+                  class="point-success"
+                  style="color: #3CA600"
+                >
+                  <span
+                    class="status-dot"
+                    style="background-color: #3CA600"
+                  ></span>
+                  忽略
+                </div>
+                <div
+                  v-else-if="scope.row.pointStatus == 4"
+                  class="point-danger"
+                  style="color: #e93b3b"
+                >
+                  <span
+                    class="status-dot"
+                    style="background-color: #e93b3b"
+                  ></span>
+                  跟踪
+                </div>
+                <div
+                  v-else-if="scope.row.pointStatus == 5"
+                  class="point-danger"
+                  style="color: #e93b3b"
+                >
+                  <span
+                    class="status-dot"
+                    style="background-color: #e93b3b"
+                  ></span>
+                  确认
+                </div>
+                <div
+                  v-else-if="scope.row.pointStatus == 6"
+                  class="point-danger"
+                  style="color: #e93b3b"
+                >
+                  <span
+                    class="status-dot"
+                    style="background-color: #e93b3b"
+                  ></span>
+                  缺陷
+                </div>
+                <div v-else class="point-default" style="color: #7f8c9a">
+                  <span
+                    class="status-dot"
+                    style="background-color: #7f8c9a"
+                  ></span>
+                  --
+                </div>
+              </template>
+            </el-table-column>
+            <!-- 纠偏列 -->
+            <el-table-column
+              label="纠偏"
+              align="center"
+              width="120"
+              v-if="baseInfo.algName == 'correction'"
+            >
+              <template slot-scope="scope">
+                <el-button
+                  v-if="
+                    scope.row.resStatus === 3 || scope.row.resStatus === '3'
+                  "
+                  size="small"
+                  type="primary"
+                  @click.stop="getCorrection(scope.row)"
+                  >纠偏</el-button
+                >
+                <AsyncImage
+                  v-else-if="
+                    scope.row.resStatus === 4 || scope.row.resStatus === '4'
+                  "
+                  class="table-img"
+                  :src="scope.row.originalValue"
+                  :supportPreview="false"
+                  @click="onImagePreviewClicked(scope.row.originalValue)"
+                ></AsyncImage>
+                <span v-else class="no-data">无需纠偏</span>
+              </template>
+            </el-table-column>
+          </el-table>
+
+          <CardPagination
+            v-show="pointTotal > 0"
+            :total="pointTotal"
+            :page.sync="queryParams.pageNum"
+            :limit.sync="queryParams.pageSize"
+            @pagination="getPointList"
+          />
+        </div>
+      </div>
+    </div>
+    <el-dialog
+      title="图片预览"
+      :visible.sync="showPreviewImages"
+      :close-on-click-modal="false"
+      :close-on-press-escape="false"
+      :destroy-on-close="true"
+      custom-class="card-dialog card-page"
+      width="70%"
+      append-to-body
+    >
+      <!-- 根据 isInfrared 判断使用哪个预览组件 -->
+      <ImagePreviewZoomTemperature
+        v-if="showPreviewImages && isInfraredPreview"
+        :imageUrls="showImgesUrls"
+        :selectImgPosition="previewImagePos"
+        :showTemperatureTool="true"
+        :imageName="currentImageName"
+      />
+      <ImagePreviewZoom
+        v-else-if="showPreviewImages && !isInfraredPreview"
+        :imageUrls="showImgesUrls"
+        :selectImgPosition="previewImagePos"
+        :showTemperatureTool="false"
+      />
+    </el-dialog>
+  </CardBox>
+</template>
+
+<script>
+import CardBox from "../components/cardBox.vue";
+import CardPagination from "../components/CardPagination/index.vue";
+import debounce from "lodash.debounce";
+import { taskInfoList, taskInfoExport } from "@/api/videosMonitor/index";
+import { taskCorrection } from "@/api/screen/screen";
+import ImagePreviewZoom from "@/views/cards/components/ImagePreviewZoom/index.vue";
+import ImagePreviewZoomTemperature from "@/views/cards/components/ImagePreviewZoomTemperature/index.vue";
+import { getPatrolPointName } from "@/api/analysis/index";
+import moment from "moment";
+
+export default {
+  name: "InspectionTaskDetail",
+  components: {
+    CardBox,
+    CardPagination,
+    ImagePreviewZoom,
+    ImagePreviewZoomTemperature,
+  },
+  props: {
+    info: {
+      type: Object,
+      default: null,
+    },
+  },
+  data() {
+    return {
+      currentImageName: "",
+      isInfraredPreview: false,
+      searchSourceData: {
+        listPointName: [],
+        listPointStatus: [],
+      },
+      baseInfo: {
+        taskName: "",
+        patrolTypeText: "",
+        startTime: "",
+        duration: "",
+        algName: "",
+      },
+      taskInfo: null,
+      tableHeight: null,
+      pointDataList: [],
+      loading: true,
+      queryParams: {
+        pageNum: 1,
+        pageSize: 20,
+        pointName: null,
+        pointStatus: null,
+        abnormal: 0,
+        taskPatrolledId: null,
+        posType: null,
+        lineId: null,
+      },
+      pointTotal: 0,
+      showPreviewImages: false,
+      showImgesUrls: [],
+      previewImagePos: 0,
+      selectPointInfo: {},
+      summaryData: {
+        totalPoint: 0,
+        executedPoint: 0,
+        unexecutedPoint: 0,
+      },
+      hasSummaryData: false,
+    };
+  },
+  created() {
+    if (!this.info) {
+      this.taskInfo = JSON.parse(sessionStorage.getItem("selectInfo"));
+    } else {
+      this.taskInfo = this.info;
+    }
+
+    this.parseSummaryFromTaskInfo();
+
+    this.setTableHeight = debounce(this.setTableHeight, 300);
+    window.addEventListener("resize", this.setTableHeight);
+    this.queryParams.taskPatrolledId = this.taskInfo.taskPatrolledId;
+    this.queryParams.posType = this.taskInfo.posType;
+    this.queryParams.lineId = this.taskInfo.lineId;
+    this.getPointList();
+    this.initBaseInfo();
+  },
+  mounted() {
+    this.setTableHeight();
+    this.fnGetPatrolPointName();
+  },
+  destroyed() {
+    this.setTableHeight.cancel();
+    window.removeEventListener("resize", this.setTableHeight);
+  },
+  methods: {
+    parseSummaryFromTaskInfo() {
+      this.hasSummaryData = false;
+      this.summaryData = {
+        totalPoint: 0,
+        executedPoint: 0,
+        unexecutedPoint: 0,
+      };
+
+      if (this.taskInfo && this.taskInfo.summary) {
+        try {
+          let summaryObj;
+          if (typeof this.taskInfo.summary === "string") {
+            summaryObj = JSON.parse(this.taskInfo.summary);
+          } else {
+            summaryObj = this.taskInfo.summary;
+          }
+
+          if (summaryObj && typeof summaryObj === "object") {
+            const hasValidData =
+              summaryObj.totalPoint !== undefined ||
+              summaryObj.executedPoint !== undefined ||
+              summaryObj.unexecutedPoint !== undefined;
+
+            if (hasValidData) {
+              this.summaryData = {
+                totalPoint:
+                  summaryObj.totalPoint !== undefined
+                    ? summaryObj.totalPoint
+                    : 0,
+                executedPoint:
+                  summaryObj.executedPoint !== undefined
+                    ? summaryObj.executedPoint
+                    : 0,
+                unexecutedPoint:
+                  summaryObj.unexecutedPoint !== undefined
+                    ? summaryObj.unexecutedPoint
+                    : 0,
+              };
+              this.hasSummaryData = true;
+            }
+          }
+        } catch (error) {
+          console.error("解析 taskInfo.summary 失败：", error);
+          this.hasSummaryData = false;
+        }
+      }
+    },
+
+    calculateDuration(startTime, endTime) {
+      if (!startTime || !endTime) {
+        return "--";
+      }
+      try {
+        const start = moment(startTime);
+        const end = moment(endTime);
+        const durationMinutes = end.diff(start, "minutes");
+        if (durationMinutes < 0) {
+          return "--";
+        }
+        return `${durationMinutes}分钟`;
+      } catch (error) {
+        console.error("计算耗时出错:", error);
+        return "--";
+      }
+    },
+
+    initBaseInfo() {
+      let patrolTypeText = "";
+      const patrolType = Number(this.taskInfo.patrolType);
+      switch (patrolType) {
+        case 1:
+          patrolTypeText = "例行巡视";
+          break;
+        case 2:
+          patrolTypeText = "特殊巡视";
+          break;
+        case 3:
+          patrolTypeText = "专项巡视";
+          break;
+        case 4:
+          patrolTypeText = "自定义巡视";
+          break;
+        case 5:
+          patrolTypeText = "联动任务";
+          break;
+        case 6:
+          patrolTypeText = "静默任务";
+          break;
+        default:
+          patrolTypeText = "--";
+      }
+
+      const duration = this.calculateDuration(
+        this.taskInfo.startTime,
+        this.taskInfo.endTime
+      );
+
+      this.baseInfo = {
+        taskName: this.taskInfo.taskName || "--",
+        patrolTypeText: patrolTypeText,
+        startTime: this.taskInfo.startTime || "--",
+        duration: duration,
+        algName: this.taskInfo.algName,
+      };
+    },
+
+    // el-autocomplete 的查询方法
+    querySearch(queryString, cb) {
+      const list = this.searchSourceData.listPointName || [];
+
+      // 如果输入为空，返回所有建议
+      if (!queryString || queryString.trim() === '') {
+        const results = list.map(item => ({ value: item }));
+        cb(results);
+        return;
+      }
+
+      // 过滤匹配的建议
+      const results = list
+        .filter(item => item.toLowerCase().includes(queryString.toLowerCase()))
+        .map(item => ({ value: item }));
+
+      cb(results);
+    },
+
+    // 输入事件 - 用户输入时触发
+    handleInputPointName(value) {
+      // 直接更新 queryParams，允许用户自由编辑
+      if (value === null || value === undefined || value === '') {
+        this.queryParams.pointName = null;
+      } else {
+        this.queryParams.pointName = value;
+      }
+    },
+
+    // 选择事件 - 从下拉列表选择时触发
+    handleSelectPointName(item) {
+      // item 是选中的对象，包含 value 属性
+      const value = item && item.value ? item.value : item;
+
+      if (value && value.trim() !== '') {
+        this.queryParams.pointName = value;
+        console.log("选中的点位名称:", value);
+        // 执行查询
+        this.handleQuery();
+      }
+    },
+
+    // 清除事件
+    handleClearPointName() {
+      this.queryParams.pointName = null;
+      // 执行查询
+      this.$nextTick(() => {
+        this.handleQuery();
+      });
+    },
+
+    // 搜索按钮点击
+    handleSearchClick() {
+      // 直接使用 queryParams.pointName 的值
+      this.handleQuery();
+    },
+
+    handleSelectPointStatus(value) {
+      this.queryParams.pointStatus = value;
+      this.handleQuery();
+    },
+    handleBlurPointStatus() {
+      this.handleQuery();
+    },
+
+    setCurrentRowClassName({ row }) {
+      return row.lineId === this.selectPointInfo.lineId ? "current-row" : "";
+    },
+
+    fnGetPatrolPointName() {
+      const params = {
+        taskPatrolledId: this.queryParams.taskPatrolledId,
+        posType: this.queryParams.posType,
+        lineId: this.queryParams.lineId,
+      };
+      getPatrolPointName(params).then((res) => {
+        this.searchSourceData.listPointName = res.data?.listPointName || [];
+        this.searchSourceData.listPointStatus = res.data?.listPointStatus || [];
+      });
+    },
+
+    getIndex(index) {
+      return (
+        index + 1 + (this.queryParams.pageNum - 1) * this.queryParams.pageSize
+      );
+    },
+
+    getAnalyResult(info) {
+      const specialAlgTypes = [
+        "meter",
+        "infra 1800",
+        "infra yu3",
+        "infra_camera",
+        "infra_camera_reverse",
+        "infrared2",
+        "gis_meter",
+        "gis_meter2",
+      ];
+      const resValueStatuses = [1, 4, 5];
+      const status = Number(info.pointStatus);
+      if (info.algType === "switch") {
+        return info.resValue ? info.resValue : "--";
+      }
+      if (info.algType === "infrared") {
+        if (resValueStatuses.includes(status)) {
+          return info.resValue ? info.resValue : "--";
+        } else {
+           return info.filterDesc ? info.filterDesc : "--";
+        }
+      }
+
+      if (specialAlgTypes.includes(info.algType)) {
+        if (resValueStatuses.includes(status)) {
+          return info.resValue ? info.resValue : "--";
+        } else {
+          return info.desc ? info.desc : "--";
+        }
+      }
+
+      return info.desc ? info.desc : "--";
+    },
+
+    handleQuery() {
+      this.queryParams.pageNum = 1;
+      this.getPointList();
+    },
+
+    resetQuery() {
+      this.queryParams.pointName = null;
+      this.queryParams.pointStatus = null;
+      this.fnGetPatrolPointName();
+      this.handleQuery();
+    },
+
+    exportData() {
+      this.download(
+        "patrol/task/taskInfoExport",
+        { ...this.queryParams },
+        `任务详情_${new Date().getTime()}.xlsx`
+      );
+    },
+
+    getPointList() {
+      this.loading = true;
+      taskInfoList(this.queryParams)
+        .then((res) => {
+          this.pointDataList = res.rows || [];
+          this.pointTotal = res.total || 0;
+          if (this.pointDataList.length > 0 && !this.selectPointInfo.lineId) {
+            this.selectPointInfo = this.pointDataList[0];
+          }
+        })
+        .finally(() => {
+          this.loading = false;
+        });
+    },
+
+    getCorrection(row) {
+      this.loading = true;
+      const data = {
+        pointId: row.pointId,
+        lineId: row.lineId,
+        taskPatrolId: row.taskPatrolId,
+      };
+      taskCorrection(data)
+        .then(() => {
+          this.$modal.msgSuccess("纠偏成功");
+          this.getPointList();
+        })
+        .catch(() => {
+          this.$modal.msgError("纠偏失败");
+          this.loading = false;
+        });
+    },
+
+    onPointTableRowClicked(row) {
+      this.selectPointInfo = row;
+    },
+
+    setTableHeight() {
+      if (this.$refs.pointTableRef) {
+        this.tableHeight = this.$refs.pointTableRef.clientHeight - 40;
+      }
+    },
+
+    onImagePreviewClicked(imgUrl, isInfrared = false) {
+      if (!imgUrl) return;
+      this.previewImagePos = 0;
+      this.showImgesUrls = [imgUrl];
+      this.isInfraredPreview = isInfrared;
+      this.showPreviewImages = true;
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+.page-content {
+  width: 100%;
+  height: 100%;
+}
+.page-container {
+  height: 100%;
+  display: flex;
+  gap: 15px;
+}
+::v-deep .card-box-title-box {
+  display: none !important;
+}
+.page-left {
+  flex: 1;
+  width: 0;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  background-color: #091318;
+  padding: 0 15px;
+  .img-title {
+    font-family: PingFang SC;
+    font-weight: 500;
+    font-size: 15px;
+    color: #ffffff;
+    padding: 10px 0;
+    display: flex;
+    align-items: center;
+  }
+  .img-title:before {
+    content: "";
+    width: 16px;
+    height: 16px;
+    margin-right: 10px;
+    background-image: url("../assets/icon-title-1.png");
+    background-size: cover;
+  }
+  .img-box {
+    flex: 1;
+    height: 0;
+    display: flex;
+    flex-direction: column;
+    gap: 10px;
+    .img-wrap-box {
+      flex: 1;
+      height: 0;
+      display: flex;
+      flex-direction: column;
+      .img-header-box {
+        display: flex;
+        height: 35px;
+        align-items: center;
+        background-color: rgba(39, 129, 65, 0.7);
+        padding: 0 10px;
+        .img-header-left {
+          color: #fff;
+        }
+        .img-header-right {
+          flex: 1;
+          text-align: right;
+          color: #fff;
+        }
+      }
+      .img-wrap {
+        flex: 1;
+        height: 0;
+        background-color: #0b2e3e;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        ::v-deep .el-image__error {
+          background-color: #0b2e3e;
+        }
+      }
+    }
+  }
+  .img-footer {
+    padding: 10px 0;
+    color: #d5e3e5;
+    display: flex;
+    .img-footer-time {
+      flex: 1;
+    }
+  }
+}
+.page-right {
+  flex: 4;
+  width: 0;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+
+  .title-row {
+    display: flex;
+    align-items: center;
+    flex-wrap: wrap;
+    gap: 20px;
+    padding-bottom: 15px;
+    .title-wrap {
+      font-family: PingFang SC;
+      font-weight: bold;
+      font-size: 14px;
+      color: #40e5f0;
+      display: flex;
+      align-items: center;
+      white-space: nowrap;
+    }
+    .title-wrap:before {
+      content: "";
+      width: 16px;
+      height: 16px;
+      margin-right: 10px;
+      background-image: url("../assets/icon-title-2.png");
+      background-size: cover;
+    }
+    .info-items {
+      display: flex;
+      flex-wrap: wrap;
+      align-items: center;
+      gap: 24px;
+      flex: 1;
+      .info-item {
+        display: flex;
+        align-items: baseline;
+        .info-label {
+          color: #7f8c9a;
+          font-size: 14px;
+          margin-right: 8px;
+        }
+        .info-value {
+          color: #e1f5fe;
+          font-size: 14px;
+          font-weight: 500;
+        }
+      }
+      .info-item-right {
+        margin-left: auto;
+      }
+    }
+  }
+
+  .query-box {
+    margin-bottom: 15px;
+    .result-query-box {
+      ::v-deep .el-form-item {
+        margin-bottom: 0;
+      }
+    }
+  }
+}
+
+.table-card {
+  flex: 1;
+  height: 0;
+  ::v-deep .el-card__body {
+    height: 100%;
+  }
+}
+
+.status-dot {
+  display: inline-block;
+  width: 8px;
+  height: 8px;
+  border-radius: 50%;
+  margin-right: 6px;
+  vertical-align: middle;
+}
+
+.point-danger,
+.point-success,
+.point-default {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.table-img {
+  width: 40px;
+  height: 40px;
+  cursor: pointer;
+  border-radius: 4px;
+}
+
+.no-data {
+  color: #7f8c9a;
+}
+
+// el-autocomplete 样式
+::v-deep .el-autocomplete {
+  width: 189px;
+
+  .el-input__inner {
+    background-color: #1a2530 !important;
+    border-color: #34495e !important;
+    color: #c6d3ec !important;
+
+    &::placeholder {
+      color: #7b8ca8 !important;
+    }
+  }
+
+  .el-input__suffix {
+    color: #c6d3ec !important;
+  }
+}
+
+::v-deep .current-row {
+  background-color: #124451 !important;
+  td {
+    background-color: #124451 !important;
+    border-color: #1a5969 !important;
+  }
+  &:hover td {
+    background-color: #165666 !important;
+  }
+}
+
+::v-deep .card-table {
+  .el-table__row.current-row {
+    color: #e1f5fe;
+    .cell {
+      color: #e1f5fe;
+    }
+  }
+}
+
+.detail-reset-btn,
+.detail-reset-btn:hover,
+.detail-reset-btn:focus {
+  border: 1px solid transparent !important;
+  background:
+    linear-gradient(#01016b, #01016b) padding-box,
+    linear-gradient(135deg, #3988ff, #0351c6) border-box !important;
+  color: #43c0ff !important;
+}
+</style>
+
+<!-- 全局样式：用于 el-autocomplete 下拉菜单 -->
+<style lang="scss">
+.custom-autocomplete-popper {
+  background-color: #222f3e !important;
+  border: 1px solid #34495e !important;
+  border-radius: 4px !important;
+
+  .el-scrollbar {
+    .el-scrollbar__view {
+      li {
+        background-color: #222f3e !important;
+        color: #c6d3ec !important;
+        font-size: 14px;
+        padding: 0 20px;
+        height: 34px;
+        line-height: 34px;
+
+        &:hover {
+          background-color: #2c3e50 !important;
+        }
+
+        &.highlighted {
+          background-color: #1a5969 !important;
+          color: #40e5f0 !important;
+        }
+      }
+    }
+  }
+
+  .popper__arrow {
+    border-bottom-color: #34495e !important;
+
+    &::after {
+      border-bottom-color: #222f3e !important;
+    }
+  }
+}
+</style>
diff --git a/src/views/cards/task_statistics/task_status.vue b/src/views/cards/task_statistics/task_status.vue
new file mode 100644
index 0000000..66d5291
--- /dev/null
+++ b/src/views/cards/task_statistics/task_status.vue
@@ -0,0 +1,108 @@
+<template>
+  <div :class="['status_container', type]">
+    <div class="badge"></div>
+    <div class="text">
+      <slot> </slot>
+    </div>
+  </div>
+</template>
+<script>
+export default {
+  // "1": "success",//已执行
+  // "2": "",//正在执行 默认是正在执行
+  // "3": "warning",//暂停
+  // "4": "info",//终止
+  // "5": "notrun",//未执行
+  // "6": "danger"//已超期
+  props: {
+    type: [String],
+  },
+};
+</script>
+<style lang="scss" scoped>
+.status_container {
+  justify-content: center;
+  justify-items: center;
+  align-content: center;
+  align-items: center;
+  display: flex;
+
+  .badge {
+    margin-top: 1px;
+    margin-right: 5px;
+    width: 2px;
+    height: 2px;
+    background: #007df1;
+    border: 3px solid rgba(2, 139, 250, 0.2);
+    border-radius: 4px;
+  }
+
+  .text {
+    font-family: "PingFang SC";
+    font-style: normal;
+    font-weight: 400;
+    font-size: 14px;
+    color: #007df1;
+  }
+
+  &.success {
+    .badge {
+      /* 绿色 */
+      background: #3ca600;
+      border-color: rgba(60, 166, 0, 0.2);
+    }
+
+    .text {
+      color: #3ca600;
+    }
+  }
+
+  &.warning {
+    .badge {
+      /* 警告色 */
+      background: #eba714;
+      border-color: rgba(235, 202, 53, 0.2);
+    }
+
+    .text {
+      color: #eba714;
+    }
+  }
+
+  &.info {
+    .badge {
+      /* 终止色 */
+      background: #999;
+      border-color: rgba(0, 0, 0, 0.2);
+    }
+
+    .text {
+      color: #999;
+    }
+  }
+
+  &.notrun {
+    .badge {
+      /* 正在执行 */
+      background: #929292;
+      border-color: rgba(138, 138, 138, 0.2);
+    }
+
+    .text {
+      color: #929292;
+    }
+  }
+
+  &.danger {
+    .badge {
+      /* 已超期 */
+      background: #ff5e5e;
+      border-color: rgba(255, 91, 91, 0.2);
+    }
+
+    .text {
+      color: #ff5e5e;
+    }
+  }
+}
+</style>