From b9d41cffca38907452b8ff3f88ff23b8b4e42ecb Mon Sep 17 00:00:00 2001
From: SunTao <328867980@qq.com>
Date: Thu, 13 Feb 2025 11:34:23 +0800
Subject: [PATCH] =?UTF-8?q?fix=EF=BC=9A=E6=B5=B7=E4=BF=A1=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/xj/hisense/inter-change.js            |  53 ++++
 src/views/xj/hisense/bridge/index.vue         |  34 +++
 .../inter-change/components/add-inter.vue     |  37 +++
 src/views/xj/hisense/inter-change/index.vue   | 277 ++++++++++++++++++
 src/views/xj/hisense/ramp/index.vue           |  34 +++
 .../xj/hisense/route-information/index.vue    |  34 +++
 src/views/xj/hisense/station/index.vue        |  34 +++
 src/views/xj/hisense/task-area/index.vue      |  34 +++
 src/views/xj/hisense/tunnel/index.vue         |  34 +++
 src/views/xj/hisense/work-station/index.vue   |  35 +++
 .../components/img-dialog.vue                 |  10 +-
 .../confirmation-management/index.vue         | 244 +++------------
 12 files changed, 663 insertions(+), 197 deletions(-)
 create mode 100644 src/api/xj/hisense/inter-change.js
 create mode 100644 src/views/xj/hisense/bridge/index.vue
 create mode 100644 src/views/xj/hisense/inter-change/components/add-inter.vue
 create mode 100644 src/views/xj/hisense/inter-change/index.vue
 create mode 100644 src/views/xj/hisense/ramp/index.vue
 create mode 100644 src/views/xj/hisense/route-information/index.vue
 create mode 100644 src/views/xj/hisense/station/index.vue
 create mode 100644 src/views/xj/hisense/task-area/index.vue
 create mode 100644 src/views/xj/hisense/tunnel/index.vue
 create mode 100644 src/views/xj/hisense/work-station/index.vue

