feat:增加批量删除待复核按钮

-import request from "@/utils/request";
-
-export function scanList(query) {
-  return request({
-    url: "/scan/task/queryPage",
-    method: "get",
-    params: query,
-  });
-}
-
-export function scanOrderList(query) {
-  return request({
-    url: "/scan/order/queryPage",
-    method: "get",
-    params: query,
-  });
-}
-
-export function scanOrderDetailList(query) {
-  return request({
-    url: "/scan/specification/queryPage",
-    method: "get",
-    params: query,
-  });
-}
-
-
-
-export function scanSpecQueryList(query) {
-  return request({
-    url: "/scanSpec/queryList",
-    method: "GET",
-    params: query,
-  });
-}
-
-export function scanTaskdetal(id) {
-  return request({
-    url: "/scanTask/" + id,
-    method: "GET"
-  });
-}
-
-export function scanResultTypeList(query) {
-  return request({
-    url: "/sorting/queryScanResultType",
-    method: "GET",
-    params: query,
-  });
-}
-
-
-export function deviceTypeQueryList(query) {
-  return request({
-    url: "/deviceType/queryList",
-    method: "GET",
-    params: query,
-  });
-}
-export function sortingStationQueryList(query) {
-  return request({
-    url: "/sorting/queryPage",
-    method: "GET",
-    params: query,
-  });
-}
-
-export function businesseQueryList(query) {
-  return request({
-    url: "/business/queryPage",
-    method: "GET",
-    params: query,
-  });
-}
-
-export function taskList(query) {
-  return request({
-    url: "/scanTask/queryPage",
-    method: "GET",
-    params: query,
-  });
-}
-
-
-
-export function editSortingStation(query) {
-  return request({
-    url: "/sorting",
-    method: "PUT",
-    data: query,
-  });
-}
-
-export function addSortingStation(query) {
-  return request({
-    url: "/sorting",
-    method: "POST",
-    data: query,
-  });
-}
-
-export function addScanItem(query) {
-  return request({
-    url: "/scanItem",
-    method: "POST",
-    data: query,
-  });
-}
-
-export function deleteScanItem(id) {
-  return request({
-    url: "/scanItem/" + id,
-    method: "DELETE",
-  });
-}
-
-export function editScanSpec(query) {
-  return request({
-    url: "/scanSpec",
-    method: "PUT",
-    data: query,
-  });
-}
-
-
-export function editStore(query) {
-  return request({
-    url: "/business",
-    method: "PUT",
-    data: query,
-  });
-}
-
-export function deleteStore(id) {
-  return request({
-    url: "/business/" + id,
-    method: "DELETE",
-  });
-}
-
-
-
-export function addScanOrder(query) {
-  return request({
-    url: "/scan/order",
-    method: "POST",
-    data: query,
-  });
-}
-
-export function addScanSpec(query) {
-  return request({
-    url: "/scanSpec",
-    method: "POST",
-    data: query,
-  });
-}
-
-export function scanTaskQueryList(query) {
-  return request({
-    url: "/scanItem/queryPage",
-    method: "GET",
-    params: query,
-  });
-}
-
-
-export function editScanTask(query) {
-  return request({
-    url: "/scanTask",
-    method: "PUT",
-    data: query,
-  });
-}
-
-export function startTask(id) {
-  return request({
-    url: `/scanTask/${id}/start`,
-    method: "PUT"
-  });
-}
-
-export function pauseTask(id) {
-  return request({
-    url: `/scanTask/${id}/pause`,
-    method: "PUT"
-  });
-}
-
-
-export function finishedTask(id) {
-  return request({
-    url: `/scanTask/${id}/finish`,
-    method: "PUT"
-  });
-}
-
-
-export function searchBusinessInfo(query) {
-  return request({
-    url: "/business/detailByNumber",
-    method: "GET",
-    params: query,
-  });
-}
-
-export function addScanTask(query) {
-  return request({
-    url: "/scanTask",
-    method: "POST",
-    data: query,
-  });
-}
-
-export function scanCode(query) {
-  return request({
-    url: "/scanLog/latest",
-    method: "GET",
-    params: query,
-  });
-}
-
-
-
-export function deleteScanSpec(id) {
-  return request({
-    url: "/scanSpec/" + id,
-    method: "DELETE"
-  });
-}
-
-
-
-export function scanTaskDetail(id) {
-  return request({
-    url: "/scan/task/" + id,
-    method: "GET",
-  });
-}
-
-export function scanDetailOrder(id) {
-  return request({
-    url: "/scan/order/" + id,
-    method: "GET",
-  });
-}
-
+import request from "@/utils/request";
+
+export function scanList(query) {
+  return request({
+    url: "/scan/task/queryPage",
+    method: "get",
+    params: query,
+  });
+}
+
+export function scanOrderList(query) {
+  return request({
+    url: "/scan/order/queryPage",
+    method: "get",
+    params: query,
+  });
+}
+
+export function scanOrderDetailList(query) {
+  return request({
+    url: "/scan/specification/queryPage",
+    method: "get",
+    params: query,
+  });
+}
+
+
+
+export function scanSpecQueryList(query) {
+  return request({
+    url: "/scanSpec/queryList",
+    method: "GET",
+    params: query,
+  });
+}
+
+export function scanTaskdetal(id) {
+  return request({
+    url: "/scanTask/" + id,
+    method: "GET"
+  });
+}
+
+export function scanResultTypeList(query) {
+  return request({
+    url: "/sorting/queryScanResultType",
+    method: "GET",
+    params: query,
+  });
+}
+
+
+export function deviceTypeQueryList(query) {
+  return request({
+    url: "/deviceType/queryList",
+    method: "GET",
+    params: query,
+  });
+}
+export function sortingStationQueryList(query) {
+  return request({
+    url: "/sorting/queryPage",
+    method: "GET",
+    params: query,
+  });
+}
+
+export function businesseQueryList(query) {
+  return request({
+    url: "/business/queryPage",
+    method: "GET",
+    params: query,
+  });
+}
+
+export function taskList(query) {
+  return request({
+    url: "/scanTask/queryPage",
+    method: "GET",
+    params: query,
+  });
+}
+
+
+
+export function editSortingStation(query) {
+  return request({
+    url: "/sorting",
+    method: "PUT",
+    data: query,
+  });
+}
+
+export function addSortingStation(query) {
+  return request({
+    url: "/sorting",
+    method: "POST",
+    data: query,
+  });
+}
+
+export function addScanItem(query) {
+  return request({
+    url: "/scanItem",
+    method: "POST",
+    data: query,
+  });
+}
+
+export function deleteScanItem(id) {
+  return request({
+    url: "/scanItem/" + id,
+    method: "DELETE",
+  });
+}
+
+export function editScanSpec(query) {
+  return request({
+    url: "/scanSpec",
+    method: "PUT",
+    data: query,
+  });
+}
+
+
+export function editStore(query) {
+  return request({
+    url: "/business",
+    method: "PUT",
+    data: query,
+  });
+}
+
+export function deleteStore(id) {
+  return request({
+    url: "/business/" + id,
+    method: "DELETE",
+  });
+}
+
+
+
+export function addScanOrder(query) {
+  return request({
+    url: "/scan/order",
+    method: "POST",
+    data: query,
+  });
+}
+
+export function addScanSpec(query) {
+  return request({
+    url: "/scanSpec",
+    method: "POST",
+    data: query,
+  });
+}
+
+export function scanTaskQueryList(query) {
+  return request({
+    url: "/scanItem/queryPage",
+    method: "GET",
+    params: query,
+  });
+}
+
+
+export function editScanTask(query) {
+  return request({
+    url: "/scanTask",
+    method: "PUT",
+    data: query,
+  });
+}
+
+export function startTask(id) {
+  return request({
+    url: `/scanTask/${id}/start`,
+    method: "PUT"
+  });
+}
+
+export function pauseTask(id) {
+  return request({
+    url: `/scanTask/${id}/pause`,
+    method: "PUT"
+  });
+}
+
+
+export function finishedTask(id) {
+  return request({
+    url: `/scanTask/${id}/finish`,
+    method: "PUT"
+  });
+}
+
+
+export function searchBusinessInfo(query) {
+  return request({
+    url: "/business/detailByNumber",
+    method: "GET",
+    params: query,
+  });
+}
+
+export function addScanTask(query) {
+  return request({
+    url: "/scanTask",
+    method: "POST",
+    data: query,
+  });
+}
+
+export function scanCode(query) {
+  return request({
+    url: "/scanLog/latest",
+    method: "GET",
+    params: query,
+  });
+}
+
+
+
+export function deleteScanSpec(id) {
+  return request({
+    url: "/scanSpec/" + id,
+    method: "DELETE"
+  });
+}
+
+
+
+export function scanTaskDetail(id) {
+  return request({
+    url: "/scan/task/" + id,
+    method: "GET",
+  });
+}
+
+export function scanDetailOrder(id) {
+  return request({
+    url: "/scan/order/" + id,
+    method: "GET",
+  });
+}
+
+
+export function deleteReviewItemTask(id) {
+  return request({
+    url: `/scanTask/${id}/reviewItem`,
+    method: "DELETE",
+  });
+}
+

