From 0e1e279a4e1440c3d74792a13e558685abe3d9ec Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=BC=A0=E5=90=8C=E6=B5=B7?=
 <14166000+zhangtonghai@user.noreply.gitee.com>
Date: Fri, 13 Sep 2024 14:24:25 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BB=BB=E5=8A=A1=E5=8F=B0=E8=B4=A6=20?=
 =?UTF-8?q?=E5=AE=A2=E6=88=B7/=E4=BE=9B=E5=BA=94=E5=95=86=E5=AE=A1?=
 =?UTF-8?q?=E6=A0=B8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/ApproveBtns/index.vue          |   71 +-
 src/hooks/web/common.ts                       |    2 +-
 .../infoclient/TenantAuditStepModal.vue       |   92 +-
 src/views/baseinfo/infoclient/abc.json        |  136 +-
 src/views/baseinfo/infoclient/columns.tsx     |    9 +
 src/views/taskmanage/index.vue                | 2703 +++++++++--------
 6 files changed, 1691 insertions(+), 1322 deletions(-)

diff --git a/src/components/ApproveBtns/index.vue b/src/components/ApproveBtns/index.vue
index 1783c605..d25dc557 100644
--- a/src/components/ApproveBtns/index.vue
+++ b/src/components/ApproveBtns/index.vue
@@ -6,22 +6,33 @@
 <template>
   <div v-if="source != 'edit'" class="ds-approve-btns">
     <div>
-      <a-button v-repeat v-if="query.source == 'Create' && query.status == 'WAIT_ORDER_AUDIT'" @click="approveHandle('2')" danger class="mr10">
+      <a-button
+        v-repeat
+        v-if="query.source == 'Create' && query.status == status"
+        @click="approveHandle('2')"
+        danger
+        class="mr10"
+      >
         {{ rejectText }}
       </a-button>
-      <a-button v-repeat v-if="query.source == 'Create' && query.status == 'WAIT_ORDER_AUDIT'" @click="approveHandle('1')" type="primary">
+      <a-button
+        v-repeat
+        v-if="query.source == 'Create' && query.status == status"
+        @click="approveHandle('1')"
+        type="primary"
+      >
         {{ agreeText }}
       </a-button>
       <slot></slot>
-      <a-button v-repeat v-if="query.source != 'edit'" class="ml10" @click="openFlowChart" type="primary">
-        流程
+      <a-button
+        v-repeat
+        v-if="query.source != 'edit'"
+        class="ml10"
+        @click="openFlowChart"
+        type="primary"
+        >流程
       </a-button>
-      <a-modal
-        v-model:visible="visible"
-        title="驳回"
-        width="40%"
-        @ok="handleOk"
-      >
+      <a-modal v-model:visible="visible" title="驳回" width="40%" @ok="handleOk">
         <BasicForm @register="registerForm" />
       </a-modal>
     </div>
@@ -41,31 +52,36 @@
     // 同意按钮文字
     agreeText: {
       type: String,
-      default: "同意"
+      default: '同意',
     },
     rejectText: {
       type: String,
-      default: "驳回"
+      default: '驳回',
     },
     // 审批接口
     approve: {
-      type: Function
+      type: Function,
     },
     // 所处环境包括 （待办，已办，详情，编辑）
     source: {
       type: String,
-      default: 'edit'
+      default: 'edit',
     },
     // 业务类型
     businessType: {
       type: String,
-      default: '1'
+      default: '1',
     },
     // 业务id
     id: {
       type: String,
-      default: '1'
-    }
+      default: '1',
+    },
+    // 对应的值  每个页面不一样 在此添加 适配 其他页面使用 该组件
+    status: {
+      type: String,
+      default: 'WAIT_ORDER_AUDIT',
+    },
   })
   const visible = ref(false)
   const formSchema = [
@@ -79,17 +95,16 @@
       componentProps: {
         autoSize: {
           minRows: 4,
-          maxRows: 4
-        }
-      }
-    }
+          maxRows: 4,
+        },
+      },
+    },
   ]
-  const [registerForm, { resetFields, setFieldsValue, validate, updateSchema }] =
-    useForm({
-      labelWidth: 150,
-      schemas: formSchema,
-      showActionButtonGroup: false
-    })
+  const [registerForm, { resetFields, setFieldsValue, validate, updateSchema }] = useForm({
+    labelWidth: 150,
+    schemas: formSchema,
+    showActionButtonGroup: false,
+  })
   const approveHandle = (v) => {
     resetFields()
     if (v == 2) {
@@ -128,4 +143,4 @@
     text-align: right;
     border-top: 1px solid #d9d9d9;
   }
-</style>
\ No newline at end of file
+</style>
diff --git a/src/hooks/web/common.ts b/src/hooks/web/common.ts
index a2a3480f..d0d993a2 100644
--- a/src/hooks/web/common.ts
+++ b/src/hooks/web/common.ts
@@ -238,7 +238,7 @@ export function formatParams(params = {}, equal: any = [], otherQuery: any = [])
   } else {
     postData.pageCondition.sortConditions = []
   }
-  if (otherQuery.length) {
+  if (Object.keys(otherQueryCondition).length) {
     postData.otherQueryCondition = otherQueryCondition
   }
 
diff --git a/src/views/baseinfo/infoclient/TenantAuditStepModal.vue b/src/views/baseinfo/infoclient/TenantAuditStepModal.vue
index 2aa32811..6cc7ccd8 100644
--- a/src/views/baseinfo/infoclient/TenantAuditStepModal.vue
+++ b/src/views/baseinfo/infoclient/TenantAuditStepModal.vue
@@ -2,7 +2,11 @@
   <div>
     <div class="infoclientBox">
       <div class="buttonBox">
-        <a-tooltip placement="top" :mouseEnterDelay="0.5">
+        <a-tooltip
+          placement="top"
+          :mouseEnterDelay="0.5"
+          v-if="route.path !== '/approval-infoclient'"
+        >
           <template #title>
             <span>新建</span>
           </template>
@@ -18,7 +22,11 @@
             <img src="../../../assets/svg/infoclient/baocun.svg" class="SvgImg" />
           </span>
         </a-tooltip>
-        <a-tooltip placement="top" :mouseEnterDelay="0.5">
+        <a-tooltip
+          placement="top"
+          :mouseEnterDelay="0.5"
+          v-if="route.path !== '/approval-infoclient'"
+        >
           <template #title>
             <span>提交审核</span>
           </template>
@@ -26,7 +34,11 @@
             <img src="../../../assets/svg/infoclient/tijiao.svg" class="SvgImg" />
           </span>
         </a-tooltip>
-        <a-tooltip placement="top" :mouseEnterDelay="0.5">
+        <a-tooltip
+          placement="top"
+          :mouseEnterDelay="0.5"
+          v-if="route.path !== '/approval-infoclient'"
+        >
           <template #title>
             <span>撤销审核</span>
           </template>
@@ -34,7 +46,11 @@
             <img src="../../../assets/svg/infoclient/chexiaotijiao.svg" class="SvgImg" />
           </span>
         </a-tooltip>
-        <a-tooltip placement="top" :mouseEnterDelay="0.5">
+        <a-tooltip
+          placement="top"
+          :mouseEnterDelay="0.5"
+          v-if="route.path !== '/approval-infoclient'"
+        >
           <template #title>
             <span>上一条</span>
           </template>
@@ -42,7 +58,11 @@
             <img src="../../../assets/svg/infoclient/shangxia.svg" class="SvgImg rotate" />
           </span>
         </a-tooltip>
-        <a-tooltip placement="top" :mouseEnterDelay="0.5">
+        <a-tooltip
+          placement="top"
+          :mouseEnterDelay="0.5"
+          v-if="route.path !== '/approval-infoclient'"
+        >
           <template #title>
             <span>下一条</span>
           </template>
@@ -195,10 +215,20 @@
       </div>
       <ClientAccountDateModal @register="CADModal" @success="handleSuccess" />
     </div>
+    <ApproveBtns
+      agreeText="审核通过"
+      rejectText="驳回任务"
+      :approve="approveDc"
+      :source="route.query.source ? route.query.source : 'edit'"
+      :id="rowId"
+      businessType="1"
+      status="INFO_CLIENT_AUDIT"
+    >
+    </ApproveBtns>
   </div>
 </template>
 <script lang="ts" setup>
-  import { ref, computed, unref, watch, onMounted, watchEffect } from 'vue'
+  import { ref, computed, unref, watch, onMounted, defineAsyncComponent } from 'vue'
   import { Divider } from 'ant-design-vue'
   import { BasicForm, useForm } from '/@/components/Form/index'
   import { formSchema, formSchema2, Tablecolumns } from './columns'
@@ -214,6 +244,7 @@
     ApiSubmitAudit,
     ApiWithdraw,
   } from './api'
+  import { ApiAudit } from '/@/views/baseinfo/infoclientAudit/api'
   import { GetFormSetListByModule } from '/@/api/common'
   import { ApiList } from './menu2/api'
   // 引入表格权限信息（包含id和name）
@@ -221,21 +252,25 @@
   import { GetClientSourceDetailSelectList } from '/@/views/operation/seaexport/api/BookingLedger'
   import ClientAccountDateModal from './ClientAccountDateModal.vue'
   import { useMessage } from '/@/hooks/web/useMessage'
-  const { notification } = useMessage()
+  const { notification, createMessage } = useMessage()
   import { BasicTable, useTable, TableAction, SorterResult } from '/@/components/Table'
   import Tabs3 from './tabs3/index.vue'
   import Menus2 from './menu2/index.vue'
   import Menus3 from './menu3/index.vue'
+  // 审批组件
+  const ApproveBtns = defineAsyncComponent(() => import('/@/components/ApproveBtns/index.vue'))
   // import CustTemplateDetail from './custTemplateDetail/index.vue'
   import FeeCustTemplate from './FeeCustTemplate/index.vue'
   import { useModal } from '/@/components/Modal'
   import CustomerParams from './customerParams/index.vue'
   import ReleaseType from './ReleaseType/index.vue'
   import { formatParams } from '/@/hooks/web/common'
-  import { useRoute } from 'vue-router'
+  import { useRoute, useRouter } from 'vue-router'
+  const router = useRouter()
   const route = useRoute()
   import { useGo } from '/@/hooks/web/usePage'
   const go = useGo()
+  import { useMultipleTabStore } from '/@/store/modules/multipleTab'
   // 字典
   import { getDictOption } from '/@/utils/dictUtil'
   import { up } from 'inquirer/lib/utils/readline'
@@ -266,7 +301,10 @@
     }
   }
   onMounted(async () => {
-    await getFormSet()
+    if (route.path !== '/approval-infoclient') {
+      await getFormSet()
+    }
+
     activeKey.value = '1'
     selectedKeys.value = ['menu1']
     resetFields()
@@ -717,6 +755,42 @@
       auditStatusText.value = res.data.auditStatusText
     }
   }