diff --git a/src/api/xj/hisense/inter-change.js b/src/api/xj/hisense/inter-change.js
new file mode 100644
index 0000000..4a04808
--- /dev/null
+++ b/src/api/xj/hisense/inter-change.js
@@ -0,0 +1,53 @@
+/*
+ * @Author: SunTao 328867980@qq.com
+ * @Date: 2025-02-13 09:11:50
+ * @LastEditors: SunTao 328867980@qq.com
+ * @LastEditTime: 2025-02-13 10:12:08
+ * @FilePath: \znxjxt-ui\src\api\xj\hisense\inter-change.js
+ * @Description: 海信-互通立交
+ */
+import request from "@/utils/request";
+
+// 获取列表数据
+export function getList(query) {
+  return request({
+    url: "/hxCross/page",
+    method: "get",
+    params: query,
+  });
+}
+
+// 新增数据
+export function add(data) {
+  return request({
+    url: "/hxCross",
+    method: "post",
+    data,
+  });
+}
+
+// 更新数据
+export function updata(data) {
+  return request({
+    url: "/hxCross",
+    method: "put",
+    data,
+  });
+}
+
+// 删除数据
+export function delData(id) {
+  return request({
+    url: `/hxCross/${id}`,
+    method: "delete",
+  });
+}
+
+// 获取互通立交下拉数据
+export function getDropDown(params) {
+  return request({
+    url: "/hxCross/dropDown",
+    method: "get",
+    params,
+  });
+}
diff --git a/src/views/xj/hisense/bridge/index.vue b/src/views/xj/hisense/bridge/index.vue
new file mode 100644
index 0000000..46b0057
--- /dev/null
+++ b/src/views/xj/hisense/bridge/index.vue
@@ -0,0 +1,34 @@
+<!--
+ * @Author: SunTao 328867980@qq.com
+ * @Date: 2025-02-12 14:35:34
+ * @LastEditors: SunTao 328867980@qq.com
+ * @LastEditTime: 2025-02-12 14:38:15
+ * @FilePath: \znxjxt-ui\src\views\xj\hisense\bridge\index.vue
+ * @Description: 海信-桥梁
+-->
+<template>
+  <div class="content">海信桥梁</div>
+</template>
+
+<script>
+export default {
+  name: "Bridge",
+  data() {
+    return {
+    }
+  },
+  mounted() {
+  },
+  methods: {
+  },
+}
+</script>
+
+<style lang="scss" scoped>
+.content {
+  width: 100%;
+  height: calc(100vh - 5.4rem);
+  padding: 1rem;
+  overflow-y: auto;
+}
+</style>
diff --git a/src/views/xj/hisense/inter-change/components/add-inter.vue b/src/views/xj/hisense/inter-change/components/add-inter.vue
new file mode 100644
index 0000000..d9dd382
--- /dev/null
+++ b/src/views/xj/hisense/inter-change/components/add-inter.vue
@@ -0,0 +1,37 @@
+<!--
+ * @Author: SunTao 328867980@qq.com
+ * @Date: 2025-02-12 16:44:44
+ * @LastEditors: SunTao 328867980@qq.com
+ * @LastEditTime: 2025-02-13 11:16:16
+ * @FilePath: \znxjxt-ui\src\views\xj\hisense\inter-change\components\add-inter.vue
+ * @Description: 海信-互通立交-新增/编辑
+-->
+<template>
+  <div class="dialog-content"></div>
+</template>
+
+<script>
+import { add, updata } from '@/api/xj/hisense/inter-change'
+
+export default {
+  name: "AddInter",
+  data() {
+    return {
+
+    }
+  },
+  methods: {
+
+  },
+  mounted() {
+
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.dialog-content {
+  width: 100%;
+  height: 40rem;
+}
+</style>
diff --git a/src/views/xj/hisense/inter-change/index.vue b/src/views/xj/hisense/inter-change/index.vue
new file mode 100644
index 0000000..1694fbc
--- /dev/null
+++ b/src/views/xj/hisense/inter-change/index.vue
@@ -0,0 +1,277 @@
+<!--
+ * @Author: SunTao 328867980@qq.com
+ * @Date: 2025-02-12 13:49:47
+ * @LastEditors: SunTao 328867980@qq.com
+ * @LastEditTime: 2025-02-13 11:30:18
+ * @FilePath: \znxjxt-ui\src\views\xj\hisense\inter-change\index.vue
+ * @Description: 海信-互通立交
+-->
+<template>
+  <div class="content">
+    <el-form :model="interForm" ref="interForm" size="small" :inline="true" label-width="5rem">
+      <el-form-item label="道路名称" prop="segmentId">
+        <el-select v-model="interForm.segmentId" placeholder="请输入企业名称" filterable remote clearable reserve-keyword
+          :filter-method="handleRemoteMethod">
+          <el-option v-for="(item, index) in segmentList" :key="`enterprise-name-${index}`" :label="item.label"
+            :value="item.value"></el-option> </el-select>
+      </el-form-item>
+      <el-form-item label="病害类型" prop="defectType">
+        <el-select v-model="interForm.defectType" placeholder="请选择病害" clearable>
+          <el-option v-for="item in tableDefect" :key="item.value" :label="item.label" :value="item.value" />
+        </el-select>
+      </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>
+    <el-row :gutter="10" class="mb8">
+      <el-col :span="1.5">
+        <el-button type="primary" plain icon="el-icon-plus" size="mini" @click="handleAdd">新增
+        </el-button>
+      </el-col>
+      <el-col :span="1.5">
+        <el-button type="danger" plain icon="el-icon-delete" size="mini" :disabled="multiple"
+          @click="handleDelete(null)">删除
+        </el-button>
+      </el-col>
+    </el-row>
+    <!-- 表格 -->
+    <el-table ref="setupTable" :data="interList" v-loading="loading" @selection-change="handleSelectionChange"
+      style="width: 100%">
+      <!-- <el-table-column type="selection" width="55" align="center" /> -->
+      <el-table-column type="index" label="序号"> </el-table-column>
+      <el-table-column label="名称" align="center" prop="name" />
+      <el-table-column label="互通立交Id" align="center" prop="crossId">
+      </el-table-column>
+      <el-table-column label="桩号" align="center" prop="stake" />
+      <el-table-column label="code" align="center" prop="code" />
+      <el-table-column label="操作" align="center" class-name="small-padding fixed-width">
+        <template slot-scope="scope">
+          <el-button size="mini" type="text" icon="el-icon-edit" @click="handleUpdate(scope.row)">编辑
+          </el-button>
+          <el-button size="mini" type="text" icon="el-icon-delete" @click="handleDelete(scope.row)">删除
+          </el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+    <!-- 分页组件 -->
+    <div class="pagination-part">
+      <el-pagination background :current-page.sync="pagination.page" @current-change="handleCurrentChange"
+        :page-sizes="[10, 20, 30, 40]" :page-size.sync="pagination.size" @size-change="handleSizeChange"
+        layout="total, sizes, prev, pager, next, jumper" :total="tableTotal">
+      </el-pagination>
+    </div>
+
+    <!-- 新增弹窗 -->
+    <el-dialog title="预警设置" :visible.sync="addVisible" width="50rem" append-to-body :close-on-click-modal="false"
+      destroy-on-close>
+      <add-inter v-if="addVisible" :tableDefect="tableDefect" :segmentList="segmentList" :dialogItem="dialogItem"
+        @cancel="addCancel"></add-inter>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import { getList, getDropDown } from "@/api/xj/hisense/inter-change"
+import AddInter from "./components/add-inter.vue"
+
+export default {
+  name: "InterChange",
+  components: {
+    AddInter,
+  },
+  data() {
+    return {
+      // 搜索绑定菜单
+      interForm: {
+        segmentId: "",
+        defectType: "",
+      },
+      searchForm: {},
+      // 路段下拉数据
+      segmentList: [],
+      // 病害下拉数据
+      tableDefect: [],
+
+      // 列表数据
+      interList: [],
+      // 列表加载状态
+      loading: false,
+      // 列表勾选框数据
+      checkIds: [],
+      // 非多个禁用
+      multiple: true,
+      // 分页-列表总数
+      tableTotal: 0,
+      // 分页-页数页码
+      pagination: {
+        page: 1,
+        size: 10,
+      },
+
+      // 新增弹窗显隐控制
+      addVisible: false,
+      // 传弹窗数据
+      dialogItem: {},
+    }
+  },
+  mounted() {
+    this.getTableData()
+    this.getDownList()
+  },
+  methods: {
+    /**
+     * @description: 模糊搜索
+     * @param {*} str 模糊搜索字段
+     * @return {*}
+     */
+    handleRemoteMethod(str) {
+      this.interForm.segmentId = str;
+      this.getDownList();
+    },
+    /**
+     * @description: 获取下拉数据
+     * @param {*}
+     * @return {*}
+     */
+    getDownList() {
+      getDropDown({ name: "" }).then(({ code, data }) => {
+        if (code === 200) {
+          this.segmentList = data
+        }
+      })
+    },
+    /**
+     * @description: 点击搜索
+     * @param {*}
+     * @return {*}
+     */
+    handleQuery() {
+      this.searchForm = JSON.parse(JSON.stringify(this.interForm));
+      this.pagination.page = 1;
+      this.getTableData();
+    },
+
+    /**
+     * @description: 点击重置
+     * @param {*}
+     * @return {*}
+     */
+    resetQuery() {
+      this.interForm = {
+        segmentId: "",
+        defectType: "",
+      }
+      this.searchForm = {}
+    },
+
+    /**
+     * @description: 点击新增事件
+     * @param {*}
+     * @return {*}
+     */
+    handleAdd() {
+      this.addVisible = true;
+      this.dialogItem = {};
+    },
+
+    /**
+     * @description: 获取列表数据
+     * @param {*}
+     * @return {*}
+     */
+    getTableData() {
+      const dataItem = {
+        ...this.searchForm,
+        ...this.pagination,
+      }
+      getList(dataItem).then(({ rows, code, total }) => {
+        if (code === 200) {
+          this.interList = rows;
+          this.total = total;
+        }
+      })
+    },
+    /**
+ * @description: 列表选择改变事件
+ * @param {*}
+ * @return {*}
+ */
+    handleSelectionChange(selection) {
+      this.checkIds = selection.map((item) => item.id);
+      this.multiple = !selection.length;
+    },
+
+    /**
+     * @description: 点击编辑事件
+     * @param {*}
+     * @return {*}
+     */
+    handleUpdate() {
+
+    },
+
+    /**
+     * @description: 点击删除事件
+     * @param {*}
+     * @return {*}
+     */
+    handleDelete(row) {
+      const checkIds = row ? row.id : this.checkIds;
+      // if (!checkIds.length) {
+      //   this.$modal.msgWarning("请选择要删除的记录");
+      //   return;
+      // }
+      this.$modal
+        .confirm(`是否确认删除选中的1条记录？`)
+        .then(() => {
+          return delWarnSetup(checkIds);
+        })
+        .then(() => {
+          this.getTableData();
+          // this.$refs.defectTable.clearSelection();
+          this.$modal.msgSuccess("删除成功");
+        })
+        .catch(() => { });
+    },
+
+    /**
+     * @description: 切换分页
+     * @param {*} arg
+     * @return {*}
+     */
+    handleCurrentChange(arg) {
+      this.pagination.page = arg;
+      this.getTableData();
+    },
+
+    /**
+     * @description: 切换每条/页
+     * @param {*} arg
+     * @return {*}
+     */
+    handleSizeChange(arg) {
+      this.pagination.size = arg;
+      this.getTableData();
+    },
+  },
+}
+</script>
+
+<style lang="scss" scoped>
+.content {
+  width: 100%;
+  height: calc(100vh - 5.4rem);
+  padding: 1rem;
+  overflow-y: auto;
+}
+
+/* 分页样式 */
+.pagination-part {
+  width: 100%;
+  display: flex;
+  padding-top: 1rem;
+  justify-content: flex-end;
+}
+</style>
diff --git a/src/views/xj/hisense/ramp/index.vue b/src/views/xj/hisense/ramp/index.vue
new file mode 100644
index 0000000..56653db
--- /dev/null
+++ b/src/views/xj/hisense/ramp/index.vue
@@ -0,0 +1,34 @@
+<!--
+ * @Author: SunTao 328867980@qq.com
+ * @Date: 2025-02-12 13:59:35
+ * @LastEditors: SunTao 328867980@qq.com
+ * @LastEditTime: 2025-02-12 13:59:54
+ * @FilePath: \znxjxt-ui\src\views\xj\hisense\ramp\index.vue
+ * @Description: 海信-匝道
+-->
+<template>
+  <div class="content">海信匝道</div>
+</template>
+
+<script>
+export default {
+  name: "Ramp",
+  data() {
+    return {
+    }
+  },
+  mounted() {
+  },
+  methods: {
+  },
+}
+</script>
+
+<style lang="scss" scoped>
+.content {
+  width: 100%;
+  height: calc(100vh - 5.4rem);
+  padding: 1rem;
+  overflow-y: auto;
+}
+</style>
diff --git a/src/views/xj/hisense/route-information/index.vue b/src/views/xj/hisense/route-information/index.vue
new file mode 100644
index 0000000..3c20e28
--- /dev/null
+++ b/src/views/xj/hisense/route-information/index.vue
@@ -0,0 +1,34 @@
+<!--
+ * @Author: SunTao 328867980@qq.com
+ * @Date: 2025-02-12 14:40:41
+ * @LastEditors: SunTao 328867980@qq.com
+ * @LastEditTime: 2025-02-12 14:40:50
+ * @FilePath: \znxjxt-ui\src\views\xj\hisense\route-information\index.vue
+ * @Description: 海信-道路信息
+-->
+<template>
+  <div class="content">海信道路信息</div>
+</template>
+
+<script>
+export default {
+  name: "RouteInformation",
+  data() {
+    return {
+    }
+  },
+  mounted() {
+  },
+  methods: {
+  },
+}
+</script>
+
+<style lang="scss" scoped>
+.content {
+  width: 100%;
+  height: calc(100vh - 5.4rem);
+  padding: 1rem;
+  overflow-y: auto;
+}
+</style>
diff --git a/src/views/xj/hisense/station/index.vue b/src/views/xj/hisense/station/index.vue
new file mode 100644
index 0000000..29600f0
--- /dev/null
+++ b/src/views/xj/hisense/station/index.vue
@@ -0,0 +1,34 @@
+<!--
+ * @Author: SunTao 328867980@qq.com
+ * @Date: 2025-02-12 14:30:43
+ * @LastEditors: SunTao 328867980@qq.com
+ * @LastEditTime: 2025-02-12 14:30:52
+ * @FilePath: \znxjxt-ui\src\views\xj\hisense\station\index.vue
+ * @Description: 海信-收费站
+-->
+<template>
+  <div class="content">海信收费站</div>
+</template>
+
+<script>
+export default {
+  name: "Station",
+  data() {
+    return {
+    }
+  },
+  mounted() {
+  },
+  methods: {
+  },
+}
+</script>
+
+<style lang="scss" scoped>
+.content {
+  width: 100%;
+  height: calc(100vh - 5.4rem);
+  padding: 1rem;
+  overflow-y: auto;
+}
+</style>
diff --git a/src/views/xj/hisense/task-area/index.vue b/src/views/xj/hisense/task-area/index.vue
new file mode 100644
index 0000000..e83642b
--- /dev/null
+++ b/src/views/xj/hisense/task-area/index.vue
@@ -0,0 +1,34 @@
+<!--
+ * @Author: SunTao 328867980@qq.com
+ * @Date: 2025-02-12 14:17:20
+ * @LastEditors: SunTao 328867980@qq.com
+ * @LastEditTime: 2025-02-12 14:17:26
+ * @FilePath: \znxjxt-ui\src\views\xj\hisense\task-area\index.vue
+ * @Description: 海信-工作区
+-->
+<template>
+  <div class="content">海信工作区</div>
+</template>
+
+<script>
+export default {
+  name: "TaskArea",
+  data() {
+    return {
+    }
+  },
+  mounted() {
+  },
+  methods: {
+  },
+}
+</script>
+
+<style lang="scss" scoped>
+.content {
+  width: 100%;
+  height: calc(100vh - 5.4rem);
+  padding: 1rem;
+  overflow-y: auto;
+}
+</style>
diff --git a/src/views/xj/hisense/tunnel/index.vue b/src/views/xj/hisense/tunnel/index.vue
new file mode 100644
index 0000000..db8a2e7
--- /dev/null
+++ b/src/views/xj/hisense/tunnel/index.vue
@@ -0,0 +1,34 @@
+<!--
+ * @Author: SunTao 328867980@qq.com
+ * @Date: 2025-02-12 15:10:59
+ * @LastEditors: SunTao 328867980@qq.com
+ * @LastEditTime: 2025-02-12 15:11:05
+ * @FilePath: \znxjxt-ui\src\views\xj\hisense\tunnel\index.vue
+ * @Description: 海信-隧道
+-->
+<template>
+  <div class="content">海信匝道</div>
+</template>
+
+<script>
+export default {
+  name: "Tunnel",
+  data() {
+    return {
+    }
+  },
+  mounted() {
+  },
+  methods: {
+  },
+}
+</script>
+
+<style lang="scss" scoped>
+.content {
+  width: 100%;
+  height: calc(100vh - 5.4rem);
+  padding: 1rem;
+  overflow-y: auto;
+}
+</style>
diff --git a/src/views/xj/hisense/work-station/index.vue b/src/views/xj/hisense/work-station/index.vue
new file mode 100644
index 0000000..9f41947
--- /dev/null
+++ b/src/views/xj/hisense/work-station/index.vue
@@ -0,0 +1,35 @@
+<!--
+ * @Author: SunTao 328867980@qq.com
+ * @Date: 2025-02-12 14:09:49
+ * @LastEditors: SunTao 328867980@qq.com
+ * @LastEditTime: 2025-02-12 14:10:04
+ * @FilePath: \znxjxt-ui\src\views\xj\hisense\work-station\index.vue
+ * @Description: 海信-工作站
+-->
+
+<template>
+  <div class="content">海信工作站</div>
+</template>
+
+<script>
+export default {
+  name: "WorkStation",
+  data() {
+    return {
+    }
+  },
+  mounted() {
+  },
+  methods: {
+  },
+}
+</script>
+
+<style lang="scss" scoped>
+.content {
+  width: 100%;
+  height: calc(100vh - 5.4rem);
+  padding: 1rem;
+  overflow-y: auto;
+}
+</style>
diff --git a/src/views/xj/inspection/confirmation-management/components/img-dialog.vue b/src/views/xj/inspection/confirmation-management/components/img-dialog.vue
index 1f6c8a1..04a1b7e 100644
--- a/src/views/xj/inspection/confirmation-management/components/img-dialog.vue
+++ b/src/views/xj/inspection/confirmation-management/components/img-dialog.vue
@@ -2,7 +2,7 @@
  * @Author: SunTao 328867980@qq.com
  * @Date: 2024-10-22 15:30:25
  * @LastEditors: SunTao 328867980@qq.com
- * @LastEditTime: 2025-02-11 14:17:00
+ * @LastEditTime: 2025-02-13 11:23:54
  * @FilePath: \znxjxt-ui\src\views\big-screen\components\img-dialog.vue
  * @Description: 大屏查看图片弹窗
 -->
@@ -130,6 +130,10 @@ export default {
       type: Object,
       default: () => { },
     },
+    dateTime: {
+      type: Array,
+      default: () => [],
+    },
     segmentList: {
       type: Array,
       default: () => [],
@@ -375,6 +379,8 @@ export default {
       const data = {
         ...this.imgForm,
         ...this.params,
+        startTime: this.dateTime ? this.dateTime[0] : "",
+        endTime: this.dateTime ? this.dateTime[1] : "",
         lastId: this.defectData[this.defectData.length - 1]?.snapshotId || "",
       };
       listDefect(data)
@@ -399,6 +405,8 @@ export default {
       this.loading = true;
       const data = {
         ...this.imgForm,
+        startTime: this.dateTime ? this.dateTime[0] : "",
+        endTime: this.dateTime ? this.dateTime[1] : "",
         page: this.pageTip,
         size: this.params.size,
         startId: this.defectData[0]?.snapshotId || "",
diff --git a/src/views/xj/inspection/confirmation-management/index.vue b/src/views/xj/inspection/confirmation-management/index.vue
index 735a271..11bc105 100644
--- a/src/views/xj/inspection/confirmation-management/index.vue
+++ b/src/views/xj/inspection/confirmation-management/index.vue
@@ -2,7 +2,7 @@
  * @Author: SunTao 328867980@qq.com
  * @Date: 2024-11-01 13:17:41
  * @LastEditors: SunTao 328867980@qq.com
- * @LastEditTime: 2025-01-10 14:44:29
+ * @LastEditTime: 2025-02-13 11:23:01
  * @FilePath: \znxjxt-ui\src\views\xj\inspection\confirmation-management\index.vue
  * @Description: 巡检信息-病害确认
 -->
@@ -10,81 +10,34 @@
 <template>
   <div class="confirmation-content">
     <!-- 搜索表单 -->
-    <el-form
-      :model="queryParams"
-      ref="queryForm"
-      size="small"
-      :inline="true"
-      label-width="100px"
-    >
+    <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" label-width="100px">
       <el-form-item label="道路名称" prop="segmentId">
-        <el-select
-          v-model="queryParams.segmentId"
-          placeholder="请选择路段"
-          clearable
-          filterable
-        >
-          <el-option
-            v-for="item in segmentList"
-            :key="item.value"
-            :label="item.label"
-            :value="item.value"
-          />
+        <el-select v-model="queryParams.segmentId" placeholder="请选择路段" clearable filterable>
+          <el-option v-for="item in segmentList" :key="item.value" :label="item.label" :value="item.value" />
         </el-select>
       </el-form-item>
       <el-form-item label="采集时间" prop="dateTime">
-        <el-date-picker
-          v-model="dateTime"
-          type="daterange"
-          start-placeholder="开始日期"
-          end-placeholder="结束日期"
-          format="yyyy-MM-dd"
-          value-format="yyyy-MM-dd"
-          clearable
-        />
+        <el-date-picker v-model="dateTime" type="daterange" start-placeholder="开始日期" end-placeholder="结束日期"
+          format="yyyy-MM-dd" value-format="yyyy-MM-dd" clearable />
       </el-form-item>
       <el-form-item label="病害类型" prop="paramsDefectType">
-        <el-cascader
-          v-model="paramsDefectType"
-          :options="tableDefect"
-          :props="{
-            checkStrictly: true,
-            emitPath: true,
-            children: 'subTypes',
-          }"
-          clearable
-        ></el-cascader>
+        <el-cascader v-model="paramsDefectType" :options="tableDefect" :props="{
+          checkStrictly: true,
+          emitPath: true,
+          children: 'subTypes',
+        }" clearable></el-cascader>
       </el-form-item>
       <el-form-item label="上下行" prop="inspectDirection">
-        <el-select
-          v-model="queryParams.inspectDirection"
-          placeholder="请选择"
-          clearable
-        >
+        <el-select v-model="queryParams.inspectDirection" placeholder="请选择" clearable>
           <el-option label="上行" value="0" />
           <el-option label="下行" value="1" />
         </el-select>
       </el-form-item>
       <el-form-item label="公里桩" prop="stakeRange">
-        <el-input
-          v-model="queryParams.stakeStart"
-          placeholder="起始公里桩"
-          style="width: 10rem"
-          clearable
-        />
+        <el-input v-model="queryParams.stakeStart" placeholder="起始公里桩" style="width: 10rem" clearable />
         <span style="margin: 0 5px">-</span>
-        <el-input
-          v-model="queryParams.stakeEnd"
-          placeholder="终止公里桩"
-          style="width: 10rem"
-          clearable
-        />
-        <el-tooltip
-          class="item"
-          effect="dark"
-          content="格式为K0000+000"
-          placement="top"
-        >
+        <el-input v-model="queryParams.stakeEnd" placeholder="终止公里桩" style="width: 10rem" clearable />
+        <el-tooltip class="item" effect="dark" content="格式为K0000+000" placement="top">
           <i class="el-icon-info"></i>
         </el-tooltip>
       </el-form-item>
@@ -99,111 +52,53 @@
         </el-select>
       </el-form-item> -->
       <el-form-item label="病害长度" prop="lengthRange">
-        <el-input-number
-          v-model="queryParams.minLen"
-          controls-position="right"
-          placeholder="最小长度"
-          :min="0"
-        ></el-input-number>
+        <el-input-number v-model="queryParams.minLen" controls-position="right" placeholder="最小长度"
+          :min="0"></el-input-number>
         <span style="margin: 0 5px">-</span>
-        <el-input-number
-          v-model="queryParams.maxLen"
-          controls-position="right"
-          placeholder="最大长度"
-          :min="0"
-        ></el-input-number>
+        <el-input-number v-model="queryParams.maxLen" controls-position="right" placeholder="最大长度"
+          :min="0"></el-input-number>
       </el-form-item>
       <el-form-item label="病害面积" prop="areaRange">
-        <el-input-number
-          v-model="queryParams.minArea"
-          controls-position="right"
-          placeholder="最小面积"
-          :min="0"
-        ></el-input-number>
+        <el-input-number v-model="queryParams.minArea" controls-position="right" placeholder="最小面积"
+          :min="0"></el-input-number>
         <span style="margin: 0 5px">-</span>
-        <el-input-number
-          v-model="queryParams.maxArea"
-          controls-position="right"
-          placeholder="最大面积"
-          :min="0"
-        ></el-input-number>
+        <el-input-number v-model="queryParams.maxArea" controls-position="right" placeholder="最大面积"
+          :min="0"></el-input-number>
       </el-form-item>
       <el-form-item label="病害id" prop="id">
-        <el-input
-          v-model="queryParams.id"
-          placeholder="请填写病害id"
-          style="width: 10rem"
-          clearable
-        />
+        <el-input v-model="queryParams.id" placeholder="请填写病害id" style="width: 10rem" clearable />
       </el-form-item>
       <el-form-item label="快照id" prop="snapshotId">
-        <el-input
-          v-model="queryParams.snapshotId"
-          placeholder="请填写快照id"
-          style="width: 10rem"
-          clearable
-        />
+        <el-input v-model="queryParams.snapshotId" placeholder="请填写快照id" style="width: 10rem" clearable />
       </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-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>
 
     <!-- 操作按钮 -->
     <el-row :gutter="10" class="mb8">
       <el-col :span="1.5">
-        <el-button
-          type="success"
-          plain
-          icon="el-icon-check"
-          size="mini"
-          :disabled="multiple"
-          @click="handleConfirm(2)"
-          >是病害
+        <el-button type="success" plain icon="el-icon-check" size="mini" :disabled="multiple"
+          @click="handleConfirm(2)">是病害
         </el-button>
       </el-col>
       <el-col :span="1.5">
-        <el-button
-          type="primary"
-          plain
-          icon="el-icon-collection-tag"
-          size="mini"
-          :disabled="multiple"
-          @click="handleConfirm(4)"
-          >是病害(不紧急)
+        <el-button type="primary" plain icon="el-icon-collection-tag" size="mini" :disabled="multiple"
+          @click="handleConfirm(4)">是病害(不紧急)
         </el-button>
       </el-col>
       <el-col :span="1.5">
-        <el-button
-          type="warning"
-          plain
-          icon="el-icon-close"
-          size="mini"
-          :disabled="multiple"
-          @click="handleConfirm(3)"
-          >不是病害
+        <el-button type="warning" plain icon="el-icon-close" size="mini" :disabled="multiple"
+          @click="handleConfirm(3)">不是病害
         </el-button>
       </el-col>
     </el-row>
 
     <!-- 数据表格 -->
-    <el-table
-      ref="defectTable"
-      v-loading="loading"
-      :data="confirmationtList"
-      @selection-change="handleSelectionChange"
-      @sort-change="filterHandler"
-      style="width: 100%"
-    >
+    <el-table ref="defectTable" v-loading="loading" :data="confirmationtList" @selection-change="handleSelectionChange"
+      @sort-change="filterHandler" style="width: 100%">
       <el-table-column type="selection" width="55" align="center" />
       <el-table-column label="路段名称" align="center" prop="segmentName" />
       <el-table-column label="采集时间" align="center" prop="createdTime">
@@ -224,51 +119,26 @@
           }}</span>
         </template>
       </el-table-column>
-      <el-table-column
-        label="开始桩号"
-        sortable="custom"
-        align="center"
-        prop="stake_start"
-      >
+      <el-table-column label="开始桩号" sortable="custom" align="center" prop="stake_start">
         <template slot-scope="scope">
           {{ scope.row.stakeStart }}
         </template>
       </el-table-column>
-      <el-table-column
-        label="结束桩号"
-        sortable="custom"
-        align="center"
-        prop="stake_end"
-      >
+      <el-table-column label="结束桩号" sortable="custom" align="center" prop="stake_end">
         <template slot-scope="scope">
           {{ scope.row.stakeEnd }}
         </template>
       </el-table-column>
       <el-table-column label="病害图片" align="center" prop="media">
         <template slot-scope="scope">
-          <img
-            @click="showScreenImg(scope.row, scope.$index)"
-            height="50"
-            :src="scope.row.mediaUrl"
-          />
+          <img @click="showScreenImg(scope.row, scope.$index)" height="50" :src="scope.row.mediaUrl" />
         </template>
       </el-table-column>
-      <el-table-column
-        label="病害长度"
-        sortable="custom"
-        align="center"
-        prop="target_len"
-      >
+      <el-table-column label="病害长度" sortable="custom" align="center" prop="target_len">
         <template slot-scope="scope">
-          {{ scope.row.targetLen * 1 <= 0 ? "" : `${scope.row.targetLen}米` }}
-        </template>
+          {{ scope.row.targetLen * 1 <= 0 ? "" : `${scope.row.targetLen}米` }} </template>
       </el-table-column>
-      <el-table-column
-        label="病害面积"
-        sortable="custom"
-        align="center"
-        prop="target_area"
-      >
+      <el-table-column label="病害面积" sortable="custom" align="center" prop="target_area">
         <template slot-scope="scope">
           {{ scope.row.targetArea }}
         </template>
@@ -276,35 +146,17 @@
     </el-table>
     <!-- 分页组件 -->
     <div class="pagination-part">
-      <el-pagination
-        background
-        :current-page.sync="pagination.page"
-        @current-change="handleCurrentChange"
-        :page-sizes="[10, 20, 30, 40]"
-        :page-size.sync="pagination.size"
-        @size-change="handleSizeChange"
-        layout="total, sizes, prev, pager, next, jumper"
-        :total="tableTotal"
-      >
+      <el-pagination background :current-page.sync="pagination.page" @current-change="handleCurrentChange"
+        :page-sizes="[10, 20, 30, 40]" :page-size.sync="pagination.size" @size-change="handleSizeChange"
+        layout="total, sizes, prev, pager, next, jumper" :total="tableTotal">
       </el-pagination>
     </div>
 
     <!-- 详情图片弹窗 -->
-    <el-dialog
-      title="详情"
-      :visible.sync="showImageDialog"
-      width="73%"
-      append-to-body
-      :close-on-click-modal="false"
-      destroy-on-close
-      @close="imgCancel"
-    >
-      <img-dialog
-        v-if="showImageDialog"
-        :segmentList="segmentList"
-        :imageItem="imageItem"
-        :searchForm="searchForm"
-      ></img-dialog>
+    <el-dialog title="详情" :visible.sync="showImageDialog" width="73%" append-to-body :close-on-click-modal="false"
+      destroy-on-close @close="imgCancel">
+      <img-dialog v-if="showImageDialog" :segmentList="segmentList" :imageItem="imageItem" :searchForm="searchForm"
+        :dateTime="dateTime"></img-dialog>
     </el-dialog>
   </div>
 </template>