-<template>
-  <div class="app-container">
-    <el-descriptions title="" column="3">
-      <el-descriptions-item label="任务ID:">{{
-        detailData.id
-      }}</el-descriptions-item>
-      <el-descriptions-item label="任务名称:">{{
-        detailData.name
-      }}</el-descriptions-item>
-      <el-descriptions-item label="创建时间:">{{
-        detailData.createTime
-      }}</el-descriptions-item>
-      <el-descriptions-item label="分拣数量:">{{
-        detailData.totalItemCount
-      }}</el-descriptions-item>
-      <!-- <el-descriptions-item label="营业厅代码:">{{
-        route.query.bookingRef
-      }}</el-descriptions-item> -->
-      <el-descriptions-item label="对应营业厅:">{{
-        detailData.businessName
-      }}</el-descriptions-item>
-    </el-descriptions>
-    <el-divider></el-divider>
-    <el-form
-      v-if="false"
-      :model="queryParams"
-      ref="queryRef"
-      v-show="showSearch"
-      :inline="true"
-      label-width="100px"
-      label-position="left"
-    >
-      <el-form-item label="Type:" prop="type">
-        <el-input
-          v-model="queryParams.type"
-          placeholder="Please enter type"
-          clearable
-          style="width: 240px"
-          @keyup.enter="handleQuery"
-        />
-      </el-form-item>
-      <el-form-item label="Trans:" prop="trans">
-        <el-input
-          v-model="queryParams.trans"
-          placeholder="Please enter trans"
-          clearable
-          style="width: 240px"
-          @keyup.enter="handleQuery"
-        />
-      </el-form-item>
-      <el-form-item label="Contract No:" prop="contractNo">
-        <el-input
-          v-model="queryParams.contractNo"
-          placeholder="Please enter contractNo"
-          clearable
-          style="width: 240px"
-          @keyup.enter="handleQuery"
-        />
-      </el-form-item>
-      <el-form-item label="Del:" prop="del">
-        <el-input
-          v-model="queryParams.del"
-          placeholder="Please enter del"
-          clearable
-          style="width: 240px"
-          @keyup.enter="handleQuery"
-        />
-      </el-form-item>
-      <el-form-item label="EX-Fact:" prop="exFact">
-        <el-input
-          v-model="queryParams.exFact"
-          placeholder="Please enter exFact"
-          clearable
-          style="width: 240px"
-          @keyup.enter="handleQuery"
-        />
-      </el-form-item>
-      <el-form-item>
-        <el-button type="primary" icon="Search" @click="handleQuery"
-          >Search</el-button
-        >
-        <el-button icon="Refresh" @click="resetQuery">Reset</el-button>
-      </el-form-item>
-    </el-form>
-    <div class="title">任务详情</div>
-
-    <right-toolbar
-      v-model:showSearch="showSearch"
-      :search="false"
-      @queryTable="getList"
-    >
-      <el-row :gutter="10" class="mb8">
-        <el-col :span="1.5">
-          <el-button type="primary" plain :disabled="detailData.status !== 'ONGOING'"  icon="Plus" @click="addTask"
-            >新增</el-button
-          >
-        </el-col>
-        <el-col :span="1.5">
-          <el-button
-            type="primary"
-            plain
-            icon="Download"
-            @click="handleExportDiff"
-            >导出回收差异表</el-button
-          >
-        </el-col>
-        <el-col :span="1.5">
-          <el-button
-            type="primary"
-            plain
-            icon="Download"
-            @click="handleExportResult"
-            >导出分拣结果表</el-button
-          >
-        </el-col>
-      </el-row>
-    </right-toolbar>
-
-    <!-- Table Data -->
-    <el-table v-loading="loading" :data="dataList">
-      <el-table-column
-        v-for="(column, columnIndex) in columnList"
-        :key="columnIndex"
-        :label="column.label"
-        :prop="column.prop"
-        :show-overflow-tooltip="column.showOverflowTooltip || true"
-        :align="column.align || 'center'"
-        :width="column.width || 'auto'"
-      >
-        <template #default="scope">
-          <span
-            v-if="column.prop === 'status'"
-            :style="{
-              fontWeight: 500,
-              color:
-                scope.row[column.prop] == 'COMPLETED'
-                  ? '#27B148'
-                  : scope.row[column.prop] === 'WAITING'
-                  ? '#ff6200'
-                  : '#409EFF',
-            }"
-          >
-            {{ scope.row[column.prop] || "/" }}
-          </span>
-          <span v-else>{{ scope.row[column.prop] || "/" }}</span>
-        </template>
-      </el-table-column>
-
-      <el-table-column
-        label="操作"
-        fixed="right"
-        align="center"
-        class-name="small-padding fixed-width"
-      >
-        <template #default="scope">
-          <el-tooltip content="删除" placement="top">
-            <el-button
-              link
-              type="primary"
-              @click="delItem(scope.row)"
-              >删除</el-button
-            >
-          </el-tooltip>
-        </template>
-      </el-table-column>
-    </el-table>
-
-    <pagination
-      v-show="total > 0"
-      :total="total"
-      layout="prev, pager, next"
-      v-model:page="queryParams.pageNo"
-      v-model:limit="queryParams.pageSize"
-      @pagination="getList"
-    />
-
-    <!-- Add or Edit User Config Dialog -->
-    <el-dialog :title="title" v-model="open" width="500px" append-to-body>
-      <el-form :model="form" :rules="rules" @submit.prevent ref="userRef" label-width="120px">
-        <el-row>
-          <el-col :span="24">
-            <el-form-item label="串码" prop="barcode">
-              <el-input v-model="form.barcode" placeholder="请输入串码" />
-            </el-form-item>
-          </el-col>
-        </el-row>
-      </el-form>
-      <template #footer>
-        <div class="dialog-footer">
-          <el-button type="primary" :loading="isLoading" @click="submitForm">确认</el-button>
-          <el-button @click="() => (open = false)">取消</el-button>
-        </div>
-      </template>
-    </el-dialog>
-
-    <el-dialog
-      :title="upload.title"
-      v-model="upload.open"
-      width="400px"
-      append-to-body
-    >
-      <el-upload
-        ref="uploadRef"
-        :limit="1"
-        accept=".xlsx, .xls"
-        :headers="upload.headers"
-        :action="upload.url"
-        :disabled="upload.isUploading"
-        :on-progress="handleFileUploadProgress"
-        :on-success="handleFileSuccess"
-        :auto-upload="false"
-        drag
-      >
-        <el-icon class="el-icon--upload"><upload-filled /></el-icon>
-        <div class="el-upload__text">
-          Drag file here, or <em>click to upload</em>
-        </div>
-        <template #tip>
-          <div class="el-upload__tip text-center">
-            <span>Only xls, xlsx files are allowed.</span>
-            <!-- <el-link
-                type="primary"
-                :underline="false"
-                style="font-size: 12px; vertical-align: baseline"
-                @click="importTemplate"
-              >Download Template</el-link> -->
-          </div>
-        </template>
-      </el-upload>
-      <template #footer>
-        <div class="dialog-footer">
-          <el-button type="primary" @click="submitFileForm">Confirm</el-button>
-          <el-button @click="upload.open = false">Cancel</el-button>
-        </div>
-      </template>
-    </el-dialog>
-  </div>
-</template> 
-
-<script setup>
-import { getToken } from "@/utils/auth";
-import { formatDate } from "@/utils/index";
-
-import { onMounted, ref } from "vue";
-import { addScanItem, scanTaskdetal,  scanTaskQueryList,deleteScanItem } from "@/api/system/scan";
-
-const router = useRouter();
-const route = useRoute();
-const { proxy } = getCurrentInstance();
-
-const dataList = ref([]);
-const loading = ref(true);
-const showSearch = ref(true);
-const total = ref(0);
-const dateRange = ref([]);
-
-const columnList = ref([
-  {
-    label: "设备类型",
-    prop: "deviceTypeName",
-    width: 100,
-  },
-  {
-    label: "规格型号",
-    prop: "model",
-    width: 150,
-  },
-  {
-    label: "串码",
-    prop: "barcode",
-    width: 150,
-  },
-  {
-    label: "重量",
-    prop: "weight",
-    width: 150,
-  },
-  {
-    label: "状态",
-    prop: "status",
-    width: 150,
-  },
-  {
-    label: "分拣时间",
-    prop: "scanTime",
-    width: 200,
-  },
-  {
-    label: "分拣结果",
-    prop: "scanResult"
-  },
-  {
-    label: "备注",
-    prop: "remark",
-    width: 200
-  },
-  {
-    label: "分拣人",
-    prop: "scanBy",
-    width: 150,
-  },
-  {
-    label: "分检口号",
-    prop: "sortingNo",
-    width: 150
-  },
-  {
-    label: "袋码",
-    prop: "scanBoxNumber",
-    width: 180
-  },
-]);
-
-const data = reactive({
-  form: {},
-  queryParams: {
-    pageNo: 1,
-    pageSize: 10,
-    scanTaskId: route.query.scanTaskId
-  },
-  rules: {
-    barcode: [{ required: true, message: "请输入串码", trigger: "blur" }],
-  },
-});
-
-const { queryParams, form, rules } = toRefs(data);
-
-const open = ref(false);
-const title = ref("");
-const isLoading = ref(false)
-function submitForm() {
-  proxy.$refs["userRef"].validate((valid) => {
-    if (valid) {
-      isLoading.value = true
-      addScanItem({
-        ...form.value,
-        scanTaskId:route.query.scanTaskId
-      }).then((response) => {
-        proxy.$modal.msgSuccess("新增成功！");
-        open.value = false;
-        
-        getList();
-      }).finally(() => {
-        isLoading.value = false
-      })
-    }
-  });
-}
-
-const addTask = () => {
-  reset();
-  title.value = '新增任务'
-  open.value = true
-}
-
-const delItem = (row) => {
-  proxy.$modal
-    .confirm("确认删除？")
-    .then(() => {
-      deleteScanItem(row.id).then((response) => {
-        proxy.$modal.msgSuccess("删除成功！");
-        getList();
-      });
-    })
-    .catch(() => {
-      proxy.$modal.msgWarning("已取消");
-    });
-};
-
-const handleExportDiff = () => {
-  proxy.download(
-    "/scanSpec/difference/export",
-    {
-      scanTaskId:route.query.scanTaskId,
-      status:'COMPLETED'
-    },
-    `回收差异表.xlsx`,
-    {
-      headers: {}
-    },
-    false
-  );
-};
-
-const handleExportResult = () => {
-  proxy.download(
-    "/scanItem/result/export",
-    {
-      scanTaskId:route.query.scanTaskId,
-      status:'COMPLETED'
-    },
-    `分拣结果表.xlsx`,
-    {
-      headers: {}
-    },
-    false
-  );
-};
-// Reset operation form
-function reset() {
-  form.value = {
-    scanTaskId: route.query.scanTaskId,
-    barcode: undefined
-  };
-  proxy.resetForm("userRef");
-}
-
-function handleAdd() {
-  reset();
-  open.value = true;
-  title.value = "Add Order";
-}
-
-// Query list
-const getList = () => {
-  loading.value = true;
-  scanTaskQueryList(proxy.addDateRange(queryParams.value, dateRange.value)).then(
-    (res) => {
-      loading.value = false;
-      dataList.value = res.data.records.map(item => ({
-        ...item,
-        scanTime:formatDate(item.scanTime)
-      }))
-      total.value = res.data.total;
-    }
-  );
-};
-
-// Search button operation
-const handleQuery = () => {
-  queryParams.value.pageNo = 1;
-  getList();
-};
-
-// Reset button operation
-const resetQuery = () => {
-  dateRange.value = [];
-  proxy.resetForm("queryRef");
-  handleQuery();
-};
-
-const upload = reactive({
-  open: false,
-  title: "Import",
-  isUploading: false,
-  updateSupport: 0,
-  headers: { Authorization: "Bearer " + getToken() },
-  url: import.meta.env.VITE_APP_BASE_API + "/scan/specification/import",
-});
-
-const uploadRef = ref(null);
-
-const handleImport = () => {
-  upload.title = "Import";
-  upload.open = true;
-  upload.isUploading = false;
-  upload.updateSupport = 0;
-};
-
-const handleFileUploadProgress = (event, file, fileList) => {
-  upload.isUploading = true;
-};
-
-const handleFileSuccess = (response, file, fileList) => {
-  upload.isUploading = false;
-  if (response.code === 200) {
-    upload.open = false;
-    proxy.$modal.msgSuccess(response.msg);
-    getList(); // Refresh main table
-  } else {
-    proxy.$modal.msgError(response.msg);
-  }
-};
-
-const importTemplate = () => {
-  proxy.download("/system/user/importTemplate");
-};
-
-const submitFileForm = () => {
-  uploadRef.value.submit();
-};
-
-const enterDetail = (row) => {
-  router.push({
-    path: "/scan-manage/order-manage/order-detail",
-    query: {
-      scanTaskId: row.scanTaskId,
-      scanOrderId: row.id,
-    },
-  });
-};
-
-const detailData = ref({});
-const getDetail = () => {
-  scanTaskdetal(proxy.$route.query.scanTaskId).then((res) => {
-    detailData.value = res.data;
-    detailData.value.createTime = formatDate(detailData.value.createTime)
-  });
-};
-
-onMounted(() => {
-  getList();
-  getDetail();
-});
-</script>
-
-<style lang="scss" scoped>
-.el-divider--horizontal {
-  margin: 10px 0 24px;
-}
-
-.title {
-  font-weight: 500;
-  margin: 20px 0px 10px;
-}
-</style>
+<template>
+  <div class="app-container">
+    <el-descriptions title="" column="3">
+      <el-descriptions-item label="任务ID:">{{
+        detailData.id
+      }}</el-descriptions-item>
+      <el-descriptions-item label="任务名称:">{{
+        detailData.name
+      }}</el-descriptions-item>
+      <el-descriptions-item label="创建时间:">{{
+        detailData.createTime
+      }}</el-descriptions-item>
+      <el-descriptions-item label="分拣数量:">{{
+        detailData.totalItemCount
+      }}</el-descriptions-item>
+      <!-- <el-descriptions-item label="营业厅代码:">{{
+        route.query.bookingRef
+      }}</el-descriptions-item> -->
+      <el-descriptions-item label="对应营业厅:">{{
+        detailData.businessName
+      }}</el-descriptions-item>
+    </el-descriptions>
+    <el-divider></el-divider>
+    <el-form v-if="false" :model="queryParams" ref="queryRef" v-show="showSearch" :inline="true" label-width="100px"
+      label-position="left">
+      <el-form-item label="Type:" prop="type">
+        <el-input v-model="queryParams.type" placeholder="Please enter type" clearable style="width: 240px"
+          @keyup.enter="handleQuery" />
+      </el-form-item>
+      <el-form-item label="Trans:" prop="trans">
+        <el-input v-model="queryParams.trans" placeholder="Please enter trans" clearable style="width: 240px"
+          @keyup.enter="handleQuery" />
+      </el-form-item>
+      <el-form-item label="Contract No:" prop="contractNo">
+        <el-input v-model="queryParams.contractNo" placeholder="Please enter contractNo" clearable style="width: 240px"
+          @keyup.enter="handleQuery" />
+      </el-form-item>
+      <el-form-item label="Del:" prop="del">
+        <el-input v-model="queryParams.del" placeholder="Please enter del" clearable style="width: 240px"
+          @keyup.enter="handleQuery" />
+      </el-form-item>
+      <el-form-item label="EX-Fact:" prop="exFact">
+        <el-input v-model="queryParams.exFact" placeholder="Please enter exFact" clearable style="width: 240px"
+          @keyup.enter="handleQuery" />
+      </el-form-item>
+      <el-form-item>
+        <el-button type="primary" icon="Search" @click="handleQuery">Search</el-button>
+        <el-button icon="Refresh" @click="resetQuery">Reset</el-button>
+      </el-form-item>
+    </el-form>
+    <div class="title">任务详情</div>
+
+    <right-toolbar v-model:showSearch="showSearch" :search="false" @queryTable="getList">
+      <el-row :gutter="10" class="mb8">
+        <el-col :span="1.5">
+          <el-button type="primary" plain :disabled="detailData.status !== 'ONGOING'" icon="Plus"
+            @click="addTask">新增</el-button>
+        </el-col>
+        <el-col :span="1.5">
+          <el-button type="primary" plain icon="Download" @click="handleExportDiff">导出回收差异表</el-button>
+        </el-col>
+        <el-col :span="1.5">
+          <el-button type="primary" plain icon="Download" @click="handleExportResult">导出分拣结果表</el-button>
+        </el-col>
+
+        <el-col :span="1.5">
+          <el-button type="primary" plain icon="Delete" @click="handleDeleteCheck">批量删除待复核</el-button>
+        </el-col>
+      </el-row>
+    </right-toolbar>
+
+    <!-- Table Data -->
+    <el-table v-loading="loading" :data="dataList">
+      <el-table-column v-for="(column, columnIndex) in columnList" :key="columnIndex" :label="column.label"
+        :prop="column.prop" :show-overflow-tooltip="column.showOverflowTooltip || true"
+        :align="column.align || 'center'" :width="column.width || 'auto'">
+        <template #default="scope">
+          <span v-if="column.prop === 'status'" :style="{
+            fontWeight: 500,
+            color:
+              scope.row[column.prop] == 'COMPLETED'
+                ? '#27B148'
+                : scope.row[column.prop] === 'WAITING'
+                  ? '#ff6200'
+                  : '#409EFF',
+          }">
+            {{ scope.row[column.prop] || "/" }}
+          </span>
+          <span v-else>{{ scope.row[column.prop] || "/" }}</span>
+        </template>
+      </el-table-column>
+
+      <el-table-column label="操作" fixed="right" align="center" class-name="small-padding fixed-width">
+        <template #default="scope">
+          <el-tooltip content="删除" placement="top">
+            <el-button link type="primary" @click="delItem(scope.row)">删除</el-button>
+          </el-tooltip>
+        </template>
+      </el-table-column>
+    </el-table>
+
+    <pagination v-show="total > 0" :total="total" layout="prev, pager, next" v-model:page="queryParams.pageNo"
+      v-model:limit="queryParams.pageSize" @pagination="getList" />
+
+    <!-- Add or Edit User Config Dialog -->
+    <el-dialog :title="title" v-model="open" width="500px" append-to-body>
+      <el-form :model="form" :rules="rules" @submit.prevent ref="userRef" label-width="120px">
+        <el-row>
+          <el-col :span="24">
+            <el-form-item label="串码" prop="barcode">
+              <el-input v-model="form.barcode" placeholder="请输入串码" />
+            </el-form-item>
+          </el-col>
+        </el-row>
+      </el-form>
+      <template #footer>
+        <div class="dialog-footer">
+          <el-button type="primary" :loading="isLoading" @click="submitForm">确认</el-button>
+          <el-button @click="() => (open = false)">取消</el-button>
+        </div>
+      </template>
+    </el-dialog>
+
+    <el-dialog :title="upload.title" v-model="upload.open" width="400px" append-to-body>
+      <el-upload ref="uploadRef" :limit="1" accept=".xlsx, .xls" :headers="upload.headers" :action="upload.url"
+        :disabled="upload.isUploading" :on-progress="handleFileUploadProgress" :on-success="handleFileSuccess"
+        :auto-upload="false" drag>
+        <el-icon class="el-icon--upload"><upload-filled /></el-icon>
+        <div class="el-upload__text">
+          Drag file here, or <em>click to upload</em>
+        </div>
+        <template #tip>
+          <div class="el-upload__tip text-center">
+            <span>Only xls, xlsx files are allowed.</span>
+            <!-- <el-link
+                type="primary"
+                :underline="false"
+                style="font-size: 12px; vertical-align: baseline"
+                @click="importTemplate"
+              >Download Template</el-link> -->
+          </div>
+        </template>
+      </el-upload>
+      <template #footer>
+        <div class="dialog-footer">
+          <el-button type="primary" @click="submitFileForm">Confirm</el-button>
+          <el-button @click="upload.open = false">Cancel</el-button>
+        </div>
+      </template>
+    </el-dialog>
+  </div>
+</template>
+
+<script setup>
+import { getToken } from "@/utils/auth";
+import { formatDate } from "@/utils/index";
+
+import { onMounted, ref } from "vue";
+import { addScanItem, scanTaskdetal, scanTaskQueryList, deleteScanItem, deleteReviewItemTask } from "@/api/system/scan";
+
+const router = useRouter();
+const route = useRoute();
+const { proxy } = getCurrentInstance();
+
+const dataList = ref([]);
+const loading = ref(true);
+const showSearch = ref(true);
+const total = ref(0);
+const dateRange = ref([]);
+
+const columnList = ref([
+  {
+    label: "设备类型",
+    prop: "deviceTypeName",
+    width: 100,
+  },
+  {
+    label: "规格型号",
+    prop: "model",
+    width: 150,
+  },
+  {
+    label: "串码",
+    prop: "barcode",
+    width: 150,
+  },
+  {
+    label: "重量",
+    prop: "weight",
+    width: 150,
+  },
+  {
+    label: "状态",
+    prop: "status",
+    width: 150,
+  },
+  {
+    label: "分拣时间",
+    prop: "scanTime",
+    width: 200,
+  },
+  {
+    label: "分拣结果",
+    prop: "scanResult"
+  },
+  {
+    label: "备注",
+    prop: "remark",
+    width: 200
+  },
+  {
+    label: "分拣人",
+    prop: "scanBy",
+    width: 150,
+  },
+  {
+    label: "分检口号",
+    prop: "sortingNo",
+    width: 150
+  },
+  {
+    label: "袋码",
+    prop: "scanBoxNumber",
+    width: 180
+  },
+]);
+
+const data = reactive({
+  form: {},
+  queryParams: {
+    pageNo: 1,
+    pageSize: 10,
+    scanTaskId: route.query.scanTaskId
+  },
+  rules: {
+    barcode: [{ required: true, message: "请输入串码", trigger: "blur" }],
+  },
+});
+
+const { queryParams, form, rules } = toRefs(data);
+
+const open = ref(false);
+const title = ref("");
+const isLoading = ref(false)
+function submitForm() {
+  proxy.$refs["userRef"].validate((valid) => {
+    if (valid) {
+      isLoading.value = true
+      addScanItem({
+        ...form.value,
+        scanTaskId: route.query.scanTaskId
+      }).then((response) => {
+        proxy.$modal.msgSuccess("新增成功！");
+        open.value = false;
+
+        getList();
+      }).finally(() => {
+        isLoading.value = false
+      })
+    }
+  });
+}
+
+const addTask = () => {
+  reset();
+  title.value = '新增任务'
+  open.value = true
+}
+
+const handleDeleteCheck = () => {
+  proxy.$modal
+    .confirm("确认批量删除待复核？")
+    .then(() => {
+      deleteReviewItemTask(route.query.scanTaskId).then((response) => {
+        proxy.$modal.msgSuccess("批量删除待复核成功！");
+        getList();
+      });
+    })
+    .catch(() => {
+      proxy.$modal.msgWarning("已取消");
+    });
+}
+
+const delItem = (row) => {
+  proxy.$modal
+    .confirm("确认删除？")
+    .then(() => {
+      deleteScanItem(row.id).then((response) => {
+        proxy.$modal.msgSuccess("删除成功！");
+        getList();
+      });
+    })
+    .catch(() => {
+      proxy.$modal.msgWarning("已取消");
+    });
+};
+
+const handleExportDiff = () => {
+  proxy.download(
+    "/scanSpec/difference/export",
+    {
+      scanTaskId: route.query.scanTaskId,
+      status: 'COMPLETED'
+    },
+    `回收差异表.xlsx`,
+    {
+      headers: {}
+    },
+    false
+  );
+};
+
+const handleExportResult = () => {
+  proxy.download(
+    "/scanItem/result/export",
+    {
+      scanTaskId: route.query.scanTaskId,
+      status: 'COMPLETED'
+    },
+    `分拣结果表.xlsx`,
+    {
+      headers: {}
+    },
+    false
+  );
+};
+// Reset operation form
+function reset() {
+  form.value = {
+    scanTaskId: route.query.scanTaskId,
+    barcode: undefined
+  };
+  proxy.resetForm("userRef");
+}
+
+function handleAdd() {
+  reset();
+  open.value = true;
+  title.value = "Add Order";
+}
+
+// Query list
+const getList = () => {
+  loading.value = true;
+  scanTaskQueryList(proxy.addDateRange(queryParams.value, dateRange.value)).then(
+    (res) => {
+      loading.value = false;
+      dataList.value = res.data.records.map(item => ({
+        ...item,
+        scanTime: formatDate(item.scanTime)
+      }))
+      total.value = res.data.total;
+    }
+  );
+};
+
+// Search button operation
+const handleQuery = () => {
+  queryParams.value.pageNo = 1;
+  getList();
+};
+
+// Reset button operation
+const resetQuery = () => {
+  dateRange.value = [];
+  proxy.resetForm("queryRef");
+  handleQuery();
+};
+
+const upload = reactive({
+  open: false,
+  title: "Import",
+  isUploading: false,
+  updateSupport: 0,
+  headers: { Authorization: "Bearer " + getToken() },
+  url: import.meta.env.VITE_APP_BASE_API + "/scan/specification/import",
+});
+
+const uploadRef = ref(null);
+
+const handleImport = () => {
+  upload.title = "Import";
+  upload.open = true;
+  upload.isUploading = false;
+  upload.updateSupport = 0;
+};
+
+const handleFileUploadProgress = (event, file, fileList) => {
+  upload.isUploading = true;
+};
+
+const handleFileSuccess = (response, file, fileList) => {
+  upload.isUploading = false;
+  if (response.code === 200) {
+    upload.open = false;
+    proxy.$modal.msgSuccess(response.msg);
+    getList(); // Refresh main table
+  } else {
+    proxy.$modal.msgError(response.msg);
+  }
+};
+
+const importTemplate = () => {
+  proxy.download("/system/user/importTemplate");
+};
+
+const submitFileForm = () => {
+  uploadRef.value.submit();
+};
+
+const enterDetail = (row) => {
+  router.push({
+    path: "/scan-manage/order-manage/order-detail",
+    query: {
+      scanTaskId: row.scanTaskId,
+      scanOrderId: row.id,
+    },
+  });
+};
+
+const detailData = ref({});
+const getDetail = () => {
+  scanTaskdetal(proxy.$route.query.scanTaskId).then((res) => {
+    detailData.value = res.data;
+    detailData.value.createTime = formatDate(detailData.value.createTime)
+  });
+};
+
+onMounted(() => {
+  getList();
+  getDetail();
+});
+</script>
+
+<style lang="scss" scoped>
+.el-divider--horizontal {
+  margin: 10px 0 24px;
+}
+
+.title {
+  font-weight: 500;
+  margin: 20px 0px 10px;
+}
+</style>