+  const tabStore = useMultipleTabStore()
+  // 审核
+  const approveDc = (remark) => {
+    const postData: any = {
+      result: remark ? 2 : 1,
+      ids: [rowId.value],
+      businessType: '1',
+      taskTypeName: route.query.status,
+    }
+    if (remark) postData['remark'] = remark
+    loading.value = true
+    ApiAudit(postData)
+      .then((res) => {
+        // loading.value = false
+        createMessage.success(res.message)
+        // 最后一个审批完，弹出选择是否现舱
+        // if (res.data.isCompleted && res.data.flowStatus == 3) {
+        //   // 通过此单现舱控制选择舱位
+        //   if (bookingDetails.value.shippingSpaceType == 'xc') {
+        //     // 选择现舱
+        //     sspace.value.init()
+        //   } else {
+        //     AutomaticBooking(id.value)
+        //     const { fullPath } = route //获取当前路径
+        //     tabStore.closeTabByKey(fullPath, router)
+        //   }
+        // } else {
+        //   // 关闭当前页面
+        const { fullPath } = route //获取当前路径
+        tabStore.closeTabByKey(fullPath, router)
+        // }
+      })
+      .catch(() => {
+        // loading.value = false
+      })
+  }
 </script>
 <style lang="less" scoped>
   .gradeClass {
diff --git a/src/views/baseinfo/infoclient/abc.json b/src/views/baseinfo/infoclient/abc.json
index 449f0b4c..01289a32 100644
--- a/src/views/baseinfo/infoclient/abc.json
+++ b/src/views/baseinfo/infoclient/abc.json
@@ -1,12 +1,124 @@
-[
-  {
-    "ConditionalList": [
-      {
-        "Key": 1,
-        "Value": { "FieldName": "description", "FieldValue": "1", "ConditionalType": 1 }
-      },
-      { "Key": 1, "Value": { "FieldName": "shortName", "FieldValue": "1", "ConditionalType": 1 } }
-    ]
-  },
-  { "FieldName": "isCustomer", "FieldValue": 1, "ConditionalType": 0 }
-]
+{
+  "code": 0,
+  "multiCode": "",
+  "count": 0,
+  "message": "",
+  "succeeded": true,
+  "data": [
+    {
+      "type": "STATUS",
+      "data": [
+        { "code": "Create", "name": "待处理" },
+        { "code": "Retransmit", "name": "已转发" },
+        { "code": "Complete", "name": "已完成" },
+        { "code": "Cancel", "name": "已取消" },
+        { "code": "Pending", "name": "已挂起" }
+      ]
+    },
+    {
+      "type": "TASK_TYPE",
+      "data": [
+        { "code": "CAUTION_NOTICE", "name": "重要提醒" },
+        { "code": "BC", "name": "BC" },
+        { "code": "DRAFT", "name": "DRAFT" },
+        { "code": "CANCELLATION", "name": "Cancellation" },
+        { "code": "SEAWAYBILL_DOWN", "name": "SEAWAY BILL" },
+        { "code": "ORIGINAL_DOWN", "name": "提单正本下载" },
+        { "code": "NOT_LOADED", "name": "未装载" },
+        { "code": "NOT_SHIPMENG", "name": "未装船" },
+        { "code": "INVOICE_BILL_MAIL", "name": "航次账单" },
+        { "code": "VGM_COMPARE", "name": "VGM对比" },
+        { "code": "TELEX_NOTICE", "name": "电放通知" },
+        { "code": "SI_FEEDBACK", "name": "SI回执" },
+        { "code": "PER_BILL", "name": "单票账单" },
+        { "code": "CHANGE_SHIP", "name": "换船通知" },
+        { "code": "ABORT_CHANGE_SHIP", "name": "取消换船通知" },
+        { "code": "SHIPPING_ORDER", "name": "下货纸" },
+        { "code": "ORIGINAL_LOST", "name": "正本缺失" },
+        { "code": "VGM_EXCEPT", "name": "VGM异常" },
+        { "code": "SHIPPING_ORDER_COMPARE", "name": "比对下货纸" },
+        { "code": "TRUCK_DISPATCH", "name": "派车" },
+        { "code": "BC_MODIFY", "name": "Amendment" },
+        { "code": "CUT_MODIFY", "name": "截止时间变更" },
+        { "code": "ROLLING_NOMINATION", "name": "RollingNomination" },
+        { "code": "TRANSFER_NOMINATION", "name": "TransferNomination" },
+        { "code": "VGM_FEEDBACK", "name": "VGM回执" },
+        { "code": "VGM_MISSING", "name": "VGM未提交" },
+        { "code": "POD_DISCHARGE_FULL", "name": "目的港未提货" },
+        { "code": "POD_GATEOUT_FULL", "name": "目的港未返空箱" },
+        { "code": "ROUTE_CUT_CHANGE", "name": "航线截止时间调整" },
+        { "code": "POL_CTN_NOT_PICKUP", "name": "装货港未提箱" },
+        { "code": "TRNAS_PLAN_HAS_CHANGE", "name": "运输计划已变更" },
+        { "code": "WAIT_ORDER_AUDIT", "name": "审单" },
+        { "code": "WAIT_BOOKING", "name": "订舱" },
+        { "code": "WAIT_BC", "name": "收BC" },
+        { "code": "WAIT_SPACE_RELEASE", "name": "放舱" },
+        { "code": "WAIT_BILL_CONFIRM", "name": "提单确认" },
+        { "code": "WAIT_SI", "name": "提交SI" },
+        { "code": "WAIT_DRAFT", "name": "处理Draft" },
+        { "code": "WAIT_CHECKOUT_BILL", "name": "截单" },
+        { "code": "WAIT_BAOGUAN", "name": "报关" },
+        { "code": "WAIT_CANGDAN", "name": "发舱单" },
+        { "code": "WAIT_VGM", "name": "提交VGM" },
+        { "code": "WAIT_AFR", "name": "发AFR" },
+        { "code": "WAIT_AMS", "name": "发AMS" },
+        { "code": "WAIT_ISF", "name": "发ISF" },
+        { "code": "WAIT_XUNZHENG", "name": "熏蒸" },
+        { "code": "WAIT_SHANGJIAN", "name": "商检" },
+        { "code": "WAIT_COA", "name": "报COA" },
+        { "code": "WAIT_CHANDIZHENG", "name": "出产地证" },
+        { "code": "WAIT_TUOCHE", "name": "拖车" },
+        { "code": "WAIT_INSURANCE", "name": "保险" },
+        { "code": "WAIT_CHUHAO", "name": "出号" },
+        { "code": "WAIT_NDRH", "name": "内点入货" },
+        { "code": "WAIT_DELIVERY", "name": "快递" },
+        { "code": "WAIT_XIANGSHI", "name": "箱使" },
+        { "code": "RETURN_CABIN", "name": "退舱" },
+        { "code": "INFO_CLIENT_AUDIT", "name": "客户/供应商审核" },
+        { "code": "FEE_AUDIT", "name": "费用审核" },
+        { "code": "FEE_MODIFY_AUDIT", "name": "费用修改" },
+        { "code": "FEE_DELETE_AUDIT", "name": "费用删除" },
+        { "code": "FEE_BUSINESS_AUDIT", "name": "费用整单审核" },
+        { "code": "APPLICATION_PAYMENT_AUDIT", "name": "付费申请审核" },
+        { "code": "APPLICATION_INVOICE_AUDIT", "name": "发票申请审核" },
+        { "code": "WORK_FLOW_MAIN", "name": "工作流任务创建主流程" },
+        { "code": "WORK_FLOW_RETURN_CABIN", "name": "工作流退舱流程" },
+        { "code": "WORK_FLOW_HANDLE_DRAFT", "name": "工作流处理DRAFT流程" },
+        { "code": "APPLICATION_INVOICE_REJECTED", "name": "发票申请驳回" },
+        { "code": "APPLICATION_PAYMENT_REJECTED", "name": "付费申请驳回" },
+        { "code": "FEE_BUSINESS_REJECTED", "name": "费用整单审核驳回" },
+        { "code": "FEE_DELETE_REJECTED", "name": "费用删除驳回" },
+        { "code": "FEE_MODIFY_REJECTED", "name": "费用修改驳回" },
+        { "code": "FEE_REJECTED", "name": "费用审核驳回" },
+        { "code": "INFO_CLIENT_REJECTED", "name": "客户/供应商审核驳回" },
+        { "code": "RETURN_CABIN_REJECTED", "name": "退舱驳回" },
+        { "code": "ORDER_AUDIT_REJECTED", "name": "审单驳回" },
+        { "code": "NOT_SPECIFIED", "name": "未指定" }
+      ]
+    },
+    {
+      "type": "SOURCE",
+      "data": [
+        { "code": "EDI", "name": "EDI" },
+        { "code": "MAIL", "name": "邮件" },
+        { "code": "MAIL_PARSE", "name": "邮件解析" },
+        { "code": "FTP", "name": "FTP" },
+        { "code": "RETRANSMIT", "name": "转发" },
+        { "code": "BILL_TRACE", "name": "运踪" },
+        { "code": "WEBSITE", "name": "网站查询" },
+        { "code": "CUSTOMER_SUBMIT", "name": "客户提交" },
+        { "code": "SYSTEM", "name": "系统" },
+        { "code": "WORK_FLOW", "name": "工作流" }
+      ]
+    },
+    {
+      "type": "CATEGORY",
+      "data": [
+        { "code": "EXCPTION", "name": "异常" },
+        { "code": "PERSON", "name": "个人" },
+        { "code": "PUBLIC", "name": "公共" }
+      ]
+    }
+  ],
+  "additionalData": null
+}
diff --git a/src/views/baseinfo/infoclient/columns.tsx b/src/views/baseinfo/infoclient/columns.tsx
index effa5f7d..841dea8d 100644
--- a/src/views/baseinfo/infoclient/columns.tsx
+++ b/src/views/baseinfo/infoclient/columns.tsx
@@ -74,6 +74,15 @@ export const columns: BasicColumn[] = [
     dataIndex: 'auditStatusText',
     sorter: true,
     width: 150,
+    customRender: ({ text, record }) => {
+      console.log(text, record)
+      let RText = ''
+      RText = text
+      if (record.auditStatus == 2) {
+        RText = `${RText}:${record.auditNote}`
+      }
+      return RText
+    },
   },
   {
     title: '客户简称',
diff --git a/src/views/taskmanage/index.vue b/src/views/taskmanage/index.vue
index 9c9ce3dc..8767688f 100644
--- a/src/views/taskmanage/index.vue
+++ b/src/views/taskmanage/index.vue
@@ -1,216 +1,305 @@
 <template>
-    <div class="main">
-        <div style="width: 100%;">
-            <BasicTable class="ds-table-detail" @register="registerTable" @row-dbClick="handledbclick">
-                <template #left>
-                    <div class="nav-box">
-                        <div class="nav-bottom">
-                            <a-button type="link" size="small" @click="getCurrentTotalStat"> <i
-                                    class="icon-refresh-1-copy iconfont"></i>刷新任务单</a-button>
+  <div class="main">
+    <div style="width: 100%">
+      <BasicTable class="ds-table-detail" @register="registerTable" @row-dbClick="handledbclick">
+        <template #left>
+          <div class="nav-box">
+            <div class="nav-bottom">
+              <a-button type="link" size="small" @click="getCurrentTotalStat">
+                <i class="icon-refresh-1-copy iconfont"></i>刷新任务单</a-button
+              >
+            </div>
+            <a-spin :spinning="levelLoading" tip="加载中...">
+              <div class="bottom-box">
+                <div class="nav-title" v-if="levelTop.length > 0">
+                  <a-radio-group
+                    button-style="solid"
+                    v-model:value="activeTopKey"
+                    style="margin-bottom: 16px; display: flex"
+                    @change="changeTopLevel"
+                  >
+                    <a-radio-button
+                      v-for="(item, index) in levelTop"
+                      :value="item.key"
+                      :key="index"
+                    >
+                      <span class="nav-top"
+                        >{{ item.name }}<span class="nav-top-tip">({{ item.total }})</span></span
+                      >
+                    </a-radio-button>
+                  </a-radio-group>
+                </div>
+                <div class="nav-no-data" v-else
+                  ><i class="iconfont icon-guanli"></i><span>暂无导航数据</span>
+                </div>
+                <div style="padding: 0 20px">
+                  <a-tabs
+                    tab-position="top"
+                    v-model:activeKey="activeNextKey"
+                    hide-add
+                    size="small"
+                    @change="changeNextLevel"
+                    v-if="levelNext.length > 0"
+                  >
+                    <a-tab-pane
+                      v-for="level in levelNext"
+                      :key="level.key"
+                      :tab="level.name"
+                      style="margin-right: 6px"
+                    >
+                      <div>
+                        <div
+                          v-for="(item, index) in levelTree"
+                          @click="handleClickTree(item, index)"
+                          :class="{ active: item.active, redColor: item.key == 'CAUTION_NOTICE' }"
+                          class="box-item"
+                        >
+                          <div class="box-text">
+                            <i
+                              v-if="item.key != 'CAUTION_NOTICE'"
+                              class="icon-touzijilu iconfont"
+                            ></i>
+                            <i
+                              v-if="item.key == 'CAUTION_NOTICE'"
+                              class="icon-jinggao iconfont"
+                            ></i>
+                            {{ item.name }}
+                          </div>
+                          <div class="box-number">{{ item.total }}</div>
                         </div>
-                        <a-spin :spinning="levelLoading" tip="加载中...">
-                            <div class="bottom-box">
-                                <div class="nav-title" v-if="levelTop.length > 0">
-                                    <a-radio-group button-style="solid" v-model:value="activeTopKey"
-                                        style="margin-bottom: 16px;display: flex" @change="changeTopLevel">
-                                        <a-radio-button v-for="(item, index) in levelTop" :value="item.key"
-                                            :key="index">
-                                            <span class="nav-top">{{ item.name }}<span class="nav-top-tip">({{
-                                                item.total
-                                                    }})</span></span>
-                                        </a-radio-button>
-                                    </a-radio-group>
-                                </div>
-                                <div class="nav-no-data" v-else><i class="iconfont icon-guanli"></i><span>暂无导航数据</span>
-                                </div>
-                                <div style="padding: 0 20px;">
-                                    <a-tabs tab-position="top" v-model:activeKey="activeNextKey" hide-add size="small"
-                                        @change="changeNextLevel" v-if="levelNext.length > 0">
-                                        <a-tab-pane v-for="level in levelNext" :key="level.key" :tab="level.name"
-                                            style="margin-right: 6px">
-                                            <div>
-                                                <div v-for="(item, index) in levelTree"
-                                                    @click="handleClickTree(item, index)"
-                                                    :class="{ active: item.active, redColor: item.key == 'CAUTION_NOTICE' }"
-                                                    class="box-item">
-                                                    <div class="box-text">
-                                                        <i v-if="item.key != 'CAUTION_NOTICE'"
-                                                            class="icon-touzijilu  iconfont"></i>
-                                                        <i v-if="item.key == 'CAUTION_NOTICE'"
-                                                            class="icon-jinggao  iconfont"></i>
-                                                        {{ item.name }}
-                                                    </div>
-                                                    <div class="box-number">{{ item.total }}</div>
-                                                </div>
-                                            </div>
-                                        </a-tab-pane>
-                                    </a-tabs>
-                                </div>
-
-                            </div>
-                        </a-spin>
-                    </div>
-                </template>
-                <template #tableTitle>
-                    <a-popconfirm title="是否取消当前选择项？" ok-text="是" cancel-text="否" @confirm="removeFun">
-                        <a-button type="link"> <i class="icon-weiwancheng iconfont"></i> 取消</a-button>
-                    </a-popconfirm>
-                    <a-popconfirm title="确定完成当前选择项？" ok-text="是" cancel-text="否" @confirm="submitFun">
-                        <a-button type="link"><i class="icon-yiwancheng2 iconfont"></i>完成</a-button>
-                    </a-popconfirm>
-                    <a-button type="link" @click="openUser"><i class="icon-zhuanfa iconfont"></i>任务转交</a-button>
-                    <a-button type="link" @click="openCustom"><i class="icon-liebiao iconfont"></i>任务自定义列</a-button>
-                    <!-- <a-button type="link" @click="FnPrint"><i class="icon-weibiaoti-- iconfont"></i>打印</a-button> -->
-                    <!-- <a-button type="link" @click="FnSendCar"><i class="icon-chezaikucun iconfont"></i>派车</a-button>
+                      </div>
+                    </a-tab-pane>
+                  </a-tabs>
+                </div>
+              </div>
+            </a-spin>
+          </div>
+        </template>
+        <template #tableTitle>
+          <a-popconfirm
+            title="是否取消当前选择项？"
+            ok-text="是"
+            cancel-text="否"
+            @confirm="removeFun"
+          >
+            <a-button type="link"> <i class="icon-weiwancheng iconfont"></i> 取消</a-button>
+          </a-popconfirm>
+          <a-popconfirm
+            title="确定完成当前选择项？"
+            ok-text="是"
+            cancel-text="否"
+            @confirm="submitFun"
+          >
+            <a-button type="link"><i class="icon-yiwancheng2 iconfont"></i>完成</a-button>
+          </a-popconfirm>
+          <a-button type="link" @click="openUser"
+            ><i class="icon-zhuanfa iconfont"></i>任务转交</a-button
+          >
+          <a-button type="link" @click="openCustom"
+            ><i class="icon-liebiao iconfont"></i>任务自定义列</a-button
+          >
+          <!-- <a-button type="link" @click="FnPrint"><i class="icon-weibiaoti-- iconfont"></i>打印</a-button> -->
+          <!-- <a-button type="link" @click="FnSendCar"><i class="icon-chezaikucun iconfont"></i>派车</a-button>
                     <a-button type="link" @click="CancelSendCar"><i
                             class="icon-weiwancheng iconfont"></i>取消派车</a-button> -->
-                    <template v-if="taskType === 'BC'">
-                        <a-popconfirm title="确定批量下载当前选择项？" ok-text="是" cancel-text="否" @confirm="downloadFun">
-                            <a-button type="link"><i class="icon-xiazai-wenjianxiazai-16 iconfont"></i>批量下载</a-button>
-                        </a-popconfirm>
-                        <a-popconfirm title="确定重新比对当前选择项？" ok-text="是" cancel-text="否" @confirm="reComparisonFun">
-                            <a-button type="link"><i class="iconfont icon-duibi"></i>重新比对</a-button>
-                        </a-popconfirm>
-                    </template>
-                    <template v-if="taskType === 'DRAFT' || taskType === 'SEAWAY BILL'">
-                        <a-popconfirm title="确定批量转发当前选择项？" ok-text="是" cancel-text="否" @confirm="SendEmailFun">
-                            <a-button type="link"><i class="iconfont icon-31zhuanfa"></i>批量转发</a-button>
-                        </a-popconfirm>
-                        <a-popconfirm title="确定批量下载当前选择项？" ok-text="是" cancel-text="否" @confirm="downloadFun">
-                            <a-button type="link"><i class="icon-xiazai-wenjianxiazai-16 iconfont"></i>批量下载</a-button>
-                        </a-popconfirm>
-                    </template>
-                    <template v-if="taskType === 'DRAFT'">
-                        <a-popconfirm title="确定计算当前选择项？" ok-text="是" cancel-text="否" @confirm="laraPaperCalc">
-                            <a-button type="link"><i class="iconfont icon-52"></i>页数计算</a-button>
-                        </a-popconfirm>
-                    </template>
-                    <template v-if="taskType === 'WAIT_BC'">
-                        <a-button @click="openFile" type="link"><i class="iconfont icon-52"></i>上传BC并放舱</a-button>
-                    </template>
-                    <template v-if="taskType === 'ORIGINAL_DOWN'">
-                        <a-popconfirm title="确定COPY打印当前选择项？" ok-text="是" cancel-text="否" @confirm="copyPrintFun">
-                            <a-button type="link"><i class="iconfont icon-weibiaoti--"></i>COPY打印</a-button>
-                        </a-popconfirm>
-                        <a-popconfirm title="确定COPY打印当前选择项？" ok-text="是" cancel-text="否" @confirm="copyDownloadFun">
-                            <a-button type="link"><i class="iconfont icon-xiazai-wenjianxiazai-13"></i>COPY下载</a-button>
-                        </a-popconfirm>
-                        <a-popconfirm title="确定正本下载当前选择项？" ok-text="是" cancel-text="否" @confirm="printBatchFun">
-                            <a-button type="link"><i class="iconfont icon-xiazai"></i>正本下载</a-button>
-                        </a-popconfirm>
-                        <a-popconfirm title="确定登记当前选择项？" ok-text="是" cancel-text="否" @confirm="laraPaperRegistFun">
-                            <a-button type="link"><i class="iconfont icon-dengjizongshu"></i>LARA登记</a-button>
-                        </a-popconfirm>
-                        <a-button type="link" @click="laraRecordFun"><i
-                                class="iconfont icon-touzijilu"></i>LARA记录</a-button>
-                    </template>
-                </template>
-                <template #toolbar>
-                </template>
-                <template v-slot:bodyCell="{ column, record }">
-                    <template v-if="column.key === 'iS_EXCEPT'">
-                        <span v-if="record.iS_EXCEPT == 1">异常</span>
-                        <span v-if="record.iS_EXCEPT == 0">未异常</span>
-                    </template>
-                    <template v-if="column.key === 'iS_COMPLETE'">
-                        <span v-if="record.iS_COMPLETE == 1">已完成</span>
-                        <span v-if="record.iS_COMPLETE == 0">未完成</span>
-                    </template>
-                    <template v-if="column.key === 'iS_PUBLIC'">
-                        <span v-if="record.iS_PUBLIC == 1">公共</span>
-                        <span v-if="record.iS_PUBLIC == 0">非公共</span>
-                    </template>
-                    <template v-if="column.key === 'iS_SET_AUTO_EMAIL'">
-                        <span v-if="record.iS_SET_AUTO_EMAIL == 1">是</span>
-                        <span v-if="record.iS_SET_AUTO_EMAIL == 0">否</span>
-                    </template>
-                    <template v-if="column.key === 'iS_DONGSH_RECV'">
-                        <span v-if="record.iS_DONGSH_RECV == 1">是</span>
-                        <span v-if="record.iS_DONGSH_RECV == 0">否</span>
-                    </template>
-                    <template v-if="column.key === 'iS_DONGSH_RESULT'">
-                        <span v-if="record.iS_DONGSH_RESULT == 1">是</span>
-                        <span v-if="record.iS_DONGSH_RESULT == 0">否</span>
-                    </template>
-                    <template v-if="column.key === 'iS_WEEK_DIFF'">
-                        <span v-if="record.iS_WEEK_DIFF == 1">是</span>
-                        <span v-if="record.iS_WEEK_DIFF == 0">否</span>
-                    </template>
-                    <template v-if="column.key === 'iS_PRICE_DATE_DIFF'">
-                        <span v-if="record.iS_PRICE_DATE_DIFF == 1">是</span>
-                        <span v-if="record.iS_PRICE_DATE_DIFF == 0">否</span>
-                    </template>
-                    <template v-if="column.key === 'iS_TRANSFER'">
-                        <span v-if="record.iS_TRANSFER == 1">是</span>
-                        <span v-if="record.iS_TRANSFER == 0">否</span>
-                    </template>
-                    <template v-if="column.key === 'iS_CUT_DATE_ADVANCED'">
-                        <span v-if="record.iS_CUT_DATE_ADVANCED == 1">是</span>
-                        <span v-if="record.iS_CUT_DATE_ADVANCED == 0">否</span>
-                    </template>
-                    <template v-if="column.key === 'iS_UPDATE_BOOKING'">
-                        <span v-if="record.iS_UPDATE_BOOKING == 1">是</span>
-                        <span v-if="record.iS_UPDATE_BOOKING == 0">否</span>
-                    </template>
-                    <template v-if="column.key === 'iS_SEND_EMAIL'">
-                        <span v-if="record.iS_SEND_EMAIL == 1">已发送</span>
-                        <span v-if="record.iS_SEND_EMAIL == 0">未发送</span>
-                    </template>
-                    <template v-if="column.key === 'iS_CHANGE'">
-                        <span v-if="record.iS_CHANGE == 1">已发送</span>
-                        <span v-if="record.iS_CHANGE == 0">未发送</span>
-                    </template>
-                    <template v-if="column.key === 'iS_EMAIL_SEND'">
-                        <span v-if="record.iS_EMAIL_SEND == 1">已推送</span>
-                        <span v-if="record.iS_EMAIL_SEND == 0">未推送</span>
-                    </template>
-                    <template v-if="column.key === 'procesS_STATUS'">
-                        <span v-if="record.procesS_STATUS == 'TEMP'">待处理</span>
-                        <span v-if="record.procesS_STATUS == 'SUCC'">处理成功</span>
-                        <span v-if="record.procesS_STATUS == 'FAILURE'">失败</span>
-                    </template>
-                    <template v-if="column.key === 'cautioN_NOTICE_TYPE'">
-                        <span v-if="record.cautioN_NOTICE_TYPE == 'WeekAt'">计费周差异</span>
-                        <span v-if="record.cautioN_NOTICE_TYPE == 'PriceCalcDate'">计费日期差异</span>
-                        <span v-if="record.cautioN_NOTICE_TYPE == 'ChangeTransfer'">直达转为中转</span>
-                        <span v-if="record.cautioN_NOTICE_TYPE == 'ChangeVesselVoyno'">船名航次变化</span>
-                        <span v-if="record.cautioN_NOTICE_TYPE == 'VGMCutDateAdvanced'">VGM截止时间提前</span>
-                        <span v-if="record.cautioN_NOTICE_TYPE == 'SICutDateAdvanced'">SI截止时间提前</span>
-                    </template>
-                    <template v-if="column.key === 'ouT_BUSI_TYPE'">
-                        <span v-if="record.ouT_BUSI_TYPE == ' SPLIT'">已拆单</span>
-                        <span v-else>未拆单</span>
-                    </template>
-                    <template v-if="column.key === 'sI_SUBTYPE'">
-                        <span v-if="record.sI_SUBTYPE == 'BOOK_ORDER'">订舱</span>
-                        <span v-if="record.sI_SUBTYPE == 'MAIL_RECV'">邮件接受</span>
-                    </template>
-                    <template v-if="column.key === 'plaN_TYPE'">
-                        <span v-if="record.plaN_TYPE == 'Rolling'">预甩货</span>
-                        <span v-if="record.plaN_TYPE == 'Transfer'">中专预甩</span>
-                    </template>
-                    <template v-if="column.key === 'recvUserList'">
-                        <a-popover :overlayStyle="{width: '330px'}" trigger="click">
-                            <template #content>
-                                <div style="width: 300px;">
-                                    <a-table size="small" :pagination="false" :data-source="record.recvUserList">
-                                        <a-table-column width="100" data-index="recvUserName" title="接收人" />
-                                        <a-table-column width="100" data-index="recvUserStatusName" title="状态" />
-                                        <a-table-column width="100" data-index="recvUserStatusTime" title="接受时间" />
-                                    </a-table>
-                                </div>
-
-                            </template>
-                            <span style="cursor: pointer;color: blue">{{ record.recvUserListName }}</span>
-                        </a-popover>
-
-                    </template>
-                    <template v-if="column.key === 'busI_TYPE'">
-                        <span v-if="record.busI_TYPE == 'BookingConfirmation'">订舱</span>
-                        <span v-if="record.busI_TYPE == 'BookingAmendment'">订舱变更</span>
-                        <span v-if="record.busI_TYPE == 'BookingCancellation'">订舱取消</span>
-                    </template>
-                    <!-- <template #truckName="{ record }">
+          <template v-if="taskType === 'BC'">
+            <a-popconfirm
+              title="确定批量下载当前选择项？"
+              ok-text="是"
+              cancel-text="否"
+              @confirm="downloadFun"
+            >
+              <a-button type="link"
+                ><i class="icon-xiazai-wenjianxiazai-16 iconfont"></i>批量下载</a-button
+              >
+            </a-popconfirm>
+            <a-popconfirm
+              title="确定重新比对当前选择项？"
+              ok-text="是"
+              cancel-text="否"
+              @confirm="reComparisonFun"
+            >
+              <a-button type="link"><i class="iconfont icon-duibi"></i>重新比对</a-button>
+            </a-popconfirm>
+          </template>
+          <template v-if="taskType === 'DRAFT' || taskType === 'SEAWAY BILL'">
+            <a-popconfirm
+              title="确定批量转发当前选择项？"
+              ok-text="是"
+              cancel-text="否"
+              @confirm="SendEmailFun"
+            >
+              <a-button type="link"><i class="iconfont icon-31zhuanfa"></i>批量转发</a-button>
+            </a-popconfirm>
+            <a-popconfirm
+              title="确定批量下载当前选择项？"
+              ok-text="是"
+              cancel-text="否"
+              @confirm="downloadFun"
+            >
+              <a-button type="link"
+                ><i class="icon-xiazai-wenjianxiazai-16 iconfont"></i>批量下载</a-button
+              >
+            </a-popconfirm>
+          </template>
+          <template v-if="taskType === 'DRAFT'">
+            <a-popconfirm
+              title="确定计算当前选择项？"
+              ok-text="是"
+              cancel-text="否"
+              @confirm="laraPaperCalc"
+            >
+              <a-button type="link"><i class="iconfont icon-52"></i>页数计算</a-button>
+            </a-popconfirm>
+          </template>
+          <template v-if="taskType === 'WAIT_BC'">
+            <a-button @click="openFile" type="link"
+              ><i class="iconfont icon-52"></i>上传BC并放舱</a-button
+            >
+          </template>
+          <template v-if="taskType === 'ORIGINAL_DOWN'">
+            <a-popconfirm
+              title="确定COPY打印当前选择项？"
+              ok-text="是"
+              cancel-text="否"
+              @confirm="copyPrintFun"
+            >
+              <a-button type="link"><i class="iconfont icon-weibiaoti--"></i>COPY打印</a-button>
+            </a-popconfirm>
+            <a-popconfirm
+              title="确定COPY打印当前选择项？"
+              ok-text="是"
+              cancel-text="否"
+              @confirm="copyDownloadFun"
+            >
+              <a-button type="link"
+                ><i class="iconfont icon-xiazai-wenjianxiazai-13"></i>COPY下载</a-button
+              >
+            </a-popconfirm>
+            <a-popconfirm
+              title="确定正本下载当前选择项？"
+              ok-text="是"
+              cancel-text="否"
+              @confirm="printBatchFun"
+            >
+              <a-button type="link"><i class="iconfont icon-xiazai"></i>正本下载</a-button>
+            </a-popconfirm>
+            <a-popconfirm
+              title="确定登记当前选择项？"
+              ok-text="是"
+              cancel-text="否"
+              @confirm="laraPaperRegistFun"
+            >
+              <a-button type="link"><i class="iconfont icon-dengjizongshu"></i>LARA登记</a-button>
+            </a-popconfirm>
+            <a-button type="link" @click="laraRecordFun"
+              ><i class="iconfont icon-touzijilu"></i>LARA记录</a-button
+            >
+          </template>
+        </template>
+        <template #toolbar> </template>
+        <template v-slot:bodyCell="{ column, record }">
+          <template v-if="column.key === 'iS_EXCEPT'">
+            <span v-if="record.iS_EXCEPT == 1">异常</span>
+            <span v-if="record.iS_EXCEPT == 0">未异常</span>
+          </template>
+          <template v-if="column.key === 'iS_COMPLETE'">
+            <span v-if="record.iS_COMPLETE == 1">已完成</span>
+            <span v-if="record.iS_COMPLETE == 0">未完成</span>
+          </template>
+          <template v-if="column.key === 'iS_PUBLIC'">
+            <span v-if="record.iS_PUBLIC == 1">公共</span>
+            <span v-if="record.iS_PUBLIC == 0">非公共</span>
+          </template>
+          <template v-if="column.key === 'iS_SET_AUTO_EMAIL'">
+            <span v-if="record.iS_SET_AUTO_EMAIL == 1">是</span>
+            <span v-if="record.iS_SET_AUTO_EMAIL == 0">否</span>
+          </template>
+          <template v-if="column.key === 'iS_DONGSH_RECV'">
+            <span v-if="record.iS_DONGSH_RECV == 1">是</span>
+            <span v-if="record.iS_DONGSH_RECV == 0">否</span>
+          </template>
+          <template v-if="column.key === 'iS_DONGSH_RESULT'">
+            <span v-if="record.iS_DONGSH_RESULT == 1">是</span>
+            <span v-if="record.iS_DONGSH_RESULT == 0">否</span>
+          </template>
+          <template v-if="column.key === 'iS_WEEK_DIFF'">
+            <span v-if="record.iS_WEEK_DIFF == 1">是</span>
+            <span v-if="record.iS_WEEK_DIFF == 0">否</span>
+          </template>
+          <template v-if="column.key === 'iS_PRICE_DATE_DIFF'">
+            <span v-if="record.iS_PRICE_DATE_DIFF == 1">是</span>
+            <span v-if="record.iS_PRICE_DATE_DIFF == 0">否</span>
+          </template>
+          <template v-if="column.key === 'iS_TRANSFER'">
+            <span v-if="record.iS_TRANSFER == 1">是</span>
+            <span v-if="record.iS_TRANSFER == 0">否</span>
+          </template>
+          <template v-if="column.key === 'iS_CUT_DATE_ADVANCED'">
+            <span v-if="record.iS_CUT_DATE_ADVANCED == 1">是</span>
+            <span v-if="record.iS_CUT_DATE_ADVANCED == 0">否</span>
+          </template>
+          <template v-if="column.key === 'iS_UPDATE_BOOKING'">
+            <span v-if="record.iS_UPDATE_BOOKING == 1">是</span>
+            <span v-if="record.iS_UPDATE_BOOKING == 0">否</span>
+          </template>
+          <template v-if="column.key === 'iS_SEND_EMAIL'">
+            <span v-if="record.iS_SEND_EMAIL == 1">已发送</span>
+            <span v-if="record.iS_SEND_EMAIL == 0">未发送</span>
+          </template>
+          <template v-if="column.key === 'iS_CHANGE'">
+            <span v-if="record.iS_CHANGE == 1">已发送</span>
+            <span v-if="record.iS_CHANGE == 0">未发送</span>
+          </template>
+          <template v-if="column.key === 'iS_EMAIL_SEND'">
+            <span v-if="record.iS_EMAIL_SEND == 1">已推送</span>
+            <span v-if="record.iS_EMAIL_SEND == 0">未推送</span>
+          </template>
+          <template v-if="column.key === 'procesS_STATUS'">
+            <span v-if="record.procesS_STATUS == 'TEMP'">待处理</span>
+            <span v-if="record.procesS_STATUS == 'SUCC'">处理成功</span>
+            <span v-if="record.procesS_STATUS == 'FAILURE'">失败</span>
+          </template>
+          <template v-if="column.key === 'cautioN_NOTICE_TYPE'">
+            <span v-if="record.cautioN_NOTICE_TYPE == 'WeekAt'">计费周差异</span>
+            <span v-if="record.cautioN_NOTICE_TYPE == 'PriceCalcDate'">计费日期差异</span>
+            <span v-if="record.cautioN_NOTICE_TYPE == 'ChangeTransfer'">直达转为中转</span>
+            <span v-if="record.cautioN_NOTICE_TYPE == 'ChangeVesselVoyno'">船名航次变化</span>
+            <span v-if="record.cautioN_NOTICE_TYPE == 'VGMCutDateAdvanced'">VGM截止时间提前</span>
+            <span v-if="record.cautioN_NOTICE_TYPE == 'SICutDateAdvanced'">SI截止时间提前</span>
+          </template>
+          <template v-if="column.key === 'ouT_BUSI_TYPE'">
+            <span v-if="record.ouT_BUSI_TYPE == ' SPLIT'">已拆单</span>
+            <span v-else>未拆单</span>
+          </template>
+          <template v-if="column.key === 'sI_SUBTYPE'">
+            <span v-if="record.sI_SUBTYPE == 'BOOK_ORDER'">订舱</span>
+            <span v-if="record.sI_SUBTYPE == 'MAIL_RECV'">邮件接受</span>
+          </template>
+          <template v-if="column.key === 'plaN_TYPE'">
+            <span v-if="record.plaN_TYPE == 'Rolling'">预甩货</span>
+            <span v-if="record.plaN_TYPE == 'Transfer'">中专预甩</span>
+          </template>
+          <template v-if="column.key === 'recvUserList'">
+            <a-popover :overlayStyle="{ width: '330px' }" trigger="click">
+              <template #content>
+                <div style="width: 300px">
+                  <a-table size="small" :pagination="false" :data-source="record.recvUserList">
+                    <a-table-column width="100" data-index="recvUserName" title="接收人" />
+                    <a-table-column width="100" data-index="recvUserStatusName" title="状态" />
+                    <a-table-column width="100" data-index="recvUserStatusTime" title="接受时间" />
+                  </a-table>
+                </div>
+              </template>
+              <span style="cursor: pointer; color: blue">{{ record.recvUserListName }}</span>
+            </a-popover>
+          </template>
+          <template v-if="column.key === 'busI_TYPE'">
+            <span v-if="record.busI_TYPE == 'BookingConfirmation'">订舱</span>
+            <span v-if="record.busI_TYPE == 'BookingAmendment'">订舱变更</span>
+            <span v-if="record.busI_TYPE == 'BookingCancellation'">订舱取消</span>
+          </template>
+          <!-- <template #truckName="{ record }">
                         <a-icon @click="handleOpen(record)" style="cursor: pointer;" type="edit" />
                         {{ record.trucK_NAME }}
                     </template>
@@ -223,86 +312,128 @@
                     <template #taskTitle="{ record }">
                         <span class="task-tit" @click="changePage(record)">{{ record.tasK_TITLE }}</span>
                     </template> -->
-                    <template v-if="column.key === 'action'">
-                        <TableAction :actions="[
-                            {
-                                icon: 'clarity:note-edit-line',
-                                tooltip: '编辑',
-                                onClick: () => {
-                                    handleEdit(record)
-                                },
-                            }
-                        ]" />
-                    </template>
-                </template>
-            </BasicTable>
-        </div>
-        <a-modal title="提示信息" width="900px" :visible="bcFileFlag" :footer="null" @cancel="bcFileFlag = false">
-            <div class="bcfile-title" style="margin-top: 20px">
-                <div>
-                    <i class="icon-fuzhi4 iconfont" title="复制" style="margin-right: 10px;cursor: pointer;"
-                        @click="handleCopy"></i>
-                    时间{{ bcFile.executeTime }}
-                </div>
-                <span> {{ bcFile.batchTotal }}</span>
-            </div>
-            <div ref="bcBox" class="bc-box" v-if="bcFile.ext && bcFile.ext.length > 0">
-                <div class="bc-item" v-for="(item, index) in bcFile.ext" :key="index">
-                    <span>{{ item.bno }}</span>
-                    <span> {{ item.msg }}</span>
-                </div>
-            </div>
-            <div v-else>{{ bcFile.msg }}</div>
-        </a-modal>
-        <a-modal @cancel="UserVisible = false" :visible="UserVisible" title="转移任务" @ok="UserhandleOk">
-            <a-spin :spinning="userLoad">
-                <div style="margin: 15px 0;">接收人</div>
-                <a-select mode="multiple" show-search style="width: 100%;margin-bottom: 30px"
-                    :filter-option="filterOption" v-model:value="UserId">
-                    <a-select-option v-for="item in UserList" :key="item.value" :value="item.value">
-                        {{ item.label }}
-                    </a-select-option>
-                </a-select>
-            </a-spin>
-        </a-modal>
-        <a-modal @cancel="fileFlag = false" :visible="fileFlag" title="上传BC并放舱" @ok="handleSaveFile">
-            <div style="margin: 15px 0">
-                <a-spin :spinning="fileLoad">
-                    <BasicForm @register="registerForm" />
-                    <a-upload :file-list="upFileList" :before-upload="beforeUpload" :max-count="1"
-                        accept=".xlsm,.xlsx,.xls,.pdf,.txt,.pms,.jpeg,.png"
-                        :rules="[{ required: true, message: '请上传文件！' }]" @remove="handleRemove">
-                        <a-button style="margin-top: 15px;">
-                            <span class="iconfont icon-shujushangchuan-shixin"
-                                :style="{ fontSize: '12px', marginRight: '5px' }"></span>
-                            选择文件
-                        </a-button>
-                    </a-upload>
-                </a-spin>
-            </div>
-        </a-modal>
-        <a-modal width="800px" @cancel="customFlag = false" :visible="customFlag" title="任务自定义列" :footer='null'>
-            <taskCustom @handleSuccess='handleSuccess' ref="taskCustomRef"></taskCustom>
-        </a-modal>
+          <template v-if="column.key === 'action'">
+            <TableAction
+              :actions="[
+                {
+                  icon: 'clarity:note-edit-line',
+                  tooltip: '编辑',
+                  onClick: () => {
+                    handleEdit(record)
+                  },
+                },
+              ]"
+            />
+          </template>
+        </template>
+      </BasicTable>
     </div>
+    <a-modal
+      title="提示信息"
+      width="900px"
+      :visible="bcFileFlag"
+      :footer="null"
+      @cancel="bcFileFlag = false"
+    >
+      <div class="bcfile-title" style="margin-top: 20px">
+        <div>
+          <i
+            class="icon-fuzhi4 iconfont"
+            title="复制"
+            style="margin-right: 10px; cursor: pointer"
+            @click="handleCopy"
+          ></i>
+          时间{{ bcFile.executeTime }}
+        </div>
+        <span> {{ bcFile.batchTotal }}</span>
+      </div>
+      <div ref="bcBox" class="bc-box" v-if="bcFile.ext && bcFile.ext.length > 0">
+        <div class="bc-item" v-for="(item, index) in bcFile.ext" :key="index">
+          <span>{{ item.bno }}</span>
+          <span> {{ item.msg }}</span>
+        </div>
+      </div>
+      <div v-else>{{ bcFile.msg }}</div>
+    </a-modal>
+    <a-modal
+      @cancel="UserVisible = false"
+      :visible="UserVisible"
+      title="转移任务"
+      @ok="UserhandleOk"
+    >
+      <a-spin :spinning="userLoad">
+        <div style="margin: 15px 0">接收人</div>
+        <a-select
+          mode="multiple"
+          show-search
+          style="width: 100%; margin-bottom: 30px"
+          :filter-option="filterOption"
+          v-model:value="UserId"
+        >
+          <a-select-option v-for="item in UserList" :key="item.value" :value="item.value">
+            {{ item.label }}
+          </a-select-option>
+        </a-select>
+      </a-spin>
+    </a-modal>
+    <a-modal
+      @cancel="fileFlag = false"
+      :visible="fileFlag"
+      title="上传BC并放舱"
+      @ok="handleSaveFile"
+    >
+      <div style="margin: 15px 0">
+        <a-spin :spinning="fileLoad">
+          <BasicForm @register="registerForm" />
+          <a-upload
+            :file-list="upFileList"
+            :before-upload="beforeUpload"
+            :max-count="1"
+            accept=".xlsm,.xlsx,.xls,.pdf,.txt,.pms,.jpeg,.png"
+            :rules="[{ required: true, message: '请上传文件！' }]"
+            @remove="handleRemove"
+          >
+            <a-button style="margin-top: 15px">
+              <span
+                class="iconfont icon-shujushangchuan-shixin"
+                :style="{ fontSize: '12px', marginRight: '5px' }"
+              ></span>
+              选择文件
+            </a-button>
+          </a-upload>
+        </a-spin>
+      </div>
+    </a-modal>
+    <a-modal
+      width="800px"
+      @cancel="customFlag = false"
+      :visible="customFlag"
+      title="任务自定义列"
+      :footer="null"
+    >
+      <taskCustom @handleSuccess="handleSuccess" ref="taskCustomRef"></taskCustom>
+    </a-modal>
+  </div>
 </template>
 <script lang="ts" setup name="任务台账">
-import { ref, onMounted, watch, onActivated } from 'vue'
-import { formatParams } from '/@/hooks/web/common'
-import { searchFormSchema, fileForm } from './columns'
-import { BasicTable, useTable, TableAction } from '/@/components/Table'
-import { GetUserTaskPlatFieldSet } from './api'
-import { useMessage } from '../../hooks/web/useMessage'
-import { useRoute, useRouter } from 'vue-router';
-import { useOptionsStore } from '/@/store/modules/options'
-import { BasicForm, useForm } from '/@/components/Form/index'
-import taskCustom from './taskList/taskCustom.vue'
-const optionsStore = useOptionsStore()
-const { createMessage } = useMessage()
-const route = useRoute();
-const router = useRouter();
-import {
-    GetCurrentTotalStat, GetPageAsync, TaskManageTruckGetInfoByTaskId,
+  import { ref, onMounted, watch, onActivated } from 'vue'
+  import { formatParams } from '/@/hooks/web/common'
+  import { searchFormSchema, fileForm } from './columns'
+  import { BasicTable, useTable, TableAction } from '/@/components/Table'
+  import { GetUserTaskPlatFieldSet } from './api'
+  import { useMessage } from '../../hooks/web/useMessage'
+  import { useRoute, useRouter } from 'vue-router'
+  import { useOptionsStore } from '/@/store/modules/options'
+  import { BasicForm, useForm } from '/@/components/Form/index'
+  import taskCustom from './taskList/taskCustom.vue'
+  const optionsStore = useOptionsStore()
+  const { createMessage } = useMessage()
+  const route = useRoute()
+  const router = useRouter()
+  import {
+    GetCurrentTotalStat,
+    GetPageAsync,
+    TaskManageTruckGetInfoByTaskId,
     TaskManageTruckPrintTemplateWithHistoryList,
     TaskManageTruckPrint,
     TaskManageTruckSendDispatchBatchByTask,
@@ -321,99 +452,101 @@ import {
     DownloadAttach,
     DownloadOriginalTask,
     ManualReCompareBC,
-    GetUserListAll
-} from './api'
-import { useGo } from '/@/hooks/web/usePage'
-const go = useGo()
-onMounted(() => {
+    GetUserListAll,
+  } from './api'
+  import { useGo } from '/@/hooks/web/usePage'
+  const go = useGo()
+  onMounted(() => {
     getCurrentTotalStat()
     getSetColumns('BASIC')
     setProps({
-        rowSelection: {
-            onChange: onSelectChange
-        },
+      rowSelection: {
+        onChange: onSelectChange,
+      },
     })
-})
-const [registerForm,
+  })
+  const [
+    registerForm,
     {
-        getFieldsValue: getFieldsValueL,
-        validateFields: validateFieldsL,
-        updateSchema: updateSchemaL,
-        setFieldsValue: setFieldsValueL,
-    }] = useForm({
-        labelWidth: 100,
-        schemas: fileForm,
-        showActionButtonGroup: false,
-    })
-const upFileList = ref([]) as any
-function beforeUpload(file, fileList) {
+      getFieldsValue: getFieldsValueL,
+      validateFields: validateFieldsL,
+      updateSchema: updateSchemaL,
+      setFieldsValue: setFieldsValueL,
+    },
+  ] = useForm({
+    labelWidth: 100,
+    schemas: fileForm,
+    showActionButtonGroup: false,
+  })
+  const upFileList = ref([]) as any
+  function beforeUpload(file, fileList) {
     upFileList.value = [file]
     return false
-}
-const customFlag = ref(false)
-function onSelectChange(selectedRowKeys) {
-
-}
-function handleSuccess() {
+  }
+  const customFlag = ref(false)
+  function onSelectChange(selectedRowKeys) {}
+  function handleSuccess() {
     customFlag.value = false
     if (taskType.value) {
-        getSetColumns(taskType.value)
+      getSetColumns(taskType.value)
     } else {
-        getSetColumns('BASIC')
+      getSetColumns('BASIC')
     }
-}
-function handleRemove(file: any) {
+  }
+  function handleRemove(file: any) {
     const index = upFileList.value.indexOf(file)
     const newFileList = upFileList.value.slice()
     newFileList.splice(index, 1)
     upFileList.value = newFileList
-}
-router.afterEach((to, from) => {
+  }
+  router.afterEach((to, from) => {
     if (to.fullPath === '/taskmanage') {
-        refshTotalStat();
+      refshTotalStat()
     }
-});
-const fileLoad = ref(false)
-function handleSaveFile() {
+  })
+  const fileLoad = ref(false)
+  function handleSaveFile() {
     if (!getFieldsValueL().carrierId) {
-        createMessage.warning('请选择船公司')
-        return false
+      createMessage.warning('请选择船公司')
+      return false
     }
     if (upFileList.value.length == 0) {
-        createMessage.warning('请选择文件')
-        return false
+      createMessage.warning('请选择文件')
+      return false
     }
     fileLoad.value = true
     const select = getSelectRows()
     const pkIdArr = select.map((item, index) => {
-        return item.id
+      return item.id
     })
     const postData = new FormData()
     postData.append('file', upFileList.value[0])
-    UploadBcThenRunTask(postData, getFieldsValueL().carrierCode, pkIdArr[0]).then(res => {
+    UploadBcThenRunTask(postData, getFieldsValueL().carrierCode, pkIdArr[0])
+      .then((res) => {
         fileLoad.value = false
         if (res.succeeded) {
-            createMessage.success(res.message)
-            fileFlag.value = false
+          createMessage.success(res.message)
+          fileFlag.value = false
         }
-    }).catch((err) => {
+      })
+      .catch((err) => {
         fileLoad.value = false
-    })
-}
-const levelreLoading = ref(false)
-const levelLoading = ref(false)
-const fileFlag = ref(false)
-const levelTop = ref([]) as any  //顶层tab
-const levelNext = ref([]) as any //二级tab分类
-const levelTree = ref([]) as any //详细任务类型
-const levelNextAll = ref([]) as any
-const levelTreeAll = ref([]) as any
-const taskType = ref('') //任务类型
-const activeTopKey = ref('') //顶层tab key
-const activeNextKey = ref('') //二级tab分类 key
-const activeTreeKey = ref([])  //详细任务类型 key
-// 根据接口获取相应数据 以及处理数据和key
-function getCurrentTotalStat() {
+      })
+  }
+  const levelreLoading = ref(false)
+  const levelLoading = ref(false)
+  const fileFlag = ref(false)
+  const levelTop = ref([]) as any //顶层tab
+  const levelNext = ref([]) as any //二级tab分类
+  const levelTree = ref([]) as any //详细任务类型
+  const levelNextAll = ref([]) as any
+  const levelTreeAll = ref([]) as any
+  const taskType = ref('') //任务类型
+  const activeTopKey = ref('') //顶层tab key
+  const activeNextKey = ref('') //二级tab分类 key
+  const activeTreeKey = ref([]) //详细任务类型 key
+  // 根据接口获取相应数据 以及处理数据和key
+  function getCurrentTotalStat() {
     levelreLoading.value = true
     levelLoading.value = true
     levelTop.value = []
@@ -427,76 +560,76 @@ function getCurrentTotalStat() {
     let str2 = ''
     let queryData = formatParams(getForm().getFieldsValue()).queryCondition
     if (queryData) {
-        queryData = JSON.parse(queryData)
-        let i = queryData.length;
-        while (i--) {
-            if (queryData[i].FieldName === 'businessNo') {
-                bussObj = queryData[i].FieldValue
-                queryData.splice(i, 1);
-            } else
-                if (queryData[i].FieldName === 'portloaD_CODE') {
-                    str1 = queryData[i].FieldValue
-                    queryData.splice(i, 1);
-                } else
-                    if (queryData[i].FieldName === 'portdischargE_CODE') {
-                        str2 = queryData[i].FieldValue
-                        queryData.splice(i, 1);
-                    }
+      queryData = JSON.parse(queryData)
+      let i = queryData.length
+      while (i--) {
+        if (queryData[i].FieldName === 'businessNo') {
+          bussObj = queryData[i].FieldValue
+          queryData.splice(i, 1)
+        } else if (queryData[i].FieldName === 'portloaD_CODE') {
+          str1 = queryData[i].FieldValue
+          queryData.splice(i, 1)
+        } else if (queryData[i].FieldName === 'portdischargE_CODE') {
+          str2 = queryData[i].FieldValue
+          queryData.splice(i, 1)
         }
+      }
     }
     const data = {
-        isReCalc: false,
-        queryCondition: JSON.stringify(queryData),
-        otherQueryCondition: {
-            businessNo: bussObj,
-            portloaD_CODE: str1,
-            portdischargE_CODE: str2
-        }
+      isReCalc: false,
+      queryCondition: JSON.stringify(queryData),
+      otherQueryCondition: {
+        businessNo: bussObj,
+        portloaD_CODE: str1,
+        portdischargE_CODE: str2,
+      },
     }
     GetCurrentTotalStat(data)
-        .then(res => {
-            levelLoading.value = false
-            levelreLoading.value = false
-            levelTop.value = res.data.levelTop
-            levelNextAll.value = res.data.levelNext
-            levelTreeAll.value = res.data.levelTree
-            if (levelTop.value.length > 0) {
-                activeTopKey.value = levelTop.value[0].key
-                levelNext.value = selectNextLevel(levelNextAll.value, activeTopKey.value)
-                if (levelNext.value.length > 0) {
-                    if (!activeNextKey.value) {
-                        activeNextKey.value = levelNext.value[0].key
-                        getForm().setFieldsValue({ status: activeNextKey.value })
-                    }
-                    levelTree.value = selectTreeLevel(levelTreeAll.value, activeNextKey.value, activeTopKey.value)
-                }
-
+      .then((res) => {
+        levelLoading.value = false
+        levelreLoading.value = false
+        levelTop.value = res.data.levelTop
+        levelNextAll.value = res.data.levelNext
+        levelTreeAll.value = res.data.levelTree
+        if (levelTop.value.length > 0) {
+          activeTopKey.value = levelTop.value[0].key
+          levelNext.value = selectNextLevel(levelNextAll.value, activeTopKey.value)
+          if (levelNext.value.length > 0) {
+            if (!activeNextKey.value) {
+              activeNextKey.value = levelNext.value[0].key
+              getForm().setFieldsValue({ status: activeNextKey.value })
             }
-            activeTreeKey.value = []
-            taskType.value = ''
-            reload()
-        })
-        .catch(err => {
-            levelLoading.value = false
-            levelreLoading.value = false
-        })
-}
-
-function openFile() {
+            levelTree.value = selectTreeLevel(
+              levelTreeAll.value,
+              activeNextKey.value,
+              activeTopKey.value,
+            )
+          }
+        }
+        activeTreeKey.value = []
+        taskType.value = ''
+        reload()
+      })
+      .catch((err) => {
+        levelLoading.value = false
+        levelreLoading.value = false
+      })
+  }
+
+  function openFile() {
     const select = getSelectRows()
     if (select.length == 0) {
-        createMessage.warning('请选择任务')
-        return false
+      createMessage.warning('请选择任务')
+      return false
     }
     if (select.length > 1) {
-        createMessage.warning('只能选择一条任务')
-        return false
+      createMessage.warning('只能选择一条任务')
+      return false
     }
     fileFlag.value = true
-}
-
+  }
 
-function refshTotalStat() {
+  function refshTotalStat() {
     levelreLoading.value = true
     levelLoading.value = true
     let bussObj = ''
@@ -504,189 +637,188 @@ function refshTotalStat() {
     let str2 = ''
     let queryData = formatParams(getForm().getFieldsValue()).queryCondition
     if (queryData) {
-        queryData = JSON.parse(queryData)
-        let i = queryData.length;
-        while (i--) {
-            if (queryData[i].FieldName === 'businessNo') {
-                bussObj = queryData[i].FieldValue
-                queryData.splice(i, 1);
-            } else
-                if (queryData[i].FieldName === 'portloaD_CODE') {
-                    str1 = queryData[i].FieldValue
-                    queryData.splice(i, 1);
-                } else
-                    if (queryData[i].FieldName === 'portdischargE_CODE') {
-                        str2 = queryData[i].FieldValue
-                        queryData.splice(i, 1);
-                    }
+      queryData = JSON.parse(queryData)
+      let i = queryData.length
+      while (i--) {
+        if (queryData[i].FieldName === 'businessNo') {
+          bussObj = queryData[i].FieldValue
+          queryData.splice(i, 1)
+        } else if (queryData[i].FieldName === 'portloaD_CODE') {
+          str1 = queryData[i].FieldValue
+          queryData.splice(i, 1)
+        } else if (queryData[i].FieldName === 'portdischargE_CODE') {
+          str2 = queryData[i].FieldValue
+          queryData.splice(i, 1)
         }
+      }
     }
     GetCurrentTotalStat({
-        isReCalc: false,
-        queryCondition: JSON.stringify(queryData),
-        otherQueryCondition: {
-            businessNo: bussObj,
-            portloaD_CODE: str1,
-            portdischargE_CODE: str2
-        }
+      isReCalc: false,
+      queryCondition: JSON.stringify(queryData),
+      otherQueryCondition: {
+        businessNo: bussObj,
+        portloaD_CODE: str1,
+        portdischargE_CODE: str2,
+      },
     })
-        .then(res => {
-            levelLoading.value = false
-            levelreLoading.value = false
-            levelTop.value = res.data.levelTop
-            levelNextAll.value = res.data.levelNext
-            levelTreeAll.value = res.data.levelTree
-            levelTree.value = selectTreeLevel(levelTreeAll.value, activeNextKey.value, activeTopKey.value)
-            levelTree.value.map((item, index) => {
-                if (item.key === taskType.value) {
-                    item.active = true
-                }
-            })
-            reload()
-        })
-        .catch(err => {
-            levelLoading.value = false
-            levelreLoading.value = false
+      .then((res) => {
+        levelLoading.value = false
+        levelreLoading.value = false
+        levelTop.value = res.data.levelTop
+        levelNextAll.value = res.data.levelNext
+        levelTreeAll.value = res.data.levelTree
+        levelTree.value = selectTreeLevel(
+          levelTreeAll.value,
+          activeNextKey.value,
+          activeTopKey.value,
+        )
+        levelTree.value.map((item, index) => {
+          if (item.key === taskType.value) {
+            item.active = true
+          }
         })
-}
-function selectNextLevel(list, key) {
+        reload()
+      })
+      .catch((err) => {
+        levelLoading.value = false
+        levelreLoading.value = false
+      })
+  }
+  function selectNextLevel(list, key) {
     const arr = [] as any
     list.map((item, index) => {
-        if (item.topKey === key) {
-            arr.push(item)
-        }
+      if (item.topKey === key) {
+        arr.push(item)
+      }
     })
     return arr
-}
-
-//转移任务
-const UserVisible = ref(false)
-const UserList = ref([]) as any
-const UserId = ref([])
-const userLoad = ref(false)
+  }
 
+  //转移任务
+  const UserVisible = ref(false)
+  const UserList = ref([]) as any
+  const UserId = ref([])
+  const userLoad = ref(false)
 
-function UserhandleOk() {
+  function UserhandleOk() {
     if (UserId.value.length === 0) {
-        createMessage.error('请选择转移人')
-        return false
+      createMessage.error('请选择转移人')
+      return false
     }
     const arr = [] as any
-    UserList.value.forEach(item => {
-        UserId.value.forEach(ite => {
-            if (item.value == ite) {
-                arr.push({
-                    recvUserId: item.value,
-                    recvUserName: item.label
-                })
-            }
-        })
+    UserList.value.forEach((item) => {
+      UserId.value.forEach((ite) => {
+        if (item.value == ite) {
+          arr.push({
+            recvUserId: item.value,
+            recvUserName: item.label,
+          })
+        }
+      })
     })
     const select = getSelectRows()
     let queryStr = ''
     select.forEach((item, index) => {
-        if (index === 0) {
-            queryStr += 'taskIds=' + item.id
-        } else {
-            queryStr += '&taskIds=' + item.id
-        }
+      if (index === 0) {
+        queryStr += 'taskIds=' + item.id
+      } else {
+        queryStr += '&taskIds=' + item.id
+      }
     })
     userLoad.value = true
-    SetTaskOwner(arr, queryStr).then(res => {
-        if (res.succeeded) {
-            createMessage.success(res.message)
-            UserVisible.value = false
-        } else {
-            createMessage.error(res.message)
-        }
-        userLoad.value = false
+    SetTaskOwner(arr, queryStr).then((res) => {
+      if (res.succeeded) {
+        createMessage.success(res.message)
+        UserVisible.value = false
+      } else {
+        createMessage.error(res.message)
+      }
+      userLoad.value = false
     })
-}
-const taskCustomRef = ref()
-function openCustom() {
+  }
+  const taskCustomRef = ref()
+  function openCustom() {
     customFlag.value = true
     setTimeout(() => {
-        taskCustomRef.value.init()
+      taskCustomRef.value.init()
     }, 50)
-}
-function openUser() {
+  }
+  function openUser() {
     const select = getSelectRows()
     const pkIdArr = select.map((item, index) => {
-        return item.id
+      return item.id
     })
     if (pkIdArr.length === 0) {
-        createMessage.error('请选择数据')
-        return false
+      createMessage.error('请选择数据')
+      return false
     }
-    GetUserListAll().then(res => {
-        UserList.value = res.data
+    GetUserListAll().then((res) => {
+      UserList.value = res.data
     })
     UserId.value = []
     UserVisible.value = true
-}
-
-function filterOption(input, option) {
-    return (
-        option.componentOptions.children[0].text.toLowerCase().indexOf(input.toLowerCase()) >= 0
-    );
-}
-// 点击顶层切换
-function changeTopLevel() {
+  }
+
+  function filterOption(input, option) {
+    return option.componentOptions.children[0].text.toLowerCase().indexOf(input.toLowerCase()) >= 0
+  }
+  // 点击顶层切换
+  function changeTopLevel() {
     levelNext.value = selectNextLevel(levelNextAll.value, activeTopKey.value)
     activeNextKey.value = levelNext.value[0].key
     levelTree.value = selectTreeLevel(levelTreeAll.value, activeNextKey.value, activeTopKey.value)
     activeTreeKey.value = []
     taskType.value = ''
-    levelTree.value.forEach(item => {
-        item.active = false
+    levelTree.value.forEach((item) => {
+      item.active = false
     })
     const arr = [] as any
-    columsAll.value.forEach(item => {
-        if (item.taskTypeCode === 'BASIC') {
-            JSON.parse(item.content).forEach(item => {
-                if (item.checked) {
-                    arr.push(item)
-                }
-            })
-        }
+    columsAll.value.forEach((item) => {
+      if (item.taskTypeCode === 'BASIC') {
+        JSON.parse(item.content).forEach((item) => {
+          if (item.checked) {
+            arr.push(item)
+          }
+        })
+      }
     })
     setColumns(arr)
     reload()
-}
+  }
 
-// 点击二层切换
-function changeNextLevel() {
+  // 点击二层切换
+  function changeNextLevel() {
     levelTree.value = selectTreeLevel(levelTreeAll.value, activeNextKey.value, activeTopKey.value)
     activeTreeKey.value = []
     getForm().setFieldsValue({ status: activeNextKey.value })
     taskType.value = ''
-    levelTree.value.forEach(item => {
-        item.active = false
+    levelTree.value.forEach((item) => {
+      item.active = false
     })
     const arr = [] as any
-    columsAll.value.forEach(item => {
-        if (item.taskTypeCode === 'BASIC') {
-            JSON.parse(item.content).forEach(item => {
-                if (item.checked) {
-                    arr.push(item)
-                }
-            })
-        }
+    columsAll.value.forEach((item) => {
+      if (item.taskTypeCode === 'BASIC') {
+        JSON.parse(item.content).forEach((item) => {
+          if (item.checked) {
+            arr.push(item)
+          }
+        })
+      }
     })
     setColumns(arr)
     reload()
-}
-function selectTreeLevel(list, key, topKey) {
+  }
+  function selectTreeLevel(list, key, topKey) {
     const arr = [] as any
     list.map((item, index) => {
-        if (item.nextKey === key && item.topKey === topKey) {
-            arr.push(item)
-        }
+      if (item.nextKey === key && item.topKey === topKey) {
+        arr.push(item)
+      }
     })
     return arr
-}
+  }
 
-const columns = [
+  const columns = [
     { dataIndex: 'tasK_TYPE_NAME', width: 100, title: '任务类型' },
     { dataIndex: 'tasK_TITLE', width: 200, title: '任务标题' },
     { dataIndex: 'createTime', width: 180, title: '接收时间' },
@@ -706,99 +838,97 @@ const columns = [
     { dataIndex: 'tasK_SOURCE_NAME', width: 100, title: '任务来源' },
     { dataIndex: 'createUserName', width: 100, title: '接收人' },
     { dataIndex: 'completE_DEAL_NAME', width: 100, title: '完成方式' },
-]
-const [registerTable, { reload, setProps, getForm, getSelectRows, setColumns }] = useTable({
+  ]
+  const [registerTable, { reload, setProps, getForm, getSelectRows, setColumns }] = useTable({
     api: async (p) => {
-        const res: API.DataResult = await GetPageAsync(p)
-        return new Promise((resolve) => {
-            res.data.forEach(item => {
-                if(item.recvUserList){
-                    item.recvUserListName = item.recvUserList.map(ite => ite.recvUserName).join('/')
-                }
-            })
-            resolve({
-                data: res.data, total: res.count
-            })
+      const res: API.DataResult = await GetPageAsync(p)
+      return new Promise((resolve) => {
+        res.data.forEach((item) => {
+          if (item.recvUserList) {
+            item.recvUserListName = item.recvUserList.map((ite) => ite.recvUserName).join('/')
+          }
         })
+        resolve({
+          data: res.data,
+          total: res.count,
+        })
+      })
     },
     beforeFetch: (p) => {
-        if (taskType.value) {
-            p['task_TYPE'] = taskType.value
+      if (taskType.value) {
+        p['task_TYPE'] = taskType.value
+      }
+      const data = {} as any
+      const queryData = JSON.parse(formatParams(p).queryCondition)
+      data.pageCondition = formatParams(p).pageCondition
+      let bussObj = '' as any
+      let str1 = '' as any
+      let str2 = '' as any
+      for (let i = 0; i < queryData.length; i++) {
+        if (queryData[i].FieldName === 'task_TYPE') {
+          queryData[i].ConditionalType = 0
         }
-        const data = {} as any
-        const queryData = JSON.parse(formatParams(p).queryCondition)
-        data.pageCondition = formatParams(p).pageCondition
-        let bussObj = '' as any
-        let str1 = '' as any
-        let str2 = '' as any
-        for (let i = 0; i < queryData.length; i++) {
-            if (queryData[i].FieldName === 'task_TYPE') {
-                queryData[i].ConditionalType = 0
-            }
-            if (queryData[i].FieldName === 'taskRecvName') {
-                queryData[i].ConditionalType = 0
-            }
-            if (queryData[i].FieldName === 'taskSource') {
-                queryData[i].ConditionalType = 0
-            }
-            if (queryData[i].FieldName === 'customerId') {
-                queryData[i].ConditionalType = 0
-            }
-            if (queryData[i].FieldName === 'operatorId') {
-                queryData[i].ConditionalType = 0
-            }
-            if (queryData[i].FieldName === 'saleId') {
-                queryData[i].ConditionalType = 0
-            }
-            if (queryData[i].FieldName === 'customerService') {
-                queryData[i].ConditionalType = 0
-            }
-        }
-        let i = queryData.length;
-        while (i--) {
-            if (queryData[i].FieldName === 'businessNo') {
-                bussObj = queryData[i].FieldValue
-                queryData.splice(i, 1);
-            } else
-                if (queryData[i].FieldName === 'portloaD_CODE') {
-                    str1 = queryData[i].FieldValue
-                    queryData.splice(i, 1);
-                } else
-                    if (queryData[i].FieldName === 'portdischargE_CODE') {
-                        str2 = queryData[i].FieldValue
-                        queryData.splice(i, 1);
-                    }
-
+        if (queryData[i].FieldName === 'taskRecvName') {
+          queryData[i].ConditionalType = 0
         }
-        data.queryCondition = JSON.stringify(queryData)
-        data.otherQueryCondition = {}
-        if (activeTopKey.value) {
-            data.otherQueryCondition.taskCategory = activeTopKey.value
+        if (queryData[i].FieldName === 'taskSource') {
+          queryData[i].ConditionalType = 0
         }
-        if (activeNextKey.value) {
-            data.otherQueryCondition.status = activeNextKey.value
+        if (queryData[i].FieldName === 'customerId') {
+          queryData[i].ConditionalType = 0
         }
-        if (taskType.value) {
-            data.otherQueryCondition.taskType = taskType.value
+        if (queryData[i].FieldName === 'operatorId') {
+          queryData[i].ConditionalType = 0
         }
-        if (bussObj) {
-            data.otherQueryCondition.businessNo = bussObj
+        if (queryData[i].FieldName === 'saleId') {
+          queryData[i].ConditionalType = 0
         }
-        if (str1) {
-            data.otherQueryCondition.portloaD_CODE = str1
+        if (queryData[i].FieldName === 'customerService') {
+          queryData[i].ConditionalType = 0
         }
-        if (str2) {
-            data.otherQueryCondition.portdischargE_CODE = str2
+      }
+      let i = queryData.length
+      while (i--) {
+        if (queryData[i].FieldName === 'businessNo') {
+          bussObj = queryData[i].FieldValue
+          queryData.splice(i, 1)
+        } else if (queryData[i].FieldName === 'portloaD_CODE') {
+          str1 = queryData[i].FieldValue
+          queryData.splice(i, 1)
+        } else if (queryData[i].FieldName === 'portdischargE_CODE') {
+          str2 = queryData[i].FieldValue
+          queryData.splice(i, 1)
         }
-        return data
+      }
+      data.queryCondition = JSON.stringify(queryData)
+      data.otherQueryCondition = {}
+      if (activeTopKey.value) {
+        data.otherQueryCondition.taskCategory = activeTopKey.value
+      }
+      if (activeNextKey.value) {
+        data.otherQueryCondition.status = activeNextKey.value
+      }
+      if (taskType.value) {
+        data.otherQueryCondition.taskType = taskType.value
+      }
+      if (bussObj) {
+        data.otherQueryCondition.businessNo = bussObj
+      }
+      if (str1) {
+        data.otherQueryCondition.portloaD_CODE = str1
+      }
+      if (str2) {
+        data.otherQueryCondition.portdischargE_CODE = str2
+      }
+      return data
     },
     immediate: false,
     columns,
     formConfig: {
-        labelWidth: 120,
-        schemas: searchFormSchema,
-        submitFunc: handleNext,
-        resetFunc: handleResetFunc
+      labelWidth: 120,
+      schemas: searchFormSchema,
+      submitFunc: handleNext,
+      resetFunc: handleResetFunc,
     },
     isTreeTable: false,
     pagination: true,
@@ -807,306 +937,337 @@ const [registerTable, { reload, setProps, getForm, getSelectRows, setColumns }]
     bordered: true,
     showIndexColumn: true,
     indexColumnProps: {
-        width: 60,
+      width: 60,
     },
     canResize: true,
     resizeHeightOffset: 35,
     actionColumn: {
-        width: 80,
-        title: '操作',
-        dataIndex: 'action',
-        fixed: 'right',
-    }
-})
+      width: 80,
+      title: '操作',
+      dataIndex: 'action',
+      fixed: 'right',
+    },
+  })
 
-function handleNext() {
+  function handleNext() {
     activeNextKey.value = ''
     getCurrentTotalStat()
-}
-function handledbclick(row) {
+  }
+  function handledbclick(row) {
     handleEdit(row)
-}
-function handleResetFunc() {
+  }
+  function handleResetFunc() {
     console.log('handleResetFunc')
-}
-function handleEdit(data) {
+  }
+  function handleEdit(data) {
     switch (data.tasK_TYPE) {
-        case 'VGM_COMPARE':
-            // VGM比对查看页面
-            go({
-                path: '/commontaskmanage/vgmCompare',
-                query: { taskPKId: data.id, type: data.status }
-            });
-            break;
-        case 'INVOICE_BILL_MAIL':
-            // 航次账单查看
-            go({
-                path: '/commontaskmanage/invoiceBillMail',
-                query: { taskPKId: data.id }
-            });
-            break;
-        case 'PER_BILL':
-            // 单票账单查看
-            go({
-                path: '/commontaskmanage/perBill',
-                query: { taskPKId: data.id }
-            });
-            break;
-        case 'CHANGE_SHIP':
-            // 换船通知查看
-            go({
-                path: '/commontaskmanage/changeShip',
-                query: { taskPKId: data.id, type: 'change' }
-            });
-            break;
-        case 'ABORT_CHANGE_SHIP':
-            // 取消换船通知查看
-            go({
-                path: '/commontaskmanage/changeShip',
-                query: { taskPKId: data.id, type: 'abortChange' }
-            });
-            break;
-        case 'ORIGINAL_LOST':
-            // 正本缺失查看
-            go({
-                path: '/commontaskmanage/originalLost',
-                query: { taskPKId: data.id }
-            });
-            break;
-        case 'SI_FEEDBACK':
-            // 订舱详情编辑
-            go({
-                path: '/commontaskmanage/siFeedback',
-                query: { taskPKId: data.id }
-            });
-            break;
-        case 'TRUCK_DISPATCH':
-            // 派车编辑
-            go({
-                name: 'SendCarAdd',
-                query: { type: 'Edit', taskPKId: data.id }
-            });
-            break;
-        case 'BC':
-            // BC编辑
-            go({
-                path: '/commontaskmanage/BcEditing',
-                query: { taskPKId: data.id }
-            });
-            break;
-        case 'BC_MODIFY':
-            // BC变更 Amendment
-            go({
-                path: '/commontaskmanage/Amendment',
-                query: { taskPKId: data.id }
-            });
-            break;
-        case 'CANCELLATION':
-            // Cancellation
-            go({
-                path: '/commontaskmanage/Cancellation',
-                query: { taskPKId: data.id }
-            });
-            break;
-        case 'ROLLING_NOMINATION':
-            // ROLLING_NOMINATION
-            go({
-                path: '/commontaskmanage/rollingNomination',
-                query: { taskPKId: data.id }
-            });
-            break;
-        case 'VGM_FEEDBACK':
-            // VGM_FEEDBACK
-            go({
-                path: '/commontaskmanage/vgmDetail',
-                query: { taskPKId: data.id, type: 'VGM_FEEDBACK' }
-            });
-            break;
-        case 'CAUTION_NOTICE':
-            // CAUTION_NOTICE 重要提醒
-            go({
-                path: '/commontaskmanage/cautionNotice',
-                query: { taskPKId: data.id }
-            });
-            break;
-        case 'VGM_MISSING':
-            // VGM_MISSING VGM未提交
-            go({
-                path: '/commontaskmanage/vgmDetail',
-                query: { taskPKId: data.id, type: 'VGM_MISSING' }
-            });
-            break;
-        case 'CUT_MODIFY':
-            // CUT_MODIFY 截止时间变更
-            go({
-                path: '/commontaskmanage/cutModify',
-                query: { taskPKId: data.id }
-            });
-            break;
-        case 'POD_DISCHARGE_FULL':
-            //  目的港未提货
-            go({
-                path: '/commontaskmanage/podDischargeFull',
-                query: { taskPKId: data.id }
-            });
-            break;
-        case 'TRNAS_PLAN_HAS_CHANGE':
-            // 运输计划已变更
-            go({
-                path: '/commontaskmanage/transPlanHasChange',
-                query: { taskPKId: data.id }
-            });
-            break;
-        case 'DRAFT':
-            // DRAFT
-            go({
-                path: '/commontaskmanage/draft',
-                query: { taskPKId: data.id }
-            });
-            break;
-        case 'ROUTE_CUT_CHANGE':
-            // 航线截至时间调整
-            go({
-                path: '/commontaskmanage/routeCutChange',
-                query: { taskPKId: data.id }
-            });
-            break;
-        case 'POD_GATEOUT_FULL':
-            // 目的港未返空箱 
-            go({
-                path: '/commontaskmanage/podGateoutFull',
-                query: { taskPKId: data.id }
-            });
-            break;
-        case 'WAIT_ORDER_AUDIT':
-        case 'WAIT_BOOKING':
-        case 'WAIT_BC':
-        case 'WAIT_SPACE_RELEASE':
-        case 'WAIT_CANGDAN':
-        case 'WAIT_BILL_CONFIRM':
-        case 'WAIT_SI':
-        case 'WAIT_DRAFT':
-        case 'WAIT_CHECKOUT_BILL':
-        case 'WAIT_VGM':
-        case 'WAIT_BAOGUAN':
-        case 'WAIT_AMS':
-        case 'WAIT_SHANGJIAN':
-        case 'WAIT_COA':
-        case 'WAIT_CHANDIZHENG':
-        case 'WAIT_TUOCHE':
-        case 'WAIT_Insurance':
-            // 跳转到订舱详情查看页面
-            go({
-                path: '/taskmanage/booking-approval',
-                query: { id: data.ouT_BS_NO, source: data.tasK_USER_STATUS, taskId: data.id, status: data.tasK_TYPE }
-            });
-            break;
-        default:
-            break;
+      case 'VGM_COMPARE':
+        // VGM比对查看页面
+        go({
+          path: '/commontaskmanage/vgmCompare',
+          query: { taskPKId: data.id, type: data.status },
+        })
+        break
+      case 'INVOICE_BILL_MAIL':
+        // 航次账单查看
+        go({
+          path: '/commontaskmanage/invoiceBillMail',
+          query: { taskPKId: data.id },
+        })
+        break
+      case 'PER_BILL':
+        // 单票账单查看
+        go({
+          path: '/commontaskmanage/perBill',
+          query: { taskPKId: data.id },
+        })
+        break
+      case 'CHANGE_SHIP':
+        // 换船通知查看
+        go({
+          path: '/commontaskmanage/changeShip',
+          query: { taskPKId: data.id, type: 'change' },
+        })
+        break
+      case 'ABORT_CHANGE_SHIP':
+        // 取消换船通知查看
+        go({
+          path: '/commontaskmanage/changeShip',
+          query: { taskPKId: data.id, type: 'abortChange' },
+        })
+        break
+      case 'ORIGINAL_LOST':
+        // 正本缺失查看
+        go({
+          path: '/commontaskmanage/originalLost',
+          query: { taskPKId: data.id },
+        })
+        break
+      case 'SI_FEEDBACK':
+        // 订舱详情编辑
+        go({
+          path: '/commontaskmanage/siFeedback',
+          query: { taskPKId: data.id },
+        })
+        break
+      case 'TRUCK_DISPATCH':
+        // 派车编辑
+        go({
+          name: 'SendCarAdd',
+          query: { type: 'Edit', taskPKId: data.id },
+        })
+        break
+      case 'BC':
+        // BC编辑
+        go({
+          path: '/commontaskmanage/BcEditing',
+          query: { taskPKId: data.id },
+        })
+        break
+      case 'BC_MODIFY':
+        // BC变更 Amendment
+        go({
+          path: '/commontaskmanage/Amendment',
+          query: { taskPKId: data.id },
+        })
+        break
+      case 'CANCELLATION':
+        // Cancellation
+        go({
+          path: '/commontaskmanage/Cancellation',
+          query: { taskPKId: data.id },
+        })
+        break
+      case 'ROLLING_NOMINATION':
+        // ROLLING_NOMINATION
+        go({
+          path: '/commontaskmanage/rollingNomination',
+          query: { taskPKId: data.id },
+        })
+        break
+      case 'VGM_FEEDBACK':
+        // VGM_FEEDBACK
+        go({
+          path: '/commontaskmanage/vgmDetail',
+          query: { taskPKId: data.id, type: 'VGM_FEEDBACK' },
+        })
+        break
+      case 'CAUTION_NOTICE':
+        // CAUTION_NOTICE 重要提醒
+        go({
+          path: '/commontaskmanage/cautionNotice',
+          query: { taskPKId: data.id },
+        })
+        break
+      case 'VGM_MISSING':
+        // VGM_MISSING VGM未提交
+        go({
+          path: '/commontaskmanage/vgmDetail',
+          query: { taskPKId: data.id, type: 'VGM_MISSING' },
+        })
+        break
+      case 'CUT_MODIFY':
+        // CUT_MODIFY 截止时间变更
+        go({
+          path: '/commontaskmanage/cutModify',
+          query: { taskPKId: data.id },
+        })
+        break
+      case 'POD_DISCHARGE_FULL':
+        //  目的港未提货
+        go({
+          path: '/commontaskmanage/podDischargeFull',
+          query: { taskPKId: data.id },
+        })
+        break
+      case 'TRNAS_PLAN_HAS_CHANGE':
+        // 运输计划已变更
+        go({
+          path: '/commontaskmanage/transPlanHasChange',
+          query: { taskPKId: data.id },
+        })
+        break
+      case 'DRAFT':
+        // DRAFT
+        go({
+          path: '/commontaskmanage/draft',
+          query: { taskPKId: data.id },
+        })
+        break
+      case 'ROUTE_CUT_CHANGE':
+        // 航线截至时间调整
+        go({
+          path: '/commontaskmanage/routeCutChange',
+          query: { taskPKId: data.id },
+        })
+        break
+      case 'POD_GATEOUT_FULL':
+        // 目的港未返空箱
+        go({
+          path: '/commontaskmanage/podGateoutFull',
+          query: { taskPKId: data.id },
+        })
+        break
+      case 'INFO_CLIENT_AUDIT':
+        // 客户/供应商审核
+        console.log(data)
+
+        go({
+          path: '/approval-infoclient',
+          query: {
+            id: data.ouT_BS_NO,
+            source: data.tasK_USER_STATUS,
+            taskId: data.id,
+            status: data.tasK_TYPE,
+          },
+        })
+        break
+
+      case 'WAIT_ORDER_AUDIT':
+      case 'WAIT_BOOKING':
+      case 'WAIT_BC':
+      case 'WAIT_SPACE_RELEASE':
+      case 'WAIT_CANGDAN':
+      case 'WAIT_BILL_CONFIRM':
+      case 'WAIT_SI':
+      case 'WAIT_DRAFT':
+      case 'WAIT_CHECKOUT_BILL':
+      case 'WAIT_VGM':
+      case 'WAIT_BAOGUAN':
+      case 'WAIT_AMS':
+      case 'WAIT_SHANGJIAN':
+      case 'WAIT_COA':
+      case 'WAIT_CHANDIZHENG':
+      case 'WAIT_TUOCHE':
+      case 'WAIT_Insurance':
+        // 跳转到订舱详情查看页面
+        go({
+          path: '/taskmanage/booking-approval',
+          query: {
+            id: data.ouT_BS_NO,
+            source: data.tasK_USER_STATUS,
+            taskId: data.id,
+            status: data.tasK_TYPE,
+          },
+        })
+        break
+      default:
+        break
     }
-}
-const columsAll = ref([]) as any
-function getSetColumns(type) {
+  }
+  const columsAll = ref([]) as any
+  function getSetColumns(type) {
     const data = {
-        permissionId: 1819556999776571399,
-        taskTypeCodeArray: ['DRAFT', 'ROLLING_NOMINATION', 'CUT_MODIFY', 'TRUCK_DISPATCH', 'PER_BILL',
-            'BC', 'SI_FEEDBACK', 'basic', 'ROUTE_CUT_CHANGE', 'CAUTION_NOTICE', 'POD_DISCHARGE_FULL'],
-        isSetDefault: false
+      permissionId: 1819556999776571399,
+      taskTypeCodeArray: [
+        'DRAFT',
+        'ROLLING_NOMINATION',
+        'CUT_MODIFY',
+        'TRUCK_DISPATCH',
+        'PER_BILL',
+        'BC',
+        'SI_FEEDBACK',
+        'basic',
+        'ROUTE_CUT_CHANGE',
+        'CAUTION_NOTICE',
+        'POD_DISCHARGE_FULL',
+      ],
+      isSetDefault: false,
     }
-    GetUserTaskPlatFieldSet(data).then(res => {
-        if (res.succeeded) {
-            if (res.data.length > 0) {
-                columsAll.value = res.data
-                const arr = [] as any
-                columsAll.value.forEach(item => {
-                    if (item.taskTypeCode === type) {
-                        JSON.parse(item.content).forEach(item => {
-                            if (item.checked) {
-                                arr.push(item)
-                            }
-                        })
-                    }
-                })
-                setColumns(arr)
+    GetUserTaskPlatFieldSet(data).then((res) => {
+      if (res.succeeded) {
+        if (res.data.length > 0) {
+          columsAll.value = res.data
+          const arr = [] as any
+          columsAll.value.forEach((item) => {
+            if (item.taskTypeCode === type) {
+              JSON.parse(item.content).forEach((item) => {
+                if (item.checked) {
+                  arr.push(item)
+                }
+              })
             }
+          })
+          setColumns(arr)
         }
+      }
     })
-}
-const bcFileFlag = ref(false)
-const bcFile = ref({}) as any
-// 取消
-function removeFun() {
+  }
+  const bcFileFlag = ref(false)
+  const bcFile = ref({}) as any
+  // 取消
+  function removeFun() {
     const select = getSelectRows()
     const pkIdArr = select.map((item, index) => {
-        return item.id
+      return item.id
     })
     if (pkIdArr.length === 0) {
-        createMessage.error('请选择数据')
-        return false
+      createMessage.error('请选择数据')
+      return false
     }
-    CancelTask(pkIdArr)
-        .then(res => {
-            if (res.succeeded) {
-                createMessage.success('取消任务成功')
-                bcFileFlag.value = true
-                bcFile.value = res.data
-                reload()
-            } else {
-                createMessage.error(res.message)
-            }
-        })
-}
-// 完成
-function submitFun() {
+    CancelTask(pkIdArr).then((res) => {
+      if (res.succeeded) {
+        createMessage.success('取消任务成功')
+        bcFileFlag.value = true
+        bcFile.value = res.data
+        reload()
+      } else {
+        createMessage.error(res.message)
+      }
+    })
+  }
+  // 完成
+  function submitFun() {
     const select = getSelectRows()
     const pkIdArr = select.map((item, index) => {
-        return item.id
+      return item.id
     })
     if (pkIdArr.length === 0) {
-        createMessage.error('请选择数据')
-        return false
+      createMessage.error('请选择数据')
+      return false
     }
     CompleteTask(pkIdArr)
-        .then(res => {
-            if (res.succeeded) {
-                createMessage.success('已完成任务')
-                bcFileFlag.value = true
-                bcFile.value = res.data
-                reload()
-            } else {
-                createMessage.error(res.message)
-            }
-        })
-        .catch(err => {
-            console.log(err)
-        })
-}
-// 批量下载
-function downloadFun() {
+      .then((res) => {
+        if (res.succeeded) {
+          createMessage.success('已完成任务')
+          bcFileFlag.value = true
+          bcFile.value = res.data
+          reload()
+        } else {
+          createMessage.error(res.message)
+        }
+      })
+      .catch((err) => {
+        console.log(err)
+      })
+  }
+  // 批量下载
+  function downloadFun() {
     const select = getSelectRows()
     const pkIdArr = select.map((item, index) => {
-        return item.id
+      return item.id
     })
     console.log('当前选中', pkIdArr)
     if (pkIdArr.length === 0) {
-        createMessage.error('请选择数据')
-        return false
+      createMessage.error('请选择数据')
+      return false
     }
-    pkIdArr.map(item => {
-        const name = select[pkIdArr.indexOf(item)].taskTitle
-        this.downloadTaskAttach(item, name)
+    pkIdArr.map((item) => {
+      const name = select[pkIdArr.indexOf(item)].taskTitle
+      this.downloadTaskAttach(item, name)
     })
-}
-function downloadTaskAttach(id, name) {
+  }
+  function downloadTaskAttach(id, name) {
     DownloadTaskAttach({
-        taskPKId: id
-    }).then(res => {
+      taskPKId: id,
+    })
+      .then((res) => {
         if (res.message) {
-            // this.showdownLoadErr = true
-            this.downLoadErrTip = `${name}下载失败：${res.message}`
+          // this.showdownLoadErr = true
+          this.downLoadErrTip = `${name}下载失败：${res.message}`
 
-            message.error(`${name}下载失败：${res.message}`, 0)
-            return false
+          message.error(`${name}下载失败：${res.message}`, 0)
+          return false
         }
         const blob = new Blob([res], { type: `application/pdf;chartset=UTF-8` })
         const link = document.createElement('a')
@@ -1117,37 +1278,37 @@ function downloadTaskAttach(id, name) {
         link.click()
         URL.revokeObjectURL(link.href) // 释放URL对象
         document.body.removeChild(link)
-    })
-        .catch(err => {
-            console.log(err)
-        })
-}
-// 重新比对
-function reComparisonFun() {
+      })
+      .catch((err) => {
+        console.log(err)
+      })
+  }
+  // 重新比对
+  function reComparisonFun() {
     // 未找到接口
     const select = getSelectRows()
     const pkIdArr = select.map((item, index) => {
-        return item.id
+      return item.id
     })
     if (pkIdArr.length === 0) {
-        createMessage.error('请选择数据')
-        return false
+      createMessage.error('请选择数据')
+      return false
     }
     const query = this.$qs.stringify({ PKIds: pkIdArr }, { arrayFormat: 'repeat' })
     ManualReCompareBC(query)
-        .then(res => {
-            if (res.succeeded) {
-                createMessage.success('重新比对完成')
-            } else {
-                createMessage.error(res.message)
-            }
-        })
-        .catch(err => {
-            console.log(err)
-        })
-}
-const bcBox = ref()
-function handleCopy() {
+      .then((res) => {
+        if (res.succeeded) {
+          createMessage.success('重新比对完成')
+        } else {
+          createMessage.error(res.message)
+        }
+      })
+      .catch((err) => {
+        console.log(err)
+      })
+  }
+  const bcBox = ref()
+  function handleCopy() {
     const text = bcBox.value.innerText
     var cInput = document.createElement('input')
     cInput.value = text
@@ -1156,387 +1317,388 @@ function handleCopy() {
     document.execCommand('copy')
     document.body.removeChild(cInput)
     createMessage.success('复制成功')
-}
-// 批量转发
-function SendEmailFun() {
+  }
+  // 批量转发
+  function SendEmailFun() {
     const select = getSelectRows()
     const pkIdArr = select.map((item, index) => {
-        return item.id
+      return item.id
     })
     console.log('当前选中', pkIdArr)
     if (pkIdArr.length === 0) {
-        createMessage.error('请选择数据')
-        return false
+      createMessage.error('请选择数据')
+      return false
     }
     this.sendEmailPkIds = pkIdArr
     this.sendEmailVisible = true
-}
+  }
 
-// 打印
-function FnCilckTemplateType(templateId) {
+  // 打印
+  function FnCilckTemplateType(templateId) {
     createMessage.success(`搜索文件中...`)
     const printType = this.PrintType == 4 ? 20 : 10
     TaskManageTruckGetInfoByTaskId({ taskPkId: this.pkIdArr[0] })
-        .then(res => {
-            if (res.data.succ) {
-                TaskManageTruckPrint({
-                    taskPKId: res.data.ext.id,
-                    templateId,
-                    cateCode: 'truckBill',
-                    type: this.PrintType,
-                    printType
-                }).then(res => {
-                    if (!res.succeeded) {
-                        createMessage.error(res.message)
-                    } else {
-                        // createMessage.success(res.data)
-                        if (this.PrintType == 1) {
-                            window.open(` ${process.env.VUE_APP_API_BASE_URL}/BookingOrder/ViewPrintPdf/${res.data}`, '_blank')
-                        } else {
-                            window.open(
-                                ` ${process.env.VUE_APP_API_BASE_URL}/BookingOrder/downloadPrint?filename=${res.data}`,
-                                '_blank'
-                            )
-                        }
-                    }
-                })
+      .then((res) => {
+        if (res.data.succ) {
+          TaskManageTruckPrint({
+            taskPKId: res.data.ext.id,
+            templateId,
+            cateCode: 'truckBill',
+            type: this.PrintType,
+            printType,
+          }).then((res) => {
+            if (!res.succeeded) {
+              createMessage.error(res.message)
             } else {
-                createMessage.error(`${res.data.msg}`)
+              // createMessage.success(res.data)
+              if (this.PrintType == 1) {
+                window.open(
+                  ` ${process.env.VUE_APP_API_BASE_URL}/BookingOrder/ViewPrintPdf/${res.data}`,
+                  '_blank',
+                )
+              } else {
+                window.open(
+                  ` ${process.env.VUE_APP_API_BASE_URL}/BookingOrder/downloadPrint?filename=${res.data}`,
+                  '_blank',
+                )
+              }
             }
-            this.confirmLoading = false
-        })
-        .catch(() => {
-            this.confirmLoading = false
-        })
-}
-function GetPrintData(cateCode, printType) {
+          })
+        } else {
+          createMessage.error(`${res.data.msg}`)
+        }
+        this.confirmLoading = false
+      })
+      .catch(() => {
+        this.confirmLoading = false
+      })
+  }
+  function GetPrintData(cateCode, printType) {
     const Data = {
-        cateCode,
-        printType
+      cateCode,
+      printType,
     }
     this.spinning = true
 
-    TaskManageTruckPrintTemplateWithHistoryList(Data).then(res => {
-        console.log(res.data)
-        if (res.data.length == 1) {
-            this.FnCilckTemplateType(res.data[0].id)
-        } else {
-            this.templateType = res.data
-            this.spinning = false
-            this.PrintModalVisible = true
-        }
+    TaskManageTruckPrintTemplateWithHistoryList(Data).then((res) => {
+      console.log(res.data)
+      if (res.data.length == 1) {
+        this.FnCilckTemplateType(res.data[0].id)
+      } else {
+        this.templateType = res.data
+        this.spinning = false
+        this.PrintModalVisible = true
+      }
     })
-}
-function FnPrint() {
+  }
+  function FnPrint() {
     const select = getSelectRows()
     const pkIdArr = select.map((item, index) => {
-        return item.id
+      return item.id
     })
     if (pkIdArr.length != 1) {
-        createMessage.error('请仅选择一条数据')
-        return false
+      createMessage.error('请仅选择一条数据')
+      return false
     }
     this.pkIdArr = pkIdArr
     let printType = ''
     if (this.PrintType == 4) {
-        printType = 20
+      printType = 20
     } else {
-        printType = 10
+      printType = 10
     }
     this.PrintType = '1'
     this.GetPrintData('truckBill', printType)
-}
-function FnSendCar() {
+  }
+  function FnSendCar() {
     const select = getSelectRows()
     const pkIdArr = select.map((item, index) => {
-        return item.id
+      return item.id
     })
     if (pkIdArr.length === 0) {
-        createMessage.error('请选择数据')
-        return false
+      createMessage.error('请选择数据')
+      return false
     }
-    TaskManageTruckSendDispatchBatchByTask(pkIdArr).then(res => {
-        if (res.data.succ) {
-            createMessage.success('派车成功')
-        } else {
-            createMessage.error(`派车失败,${res.data.msg}`)
-        }
+    TaskManageTruckSendDispatchBatchByTask(pkIdArr).then((res) => {
+      if (res.data.succ) {
+        createMessage.success('派车成功')
+      } else {
+        createMessage.error(`派车失败,${res.data.msg}`)
+      }
     })
-}
-function CancelSendCar() {
+  }
+  function CancelSendCar() {
     const select = getSelectRows()
     const pkIdArr = select.map((item, index) => {
-        return item.id
+      return item.id
     })
     if (pkIdArr.length === 0) {
-        createMessage.error('请选择数据')
-        return false
+      createMessage.error('请选择数据')
+      return false
     }
-    TaskManageTruckCancelDispatchBatchByTask(pkIdArr).then(res => {
-        if (res.data.succ) {
-            createMessage.success('取消派车成功')
-        } else {
-            createMessage.error(`取消派车失败,${res.data.msg}`)
-        }
+    TaskManageTruckCancelDispatchBatchByTask(pkIdArr).then((res) => {
+      if (res.data.succ) {
+        createMessage.success('取消派车成功')
+      } else {
+        createMessage.error(`取消派车失败,${res.data.msg}`)
+      }
     })
-}
+  }
 
-// 页数计算
-function laraPaperCalc() {
+  // 页数计算
+  function laraPaperCalc() {
     const select = getSelectRows()
     const pkIdArr = select.map((item, index) => {
-        return item.id
+      return item.id
     })
     if (pkIdArr.length === 0) {
-        createMessage.error('请选择数据')
-        return false
+      createMessage.error('请选择数据')
+      return false
     }
     const query = this.$qs.stringify({ PKIds: pkIdArr }, { arrayFormat: 'repeat' })
     LaraPaperCalc(query)
-        .then(res => {
-            if (res.succeeded) {
-                this.paperCalcRes = res.data
-                this.paperCalcExtras = res.extras || ''
-                this.paperCalcVisible = true
-            } else {
-                createMessage.error(res.message)
-            }
-        })
-        .catch(err => {
-            console.log(err)
-        })
-}
-function handlePaperCalcCancel() {
+      .then((res) => {
+        if (res.succeeded) {
+          this.paperCalcRes = res.data
+          this.paperCalcExtras = res.extras || ''
+          this.paperCalcVisible = true
+        } else {
+          createMessage.error(res.message)
+        }
+      })
+      .catch((err) => {
+        console.log(err)
+      })
+  }
+  function handlePaperCalcCancel() {
     this.paperCalcVisible = false
-}
-// COPY打印
-function copyPrintFun() {
+  }
+  // COPY打印
+  function copyPrintFun() {
     const select = getSelectRows()
     const pkIdArr = select.map((item, index) => {
-        return item.id
+      return item.id
     })
     if (pkIdArr.length === 0) {
-        createMessage.error('请选择数据')
-        return false
+      createMessage.error('请选择数据')
+      return false
     }
     PrintBatch({
-        PKIds: pkIdArr
+      PKIds: pkIdArr,
     })
-        .then(res => {
-            // 接口暂时报错
-            if (res.message) {
-                const downLoadErrTip = `COPY打印失败：${res.message}`
-                createMessage.error(downLoadErrTip)
-                return false
-            }
-            const blob = new Blob([res], { type: `application/pdf;chartset=UTF-8` })
-            const link = document.createElement('a')
-            link.style.display = 'none'
-            link.href = URL.createObjectURL(blob)
-            link.download = 'COPY打印'
-            document.body.appendChild(link)
-            link.click()
-            URL.revokeObjectURL(link.href) // 释放URL对象
-            document.body.removeChild(link)
-        })
-        .catch(err => {
-            console.log(err)
-        })
-}
-// COPY下载
-function copyDownloadFun() {
+      .then((res) => {
+        // 接口暂时报错
+        if (res.message) {
+          const downLoadErrTip = `COPY打印失败：${res.message}`
+          createMessage.error(downLoadErrTip)
+          return false
+        }
+        const blob = new Blob([res], { type: `application/pdf;chartset=UTF-8` })
+        const link = document.createElement('a')
+        link.style.display = 'none'
+        link.href = URL.createObjectURL(blob)
+        link.download = 'COPY打印'
+        document.body.appendChild(link)
+        link.click()
+        URL.revokeObjectURL(link.href) // 释放URL对象
+        document.body.removeChild(link)
+      })
+      .catch((err) => {
+        console.log(err)
+      })
+  }
+  // COPY下载
+  function copyDownloadFun() {
     const select = getSelectRows()
     const pkIdArr = select.map((item, index) => {
-        return item.id
+      return item.id
     })
     if (pkIdArr.length === 0) {
-        createMessage.error('请选择数据')
-        return false
+      createMessage.error('请选择数据')
+      return false
     }
     DownloadAttach({
-        PKIds: pkIdArr
+      PKIds: pkIdArr,
     })
-        .then(res => {
-            // 暂时报错 接口404 文档中也没有 等更新
-            if (res.message) {
-                const downLoadErrTip = `COPY下载失败：${res.message}`
-                createMessage.error(downLoadErrTip)
-                return false
-            }
-            const blob = new Blob([res], { type: `application/pdf;chartset=UTF-8` })
-            const link = document.createElement('a')
-            link.style.display = 'none'
-            link.href = URL.createObjectURL(blob)
-            link.download = 'COPY下载'
-            document.body.appendChild(link)
-            link.click()
-            URL.revokeObjectURL(link.href) // 释放URL对象
-            document.body.removeChild(link)
-        })
-        .catch(err => {
-            console.log(err)
-        })
-}
-// 正本下载
-function printBatchFun() {
+      .then((res) => {
+        // 暂时报错 接口404 文档中也没有 等更新
+        if (res.message) {
+          const downLoadErrTip = `COPY下载失败：${res.message}`
+          createMessage.error(downLoadErrTip)
+          return false
+        }
+        const blob = new Blob([res], { type: `application/pdf;chartset=UTF-8` })
+        const link = document.createElement('a')
+        link.style.display = 'none'
+        link.href = URL.createObjectURL(blob)
+        link.download = 'COPY下载'
+        document.body.appendChild(link)
+        link.click()
+        URL.revokeObjectURL(link.href) // 释放URL对象
+        document.body.removeChild(link)
+      })
+      .catch((err) => {
+        console.log(err)
+      })
+  }
+  // 正本下载
+  function printBatchFun() {
     const select = getSelectRows()
     const pkIdArr = select.map((item, index) => {
-        return item.id
+      return item.id
     })
     if (pkIdArr.length === 0) {
-        createMessage.error('请选择数据')
-        return false
+      createMessage.error('请选择数据')
+      return false
     }
     DownloadOriginalTask({
-        PKIds: pkIdArr
+      PKIds: pkIdArr,
     })
-        .then(res => {
-            // 接口调用成功，但是无下载数据？？？？
-            if (res.message) {
-                const downLoadErrTip = `正本下载失败：${res.message}`
-                createMessage.error(downLoadErrTip)
-                return false
-            }
-            const blob = new Blob([res], { type: `application/pdf;chartset=UTF-8` })
-            const link = document.createElement('a')
-            link.style.display = 'none'
-            link.href = URL.createObjectURL(blob)
-            link.download = '正本下载'
-            document.body.appendChild(link)
-            link.click()
-            URL.revokeObjectURL(link.href) // 释放URL对象
-            document.body.removeChild(link)
-        })
-        .catch(err => {
-            console.log(err)
-        })
-}
-// LARA登记
-function laraPaperRegistFun() {
+      .then((res) => {
+        // 接口调用成功，但是无下载数据？？？？
+        if (res.message) {
+          const downLoadErrTip = `正本下载失败：${res.message}`
+          createMessage.error(downLoadErrTip)
+          return false
+        }
+        const blob = new Blob([res], { type: `application/pdf;chartset=UTF-8` })
+        const link = document.createElement('a')
+        link.style.display = 'none'
+        link.href = URL.createObjectURL(blob)
+        link.download = '正本下载'
+        document.body.appendChild(link)
+        link.click()
+        URL.revokeObjectURL(link.href) // 释放URL对象
+        document.body.removeChild(link)
+      })
+      .catch((err) => {
+        console.log(err)
+      })
+  }
+  // LARA登记
+  function laraPaperRegistFun() {
     const select = getSelectRows()
     const pkIdArr = select.map((item, index) => {
-        return item.id
+      return item.id
     })
     if (pkIdArr.length === 0) {
-        createMessage.error('请选择数据')
-        return false
+      createMessage.error('请选择数据')
+      return false
     }
     const pkids = pkIdArr.toString()
     console.log('跳转页面', pkIdArr.toString())
     this.$go({ name: 'TaskLaraRegist', query: { taskPKId: pkids } })
-}
-// LARA记录
-function laraRecordFun() {
+  }
+  // LARA记录
+  function laraRecordFun() {
     this.$go({ name: 'TaskLaraRecord' })
-}
+  }
 
-// 点击详细任务类型
-function handleClickTree(row, index) {
+  // 点击详细任务类型
+  function handleClickTree(row, index) {
     let arr = [] as any
     let arr1 = [] as any
-    columsAll.value.forEach(item => {
-        if (item.taskTypeCode === row.key) {
-            JSON.parse(item.content).forEach(item => {
-                if (item.checked) {
-                    arr.push(item)
-                }
-            })
-        }
-        if (item.taskTypeCode === 'BASIC') {
-            JSON.parse(item.content).forEach(item => {
-                if (item.checked) {
-                    arr1.push(item)
-                }
-            })
-        }
+    columsAll.value.forEach((item) => {
+      if (item.taskTypeCode === row.key) {
+        JSON.parse(item.content).forEach((item) => {
+          if (item.checked) {
+            arr.push(item)
+          }
+        })
+      }
+      if (item.taskTypeCode === 'BASIC') {
+        JSON.parse(item.content).forEach((item) => {
+          if (item.checked) {
+            arr1.push(item)
+          }
+        })
+      }
     })
 
     if (!row.active) {
-        taskType.value = row.key
-        levelTree.value.map((item, index) => {
-            item.active = false
-        })
-        levelTree.value[index].active = true
-        if (arr.length == 0 && arr1.length == 0) {
-            setColumns(columns)
-        } else {
-            const arr3 = arr1.concat(arr)
-            setColumns(arr3)
-        }
+      taskType.value = row.key
+      levelTree.value.map((item, index) => {
+        item.active = false
+      })
+      levelTree.value[index].active = true
+      if (arr.length == 0 && arr1.length == 0) {
+        setColumns(columns)
+      } else {
+        const arr3 = arr1.concat(arr)
+        setColumns(arr3)
+      }
     } else {
-        levelTree.value.map((item, index) => {
-            item.active = false
-        })
-        taskType.value = ''
-        console.log(arr1)
-        setColumns(arr1)
+      levelTree.value.map((item, index) => {
+        item.active = false
+      })
+      taskType.value = ''
+      console.log(arr1)
+      setColumns(arr1)
     }
 
-
     reload()
-}
+  }
 </script>
 <style lang="less" scoped>
-/deep/ .ant-popover-placement-top {
+  /deep/ .ant-popover-placement-top {
     width: 330px !important;
-}
+  }
 
-/deep/ .ant-tabs-bar {
+  /deep/ .ant-tabs-bar {
     margin-bottom: 0 !important;
-}
+  }
 
-/deep/ .ant-table.ant-table-bordered>.ant-table-container {
+  /deep/ .ant-table.ant-table-bordered > .ant-table-container {
     border-left: none !important;
-}
+  }
 
-/deep/ .ant-tabs-tab {
+  /deep/ .ant-tabs-tab {
     padding: 8px !important;
     margin-right: 8px !important;
-}
+  }
 
-/deep/ .ant-form-item {
+  /deep/ .ant-form-item {
     display: flex;
-}
+  }
 
-/deep/ .ant-radio-button-wrapper-checked {
+  /deep/ .ant-radio-button-wrapper-checked {
     background: white;
     color: black;
     border: none;
     font-weight: 700;
-}
+  }
 
-/deep/ .ant-radio-button-wrapper {
+  /deep/ .ant-radio-button-wrapper {
     background: rgba(245, 249, 252, 1);
     border: none !important;
-}
+  }
 
-/deep/ .ant-tabs-tab+.ant-tabs-tab {
+  /deep/ .ant-tabs-tab + .ant-tabs-tab {
     margin: 0 0 0 12px;
-}
+  }
 
-/deep/ .ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {
+  /deep/
+    .ant-radio-group-solid
+    .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {
     background: white;
     color: black;
     font-weight: 700;
-}
+  }
 
-/deep/ .nav-title .ant-radio-button-wrapper {
+  /deep/ .nav-title .ant-radio-button-wrapper {
     padding: 0px;
     flex-grow: 1;
+  }
 
-}
-
-/deep/ .ant-radio-button-wrapper:not(:first-child)::before {
+  /deep/ .ant-radio-button-wrapper:not(:first-child)::before {
     width: 0px;
-}
-
-/deep/ .ant-radio-group {
-    width: 100%
-}
-
+  }
 
+  /deep/ .ant-radio-group {
+    width: 100%;
+  }
 
-.box-item {
+  .box-item {
     cursor: pointer;
     margin-bottom: 10px;
     display: flex;
@@ -1544,45 +1706,43 @@ function handleClickTree(row, index) {
     align-items: center;
 
     .iconfont {
-        font-size: 14px
+      font-size: 14px;
     }
 
     &:hover {
-
-        .box-text {
-            background: rgba(245, 249, 252, 1);
-            color: rgba(37, 122, 250, 1);
-        }
+      .box-text {
+        background: rgba(245, 249, 252, 1);
+        color: rgba(37, 122, 250, 1);
+      }
     }
 
     &.active {
-        .box-number {
-            background: rgba(37, 122, 250, 1);
-            color: white;
-        }
-
-        .box-text {
-            background: rgba(245, 249, 252, 1);
-            color: rgba(37, 122, 250, 1);
-        }
+      .box-number {
+        background: rgba(37, 122, 250, 1);
+        color: white;
+      }
+
+      .box-text {
+        background: rgba(245, 249, 252, 1);
+        color: rgba(37, 122, 250, 1);
+      }
     }
 
     &.active.redColor {
-        .box-number {
-            background: rgba(237, 88, 88, 1);
-            color: white;
-        }
+      .box-number {
+        background: rgba(237, 88, 88, 1);
+        color: white;
+      }
     }
 
     &.redColor {
-
-        .box-text {
-            color: rgba(237, 88, 88, 1);
-        }
+      .box-text {
+        color: rgba(237, 88, 88, 1);
+      }
     }
-}
+  }
 
-.box-number {
+  .box-number {
     border-radius: 2px;
     background: rgba(245, 249, 252, 1);
     text-align: center;
@@ -1591,208 +1751,207 @@ function handleClickTree(row, index) {
     width: 45px;
     font-size: 14px;
     color: rgba(37, 122, 250, 1);
-}
+  }
 
-.box-text {
+  .box-text {
     padding: 4px 7px;
     font-size: 14px;
     font-weight: 400;
     line-height: 14px;
     flex: 1;
     margin-right: 10px;
-}
+  }
 
-.bottom-box {
+  .bottom-box {
     border: 1px solid rgba(232, 235, 237, 1);
-}
+  }
 
-.nav-title {
+  .nav-title {
     width: 100%;
 
     .icon {
-        float: right;
+      float: right;
     }
-}
+  }
 
-.main {
+  .main {
     display: flex;
-}
+  }
 
-.table-page-search-submitButtons {
+  .table-page-search-submitButtons {
     width: 100%;
     display: block;
     text-align: right;
-}
+  }
 
-.nav-bottom {
+  .nav-bottom {
     width: 100%;
     margin-bottom: 14px;
 
     .icon {
-        font-size: 12px;
+      font-size: 12px;
     }
-}
+  }
 
-.list-btn {
+  .list-btn {
     margin-right: 10px;
 
     .iconfont {
-        margin-right: 8px;
+      margin-right: 8px;
     }
-}
+  }
 
-.task-tit {
+  .task-tit {
     color: @primary-color;
     cursor: pointer;
-}
+  }
 
-.nav-loading {
+  .nav-loading {
     width: 100%;
     height: 100px;
     line-height: 100px;
     text-align: center;
 
     .tip {
-        margin-left: 10px;
+      margin-left: 10px;
     }
-}
+  }
 
-.operate-btn {
+  .operate-btn {
     width: 30px;
     text-align: center;
     display: inline-block;
 
     &:nth-of-type(1) {
-        color: @primary-color;
+      color: @primary-color;
     }
-}
+  }
 
-.icon-tip {
+  .icon-tip {
     font-size: 12px;
     color: @primary-color;
-}
+  }
 
-.nav-title {
+  .nav-title {
     .ant-radio-button-wrapper {
-        padding: 0 4px;
-        text-align: center;
+      padding: 0 4px;
+      text-align: center;
     }
-}
+  }
 
-.nav-top {
+  .nav-top {
     width: 100%;
     height: 100%;
 
     .nav-top-tip {
-        font-size: 12px;
-        text-align: center;
-        line-height: 20px;
-        margin-left: 4px;
+      font-size: 12px;
+      text-align: center;
+      line-height: 20px;
+      margin-left: 4px;
     }
-}
+  }
 
-.nav-box {
+  .nav-box {
     padding: 5px 14px;
     background: #fff;
     border-radius: 2px;
     width: 20%;
     flex-shrink: 0;
     margin-top: 4px;
-}
+  }
 
-.nav-no-data {
+  .nav-no-data {
     height: 84px;
     line-height: 84px;
     text-align: center;
     margin-top: 20px;
 
     i {
-        display: block;
-        line-height: 60px;
-        font-size: 32px;
-        color: #aaa;
+      display: block;
+      line-height: 60px;
+      font-size: 32px;
+      color: #aaa;
     }
 
     span {
-        display: block;
-        line-height: 24px;
-        color: #999;
+      display: block;
+      line-height: 24px;
+      color: #999;
     }
-}
+  }
 
-.tab-btn {
+  .tab-btn {
     cursor: pointer;
-}
+  }
 
-
-.PrintMain {
+  .PrintMain {
     display: flex;
     flex-wrap: wrap;
 
     .PrintTitle {
-        width: 100%;
-        display: flex;
-        padding: 20px;
-        box-sizing: border-box;
-        background: #f7f8fe;
-        border: 1px dashed #cdcdcd;
-
-        p {
-            margin: 0;
-
-            &:nth-child(2) {
-                margin-left: 35px;
-            }
+      width: 100%;
+      display: flex;
+      padding: 20px;
+      box-sizing: border-box;
+      background: #f7f8fe;
+      border: 1px dashed #cdcdcd;
+
+      p {
+        margin: 0;
+
+        &:nth-child(2) {
+          margin-left: 35px;
+        }
 
-            span {
-                color: #ff6646;
-            }
+        span {
+          color: #ff6646;
         }
+      }
     }
 
     .PrintMainBox {
-        width: 100%;
-        max-height: 50vh;
-        overflow-y: auto;
-        margin-top: 5px;
-
-        .items {
-            padding-left: 1rem;
-            height: 2.5rem;
-            line-height: 2.5rem;
-            border-bottom: 1px solid #ebebeb;
-            cursor: pointer;
-
-            &:hover {
-                color: #2f54eb;
-            }
+      width: 100%;
+      max-height: 50vh;
+      overflow-y: auto;
+      margin-top: 5px;
+
+      .items {
+        padding-left: 1rem;
+        height: 2.5rem;
+        line-height: 2.5rem;
+        border-bottom: 1px solid #ebebeb;
+        cursor: pointer;
+
+        &:hover {
+          color: #2f54eb;
+        }
 
-            span {
-                font-weight: bolder;
-                margin-right: 0.6rem;
-            }
+        span {
+          font-weight: bolder;
+          margin-right: 0.6rem;
         }
+      }
     }
-}
+  }
 
-.bcfile-title {
+  .bcfile-title {
     border-bottom: 1px dashed black;
     padding-bottom: 5px;
     margin-bottom: 10px;
     display: flex;
     align-items: center;
     justify-content: space-between;
-}
+  }
 
-.bc-box {
+  .bc-box {
     max-height: 200px;
     overflow-y: auto;
     padding-right: 14px;
 
     .bc-item {
-        margin: 7px 0px;
-        display: flex;
-        justify-content: space-between;
+      margin: 7px 0px;
+      display: flex;
+      justify-content: space-between;
     }
-}
-</style>
\ No newline at end of file
+  }
+</style>