From 99a1ad1d015d6f76c5dd28ccf328e4ceba5aee80 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: Wed, 30 Oct 2024 17:40:40 +0800
Subject: [PATCH 1/2] =?UTF-8?q?10/30=20=E9=83=A8=E5=88=86=E7=A6=85?=
 =?UTF-8?q?=E9=81=93?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../FeeCustTemplate/TenantAuditStepModal.vue  |   21 +-
 .../infoclient/FeeCustTemplate/api.ts         |   15 +-
 .../infoclient/FeeCustTemplate/columns.tsx    |  102 +-
 .../infoclient/FeeCustTemplate/index.vue      |   21 +
 .../infoclient/TenantAuditStepModal.vue       |    4 +-
 .../FeeCustTemplate/TenantAuditStepModal.vue  |   48 +-
 src/views/fee/FeeCustTemplate/api.ts          |   25 +-
 src/views/fee/FeeCustTemplate/columns.tsx     |  400 ++-
 src/views/fee/FeeCustTemplate/feeField.vue    |   61 +-
 src/views/fee/FeeCustTemplate/index.vue       |   21 +
 src/views/taskmanage/api.ts                   |  209 +-
 src/views/taskmanage/index.vue                | 3171 +++++++++--------
 .../taskmanage/taskList/BLConfirmation.vue    |   75 +
 13 files changed, 2525 insertions(+), 1648 deletions(-)
 create mode 100644 src/views/taskmanage/taskList/BLConfirmation.vue

diff --git a/src/views/baseinfo/infoclient/FeeCustTemplate/TenantAuditStepModal.vue b/src/views/baseinfo/infoclient/FeeCustTemplate/TenantAuditStepModal.vue
index de262619..7722b655 100644
--- a/src/views/baseinfo/infoclient/FeeCustTemplate/TenantAuditStepModal.vue
+++ b/src/views/baseinfo/infoclient/FeeCustTemplate/TenantAuditStepModal.vue
@@ -10,7 +10,7 @@
     <!-- 费用模版表单 -->
     <BasicForm @register="registerForm" />
     <!-- 费用字段表格 -->
-    <FeeField ref="feeField"></FeeField>
+    <FeeField ref="feeField" v-show="!isBulk"></FeeField>
     <!--右下角按钮-->
     <template #footer>
       <a-button
@@ -52,7 +52,7 @@
   // 字段数据
   import { formSchema } from './columns'
   // 相关接口
-  import { ApiEdit, ApiInfo } from './api'
+  import { ApiEdit, ApiBulkEdit, ApiInfo } from './api'
   import { feeUnitDict } from '/@/hooks/dict/index'
   // 提升消息混入
   import { useMessage } from '/@/hooks/web/useMessage'
@@ -66,6 +66,8 @@
   const emit = defineEmits(['success', 'register'])
   const isUpdate = ref(true)
   const isCopy = ref(false)
+  const isBulk = ref(false)
+  const ids = ref([])
   const detailId = ref()
   // 按钮loading
   const loading = ref(false)
@@ -83,6 +85,8 @@
       setModalProps({ confirmLoading: false, loading: true })
       isUpdate.value = !!data?.isUpdate
       isCopy.value = !!data?.isCopy
+      isBulk.value = !!data?.isBulk
+      ids.value = data?.ids
       if (unref(isUpdate)) {
         setModalProps({ confirmLoading: true })
         rowId.value = data.record.id
@@ -131,6 +135,7 @@
             customerName: props.customerName,
             customerId: props.customerId,
             saleOrgId: userStore.getUserInfo.userOrgs[0].orgId,
+            isBulk: isBulk.value ? true : false,
           })
           feeField.value.SetData([])
           feeField.value.condition = ''
@@ -153,7 +158,17 @@
       values['customerId'] = props.customerId
       loading.value = true
       setModalProps({ confirmLoading: true, loading: true })
-      const res: API.DataResult = await ApiEdit(values)
+      let res: any = null
+      console.log(isBulk.value, 11111111111)
+      if (isBulk.value) {
+        let ApiData: any = []
+        ids.value.forEach((e) => {
+          ApiData.push({ ...values, id: e })
+        })
+        res = await ApiBulkEdit(ApiData)
+      } else {
+        res = await ApiEdit(values)
+      }
       loading.value = false
       if (res.succeeded) {
         createMessage.success(res.message)
diff --git a/src/views/baseinfo/infoclient/FeeCustTemplate/api.ts b/src/views/baseinfo/infoclient/FeeCustTemplate/api.ts
index a1b4eb65..bae5602e 100644
--- a/src/views/baseinfo/infoclient/FeeCustTemplate/api.ts
+++ b/src/views/baseinfo/infoclient/FeeCustTemplate/api.ts
@@ -4,6 +4,7 @@ import { DataResult, PageRequest } from '/@/api/model/baseModel'
 enum Api {
   list = '/feeApi/FeeCustTemplate/GetList',
   edit = '/feeApi/FeeCustTemplate/Edit',
+  bulkEdit = '/feeApi/FeeCustTemplate/BulkEdit',
   info = '/feeApi/FeeCustTemplate/Edit',
   delete = '/feeApi/FeeCustTemplate/Delete',
   GetColumns = '/mainApi/Common/GetColumnsByClient',
@@ -33,6 +34,14 @@ export function ApiEdit(data: PageRequest) {
     data,
   })
 }
+// 批量编辑 (Auth)
+export function ApiBulkEdit(data: PageRequest) {
+  return request<DataResult>({
+    url: Api.bulkEdit,
+    method: 'post',
+    data,
+  })
+}
 // 详情 (Auth)
 export function ApiInfo(query) {
   return request<DataResult>({
@@ -46,7 +55,7 @@ export function ApiDel(data: PageRequest) {
   return request<DataResult>({
     url: Api.delete,
     method: 'post',
-    data
+    data,
   })
 }
 
@@ -55,6 +64,6 @@ export function DeleteDetails(data: PageRequest) {
   return request<DataResult>({
     url: Api.DeleteDetails,
     method: 'post',
-    data
+    data,
   })
-}
\ No newline at end of file
+}
diff --git a/src/views/baseinfo/infoclient/FeeCustTemplate/columns.tsx b/src/views/baseinfo/infoclient/FeeCustTemplate/columns.tsx
index 9bfce6f2..10d01aa3 100644
--- a/src/views/baseinfo/infoclient/FeeCustTemplate/columns.tsx
+++ b/src/views/baseinfo/infoclient/FeeCustTemplate/columns.tsx
@@ -3,13 +3,15 @@ import { BasicColumn, FormSchema } from '/@/components/Table'
 import { Tag } from 'ant-design-vue'
 // 引入字典数据
 import { getDictOption } from '/@/utils/dictUtil'
-
+import { useUserStore } from '/@/store/modules/user'
+const userStore: any = useUserStore()
 import { getOrgList, GetClientPortSelectList, GetCarrierSelectList } from '/@/api/common'
 import {
   GetClientLanesSelectList,
   GetAgentCnClientList,
   GetClientFrtSelectList,
   GetClientSourceSelectList,
+  GetClientSourceDetailSelectList,
 } from '/@/views/operation/seaexport/api/BookingLedger'
 // 往来单位下拉框数据
 const companyDict = ref([])
@@ -39,6 +41,8 @@ const mblFrtCodeList = ref([])
 GetClientFrtSelectList().then((res) => {
   mblFrtCodeList.value = res.data
 })
+// 业务来源明细数据
+const sourceDetailId = ref<any>([])
 export const columns: BasicColumn[] = [
   {
     title: '模板名称',
@@ -499,6 +503,13 @@ export const searchFormSchema: FormSchema[] = [
   },
 ]
 export const formSchema: FormSchema[] = [
+  {
+    label: '是否批量编辑',
+    field: 'isBulk',
+    component: 'Input',
+    defaultValue: false,
+    show: false,
+  },
   {
     label: '主键Id',
     field: 'id',
@@ -512,6 +523,16 @@ export const formSchema: FormSchema[] = [
     component: 'Input',
     required: true,
     colProps: { span: 6 },
+    show: ({ values }) => {
+      return !values.isBulk
+    },
+    dynamicRules: ({ values }) => {
+      return [
+        {
+          required: values.isBulk ? false : true,
+        },
+      ]
+    },
   },
   {
     field: 'businessType',
@@ -519,6 +540,16 @@ export const formSchema: FormSchema[] = [
     component: 'Select',
     required: true,
     colProps: { span: 6 },
+    show: ({ values }) => {
+      return !values.isBulk
+    },
+    dynamicRules: ({ values }) => {
+      return [
+        {
+          required: values.isBulk ? false : true,
+        },
+      ]
+    },
     componentProps: () => {
       return {
         options: businessType,
@@ -552,6 +583,9 @@ export const formSchema: FormSchema[] = [
         { label: '付', value: 2 },
       ],
     },
+    show: ({ values }) => {
+      return !values.isBulk
+    },
   },
   {
     label: '费用类别名称',
@@ -662,12 +696,68 @@ export const formSchema: FormSchema[] = [
     required: false,
     dynamicDisabled: false,
     colProps: { span: 6 },
-    componentProps: ({ formModel }) => {
+    componentProps: ({ formActionType, formModel }) => {
       return {
         api: GetClientSourceSelectList,
         labelField: 'sourceName',
         valueField: 'id',
         resultField: 'data',
+        filterOption: (input: string, option: any) => {
+          return option.label.toLowerCase().indexOf(input.toLowerCase()) >= 0
+        },
+        onChange: async (e) => {
+          if (e) {
+            const FnsourceDetailId: any = await GetClientSourceDetailSelectList({
+              id: e,
+            })
+            if (FnsourceDetailId.succeeded) {
+              sourceDetailId.value.splice(0)
+              FnsourceDetailId.data.forEach((e) => {
+                sourceDetailId.value.push({ label: e.detailName, value: e.id })
+              })
+            }
+            if (formActionType) {
+              formModel.sourceDetailId = ''
+            }
+          }
+        },
+      }
+    },
+  },
+  {
+    label: '来源明细',
+    field: 'sourceDetailId',
+    component: 'Select',
+    required: false,
+    dynamicDisabled: ({ values }) => {
+      return !values.sourceId
+    },
+    colProps: { span: 6 },
+    componentProps: {
+      allowClear: true,
+      options: sourceDetailId.value,
+      showSearch: true,
+      filterOption: (input: string, option: any) => {
+        return option.label.toLowerCase().indexOf(input.toLowerCase()) >= 0
+      },
+    },
+  },
+  {
+    field: 'deptOrgId',
+    label: '分公司',
+    component: 'ApiSelect',
+    colProps: { span: 6 },
+    defaultValue: userStore.getUserInfo.orgId,
+    componentProps: () => {
+      return {
+        api: getOrgList,
+        labelField: 'label',
+        valueField: 'id',
+        resultField: 'data',
+        allowClear: true,
+        filterOption: (input: string, option: any) => {
+          return option.label.toLowerCase().indexOf(input.toLowerCase()) >= 0
+        },
       }
     },
   },
@@ -752,6 +842,7 @@ export const formSchema: FormSchema[] = [
     componentProps: {
       showTime: false,
       style: 'width:100%',
+      getPopupContainer: () => document.body,
     },
   },
   {
@@ -763,6 +854,7 @@ export const formSchema: FormSchema[] = [
     componentProps: {
       showTime: false,
       style: 'width:100%',
+      getPopupContainer: () => document.body,
     },
   },
   {
@@ -804,11 +896,17 @@ export const formSchema: FormSchema[] = [
     label: '模板说明',
     component: 'Input',
     colProps: { span: 6 },
+    show: ({ values }) => {
+      return !values.isBulk
+    },
   },
   {
     field: 'note',
     label: '备注',
     component: 'Input',
     colProps: { span: 12 },
+    show: ({ values }) => {
+      return !values.isBulk
+    },
   },
 ]
diff --git a/src/views/baseinfo/infoclient/FeeCustTemplate/index.vue b/src/views/baseinfo/infoclient/FeeCustTemplate/index.vue
index e6249945..21f4dc7d 100644
--- a/src/views/baseinfo/infoclient/FeeCustTemplate/index.vue
+++ b/src/views/baseinfo/infoclient/FeeCustTemplate/index.vue
@@ -7,6 +7,10 @@
           <span class="iconfont icon-new_document"></span>
           添加
         </a-button>
+        <a-button type="link" @click="BulkEdit">
+          <span class="iconfont icon-dengjizongshu"></span>
+          批量编辑
+        </a-button>
         <a-popconfirm
           title="确定删除当前选中数据？"
           ok-text="是"
@@ -97,6 +101,23 @@
       isUpdate: false,
     })
   }
+  function BulkEdit() {
+    const select = getSelectRows()
+    let ids: any = []
+    if (select.length === 0) {
+      notification.warning({ message: '请至少选择一条数据', duration: 3 })
+      return false
+    } else {
+      select.forEach((e) => {
+        ids.push(e.id)
+      })
+      openModal(true, {
+        ids,
+        isUpdate: false,
+        isBulk: true,
+      })
+    }
+  }
   function handleAudit(record: Recordable) {
     openModal(true, {
       record,
diff --git a/src/views/baseinfo/infoclient/TenantAuditStepModal.vue b/src/views/baseinfo/infoclient/TenantAuditStepModal.vue
index 7398b234..ca28f9e6 100644
--- a/src/views/baseinfo/infoclient/TenantAuditStepModal.vue
+++ b/src/views/baseinfo/infoclient/TenantAuditStepModal.vue
@@ -288,7 +288,7 @@
   </div>
 </template>
 <script lang="ts" setup>
-  import { ref, computed, unref, watch, onMounted, defineAsyncComponent } from 'vue'
+  import { ref, computed, unref, watch, onMounted, defineAsyncComponent, h } from 'vue'
   import { Divider } from 'ant-design-vue'
   import { BasicForm, useForm } from '/@/components/Form/index'
   import { formSchema, formSchema2, Tablecolumns } from './columns'
@@ -871,6 +871,8 @@
           notification.success({ message: '校验成功', duration: 3 })
         })
         .catch(async (err) => {
+          console.log(err)
+
           let clientTagData: any = ''
           let SaleData: any = ''
           if (err.clientId) {
diff --git a/src/views/fee/FeeCustTemplate/TenantAuditStepModal.vue b/src/views/fee/FeeCustTemplate/TenantAuditStepModal.vue
index 17822e58..6323a252 100644
--- a/src/views/fee/FeeCustTemplate/TenantAuditStepModal.vue
+++ b/src/views/fee/FeeCustTemplate/TenantAuditStepModal.vue
@@ -10,7 +10,7 @@
     <!-- 费用模版表单 -->
     <BasicForm @register="registerForm" />
     <!-- 费用字段表格 -->
-    <FeeField ref="feeField"></FeeField>
+    <FeeField ref="feeField" @success="handleSuccess" v-show="!isBulk"></FeeField>
     <!--右下角按钮-->
     <template #footer>
       <a-button
@@ -52,7 +52,7 @@
   // 字段数据
   import { formSchema } from './columns'
   // 相关接口
-  import { ApiEdit, ApiInfo } from './api'
+  import { ApiEdit, ApiBulkEdit, ApiInfo } from './api'
   import { feeUnitDict } from '/@/hooks/dict/index'
   // 提升消息混入
   import { useMessage } from '/@/hooks/web/useMessage'
@@ -67,6 +67,8 @@
   const isUpdate = ref(true)
   const isCopy = ref(false)
   const isSave = ref(false)
+  const isBulk = ref(false)
+  const ids = ref([])
   const detailId = ref()
   // 按钮loading
   const loading = ref(false)
@@ -85,6 +87,8 @@
       isUpdate.value = !!data?.isUpdate
       isCopy.value = !!data?.isCopy
       isSave.value = !!data?.isSave
+      isBulk.value = !!data?.isBulk
+      ids.value = data?.ids
       if (unref(isUpdate)) {
         setModalProps({ confirmLoading: true })
         rowId.value = data.record.id
@@ -153,7 +157,8 @@
           setFieldsValue({
             customerName: props.customerName,
             customerId: props.customerId,
-            saleOrgId: userStore.getUserInfo.userOrgs[0].orgId,
+            // saleOrgId: userStore.getUserInfo.userOrgs[0].orgId,
+            isBulk: isBulk.value ? true : false,
           })
           feeField.value.SetData([])
           feeField.value.condition = ''
@@ -162,12 +167,33 @@
       setModalProps({ loading: false })
     },
   )
+  async function handleSuccess() {
+    emit('success')
+    const res: API.DataResult = await ApiInfo({ id: unref(rowId) })
+    if (res.succeeded) {
+      setFieldsValue({
+        ...res.data,
+      })
+      const UnitList = await feeUnitDict()
+      res.data.details.forEach((item) => {
+        UnitList.forEach((e: any) => {
+          if (e.value == item.unit) {
+            item.unitText = e.name
+          }
+        })
+      })
+      feeField.value.SetData(res.data.details)
+      feeField.value.condition = res.data.condition
+      detailId.value = res.data.id
+    }
+  }
   const getTitle = computed(() => (!unref(isUpdate) ? '新增' : '编辑'))
   // 费用表格
   const feeField = ref()
   async function handleSave(exit) {
     try {
       const feeList = JSON.parse(JSON.stringify(feeField.value.validate()))
+      console.log(feeList, 11111111111)
       let type = true
       feeList.forEach((item) => {
         if (item.exchangeRate == '【根据设置汇率生成】') {
@@ -177,17 +203,31 @@
           type = false
         }
       })
+      console.log(type, 11111111111)
       if (!type) {
         createMessage.warning('费用明细列表含税单价为必填项！')
         throw new Error('费用明细列表含税单价为必填项！')
       }
+      console.log(22222222)
       const values = await validate()
+      console.log(values, 11111111111)
       values['details'] = feeList
       values['condition'] = feeField.value.condition
       values['isShared'] = true
       loading.value = true
+      console.log(loading.value, 11111111111)
       setModalProps({ confirmLoading: true, loading: true })
-      const res: API.DataResult = await ApiEdit(values)
+      let res: any = null
+      console.log(isBulk.value, 11111111111)
+      if (isBulk.value) {
+        let ApiData: any = []
+        ids.value.forEach((e) => {
+          ApiData.push({ ...values, id: e })
+        })
+        res = await ApiBulkEdit(ApiData)
+      } else {
+        res = await ApiEdit(values)
+      }
       loading.value = false
       if (res.succeeded) {
         createMessage.success(res.message)
diff --git a/src/views/fee/FeeCustTemplate/api.ts b/src/views/fee/FeeCustTemplate/api.ts
index a1b4eb65..bc70ce7e 100644
--- a/src/views/fee/FeeCustTemplate/api.ts
+++ b/src/views/fee/FeeCustTemplate/api.ts
@@ -4,6 +4,9 @@ import { DataResult, PageRequest } from '/@/api/model/baseModel'
 enum Api {
   list = '/feeApi/FeeCustTemplate/GetList',
   edit = '/feeApi/FeeCustTemplate/Edit',
+  bulkEdit = '/feeApi/FeeCustTemplate/BulkEdit',
+  bulkEditDetails = '/feeApi/FeeCustTemplate/BulkEditDetails',
+
   info = '/feeApi/FeeCustTemplate/Edit',
   delete = '/feeApi/FeeCustTemplate/Delete',
   GetColumns = '/mainApi/Common/GetColumnsByClient',
@@ -33,6 +36,22 @@ export function ApiEdit(data: PageRequest) {
     data,
   })
 }
+// 批量编辑 (Auth)
+export function ApiBulkEdit(data: PageRequest) {
+  return request<DataResult>({
+    url: Api.bulkEdit,
+    method: 'post',
+    data,
+  })
+}
+// 批量编辑模板明细 (Auth)
+export function ApiBulkEditDetails(data: PageRequest) {
+  return request<DataResult>({
+    url: Api.bulkEditDetails,
+    method: 'post',
+    data,
+  })
+}
 // 详情 (Auth)
 export function ApiInfo(query) {
   return request<DataResult>({
@@ -46,7 +65,7 @@ export function ApiDel(data: PageRequest) {
   return request<DataResult>({
     url: Api.delete,
     method: 'post',
-    data
+    data,
   })
 }
 
@@ -55,6 +74,6 @@ export function DeleteDetails(data: PageRequest) {
   return request<DataResult>({
     url: Api.DeleteDetails,
     method: 'post',
-    data
+    data,
   })
-}
\ No newline at end of file
+}
diff --git a/src/views/fee/FeeCustTemplate/columns.tsx b/src/views/fee/FeeCustTemplate/columns.tsx
index 2feedc1c..6eb80c52 100644
--- a/src/views/fee/FeeCustTemplate/columns.tsx
+++ b/src/views/fee/FeeCustTemplate/columns.tsx
@@ -3,7 +3,8 @@ import { BasicColumn, FormSchema } from '/@/components/Table'
 import { Tag } from 'ant-design-vue'
 // 引入字典数据
 import { getDictOption } from '/@/utils/dictUtil'
-
+import { useUserStore } from '/@/store/modules/user'
+const userStore: any = useUserStore()
 import {
   getOrgList,
   GetClientPortSelectList,
@@ -15,11 +16,10 @@ import {
   GetAgentCnClientList,
   GetClientFrtSelectList,
   GetClientSourceSelectList,
+  GetClientSourceDetailSelectList,
 } from '/@/views/operation/seaexport/api/BookingLedger'
-// 往来单位下拉框数据
-const companyDict = ref([])
-import { useOptionsStore } from '/@/store/modules/options'
-const optionsStore = useOptionsStore()
+import { GetFeeCodeSelectList, GetFeeCurrencySelectList } from '/@/api/common'
+import { feeUnitDict } from '/@/hooks/dict/index'
 let businessType: any = [
   { value: 1, label: '海运出口' },
   { value: 2, label: '海运进口' },
@@ -44,7 +44,8 @@ const mblFrtCodeList = ref([])
 GetClientFrtSelectList().then((res) => {
   mblFrtCodeList.value = res.data
 })
-
+// 业务来源明细数据
+const sourceDetailId = ref<any>([])
 export const columns: BasicColumn[] = [
   {
     title: '模板名称',
@@ -294,7 +295,6 @@ export const searchFormSchema: FormSchema[] = [
           return option.label.toLowerCase().indexOf(input.toLowerCase()) >= 0
         },
         onChange: (e, obj) => {
-          console.log(e, obj)
           if (e && obj) {
             formModel.feeCategoryName = obj.label
             formModel.feeCategoryId = obj.value
@@ -355,7 +355,7 @@ export const searchFormSchema: FormSchema[] = [
     required: false,
     dynamicDisabled: false,
     colProps: { span: 4 },
-    componentProps: ({ formModel }) => {
+    componentProps: () => {
       return {
         api: GetClientLanesSelectList,
         labelField: 'laneName',
@@ -374,7 +374,7 @@ export const searchFormSchema: FormSchema[] = [
     required: false,
     dynamicDisabled: false,
     colProps: { span: 4 },
-    componentProps: ({ formModel }) => {
+    componentProps: () => {
       return {
         api: GetClientSourceSelectList,
         labelField: 'sourceName',
@@ -389,7 +389,7 @@ export const searchFormSchema: FormSchema[] = [
     labelSlot: 'carrierId',
     component: 'ApiSelect',
     colProps: { span: 4 },
-    componentProps: ({ formModel }) => {
+    componentProps: () => {
       return {
         api: GetCarrierSelectList,
         labelField: 'pinYinCode',
@@ -406,7 +406,7 @@ export const searchFormSchema: FormSchema[] = [
     required: false,
     dynamicDisabled: false,
     colProps: { span: 4 },
-    componentProps: ({ formModel }) => {
+    componentProps: () => {
       return {
         api: GetAgentCnClientList,
         labelField: 'shortName',
@@ -425,7 +425,7 @@ export const searchFormSchema: FormSchema[] = [
     required: false,
     dynamicDisabled: false,
     colProps: { span: 4 },
-    componentProps: ({ formModel, formActionType }) => {
+    componentProps: () => {
       return {
         api: GetClientFrtSelectList,
         allowClear: true,
@@ -505,6 +505,13 @@ export const searchFormSchema: FormSchema[] = [
   },
 ]
 export const formSchema: FormSchema[] = [
+  {
+    label: '是否批量编辑',
+    field: 'isBulk',
+    component: 'Input',
+    defaultValue: false,
+    show: false,
+  },
   {
     label: '主键Id',
     field: 'id',
@@ -516,16 +523,34 @@ export const formSchema: FormSchema[] = [
     field: 'name',
     label: '模板名称',
     component: 'Input',
-    required: true,
     colProps: { span: 6 },
+    show: ({ values }) => {
+      return !values.isBulk
+    },
+    dynamicRules: ({ values }) => {
+      return [
+        {
+          required: values.isBulk ? false : true,
+        },
+      ]
+    },
   },
   {
     field: 'businessType',
     label: '业务类型',
     component: 'ApiSelect',
     colProps: { span: 6 },
-    required: true,
-    componentProps: ({ formModel }) => {
+    show: ({ values }) => {
+      return !values.isBulk
+    },
+    dynamicRules: ({ values }) => {
+      return [
+        {
+          required: values.isBulk ? false : true,
+        },
+      ]
+    },
+    componentProps: () => {
       return {
         api: () => {
           return new Promise((resolve) => {
@@ -593,6 +618,9 @@ export const formSchema: FormSchema[] = [
         { label: '付', value: 2 },
       ],
     },
+    show: ({ values }) => {
+      return !values.isBulk
+    },
   },
   {
     label: '费用类别名称',
@@ -623,7 +651,6 @@ export const formSchema: FormSchema[] = [
           return option.label.toLowerCase().indexOf(input.toLowerCase()) >= 0
         },
         onChange: (e, obj) => {
-          console.log(e, obj)
           if (e && obj) {
             formModel.feeCategoryName = obj.label
             formModel.feeCategoryId = obj.value
@@ -684,7 +711,7 @@ export const formSchema: FormSchema[] = [
     required: false,
     dynamicDisabled: false,
     colProps: { span: 6 },
-    componentProps: ({ formModel }) => {
+    componentProps: () => {
       return {
         api: GetClientLanesSelectList,
         labelField: 'laneName',
@@ -703,12 +730,68 @@ export const formSchema: FormSchema[] = [
     required: false,
     dynamicDisabled: false,
     colProps: { span: 6 },
-    componentProps: ({ formModel }) => {
+    componentProps: ({ formActionType, formModel }) => {
       return {
         api: GetClientSourceSelectList,
         labelField: 'sourceName',
         valueField: 'id',
         resultField: 'data',
+        filterOption: (input: string, option: any) => {
+          return option.label.toLowerCase().indexOf(input.toLowerCase()) >= 0
+        },
+        onChange: async (e) => {
+          if (e) {
+            const FnsourceDetailId: any = await GetClientSourceDetailSelectList({
+              id: e,
+            })
+            if (FnsourceDetailId.succeeded) {
+              sourceDetailId.value.splice(0)
+              FnsourceDetailId.data.forEach((e) => {
+                sourceDetailId.value.push({ label: e.detailName, value: e.id })
+              })
+            }
+            if (formActionType) {
+              formModel.sourceDetailId = ''
+            }
+          }
+        },
+      }
+    },
+  },
+  {
+    label: '来源明细',
+    field: 'sourceDetailId',
+    component: 'Select',
+    required: false,
+    dynamicDisabled: ({ values }) => {
+      return !values.sourceId
+    },
+    colProps: { span: 6 },
+    componentProps: {
+      allowClear: true,
+      options: sourceDetailId.value,
+      showSearch: true,
+      filterOption: (input: string, option: any) => {
+        return option.label.toLowerCase().indexOf(input.toLowerCase()) >= 0
+      },
+    },
+  },
+  {
+    field: 'deptOrgId',
+    label: '分公司',
+    component: 'ApiSelect',
+    colProps: { span: 6 },
+    defaultValue: userStore.getUserInfo.orgId,
+    componentProps: () => {
+      return {
+        api: getOrgList,
+        labelField: 'label',
+        valueField: 'id',
+        resultField: 'data',
+        allowClear: true,
+        filterOption: (input: string, option: any) => {
+          return option.label.toLowerCase().indexOf(input.toLowerCase()) >= 0
+        },
       }
     },
   },
@@ -718,7 +801,7 @@ export const formSchema: FormSchema[] = [
     labelSlot: 'carrierId',
     component: 'ApiSelect',
     colProps: { span: 6 },
-    componentProps: ({ formModel }) => {
+    componentProps: () => {
       return {
         api: GetCarrierSelectList,
         labelField: 'pinYinCode',
@@ -735,7 +818,7 @@ export const formSchema: FormSchema[] = [
     required: false,
     dynamicDisabled: false,
     colProps: { span: 6 },
-    componentProps: ({ formModel }) => {
+    componentProps: () => {
       return {
         api: GetAgentCnClientList,
         labelField: 'shortName',
@@ -755,7 +838,7 @@ export const formSchema: FormSchema[] = [
     dynamicDisabled: false,
     defaultValue: null,
     colProps: { span: 6 },
-    componentProps: ({ formModel, formActionType }) => {
+    componentProps: () => {
       return {
         api: GetClientFrtSelectList,
         allowClear: true,
@@ -793,6 +876,7 @@ export const formSchema: FormSchema[] = [
     componentProps: {
       showTime: false,
       style: 'width:100%',
+      getPopupContainer: () => document.body,
     },
   },
   {
@@ -804,6 +888,7 @@ export const formSchema: FormSchema[] = [
     componentProps: {
       showTime: false,
       style: 'width:100%',
+      getPopupContainer: () => document.body,
     },
   },
   {
@@ -817,11 +902,284 @@ export const formSchema: FormSchema[] = [
     label: '模板说明',
     component: 'Input',
     colProps: { span: 6 },
+    show: ({ values }) => {
+      return !values.isBulk
+    },
   },
   {
     field: 'note',
     label: '备注',
     component: 'Input',
     colProps: { span: 12 },
+    show: ({ values }) => {
+      return !values.isBulk
+    },
+  },
+]
+
+export const detailsFormSchema: FormSchema[] = [
+  {
+    label: '费用名称Code',
+    field: 'feeCode',
+    component: 'Input',
+    defaultValue: '',
+    show: false,
+  },
+  {
+    label: '费用名称ID',
+    field: 'feeId',
+    component: 'Input',
+    defaultValue: '',
+    show: false,
+  },
+  {
+    field: 'feeName',
+    label: '费用名称',
+    component: 'ApiSelect',
+    required: false,
+    dynamicDisabled: false,
+    defaultValue: null,
+    colProps: { span: 6 },
+    componentProps: ({ formModel }) => {
+      return {
+        api: GetFeeCodeSelectList,
+        allowClear: true,
+        showSearch: true,
+        labelField: 'name',
+        valueField: 'name',
+        resultField: 'data',
+        filterOption: (input: string, option: any) => {
+          return option.label.toLowerCase().indexOf(input.toLowerCase()) >= 0
+        },
+        onChange: (e, obj) => {
+          console.log(e, obj)
+
+          if (e && obj) {
+            formModel.feeName = obj.label
+            formModel.feeCode = obj.code
+            formModel.feeId = obj.id
+            formModel.unit = obj.defaultUnit
+            formModel.unitText = obj.defaultUnitName
+            formModel.currency = obj.defaultCurrency
+            if (formModel.currency == 'RMB') {
+              formModel.exchangeRate = 1
+            } else {
+              formModel.exchangeRate = '【根据设置汇率生成】'
+            }
+            formModel.taxRate = obj.taxRate
+            formModel.isInvoice = obj.isInvoice
+            formModel.isAdvancedPay = obj.isAdvancedPay
+          }
+          if (!e && !obj) {
+            formModel.feeName = ''
+            formModel.feeCode = ''
+            formModel.feeId = ''
+            formModel.unit = ''
+            formModel.unitText = ''
+            formModel.currency = ''
+            formModel.exchangeRate = ''
+            formModel.taxRate = ''
+            formModel.isInvoice = ''
+            formModel.isAdvancedPay = ''
+          }
+        },
+      }
+    },
+  },
+  {
+    label: '客户类别',
+    field: 'customerType',
+    component: 'Input',
+    defaultValue: '',
+    show: false,
+  },
+  {
+    field: 'customerTypeText',
+    label: '客户类别',
+    component: 'ApiSelect',
+    required: false,
+    dynamicDisabled: false,
+    defaultValue: null,
+    colProps: { span: 6 },
+    componentProps: ({ formModel }) => {
+      return {
+        api: () => {
+          return new Promise((resolve) => {
+            getDictOption('djy_cust_prop').then((res) => {
+              resolve(res)
+            })
+          })
+        },
+        allowClear: true,
+        showSearch: true,
+        labelField: 'label',
+        valueField: 'value',
+        resultField: 'data',
+        filterOption: (input: string, option: any) => {
+          return option.label.toLowerCase().indexOf(input.toLowerCase()) >= 0
+        },
+        onChange: (e, obj) => {
+          console.log(e, obj)
+          if (e && obj) {
+            formModel.customerTypeText = obj.label
+            formModel.customerType = obj.value
+          }
+          if (!e && !obj) {
+            formModel.customerTypeText = ''
+            formModel.customerType = ''
+          }
+        },
+      }
+    },
+  },
+  {
+    label: '单位标准',
+    field: 'unit',
+    component: 'Input',
+    defaultValue: '',
+    show: false,
+  },
+  {
+    field: 'unitText',
+    label: '单位标准',
+    component: 'ApiSelect',
+    required: false,
+    dynamicDisabled: false,
+    defaultValue: null,
+    colProps: { span: 6 },
+    componentProps: ({ formModel }) => {
+      return {
+        api: feeUnitDict,
+        allowClear: true,
+        showSearch: true,
+        labelField: 'label',
+        valueField: 'value',
+        resultField: 'data',
+        filterOption: (input: string, option: any) => {
+          return option.label.toLowerCase().indexOf(input.toLowerCase()) >= 0
+        },
+        onChange: (e, obj) => {
+          console.log(e, obj)
+          if (e && obj) {
+            formModel.unitText = obj.label
+            formModel.unit = obj.value
+          }
+          if (!e && !obj) {
+            formModel.unitText = ''
+            formModel.unit = ''
+          }
+        },
+      }
+    },
+  },
+  {
+    field: 'isCtn',
+    label: '是否箱型',
+    component: 'Switch',
+    componentProps: {
+      checkedChildren: '是',
+      checkedValue: true,
+      unCheckedChildren: '否',
+      unCheckedValue: false,
+    },
+    defaultValue: false,
+    colProps: {
+      span: 6,
+    },
+  },
+  {
+    field: 'currency',
+    label: '币别',
+    component: 'ApiSelect',
+    required: false,
+    dynamicDisabled: false,
+    defaultValue: null,
+    colProps: { span: 6 },
+    componentProps: ({ formModel }) => {
+      return {
+        api: GetFeeCurrencySelectList,
+        allowClear: true,
+        showSearch: true,
+        labelField: 'codeName',
+        valueField: 'codeName',
+        resultField: 'data',
+        filterOption: (input: string, option: any) => {
+          return option.label.toLowerCase().indexOf(input.toLowerCase()) >= 0
+        },
+        onChange: (e) => {
+          if (e == 'RMB') {
+            formModel.exchangeRate = 1
+          } else {
+            formModel.exchangeRate = '【根据设置汇率生成】'
+          }
+        },
+      }
+    },
+  },
+  {
+    field: 'unitPrice',
+    label: '单价',
+    component: 'InputNumber',
+    colProps: { span: 4 },
+  },
+  {
+    field: 'exchangeRate',
+    label: '汇率',
+    component: 'InputNumber',
+    colProps: { span: 4 },
+  },
+  {
+    field: 'taxRate',
+    label: '税率',
+    component: 'InputNumber',
+    colProps: { span: 4 },
+  },
+  {
+    field: 'accTaxRate',
+    label: '财务税率',
+    component: 'InputNumber',
+    colProps: { span: 4 },
+  },
+  {
+    field: 'tax',
+    label: '税额',
+    component: 'InputNumber',
+    colProps: { span: 4 },
+  },
+  {
+    field: 'taxUnitPrice',
+    label: '含税单价',
+    component: 'InputNumber',
+    colProps: { span: 4 },
+  },
+  {
+    field: 'isInvoice',
+    label: '是否开票',
+    component: 'Switch',
+    componentProps: {
+      checkedChildren: '是',
+      checkedValue: true,
+      unCheckedChildren: '否',
+      unCheckedValue: false,
+    },
+    defaultValue: false,
+    colProps: {
+      span: 6,
+    },
+  },
+  {
+    field: 'isAdvancedPay',
+    label: '是否垫付',
+    component: 'Switch',
+    componentProps: {
+      checkedChildren: '是',
+      checkedValue: true,
+      unCheckedChildren: '否',
+      unCheckedValue: false,
+    },
+    defaultValue: false,
+    colProps: {
+      span: 6,
+    },
   },
 ]
diff --git a/src/views/fee/FeeCustTemplate/feeField.vue b/src/views/fee/FeeCustTemplate/feeField.vue
index 9bada07d..fd5989d4 100644
--- a/src/views/fee/FeeCustTemplate/feeField.vue
+++ b/src/views/fee/FeeCustTemplate/feeField.vue
@@ -11,6 +11,10 @@
           <span class="iconfont icon-new_document"></span>
           添加
         </a-button>
+        <a-button type="link" @click="BulkEdit">
+          <span class="iconfont icon-dengjizongshu"></span>
+          批量编辑
+        </a-button>
         <a-popconfirm
           title="确定删除当前选中数据？"
           ok-text="是"
@@ -40,6 +44,16 @@
       :IsApi="false"
       :IsApiData="Rcondition"
     />
+    <a-modal
+      class="ds-fee-to-tem-modal"
+      v-model:visible="visible"
+      v-if="visible"
+      title="批量编辑费用明细"
+      width="80%"
+      @ok="handleOk"
+    >
+      <BasicForm @register="registerForm" />
+    </a-modal>
   </div>
 </template>
 <script lang="ts" setup>
@@ -56,16 +70,18 @@
   } from 'vue'
   // 下拉框数据接口
   import { GetFeeCodeSelectList, GetFeeCurrencySelectList } from '/@/api/common'
-  import { getColumns, DeleteDetails } from './api'
+  import { getColumns, DeleteDetails, ApiBulkEditDetails } from './api'
   // import { GetFeeTemplateDetailList, BatchDelFeeTemplateDetail } from '../api'
   // 引入计费标准字典
   import { feeUnitDict } from '/@/hooks/dict/index'
   // 引入字典数据
   import { getDictOption } from '/@/utils/dictUtil'
   import AdvancedSearch from '/@/components/Form/src/components/AdvancedSearch.vue'
+  import { BasicForm, useForm } from '/@/components/Form/index'
   import { useMessage } from '/@/hooks/web/useMessage'
   import { HotTable, HotColumn } from '@handsontable/vue3'
   import { registerAllModules } from 'handsontable/registry'
+  import { detailsFormSchema } from './columns'
   import 'handsontable/dist/handsontable.full.min.css'
   defineComponent({
     HotTable,
@@ -238,7 +254,48 @@
       hot.selectCell(list.value.length - 1, 1)
     })
   }
-
+  const visible = ref(false)
+  function BulkEdit() {
+    const ids = []
+    list.value.forEach((item: any, index) => {
+      if (item.selected) {
+        ids.push(item.id)
+      }
+    })
+    if (ids.length) {
+      visible.value = true
+    } else {
+      notification.warning({ message: '请至少选择一条数据', duration: 3 })
+    }
+  }
+  const emit = defineEmits(['success'])
+  // 确定批量编辑
+  const handleOk = async () => {
+    let ApiData: any = []
+    const formData = await modalValidate()
+    list.value.forEach((item: any) => {
+      if (item.selected) {
+        ApiData.push({ ...formData, id: item.id, templateId: item.templateId })
+      }
+    })
+    const res = await ApiBulkEditDetails(ApiData)
+    if (res.succeeded) {
+      createMessage.success(res.message)
+      visible.value = false
+      emit('success')
+    } else {
+      createMessage.error(res.message)
+    }
+  }
+  //
+  const [
+    registerForm,
+    { validate: modalValidate, resetFields, setFieldsValue, getFieldsValue, updateSchema },
+  ] = useForm({
+    labelWidth: 100,
+    schemas: detailsFormSchema,
+    showActionButtonGroup: false,
+  })
   // 定义表格所有列
   const columns = [
     {
diff --git a/src/views/fee/FeeCustTemplate/index.vue b/src/views/fee/FeeCustTemplate/index.vue
index fd4a81c3..dcdd500a 100644
--- a/src/views/fee/FeeCustTemplate/index.vue
+++ b/src/views/fee/FeeCustTemplate/index.vue
@@ -6,6 +6,10 @@
           <span class="iconfont icon-new_document"></span>
           添加
         </a-button>
+        <a-button type="link" @click="BulkEdit">
+          <span class="iconfont icon-dengjizongshu"></span>
+          批量编辑
+        </a-button>
         <a-popconfirm
           title="确定删除当前选中数据？"
           ok-text="是"
@@ -106,6 +110,23 @@
       isUpdate: false,
     })
   }
+  function BulkEdit() {
+    const select = getSelectRows()
+    let ids: any = []
+    if (select.length === 0) {
+      notification.warning({ message: '请至少选择一条数据', duration: 3 })
+      return false
+    } else {
+      select.forEach((e) => {
+        ids.push(e.id)
+      })
+      openModal(true, {
+        ids,
+        isUpdate: false,
+        isBulk: true,
+      })
+    }
+  }
   function handleAudit(record: Recordable) {
     openModal(true, {
       record,
diff --git a/src/views/taskmanage/api.ts b/src/views/taskmanage/api.ts
index f29ca279..05aaeab6 100644
--- a/src/views/taskmanage/api.ts
+++ b/src/views/taskmanage/api.ts
@@ -1,7 +1,7 @@
 // @ts-ignore
 import { request } from '/@/utils/request'
 import { DataResult, PageRequest } from '/@/api/model/baseModel'
-import qs from "qs"
+import qs from 'qs'
 
 export function GetCurrentTotalStat(data) {
   return request<DataResult>({
@@ -15,7 +15,7 @@ export function GetPageAsync(parameter) {
   return request<DataResult>({
     url: '/taskApi/TaskManage/GetPageAsync',
     method: 'post',
-    data: parameter
+    data: parameter,
   })
 }
 // 获取所有用户下拉
@@ -23,7 +23,7 @@ export function GetUserListAll(parameter) {
   return request<DataResult>({
     url: '/mainApi/Common/GetUserList',
     method: 'get',
-    params: parameter
+    params: parameter,
   })
 }
 
@@ -31,7 +31,7 @@ export function TransferTask(parameter) {
   return request<DataResult>({
     url: '/taskApi/TaskManageBC/TransferTask',
     method: 'get',
-    params: parameter
+    params: parameter,
   })
 }
 
@@ -39,7 +39,7 @@ export function CompleteTask(parameter) {
   return request<DataResult>({
     url: '/taskApi/TaskManage/CompleteTask',
     method: 'post',
-    data: parameter
+    data: parameter,
   })
 }
 
@@ -47,19 +47,17 @@ export function CancelTaskBC(parameter) {
   return request<DataResult>({
     url: '/taskApi/TaskManage/CancelTaskBC',
     method: 'get',
-    params: parameter
+    params: parameter,
   })
 }
 export function GetVGMCompareResult(parameter) {
   return request<DataResult>({
     url: '/taskApi/TaskManage/GetVGMCompareResult',
     method: 'get',
-    params: parameter
+    params: parameter,
   })
 }
 
-
-
 /**
  * 查询台账
  */
@@ -67,12 +65,10 @@ export function GetTaskManagePage(parameter) {
   return request<DataResult>({
     url: '/taskApi/TaskManage/GetPage',
     method: 'post',
-    data: parameter
+    data: parameter,
   })
 }
 
-
-
 /**
  * 获取查询参数
  *  ParaType STATUS-任务状态;TASK_TYPE-任务类型;SOURCE-任务来源
@@ -81,7 +77,7 @@ export function GetParaInfo(parameter) {
   return request<DataResult>({
     url: '/taskApi/TaskManage/GetParaInfo',
     method: 'get',
-    params: parameter
+    params: parameter,
   })
 }
 
@@ -92,7 +88,7 @@ export function CancelTask(parameter) {
   return request<DataResult>({
     url: '/taskApi/TaskManage/CancelTask',
     method: 'post',
-    data: parameter
+    data: parameter,
   })
 }
 
@@ -100,7 +96,6 @@ export function CancelTask(parameter) {
  * 完成任务
  */
 
-
 /**
  * 下载
  */
@@ -108,7 +103,7 @@ export function DownloadTaskAttach(parameter) {
   return request<DataResult>({
     url: '/taskApi/TaskManage/DownloadTaskAttach',
     method: 'get',
-    params: parameter
+    params: parameter,
   })
 }
 
@@ -119,7 +114,7 @@ export function SendTelexEmail(parameter) {
   return request<DataResult>({
     url: '/taskApi/TaskManage/SendTelexEmail',
     method: 'get',
-    params: parameter
+    params: parameter,
   })
 }
 
@@ -129,7 +124,7 @@ export function SendTelexEmail(parameter) {
 export function LaraPaperCalc(parameter) {
   return request<DataResult>({
     url: '/taskApi/TaskManage/LaraPaperCalc?' + parameter,
-    method: 'post'
+    method: 'post',
   })
 }
 
@@ -139,7 +134,7 @@ export function LaraPaperCalc(parameter) {
 export function LaraPaperRegist(parameter) {
   return request<DataResult>({
     url: '/taskApi/TaskManage/LaraPaperRegist?' + parameter,
-    method: 'post'
+    method: 'post',
   })
 }
 
@@ -150,7 +145,7 @@ export function DownloadOriginalTask(parameter) {
   return request<DataResult>({
     url: '/taskApi/TaskManage/DownloadOriginalTask',
     method: 'post',
-    data: parameter
+    data: parameter,
   })
 }
 
@@ -161,7 +156,7 @@ export function PrintBatch(parameter) {
   return request<DataResult>({
     url: '/taskApi/TaskManage/PrintBatch',
     method: 'post',
-    data: parameter
+    data: parameter,
   })
 }
 
@@ -172,7 +167,7 @@ export function DownloadAttach(parameter) {
   return request<DataResult>({
     url: '/taskApi/TaskManage/DownloadAttach',
     method: 'post',
-    data: parameter
+    data: parameter,
   })
 }
 
@@ -183,7 +178,7 @@ export function GetBookingOrderInfo(parameter) {
   return request<DataResult>({
     url: '/TaskManageSISubmitted/GetBookingOrderInfo',
     method: 'get',
-    params: parameter
+    params: parameter,
   })
 }
 
@@ -194,7 +189,7 @@ export function LaraPaperRegistPost(parameter) {
   return request<DataResult>({
     url: '/taskApi/TaskManage/LaraPaperRegistPost',
     method: 'post',
-    data: parameter
+    data: parameter,
   })
 }
 
@@ -205,7 +200,7 @@ export function SendShippingOrder(parameter) {
   return request<DataResult>({
     url: '/taskApi/TaskManage/SendShippingOrder',
     method: 'get',
-    params: parameter
+    params: parameter,
   })
 }
 
@@ -213,7 +208,7 @@ export function GetSIFeedBackInfo(parameter) {
   return request<DataResult>({
     url: '/TaskManageSISubmitted/GetSIFeedBackInfo',
     method: 'get',
-    params: parameter
+    params: parameter,
   })
 }
 
@@ -221,7 +216,7 @@ export function SaveBookingSI(parameter) {
   return request<DataResult>({
     url: '/taskApi/TaskManage/SaveBookingSI',
     method: 'post',
-    data: parameter
+    data: parameter,
   })
 }
 
@@ -229,16 +224,14 @@ export function LaraPaperRecordExport(parameter) {
   return request<DataResult>({
     url: '/taskApi/TaskManage/LaraPaperRecordExport',
     method: 'get',
-    params: parameter
+    params: parameter,
   })
 }
 
-
-
 export function SaveBookingVGM(id) {
   return request<DataResult>({
     url: '/taskApi/TaskManage/SaveBookingVGM?taskPKId=' + id,
-    method: 'post'
+    method: 'post',
   })
 }
 
@@ -246,7 +239,7 @@ export function AcceptChangeShip(parameter) {
   return request<DataResult>({
     url: '/taskApi/TaskManage/AcceptChangeShip',
     method: 'get',
-    params: parameter
+    params: parameter,
   })
 }
 
@@ -254,7 +247,7 @@ export function AcceptCancelChangeShip(parameter) {
   return request<DataResult>({
     url: '/taskApi/TaskManage/AcceptCancelChangeShip',
     method: 'get',
-    params: parameter
+    params: parameter,
   })
 }
 
@@ -262,7 +255,7 @@ export function GetChangeShipInfo(parameter) {
   return request<DataResult>({
     url: '/taskApi/TaskManage/GetChangeShipInfo',
     method: 'get',
-    params: parameter
+    params: parameter,
   })
 }
 
@@ -270,7 +263,7 @@ export function GetAbortChangeShipInfo(parameter) {
   return request<DataResult>({
     url: '/taskApi/TaskManage/GetAbortChangeShipInfo',
     method: 'get',
-    params: parameter
+    params: parameter,
   })
 }
 
@@ -278,7 +271,7 @@ export function GetAbortChangeShipInfo(parameter) {
 export function ManualReCompareBC(parameter) {
   return request<DataResult>({
     url: '/taskApi/TaskManage/ManualReCompareBC?' + parameter,
-    method: 'post'
+    method: 'post',
   })
 }
 
@@ -286,7 +279,7 @@ export function DownloadClosingEDI(parameter) {
   return request<DataResult>({
     url: '/taskApi/TaskManage/DownloadClosingEDI',
     method: 'get',
-    params: parameter
+    params: parameter,
   })
 }
 
@@ -294,7 +287,7 @@ export function SendClosingEDI(parameter) {
   return request<DataResult>({
     url: '/taskApi/TaskManage/SendClosingEDI',
     method: 'get',
-    params: parameter
+    params: parameter,
   })
 }
 
@@ -302,7 +295,7 @@ export function CalcLaraPageNumbers(parameter) {
   return request<DataResult>({
     url: '/taskApi/TaskManage/CalcLaraPageNumbers',
     method: 'post',
-    data: parameter
+    data: parameter,
   })
 }
 
@@ -310,7 +303,7 @@ export function GetLaraPaperRecordPage(parameter) {
   return request<DataResult>({
     url: '/taskApi/TaskManage/GetLaraPaperRecordPage',
     method: 'post',
-    data: parameter
+    data: parameter,
   })
 }
 
@@ -318,7 +311,7 @@ export function GetVGMSubmissionInfoByTaskId(parameter) {
   return request<DataResult>({
     url: '/TaskManageVGM/GetVGMSubmissionInfoByTaskId',
     method: 'get',
-    params: parameter
+    params: parameter,
   })
 }
 
@@ -326,7 +319,7 @@ export function GetInfoByTaskId(parameter) {
   return request<DataResult>({
     url: '/taskApi/TaskManageBC/GetInfoByTaskId',
     method: 'post',
-    params: parameter
+    params: parameter,
   })
 }
 
@@ -334,7 +327,7 @@ export function SetTaskOwner(parameter, query) {
   return request<DataResult>({
     url: '/taskApi/TaskManage/SetTaskOwner?' + query,
     method: 'post',
-    data: parameter
+    data: parameter,
   })
 }
 
@@ -343,14 +336,14 @@ export function DownloadFileByBC(parameter) {
     url: '/taskApi/TaskManage/DownloadFile',
     method: 'get',
     params: parameter,
-    responseType: 'blob'
+    responseType: 'blob',
   })
 }
 export function GetProjectList(parameter) {
   return request<DataResult>({
     url: '/taskApi/TaskManageBC/GetProjectList',
     method: 'get',
-    params: parameter
+    params: parameter,
   })
 }
 
@@ -359,7 +352,7 @@ export function DownloadFile(parameter) {
     url: '/taskApi/TaskManageBC/DownloadFile',
     method: 'get',
     params: parameter,
-    responseType: 'blob'
+    responseType: 'blob',
   })
 }
 
@@ -367,7 +360,7 @@ export function CreateBookingAndSlot(parameter) {
   return request<DataResult>({
     url: '/taskApi/TaskManageBC/CreateBookingAndSlot',
     method: 'post',
-    data: parameter
+    data: parameter,
   })
 }
 
@@ -375,28 +368,28 @@ export function TaskManageBCSendEmai1(parameter) {
   return request<DataResult>({
     url: '/taskApi/TaskManageBC/SendEmail',
     method: 'get',
-    params: parameter
+    params: parameter,
   })
 }
 export function TaskTransPlanHasChange(parameter) {
   return request<DataResult>({
     url: '/taskApi/TaskTransPlanHasChange/GetInfoByTaskId',
     method: 'get',
-    params: parameter
+    params: parameter,
   })
 }
 export function TaskManageBCGetCompareResult(parameter) {
   return request<DataResult>({
     url: '/taskApi/TaskManageBC/GetCompareResult',
     method: 'get',
-    params: parameter
+    params: parameter,
   })
 }
 export function TaskManageRollingNominationGetInfoByTaskId(parameter) {
   return request<DataResult>({
     url: '/TaskManageRollingNomination/GetInfoByTaskId',
     method: 'get',
-    params: parameter
+    params: parameter,
   })
 }
 
@@ -404,7 +397,7 @@ export function GetLoadStatusDetailList(parameter) {
   return request<DataResult>({
     url: '/TaskManageRollingNomination/GetLoadStatusDetailList',
     method: 'get',
-    params: parameter
+    params: parameter,
   })
 }
 
@@ -412,7 +405,7 @@ export function RefreshBookingorder(parameter) {
   return request<DataResult>({
     url: '/TaskManageRollingNomination/RefreshBookingorder',
     method: 'get',
-    params: parameter
+    params: parameter,
   })
 }
 
@@ -420,7 +413,7 @@ export function TaskManageRolingWominationGetUrl(parameter) {
   return request<DataResult>({
     url: '/TaskManageRollingNomination/GetUrl',
     method: 'get',
-    params: parameter
+    params: parameter,
   })
 }
 
@@ -428,7 +421,7 @@ export function TaskManageRolingWominationCancelsharelink(parameter) {
   return request<DataResult>({
     url: '/TaskManageRollingNomination/Cancelsharelink',
     method: 'post',
-    params: parameter
+    params: parameter,
   })
 }
 
@@ -436,7 +429,7 @@ export function DispatchRollingNomination(parameter) {
   return request<DataResult>({
     url: '/TaskManageRollingNomination/DispatchRollingNomination',
     method: 'post',
-    data: parameter
+    data: parameter,
   })
 }
 
@@ -444,7 +437,7 @@ export function CreateShareLink(parameter) {
   return request<DataResult>({
     url: '/TaskManageRollingNomination/CreateShareLink',
     method: 'post',
-    data: parameter
+    data: parameter,
   })
 }
 
@@ -452,7 +445,7 @@ export function GetPreBillDetailList(parameter) {
   return request<DataResult>({
     url: '/TaskManageRollingNomination/GetPreBillDetailList',
     method: 'get',
-    params: parameter
+    params: parameter,
   })
 }
 
@@ -460,7 +453,7 @@ export function SaveDetai1Container(parameter) {
   return request<DataResult>({
     url: '/TaskManageRollingNomination/SaveDetailContainer',
     method: 'post',
-    data: parameter
+    data: parameter,
   })
 }
 
@@ -468,7 +461,7 @@ export function GenShareLink(parameter) {
   return request<DataResult>({
     url: '/TaskManageRollingNomination/GenShareLink',
     method: 'post',
-    data: parameter
+    data: parameter,
   })
 }
 
@@ -476,7 +469,7 @@ export function PushShareLink(parameter) {
   return request<DataResult>({
     url: '/TaskManageRollingNomination/PushShareLink',
     method: 'post',
-    data: parameter
+    data: parameter,
   })
 }
 
@@ -484,7 +477,7 @@ export function shareGetinfo(parameter) {
   return request<DataResult>({
     url: '/TaskManageShareLink/GetInfo',
     method: 'get',
-    params: parameter
+    params: parameter,
   })
 }
 
@@ -492,7 +485,7 @@ export function PushShareLinkFeedBack(parameter) {
   return request<DataResult>({
     url: '/TaskManageShareLink/PushShareLinkFeedBack',
     method: 'post',
-    data: parameter
+    data: parameter,
   })
 }
 
@@ -500,7 +493,7 @@ export function GetUserFeedBack(parameter) {
   return request<DataResult>({
     url: '/TaskManageRollingNomination/GetUserFeedBack',
     method: 'post',
-    params: parameter
+    params: parameter,
   })
 }
 
@@ -508,7 +501,7 @@ export function GetVGMMissingInfoByTaskId(parameter) {
   return request<DataResult>({
     url: '/TaskManageVGM/GetVGMMissingInfoByTaskId',
     method: 'get',
-    params: parameter
+    params: parameter,
   })
 }
 
@@ -516,7 +509,7 @@ export function CutDateGetInfoByTaskId(parameter) {
   return request<DataResult>({
     url: '/taskApi/TaskManageCutDateChange/GetInfoByTaskId',
     method: 'get',
-    params: parameter
+    params: parameter,
   })
 }
 
@@ -524,7 +517,7 @@ export function PoddGetInfoByTaskId(parameter) {
   return request<DataResult>({
     url: '/PODDischargeGateoutFull/GetInfoByTaskId',
     method: 'get',
-    params: parameter
+    params: parameter,
   })
 }
 
@@ -532,7 +525,7 @@ export function SendInstantlessage(parameter) {
   return request<DataResult>({
     url: '/PODDischargeGateoutFull/SendInstantMessage',
     method: 'get',
-    params: parameter
+    params: parameter,
   })
 }
 
@@ -540,7 +533,7 @@ export function SearchAndConnectBookingInfo(parameter) {
   return request<DataResult>({
     url: '/PODDischargeGateoutFull/SearchAndConnectBookingInfo',
     method: 'get',
-    params: parameter
+    params: parameter,
   })
 }
 
@@ -548,7 +541,7 @@ export function DraftGetInfoByTaskId(parameter) {
   return request<DataResult>({
     url: '/TaskManageDRAFT/GetInfoByTaskId',
     method: 'get',
-    params: parameter
+    params: parameter,
   })
 }
 
@@ -557,7 +550,7 @@ export function DraftDownloadFile(parameter) {
     url: '/TaskManageDRAFT/DownloadFile',
     method: 'get',
     responseType: 'arraybuffer',
-    params: parameter
+    params: parameter,
   })
 }
 
@@ -565,7 +558,7 @@ export function DRAFTSendEmail(parameter) {
   return request<DataResult>({
     url: '/TaskManageDRAFT/SendEmail',
     method: 'get',
-    params: parameter
+    params: parameter,
   })
 }
 
@@ -573,7 +566,7 @@ export function DRAFTSearchAndConnectBookingInfo(parameter) {
   return request<DataResult>({
     url: '/TaskManageDRAFT/SearchAndConnectBookingInfo',
     method: 'get',
-    params: parameter
+    params: parameter,
   })
 }
 
@@ -581,7 +574,7 @@ export function BcSearchAndConnectBookingInfo(parameter) {
   return request<DataResult>({
     url: '/taskApi/TaskManageBC/ReCompareResult',
     method: 'get',
-    params: parameter
+    params: parameter,
   })
 }
 
@@ -589,7 +582,7 @@ export function ReCompareResult(parameter) {
   return request<DataResult>({
     url: '/taskApi/TaskManageBC/SearchAndConnectBookingInfo',
     method: 'get',
-    params: parameter
+    params: parameter,
   })
 }
 
@@ -597,7 +590,7 @@ export function GetBookingOrder(parameter) {
   return request<DataResult>({
     url: '/taskApi/TaskManageBC/GetBookingOrder',
     method: 'get',
-    params: parameter
+    params: parameter,
   })
 }
 
@@ -605,7 +598,7 @@ export function GetToShipSelect(parameter) {
   return request<DataResult>({
     url: '/TaskManageRollingNomination/GetToShipSelect',
     method: 'get',
-    params: parameter
+    params: parameter,
   })
 }
 
@@ -613,7 +606,7 @@ export function GetRollingNominationNoticeReview(parameter) {
   return request<DataResult>({
     url: '/TaskManageRollingNomination/GetRollingNominationNoticeReview',
     method: 'post',
-    data: parameter
+    data: parameter,
   })
 }
 
@@ -621,7 +614,7 @@ export function SendRollingNominationNotice(parameter) {
   return request<DataResult>({
     url: '/TaskManageRollingNomination/SendRollingNominationNotice',
     method: 'post',
-    data: parameter
+    data: parameter,
   })
 }
 
@@ -629,7 +622,7 @@ export function GetInfoByTaskIdNotice(parameter) {
   return request<DataResult>({
     url: '/TaskCautionNotice/GetInfoByTaskId',
     method: 'get',
-    params: parameter
+    params: parameter,
   })
 }
 
@@ -637,7 +630,7 @@ export function GetInfoByTaskIdPlan(parameter) {
   return request<DataResult>({
     url: '/TaskTransPlanHasChange/GetInfoByTaskId',
     method: 'get',
-    params: parameter
+    params: parameter,
   })
 }
 
@@ -645,7 +638,7 @@ export function GetInfoByTaskIdRoute(parameter) {
   return request<DataResult>({
     url: '/RouteChangeAdvisory/GetInfoByTaskId',
     method: 'get',
-    params: parameter
+    params: parameter,
   })
 }
 
@@ -653,28 +646,28 @@ export function QueryVesselVoynoBookingOrder(parameter) {
   return request<DataResult>({
     url: '/RouteChangeAdvisory/QueryVesselVoynoBookingOrder',
     method: 'get',
-    params: parameter
+    params: parameter,
   })
 }
 export function QueryBookingOrderPlan(parameter) {
   return request<DataResult>({
     url: '/TaskTransPlanHasChange/QueryBookingOrder',
     method: 'get',
-    params: parameter
+    params: parameter,
   })
 }
 export function BatchSendEmailToCustomer(parameter) {
   return request<DataResult>({
     url: '/RouteChangeAdvisory/BatchSendEmailToCustomer',
     method: 'post',
-    data: parameter
+    data: parameter,
   })
 }
 export function MergeCreateBookingOrder(parameter) {
   return request<DataResult>({
     url: '/BookingSlot/MergeCreateBookingOrder',
     method: 'post',
-    data: parameter
+    data: parameter,
   })
 }
 
@@ -685,7 +678,7 @@ export function TaskManageTruckGetInfoByTaskId(parameter) {
   return request<DataResult>({
     url: '/TaskManageTruck/GetInfoByTaskId',
     method: 'get',
-    params: parameter
+    params: parameter,
   })
 }
 
@@ -698,7 +691,7 @@ export function TaskManageTruckPrintTemplateWithHistoryList(parameter) {
   return request<DataResult>({
     url: '/TaskManageTruck/PrintTemplateWithHistoryList',
     method: 'get',
-    params: parameter
+    params: parameter,
   })
 }
 
@@ -711,7 +704,7 @@ export function TaskManageTruckPrint(parameter) {
   return request<DataResult>({
     url: '/TaskManageTruck/Print',
     method: 'get',
-    params: parameter
+    params: parameter,
   })
 }
 /**
@@ -721,7 +714,7 @@ export function TaskManageTruckSendDispatchBatchByTask(parameter) {
   return request<DataResult>({
     url: '/TaskManageTruck/SendDispatchBatchByTask',
     method: 'post',
-    data: parameter
+    data: parameter,
   })
 }
 /**
@@ -731,7 +724,7 @@ export function TaskManageTruckCancelDispatchBatchByTask(parameter) {
   return request<DataResult>({
     url: '/TaskManageTruck/CancelDispatchBatchByTask',
     method: 'post',
-    data: parameter
+    data: parameter,
   })
 }
 
@@ -744,7 +737,7 @@ export function DjyCustomerQuerytDjyCustomerInfo(parameter) {
   return request<DataResult>({
     url: '/DjyCustomer/QuerytDjyCustomerInfo',
     method: 'get',
-    params: parameter
+    params: parameter,
   })
 }
 
@@ -752,11 +745,10 @@ export function SaveTruckByPage(parameter) {
   return request<DataResult>({
     url: '/TaskManageTruck/SaveTruckByPage',
     method: 'post',
-    data: parameter
+    data: parameter,
   })
 }
 
-
 export function GetTaskPlatEnumDict() {
   return request<DataResult>({
     url: '/taskApi/TaskManage/GetTaskPlatEnumDict',
@@ -767,7 +759,7 @@ export function GetTaskPlatEnumDict() {
 export function TaskAllocationSave(parameter) {
   return request<DataResult>({
     url: '/taskApi/TaskAllocation/Save',
-    data:parameter,
+    data: parameter,
     method: 'post',
   })
 }
@@ -775,7 +767,7 @@ export function TaskAllocationSave(parameter) {
 export function TaskAllocationGetList(parameter) {
   return request<DataResult>({
     url: '/taskApi/TaskAllocation/GetList',
-    params:parameter,
+    params: parameter,
     method: 'get',
   })
 }
@@ -783,7 +775,7 @@ export function TaskAllocationGetList(parameter) {
 export function GetCompareResult(parameter) {
   return request<DataResult>({
     url: '/taskApi/TaskManageBC/GetCompareResult',
-    params:parameter,
+    params: parameter,
     method: 'get',
   })
 }
@@ -798,7 +790,7 @@ export function GetContainsCarrierList() {
 export function UpdateUserTaskPlatFieldSet(parameter) {
   return request<DataResult>({
     url: '/mainApi/Common/UpdateUserTaskPlatFieldSet',
-    data:parameter,
+    data: parameter,
     method: 'post',
   })
 }
@@ -806,15 +798,16 @@ export function UpdateUserTaskPlatFieldSet(parameter) {
 export function GetUserTaskPlatFieldSet(params) {
   return request<DataResult>({
     url: '/mainApi/Common/GetUserTaskPlatFieldSet',
-    data:params,
+    data: params,
     method: 'post',
   })
 }
 
-export function UploadBcThenRunTask(data,carrierCode,taskId) {
+export function UploadBcThenRunTask(data, carrierCode, taskId) {
   return request<DataResult>({
-    url: '/taskApi/TaskManageBC/UploadBcThenRunTask?carrierCode='+carrierCode+'&taskId='+taskId,
-    data:data,
+    url:
+      '/taskApi/TaskManageBC/UploadBcThenRunTask?carrierCode=' + carrierCode + '&taskId=' + taskId,
+    data: data,
     method: 'post',
   })
 }
@@ -822,7 +815,15 @@ export function UploadBcThenRunTask(data,carrierCode,taskId) {
 export function PullTask(data) {
   return request<DataResult>({
     url: '/taskApi/TaskManage/PullTask',
-    data:data,
+    data: data,
     method: 'post',
   })
-}
\ No newline at end of file
+}
+
+export function GetBLConfirmation(parameter) {
+  return request<DataResult>({
+    url: '/opApi/SeaExportTask/GetBLConfirmation',
+    params: parameter,
+    method: 'get',
+  })
+}
diff --git a/src/views/taskmanage/index.vue b/src/views/taskmanage/index.vue
index 55bbc398..729c26ec 100644
--- a/src/views/taskmanage/index.vue
+++ b/src/views/taskmanage/index.vue
@@ -6,30 +6,63 @@
           <div class="nav-box">
             <div class="nav-bottom">
               <a-button type="link" size="small" @click="getCurrentTotalStat('refsh')">
-                <i class="icon-refresh-1-copy iconfont"></i>刷新任务单</a-button>
+                <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-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 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">
+                  <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
+                          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>
+                            <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>
@@ -43,14 +76,26 @@
           </div>
         </template>
         <template #tableTitle>
-          <a-popconfirm title="是否取消当前选择项？" ok-text="是" cancel-text="否" @confirm="removeFun">
+          <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-popconfirm title="确定任务领取吗？" ok-text="是" cancel-text="否" @confirm="handlePull">
+          <a-button type="link" @click="openUser"
+            ><i class="icon-zhuanfa iconfont"></i>任务转交</a-button
+          >
+          <a-popconfirm
+            title="确定任务领取吗？"
+            ok-text="是"
+            cancel-text="否"
+            @confirm="handlePull"
+          >
             <a-button type="link"><i class="icon-shangchuanziliao iconfont"></i>任务领取</a-button>
           </a-popconfirm>
           <!-- <a-button type="link" @click="FnPrint"><i class="icon-weibiaoti-- iconfont"></i>打印</a-button> -->
@@ -58,47 +103,104 @@
                     <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
+              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-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-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
+              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-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>
+            <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-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
+              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-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-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>
+            <a-button type="link" @click="laraRecordFun"
+              ><i class="iconfont icon-touzijilu"></i>LARA记录</a-button
+            >
           </template>
         </template>
         <template #toolbar>
-          <a-button type="link" @click="openCustom"><i class="icon-shuliebiao iconfont"></i>列设置</a-button>
+          <a-button type="link" @click="openCustom"
+            ><i class="icon-shuliebiao iconfont"></i>列设置</a-button
+          >
         </template>
         <template v-slot:bodyCell="{ column, record }">
           <template v-if="column.key === 'iS_EXCEPT'">
@@ -215,24 +317,36 @@
                         <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)
+            <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">
+    <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>
+          <i
+            class="icon-fuzhi4 iconfont"
+            title="复制"
+            style="margin-right: 10px; cursor: pointer"
+            @click="handleCopy"
+          ></i>
           时间{{ bcFile.executeTime }}
         </div>
         <span> {{ bcFile.batchTotal }}</span>
@@ -245,915 +359,938 @@
       </div>
       <div v-else>{{ bcFile.msg }}</div>
     </a-modal>
-    <a-modal @cancel="UserVisible = false" :visible="UserVisible" title="转移任务" @ok="UserhandleOk">
+    <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="false"
-          @search="handleSearch" v-model:value="UserId">
-          <a-select-option v-for="item in UserList" :label="item.label" :key="item.value" :value="item.value">
+        <a-select
+          mode="multiple"
+          show-search
+          style="width: 100%; margin-bottom: 30px"
+          :filter-option="false"
+          @search="handleSearch"
+          v-model:value="UserId"
+        >
+          <a-select-option
+            v-for="item in UserList"
+            :label="item.label"
+            :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">
+    <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-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>
+              <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">
+    <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 { ApiGet } from '/@/views/baseinfo/infoclient/ClientStakeholder/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 { useUserStore } from '/@/store/modules/user'
-import taskCustom from './taskList/taskCustom.vue'
-const userStore = useUserStore()
-const optionsStore = useOptionsStore()
-const { createMessage } = useMessage()
-const route = useRoute()
-const router = useRouter()
-import {
-  GetCurrentTotalStat,
-  GetPageAsync,
-  TaskManageTruckGetInfoByTaskId,
-  TaskManageTruckPrintTemplateWithHistoryList,
-  TaskManageTruckPrint,
-  TaskManageTruckSendDispatchBatchByTask,
-  TaskManageTruckCancelDispatchBatchByTask,
-  UploadBcThenRunTask,
-  CancelTask,
-  CompleteTask,
-  DownloadTaskAttach,
-  PullTask,
-  SetTaskOwner,
-  LaraPaperCalc,
-  PrintBatch,
-  DownloadAttach,
-  DownloadOriginalTask,
-  ManualReCompareBC,
-  GetUserListAll,
-} from './api'
-import { useGo } from '/@/hooks/web/usePage'
-const go = useGo()
-onMounted(() => {
-  getCurrentTotalStat('')
-  getSetColumns('BASIC')
-  setProps({
-    rowSelection: {
-      onChange: onSelectChange,
-      fixed: true,
+  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 { ApiGet } from '/@/views/baseinfo/infoclient/ClientStakeholder/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 { useUserStore } from '/@/store/modules/user'
+  import taskCustom from './taskList/taskCustom.vue'
+  const userStore = useUserStore()
+  const optionsStore = useOptionsStore()
+  const { createMessage } = useMessage()
+  const route = useRoute()
+  const router = useRouter()
+  import {
+    GetCurrentTotalStat,
+    GetPageAsync,
+    TaskManageTruckGetInfoByTaskId,
+    TaskManageTruckPrintTemplateWithHistoryList,
+    TaskManageTruckPrint,
+    TaskManageTruckSendDispatchBatchByTask,
+    TaskManageTruckCancelDispatchBatchByTask,
+    UploadBcThenRunTask,
+    CancelTask,
+    CompleteTask,
+    DownloadTaskAttach,
+    PullTask,
+    SetTaskOwner,
+    LaraPaperCalc,
+    PrintBatch,
+    DownloadAttach,
+    DownloadOriginalTask,
+    ManualReCompareBC,
+    GetUserListAll,
+  } from './api'
+  import { useGo } from '/@/hooks/web/usePage'
+  const go = useGo()
+  onMounted(() => {
+    getCurrentTotalStat('')
+    getSetColumns('BASIC')
+    setProps({
+      rowSelection: {
+        onChange: onSelectChange,
+        fixed: true,
+      },
+    })
+  })
+  const [
+    registerForm,
+    {
+      getFieldsValue: getFieldsValueL,
+      validateFields: validateFieldsL,
+      updateSchema: updateSchemaL,
+      setFieldsValue: setFieldsValueL,
     },
+  ] = useForm({
+    labelWidth: 100,
+    schemas: fileForm,
+    showActionButtonGroup: false,
   })
-})
-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) {
-  upFileList.value = [file]
-  return false
-}
-const customFlag = ref(false)
-function onSelectChange(selectedRowKeys) { }
-function handleSuccess() {
-  customFlag.value = false
-  if (taskType.value) {
-    getSetColumns(taskType.value)
-  } else {
-    getSetColumns('BASIC')
-  }
-}
-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) => {
-  if (to.fullPath === '/taskmanage') {
-    refshTotalStat()
-  }
-})
-const underlingTaskScope = ref('')
-const fileLoad = ref(false)
-function handleSaveFile() {
-  if (!getFieldsValueL().carrierId) {
-    createMessage.warning('请选择船公司')
+  const upFileList = ref([]) as any
+  function beforeUpload(file, fileList) {
+    upFileList.value = [file]
     return false
   }
-  if (upFileList.value.length == 0) {
-    createMessage.warning('请选择文件')
-    return false
+  const customFlag = ref(false)
+  function onSelectChange(selectedRowKeys) {}
+  function handleSuccess() {
+    customFlag.value = false
+    if (taskType.value) {
+      getSetColumns(taskType.value)
+    } else {
+      getSetColumns('BASIC')
+    }
+  }
+  function handleRemove(file: any) {
+    const index = upFileList.value.indexOf(file)
+    const newFileList = upFileList.value.slice()
+    newFileList.splice(index, 1)
+    upFileList.value = newFileList
   }
-  fileLoad.value = true
-  const select = getSelectRows()
-  const pkIdArr = select.map((item, index) => {
-    return item.id
+  router.afterEach((to, from) => {
+    if (to.fullPath === '/taskmanage') {
+      refshTotalStat()
+    }
   })
-  const postData = new FormData()
-  postData.append('file', upFileList.value[0])
-  UploadBcThenRunTask(postData, getFieldsValueL().carrierCode, pkIdArr[0])
-    .then((res) => {
-      fileLoad.value = false
-      if (res.succeeded) {
-        createMessage.success(res.message)
-        fileFlag.value = false
-      }
-    })
-    .catch((err) => {
-      fileLoad.value = false
+  const underlingTaskScope = ref('')
+  const fileLoad = ref(false)
+  function handleSaveFile() {
+    if (!getFieldsValueL().carrierId) {
+      createMessage.warning('请选择船公司')
+      return false
+    }
+    if (upFileList.value.length == 0) {
+      createMessage.warning('请选择文件')
+      return false
+    }
+    fileLoad.value = true
+    const select = getSelectRows()
+    const pkIdArr = select.map((item, index) => {
+      return item.id
     })
-}
-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(type) {
-  levelreLoading.value = true
-  levelLoading.value = true
-  levelTop.value = []
-  levelNextAll.value = []
-  levelNext.value = []
-  levelTreeAll.value = []
-  levelTree.value = []
-  let bussObj = ''
-  let str1 = ''
-  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)
+    const postData = new FormData()
+    postData.append('file', upFileList.value[0])
+    UploadBcThenRunTask(postData, getFieldsValueL().carrierCode, pkIdArr[0])
+      .then((res) => {
+        fileLoad.value = false
+        if (res.succeeded) {
+          createMessage.success(res.message)
+          fileFlag.value = false
+        }
+      })
+      .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(type) {
+    levelreLoading.value = true
+    levelLoading.value = true
+    levelTop.value = []
+    levelNextAll.value = []
+    levelNext.value = []
+    levelTreeAll.value = []
+    levelTree.value = []
+    let bussObj = ''
+    let str1 = ''
+    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)
+        }
       }
     }
+    const data = {
+      isReCalc: false,
+      queryCondition: JSON.stringify(queryData),
+      otherQueryCondition: {
+        businessNo: bussObj,
+        portloaD_CODE: str1,
+        portdischargE_CODE: str2,
+      },
+    }
+    if (type == 'refsh') {
+      data.isReCalc = true
+    } else {
+      data.isReCalc = false
+    }
+    GetCurrentTotalStat(data)
+      .then((res) => {
+        levelLoading.value = false
+        levelreLoading.value = false
+        levelTop.value = res.data.levelTop
+        underlingTaskScope.value = res.data.underlingTaskScope
+        levelTop.value = levelTop.value.sort((a, b) => a.sortNo - b.sortNo)
+        levelNextAll.value = res.data.levelNext
+        levelTreeAll.value = res.data.levelTree
+        if (levelTop.value.length > 0) {
+          if (type != 'search') {
+            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,
+            )
+          }
+        }
+        activeTreeKey.value = []
+        taskType.value = ''
+        reload()
+      })
+      .catch((err) => {
+        levelLoading.value = false
+        levelreLoading.value = false
+      })
   }
-  const data = {
-    isReCalc: false,
-    queryCondition: JSON.stringify(queryData),
-    otherQueryCondition: {
-      businessNo: bussObj,
-      portloaD_CODE: str1,
-      portdischargE_CODE: str2,
-    },
+
+  function openFile() {
+    const select = getSelectRows()
+    if (select.length == 0) {
+      createMessage.warning('请选择任务')
+      return false
+    }
+    if (select.length > 1) {
+      createMessage.warning('只能选择一条任务')
+      return false
+    }
+    fileFlag.value = true
   }
-  if (type == 'refsh') {
-    data.isReCalc = true
-  } else {
-    data.isReCalc = false
-  }
-  GetCurrentTotalStat(data)
-    .then((res) => {
-      levelLoading.value = false
-      levelreLoading.value = false
-      levelTop.value = res.data.levelTop
-      underlingTaskScope.value = res.data.underlingTaskScope
-      levelTop.value = levelTop.value.sort((a, b) => a.sortNo - b.sortNo)
-      levelNextAll.value = res.data.levelNext
-      levelTreeAll.value = res.data.levelTree
-      if (levelTop.value.length > 0) {
-        if (type != 'search') {
-          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,
-          )
+
+  function refshTotalStat() {
+    levelreLoading.value = true
+    levelLoading.value = true
+    let bussObj = ''
+    let str1 = ''
+    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)
         }
       }
-      activeTreeKey.value = []
-      taskType.value = ''
-      reload()
-    })
-    .catch((err) => {
-      levelLoading.value = false
-      levelreLoading.value = false
+    }
+    GetCurrentTotalStat({
+      isReCalc: false,
+      queryCondition: JSON.stringify(queryData),
+      otherQueryCondition: {
+        businessNo: bussObj,
+        portloaD_CODE: str1,
+        portdischargE_CODE: str2,
+      },
     })
-}
-
-function openFile() {
-  const select = getSelectRows()
-  if (select.length == 0) {
-    createMessage.warning('请选择任务')
-    return false
-  }
-  if (select.length > 1) {
-    createMessage.warning('只能选择一条任务')
-    return false
+      .then((res) => {
+        levelLoading.value = false
+        levelreLoading.value = false
+        levelTop.value = res.data.levelTop
+        underlingTaskScope.value = res.data.underlingTaskScope
+        levelTop.value = levelTop.value.sort((a, b) => a.sortNo - b.sortNo)
+        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
+      })
   }
-  fileFlag.value = true
-}
-
-function refshTotalStat() {
-  levelreLoading.value = true
-  levelLoading.value = true
-  let bussObj = ''
-  let str1 = ''
-  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)
+  function selectNextLevel(list, key) {
+    const arr = [] as any
+    list.map((item, index) => {
+      if (item.topKey === key) {
+        arr.push(item)
       }
-    }
+    })
+    return arr
   }
-  GetCurrentTotalStat({
-    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
-      underlingTaskScope.value = res.data.underlingTaskScope
-      levelTop.value = levelTop.value.sort((a, b) => a.sortNo - b.sortNo)
-      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
+
+  //转移任务
+  const UserVisible = ref(false)
+  const UserList = ref([]) as any
+  const UserId = ref([])
+  const userLoad = ref(false)
+
+  function UserhandleOk() {
+    if (UserId.value.length === 0) {
+      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,
+          })
         }
       })
-      reload()
     })
-    .catch((err) => {
-      levelLoading.value = false
-      levelreLoading.value = false
+    const select = getSelectRows()
+    let queryStr = ''
+    select.forEach((item, index) => {
+      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
     })
-}
-function selectNextLevel(list, key) {
-  const arr = [] as any
-  list.map((item, index) => {
-    if (item.topKey === key) {
-      arr.push(item)
+  }
+  const taskCustomRef = ref()
+  function openCustom() {
+    customFlag.value = true
+    setTimeout(() => {
+      taskCustomRef.value.init()
+    }, 50)
+  }
+  function openUser() {
+    const select = getSelectRows()
+    const pkIdArr = select.map((item, index) => {
+      return item.id
+    })
+    if (pkIdArr.length === 0) {
+      createMessage.error('请选择数据')
+      return false
     }
-  })
-  return arr
-}
-
-//转移任务
-const UserVisible = ref(false)
-const UserList = ref([]) as any
-const UserId = ref([])
-const userLoad = ref(false)
-
-function UserhandleOk() {
-  if (UserId.value.length === 0) {
-    createMessage.error('请选择转移人')
-    return false
+    GetUserListAll({ queryKey: '' }).then((res) => {
+      UserList.value = res.data
+    })
+    UserId.value = []
+    UserVisible.value = true
+  }
+
+  function filterOption(input, option) {
+    return option.label.toLowerCase().indexOf(input.toLowerCase()) >= 0
   }
-  const arr = [] as any
-  UserList.value.forEach((item) => {
-    UserId.value.forEach((ite) => {
-      if (item.value == ite) {
-        arr.push({
-          recvUserId: item.value,
-          recvUserName: item.label,
+  // 点击顶层切换
+  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
+    })
+    const arr = [] as any
+    columsAll.value.forEach((item) => {
+      if (item.taskTypeCode === 'BASIC') {
+        JSON.parse(item.content).forEach((item) => {
+          if (item.checked) {
+            arr.push(item)
+          }
         })
       }
     })
-  })
-  const select = getSelectRows()
-  let queryStr = ''
-  select.forEach((item, index) => {
-    if (index === 0) {
-      queryStr += 'taskIds=' + item.id
+    if (arr.length == 0) {
+      setColumns(columns)
     } else {
-      queryStr += '&taskIds=' + item.id
+      setColumns(arr)
     }
-  })
-  userLoad.value = true
-  SetTaskOwner(arr, queryStr).then((res) => {
-    if (res.succeeded) {
-      createMessage.success(res.message)
-      UserVisible.value = false
+    reload()
+  }
+
+  // 点击二层切换
+  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
+    })
+    const arr = [] as any
+    columsAll.value.forEach((item) => {
+      if (item.taskTypeCode === 'BASIC') {
+        JSON.parse(item.content).forEach((item) => {
+          if (item.checked) {
+            arr.push(item)
+          }
+        })
+      }
+    })
+    if (arr.length == 0) {
+      setColumns(columns)
     } else {
-      createMessage.error(res.message)
+      setColumns(arr)
     }
-    userLoad.value = false
-  })
-}
-const taskCustomRef = ref()
-function openCustom() {
-  customFlag.value = true
-  setTimeout(() => {
-    taskCustomRef.value.init()
-  }, 50)
-}
-function openUser() {
-  const select = getSelectRows()
-  const pkIdArr = select.map((item, index) => {
-    return item.id
-  })
-  if (pkIdArr.length === 0) {
-    createMessage.error('请选择数据')
-    return false
+    reload()
   }
-  GetUserListAll({ queryKey: '' }).then((res) => {
-    UserList.value = res.data
-  })
-  UserId.value = []
-  UserVisible.value = true
-}
-
-function filterOption(input, option) {
-  return option.label.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
-  })
-  const arr = [] as any
-  columsAll.value.forEach((item) => {
-    if (item.taskTypeCode === 'BASIC') {
-      JSON.parse(item.content).forEach((item) => {
-        if (item.checked) {
-          arr.push(item)
-        }
+  function selectTreeLevel(list, key, topKey) {
+    const arr = [] as any
+    list.map((item, index) => {
+      if (item.nextKey === key && item.topKey === topKey) {
+        arr.push(item)
+      }
+    })
+    return arr
+  }
+
+  const columns = [
+    { dataIndex: 'tasK_TYPE_NAME', width: 100, title: '任务类型' },
+    { dataIndex: 'tasK_TITLE', width: 200, title: '任务标题' },
+    { dataIndex: 'createTime', width: 180, title: '接收时间' },
+    { dataIndex: 'needArriveTime', width: 150, title: '要求送达时间' },
+    { dataIndex: 'trucK_NAME', width: 100, title: '车队' },
+    { dataIndex: 'customeR_NAME', width: 100, title: '委托单位' },
+    { dataIndex: 'mbL_NO', width: 120, title: '提单号' },
+    { dataIndex: 'tasK_REQ_USERNAME', width: 100, title: '发起人' },
+    { dataIndex: 'contA_INFO', width: 100, title: '箱型箱量' },
+    { dataIndex: 'yarD_NAME', width: 100, title: '场站' },
+    { dataIndex: 'etd', width: 180, title: '开船日期' },
+    { dataIndex: 'statuS_NAME', width: 100, title: '任务状态' },
+    { dataIndex: 'tasK_USER_STATUS_NAME', width: 120, title: '任务个人状态' },
+    { dataIndex: 'vesseL_VOYNO', width: 180, title: '船名/航次' },
+    { dataIndex: 'carrieR_CODE', width: 100, title: '船公司' },
+    { dataIndex: 'tasK_NO', width: 150, title: '任务流水号' },
+    { 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({
+    api: async (p) => {
+      const res: API.DataResult = await GetPageAsync(p)
+      console.log(res)
+      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,
+        })
       })
-    }
-  })
-  if (arr.length == 0) {
-    setColumns(columns)
-  } else {
-    setColumns(arr)
-  }
-  reload()
-}
-
-// 点击二层切换
-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
-  })
-  const arr = [] as any
-  columsAll.value.forEach((item) => {
-    if (item.taskTypeCode === 'BASIC') {
-      JSON.parse(item.content).forEach((item) => {
-        if (item.checked) {
-          arr.push(item)
+    },
+    beforeFetch: (p) => {
+      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 (arr.length == 0) {
-    setColumns(columns)
-  } else {
-    setColumns(arr)
-  }
-  reload()
-}
-function selectTreeLevel(list, key, topKey) {
-  const arr = [] as any
-  list.map((item, index) => {
-    if (item.nextKey === key && item.topKey === topKey) {
-      arr.push(item)
-    }
-  })
-  return arr
-}
-
-const columns = [
-  { dataIndex: 'tasK_TYPE_NAME', width: 100, title: '任务类型' },
-  { dataIndex: 'tasK_TITLE', width: 200, title: '任务标题' },
-  { dataIndex: 'createTime', width: 180, title: '接收时间' },
-  { dataIndex: 'needArriveTime', width: 150, title: '要求送达时间' },
-  { dataIndex: 'trucK_NAME', width: 100, title: '车队' },
-  { dataIndex: 'customeR_NAME', width: 100, title: '委托单位' },
-  { dataIndex: 'mbL_NO', width: 120, title: '提单号' },
-  { dataIndex: 'tasK_REQ_USERNAME', width: 100, title: '发起人' },
-  { dataIndex: 'contA_INFO', width: 100, title: '箱型箱量' },
-  { dataIndex: 'yarD_NAME', width: 100, title: '场站' },
-  { dataIndex: 'etd', width: 180, title: '开船日期' },
-  { dataIndex: 'statuS_NAME', width: 100, title: '任务状态' },
-  { dataIndex: 'tasK_USER_STATUS_NAME', width: 120, title: '任务个人状态' },
-  { dataIndex: 'vesseL_VOYNO', width: 180, title: '船名/航次' },
-  { dataIndex: 'carrieR_CODE', width: 100, title: '船公司' },
-  { dataIndex: 'tasK_NO', width: 150, title: '任务流水号' },
-  { 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({
-  api: async (p) => {
-    const res: API.DataResult = await GetPageAsync(p)
-    console.log(res)
-    return new Promise((resolve) => {
-      res.data.forEach((item) => {
-        if (item.recvUserList) {
-          item.recvUserListName = item.recvUserList.map((ite) => ite.recvUserName).join(' / ')
+        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
         }
-      })
-      resolve({
-        data: res.data,
-        total: res.count,
-      })
-    })
-  },
-  beforeFetch: (p) => {
-    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
+      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 === 'taskSource') {
-        queryData[i].ConditionalType = 0
+      data.queryCondition = JSON.stringify(queryData)
+      data.otherQueryCondition = {}
+      if (activeTopKey.value) {
+        data.otherQueryCondition.taskCategory = activeTopKey.value
       }
-      if (queryData[i].FieldName === 'customerId') {
-        queryData[i].ConditionalType = 0
+      if (underlingTaskScope.value) {
+        data.otherQueryCondition.underlingTaskScope = underlingTaskScope.value
       }
-      if (queryData[i].FieldName === 'operatorId') {
-        queryData[i].ConditionalType = 0
+      if (activeNextKey.value) {
+        data.otherQueryCondition.status = activeNextKey.value
       }
-      if (queryData[i].FieldName === 'saleId') {
-        queryData[i].ConditionalType = 0
+      if (taskType.value) {
+        data.otherQueryCondition.taskType = taskType.value
       }
-      if (queryData[i].FieldName === 'customerService') {
-        queryData[i].ConditionalType = 0
+      if (bussObj) {
+        data.otherQueryCondition.businessNo = bussObj
       }
-    }
-    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 (str1) {
+        data.otherQueryCondition.portloaD_CODE = str1
       }
-    }
-    data.queryCondition = JSON.stringify(queryData)
-    data.otherQueryCondition = {}
-    if (activeTopKey.value) {
-      data.otherQueryCondition.taskCategory = activeTopKey.value
-    }
-    if (underlingTaskScope.value) {
-      data.otherQueryCondition.underlingTaskScope = underlingTaskScope.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,
-  },
-  isTreeTable: false,
-  pagination: true,
-  striped: true,
-  useSearchForm: true,
-  bordered: true,
-  showIndexColumn: true,
-  indexColumnProps: {
-    width: 60,
-  },
-  canResize: true,
-  resizeHeightOffset: 35,
-  actionColumn: {
-    width: 80,
-    title: '操作',
-    dataIndex: 'action',
-    fixed: 'right',
-  },
-})
-function handleSearch(val) {
-  GetUserListAll({ queryKey: val }).then((res) => {
-    UserList.value = res.data
+      if (str2) {
+        data.otherQueryCondition.portdischargE_CODE = str2
+      }
+      return data
+    },
+    immediate: false,
+    columns,
+    formConfig: {
+      labelWidth: 120,
+      schemas: searchFormSchema,
+      submitFunc: handleNext,
+      resetFunc: handleResetFunc,
+    },
+    isTreeTable: false,
+    pagination: true,
+    striped: true,
+    useSearchForm: true,
+    bordered: true,
+    showIndexColumn: true,
+    indexColumnProps: {
+      width: 60,
+    },
+    canResize: true,
+    resizeHeightOffset: 35,
+    actionColumn: {
+      width: 80,
+      title: '操作',
+      dataIndex: 'action',
+      fixed: 'right',
+    },
   })
-  console.log(val)
-}
-function handleNext() {
-  activeNextKey.value = ''
-  getCurrentTotalStat('search')
-}
-function handledbclick(row) {
-  handleEdit(row)
-}
-function handleResetFunc() {
-}
-function handleEdit(data) {
-  // 当前用户id
-  const userid = userStore.getUserInfo.userId
-  let statusFlag = false
-  if (data?.recvUserList && data.recvUserList.length) {
-    data.recvUserList.forEach((item) => {
-      if (item.recvUserId == userid) statusFlag = true
+  function handleSearch(val) {
+    GetUserListAll({ queryKey: val }).then((res) => {
+      UserList.value = res.data
     })
+    console.log(val)
   }
-  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 'INFO_CLIENT_AUDIT':
-      // 客户/供应商审核
-      go({
-        path: '/approval-infoclient',
-        query: {
-          id: data.ouT_BS_NO,
-          source: data.tasK_USER_STATUS,
-          taskId: data.id,
-          status: data.tasK_TYPE,
-        },
+  function handleNext() {
+    activeNextKey.value = ''
+    getCurrentTotalStat('search')
+  }
+  function handledbclick(row) {
+    handleEdit(row)
+  }
+  function handleResetFunc() {}
+  function handleEdit(data) {
+    console.log(data)
+    // 当前用户id
+    const userid = userStore.getUserInfo.userId
+    let statusFlag = false
+    if (data?.recvUserList && data.recvUserList.length) {
+      data.recvUserList.forEach((item) => {
+        if (item.recvUserId == userid) statusFlag = true
       })
-      break
-    case 'CLIENT_STAKEHOLDER_AUDIT':
-      // ouT_BS_NO
-      ApiGet({ id: data.ouT_BS_NO }).then((res) => {
-        // 客户干系人审核
+    }
+    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 'INFO_CLIENT_AUDIT':
+        // 客户/供应商审核
         go({
           path: '/approval-infoclient',
           query: {
-            id: res.data.clientId,
+            id: data.ouT_BS_NO,
             source: data.tasK_USER_STATUS,
-            taskId: data.ouT_BS_NO,
+            taskId: data.id,
             status: data.tasK_TYPE,
           },
         })
-      })
+        break
+      case 'CLIENT_STAKEHOLDER_AUDIT':
+        // ouT_BS_NO
+        ApiGet({ id: data.ouT_BS_NO }).then((res) => {
+          // 客户干系人审核
+          go({
+            path: '/approval-infoclient',
+            query: {
+              id: res.data.clientId,
+              source: data.tasK_USER_STATUS,
+              taskId: data.ouT_BS_NO,
+              status: data.tasK_TYPE,
+            },
+          })
+        })
 
-      break
-    case 'FEE_AUDIT':
-      // 费用审批
-      go({
-        path: '/approve-fee',
-        query: {
-          id: data.ouT_BS_NO,
-          btype: 1
-        }
-      })
-      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':
-    case 'ORDER_AUDIT_REJECTED':
-    case 'RETURN_CABIN_AUDIT':
-    case 'WAIT_SI_REJECTED':
-    case 'RETURN_CABIN':
-    case 'RETURN_CABIN_POOL':
-      // 跳转到订舱详情查看页面
-      go({
-        path: '/taskmanage/booking-approval',
-        query: {
-          id: data.ouT_BS_NO,
-          source: data.tasK_USER_STATUS,
-          taskId: data.id,
-          status: statusFlag ? data.tasK_TYPE : 'n',
-          tabName: data.tasK_TYPE_NAME,
-        },
-      })
-      break
-    default:
-      break
-  }
-}
-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,
-  }
-  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)
-              }
-            })
-          }
+        break
+      case 'FEE_AUDIT':
+        // 费用审批
+        go({
+          path: '/approve-fee',
+          query: {
+            id: data.ouT_BS_NO,
+            btype: 1,
+          },
         })
-        setColumns(arr)
-      }
+        break
+      case 'WAIT_ORDER_AUDIT':
+      case 'WAIT_BOOKING':
+      case 'WAIT_BC':
+      case 'WAIT_SPACE_RELEASE':
+      case 'WAIT_CANGDAN':
+      case 'WAIT_BILL_CONFIRM':
+        console.log(data)
+
+        // 提单确认
+        go({
+          path: '/commontaskmanage/BLConfirmation',
+          query: {
+            id: data.ouT_BS_NO,
+            // btype: 1,
+          },
+        })
+        break
+      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':
+      case 'ORDER_AUDIT_REJECTED':
+      case 'RETURN_CABIN_AUDIT':
+      case 'WAIT_SI_REJECTED':
+      case 'RETURN_CABIN':
+      case 'RETURN_CABIN_POOL':
+        // 跳转到订舱详情查看页面
+        go({
+          path: '/taskmanage/booking-approval',
+          query: {
+            id: data.ouT_BS_NO,
+            source: data.tasK_USER_STATUS,
+            taskId: data.id,
+            status: statusFlag ? data.tasK_TYPE : 'n',
+            tabName: data.tasK_TYPE_NAME,
+          },
+        })
+        break
+      default:
+        break
     }
-  })
-}
-const bcFileFlag = ref(false)
-const bcFile = ref({}) as any
-// 取消
-function removeFun() {
-  const select = getSelectRows()
-  const pkIdArr = select.map((item, index) => {
-    return item.id
-  })
-  if (pkIdArr.length === 0) {
-    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)
+  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,
     }
-  })
-}
-// 完成
-function submitFun() {
-  const select = getSelectRows()
-  const pkIdArr = select.map((item, index) => {
-    return item.id
-  })
-  if (pkIdArr.length === 0) {
-    createMessage.error('请选择数据')
-    return 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)
+        }
+      }
+    })
   }
-  CompleteTask(pkIdArr)
-    .then((res) => {
+  const bcFileFlag = ref(false)
+  const bcFile = ref({}) as any
+  // 取消
+  function removeFun() {
+    const select = getSelectRows()
+    const pkIdArr = select.map((item, index) => {
+      return item.id
+    })
+    if (pkIdArr.length === 0) {
+      createMessage.error('请选择数据')
+      return false
+    }
+    CancelTask(pkIdArr).then((res) => {
       if (res.succeeded) {
-        createMessage.success('已完成任务')
+        createMessage.success('取消任务成功')
         bcFileFlag.value = true
         bcFile.value = res.data
         reload()
@@ -1161,741 +1298,765 @@ function submitFun() {
         createMessage.error(res.message)
       }
     })
-    .catch((err) => {
-      console.log(err)
-    })
-}
-function handlePull() {
-  const select = getSelectRows()
-  const pkIdArr = select.map((item, index) => {
-    return item.id
-  })
-  if (pkIdArr.length === 0) {
-    createMessage.error('请选择数据')
-    return false
   }
-  PullTask(pkIdArr)
-    .then((res) => {
-      if (res.succeeded) {
-        createMessage.success('操作成功')
-        reload()
-      } else {
-        createMessage.error(res.message)
-      }
+  // 完成
+  function submitFun() {
+    const select = getSelectRows()
+    const pkIdArr = select.map((item, index) => {
+      return item.id
     })
-    .catch((err) => {
-      console.log(err)
+    if (pkIdArr.length === 0) {
+      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 handlePull() {
+    const select = getSelectRows()
+    const pkIdArr = select.map((item, index) => {
+      return item.id
     })
-}
-// 批量下载
-function downloadFun() {
-  const select = getSelectRows()
-  const pkIdArr = select.map((item, index) => {
-    return item.id
-  })
-  console.log('当前选中', pkIdArr)
-  if (pkIdArr.length === 0) {
-    createMessage.error('请选择数据')
-    return false
+    if (pkIdArr.length === 0) {
+      createMessage.error('请选择数据')
+      return false
+    }
+    PullTask(pkIdArr)
+      .then((res) => {
+        if (res.succeeded) {
+          createMessage.success('操作成功')
+          reload()
+        } else {
+          createMessage.error(res.message)
+        }
+      })
+      .catch((err) => {
+        console.log(err)
+      })
   }
-  pkIdArr.map((item) => {
-    const name = select[pkIdArr.indexOf(item)].taskTitle
-    this.downloadTaskAttach(item, name)
-  })
-}
-function downloadTaskAttach(id, name) {
-  DownloadTaskAttach({
-    taskPKId: id,
-  })
-    .then((res) => {
-      if (res.message) {
-        // this.showdownLoadErr = true
-        this.downLoadErrTip = `${name}下载失败：${res.message}`
-
-        message.error(`${name}下载失败：${res.message}`, 0)
-        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 = name
-      document.body.appendChild(link)
-      link.click()
-      URL.revokeObjectURL(link.href) // 释放URL对象
-      document.body.removeChild(link)
+  // 批量下载
+  function downloadFun() {
+    const select = getSelectRows()
+    const pkIdArr = select.map((item, index) => {
+      return item.id
     })
-    .catch((err) => {
-      console.log(err)
+    console.log('当前选中', pkIdArr)
+    if (pkIdArr.length === 0) {
+      createMessage.error('请选择数据')
+      return false
+    }
+    pkIdArr.map((item) => {
+      const name = select[pkIdArr.indexOf(item)].taskTitle
+      this.downloadTaskAttach(item, name)
     })
-}
-// 重新比对
-function reComparisonFun() {
-  // 未找到接口
-  const select = getSelectRows()
-  const pkIdArr = select.map((item, index) => {
-    return item.id
-  })
-  if (pkIdArr.length === 0) {
-    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)
-      }
+  function downloadTaskAttach(id, name) {
+    DownloadTaskAttach({
+      taskPKId: id,
+    })
+      .then((res) => {
+        if (res.message) {
+          // this.showdownLoadErr = true
+          this.downLoadErrTip = `${name}下载失败：${res.message}`
+
+          message.error(`${name}下载失败：${res.message}`, 0)
+          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 = name
+        document.body.appendChild(link)
+        link.click()
+        URL.revokeObjectURL(link.href) // 释放URL对象
+        document.body.removeChild(link)
+      })
+      .catch((err) => {
+        console.log(err)
+      })
+  }
+  // 重新比对
+  function reComparisonFun() {
+    // 未找到接口
+    const select = getSelectRows()
+    const pkIdArr = select.map((item, index) => {
+      return item.id
     })
-    .catch((err) => {
-      console.log(err)
+    if (pkIdArr.length === 0) {
+      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() {
+    const text = bcBox.value.innerText
+    var cInput = document.createElement('input')
+    cInput.value = text
+    document.body.appendChild(cInput)
+    cInput.select() // 选取文本框内容
+    document.execCommand('copy')
+    document.body.removeChild(cInput)
+    createMessage.success('复制成功')
+  }
+  // 批量转发
+  function SendEmailFun() {
+    const select = getSelectRows()
+    const pkIdArr = select.map((item, index) => {
+      return item.id
     })
-}
-const bcBox = ref()
-function handleCopy() {
-  const text = bcBox.value.innerText
-  var cInput = document.createElement('input')
-  cInput.value = text
-  document.body.appendChild(cInput)
-  cInput.select() // 选取文本框内容
-  document.execCommand('copy')
-  document.body.removeChild(cInput)
-  createMessage.success('复制成功')
-}
-// 批量转发
-function SendEmailFun() {
-  const select = getSelectRows()
-  const pkIdArr = select.map((item, index) => {
-    return item.id
-  })
-  console.log('当前选中', pkIdArr)
-  if (pkIdArr.length === 0) {
-    createMessage.error('请选择数据')
-    return false
+    console.log('当前选中', pkIdArr)
+    if (pkIdArr.length === 0) {
+      createMessage.error('请选择数据')
+      return false
+    }
+    this.sendEmailPkIds = pkIdArr
+    this.sendEmailVisible = true
   }
-  this.sendEmailPkIds = pkIdArr
-  this.sendEmailVisible = true
-}
 
-// 打印
-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',
-              )
+  // 打印
+  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 {
-              window.open(
-                ` ${process.env.VUE_APP_API_BASE_URL}/BookingOrder/downloadPrint?filename=${res.data}`,
-                '_blank',
-              )
+              // 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',
+                )
+              }
             }
-          }
-        })
+          })
+        } else {
+          createMessage.error(`${res.data.msg}`)
+        }
+        this.confirmLoading = false
+      })
+      .catch(() => {
+        this.confirmLoading = false
+      })
+  }
+  function GetPrintData(cateCode, printType) {
+    const Data = {
+      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 {
-        createMessage.error(`${res.data.msg}`)
+        this.templateType = res.data
+        this.spinning = false
+        this.PrintModalVisible = true
       }
-      this.confirmLoading = false
     })
-    .catch(() => {
-      this.confirmLoading = false
+  }
+  function FnPrint() {
+    const select = getSelectRows()
+    const pkIdArr = select.map((item, index) => {
+      return item.id
     })
-}
-function GetPrintData(cateCode, printType) {
-  const Data = {
-    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
+    if (pkIdArr.length != 1) {
+      createMessage.error('请仅选择一条数据')
+      return false
     }
-  })
-}
-function FnPrint() {
-  const select = getSelectRows()
-  const pkIdArr = select.map((item, index) => {
-    return item.id
-  })
-  if (pkIdArr.length != 1) {
-    createMessage.error('请仅选择一条数据')
-    return false
-  }
-  this.pkIdArr = pkIdArr
-  let printType = ''
-  if (this.PrintType == 4) {
-    printType = 20
-  } else {
-    printType = 10
-  }
-  this.PrintType = '1'
-  this.GetPrintData('truckBill', printType)
-}
-function FnSendCar() {
-  const select = getSelectRows()
-  const pkIdArr = select.map((item, index) => {
-    return item.id
-  })
-  if (pkIdArr.length === 0) {
-    createMessage.error('请选择数据')
-    return false
-  }
-  TaskManageTruckSendDispatchBatchByTask(pkIdArr).then((res) => {
-    if (res.data.succ) {
-      createMessage.success('派车成功')
+    this.pkIdArr = pkIdArr
+    let printType = ''
+    if (this.PrintType == 4) {
+      printType = 20
     } else {
-      createMessage.error(`派车失败,${res.data.msg}`)
+      printType = 10
     }
-  })
-}
-function CancelSendCar() {
-  const select = getSelectRows()
-  const pkIdArr = select.map((item, index) => {
-    return item.id
-  })
-  if (pkIdArr.length === 0) {
-    createMessage.error('请选择数据')
-    return false
+    this.PrintType = '1'
+    this.GetPrintData('truckBill', printType)
   }
-  TaskManageTruckCancelDispatchBatchByTask(pkIdArr).then((res) => {
-    if (res.data.succ) {
-      createMessage.success('取消派车成功')
-    } else {
-      createMessage.error(`取消派车失败,${res.data.msg}`)
+  function FnSendCar() {
+    const select = getSelectRows()
+    const pkIdArr = select.map((item, index) => {
+      return item.id
+    })
+    if (pkIdArr.length === 0) {
+      createMessage.error('请选择数据')
+      return false
     }
-  })
-}
-
-// 页数计算
-function laraPaperCalc() {
-  const select = getSelectRows()
-  const pkIdArr = select.map((item, index) => {
-    return item.id
-  })
-  if (pkIdArr.length === 0) {
-    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
+    TaskManageTruckSendDispatchBatchByTask(pkIdArr).then((res) => {
+      if (res.data.succ) {
+        createMessage.success('派车成功')
       } else {
-        createMessage.error(res.message)
+        createMessage.error(`派车失败,${res.data.msg}`)
       }
     })
-    .catch((err) => {
-      console.log(err)
-    })
-}
-function handlePaperCalcCancel() {
-  this.paperCalcVisible = false
-}
-// COPY打印
-function copyPrintFun() {
-  const select = getSelectRows()
-  const pkIdArr = select.map((item, index) => {
-    return item.id
-  })
-  if (pkIdArr.length === 0) {
-    createMessage.error('请选择数据')
-    return false
   }
-  PrintBatch({
-    PKIds: pkIdArr,
-  })
-    .then((res) => {
-      // 接口暂时报错
-      if (res.message) {
-        const downLoadErrTip = `COPY打印失败：${res.message}`
-        createMessage.error(downLoadErrTip)
-        return false
+  function CancelSendCar() {
+    const select = getSelectRows()
+    const pkIdArr = select.map((item, index) => {
+      return item.id
+    })
+    if (pkIdArr.length === 0) {
+      createMessage.error('请选择数据')
+      return false
+    }
+    TaskManageTruckCancelDispatchBatchByTask(pkIdArr).then((res) => {
+      if (res.data.succ) {
+        createMessage.success('取消派车成功')
+      } else {
+        createMessage.error(`取消派车失败,${res.data.msg}`)
       }
-      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 laraPaperCalc() {
+    const select = getSelectRows()
+    const pkIdArr = select.map((item, index) => {
+      return item.id
     })
-}
-// COPY下载
-function copyDownloadFun() {
-  const select = getSelectRows()
-  const pkIdArr = select.map((item, index) => {
-    return item.id
-  })
-  if (pkIdArr.length === 0) {
-    createMessage.error('请选择数据')
-    return false
+    if (pkIdArr.length === 0) {
+      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)
+      })
   }
-  DownloadAttach({
-    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)
+  function handlePaperCalcCancel() {
+    this.paperCalcVisible = false
+  }
+  // COPY打印
+  function copyPrintFun() {
+    const select = getSelectRows()
+    const pkIdArr = select.map((item, index) => {
+      return item.id
     })
-    .catch((err) => {
-      console.log(err)
+    if (pkIdArr.length === 0) {
+      createMessage.error('请选择数据')
+      return false
+    }
+    PrintBatch({
+      PKIds: pkIdArr,
     })
-}
-// 正本下载
-function printBatchFun() {
-  const select = getSelectRows()
-  const pkIdArr = select.map((item, index) => {
-    return item.id
-  })
-  if (pkIdArr.length === 0) {
-    createMessage.error('请选择数据')
-    return false
+      .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)
+      })
   }
-  DownloadOriginalTask({
-    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)
+  // COPY下载
+  function copyDownloadFun() {
+    const select = getSelectRows()
+    const pkIdArr = select.map((item, index) => {
+      return item.id
     })
-    .catch((err) => {
-      console.log(err)
+    if (pkIdArr.length === 0) {
+      createMessage.error('请选择数据')
+      return false
+    }
+    DownloadAttach({
+      PKIds: pkIdArr,
     })
-}
-// LARA登记
-function laraPaperRegistFun() {
-  const select = getSelectRows()
-  const pkIdArr = select.map((item, index) => {
-    return item.id
-  })
-  if (pkIdArr.length === 0) {
-    createMessage.error('请选择数据')
-    return false
-  }
-  const pkids = pkIdArr.toString()
-  console.log('跳转页面', pkIdArr.toString())
-  this.$go({ name: 'TaskLaraRegist', query: { taskPKId: pkids } })
-}
-// LARA记录
-function laraRecordFun() {
-  this.$go({ name: 'TaskLaraRecord' })
-}
-
-// 点击详细任务类型
-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)
+      .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
+    })
+    if (pkIdArr.length === 0) {
+      createMessage.error('请选择数据')
+      return false
     }
-    if (item.taskTypeCode === 'BASIC') {
-      JSON.parse(item.content).forEach((item) => {
-        if (item.checked) {
-          arr1.push(item)
+    DownloadOriginalTask({
+      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() {
+    const select = getSelectRows()
+    const pkIdArr = select.map((item, index) => {
+      return item.id
+    })
+    if (pkIdArr.length === 0) {
+      createMessage.error('请选择数据')
+      return false
     }
-  })
+    const pkids = pkIdArr.toString()
+    console.log('跳转页面', pkIdArr.toString())
+    this.$go({ name: 'TaskLaraRegist', query: { taskPKId: pkids } })
+  }
+  // LARA记录
+  function laraRecordFun() {
+    this.$go({ name: 'TaskLaraRecord' })
+  }
 
-  if (!row.active) {
-    taskType.value = row.key
-    levelTree.value.map((item, index) => {
-      item.active = false
+  // 点击详细任务类型
+  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)
+          }
+        })
+      }
     })
-    levelTree.value[index].active = true
-    if (arr.length == 0 && arr1.length == 0) {
-      setColumns(columns)
+
+    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)
+      }
     } else {
-      const arr3 = arr1.concat(arr)
-      setColumns(arr3)
+      levelTree.value.map((item, index) => {
+        item.active = false
+      })
+      taskType.value = ''
+      console.log(arr1)
+      setColumns(arr1)
     }
-  } else {
-    levelTree.value.map((item, index) => {
-      item.active = false
-    })
-    taskType.value = ''
-    console.log(arr1)
-    setColumns(arr1)
-  }
 
-  reload()
-}
+    reload()
+  }
 </script>
 <style lang="less" scoped>
-/deep/ .ant-popover-placement-top {
-  width: 330px !important;
-}
-
-/deep/ .ant-tabs-bar {
-  margin-bottom: 0 !important;
-}
-
-/deep/ .ant-table.ant-table-bordered>.ant-table-container {
-  border-left: none !important;
-}
-
-/deep/ .ant-tabs-tab {
-  padding: 8px !important;
-  margin-right: 8px !important;
-}
-
-/deep/ .ant-form-item {
-  display: flex;
-}
-
-/deep/ .ant-radio-button-wrapper-checked {
-  background: white;
-  color: black;
-  border: none;
-  font-weight: 700;
-}
-
-/deep/ .ant-radio-button-wrapper {
-  background: rgba(245, 249, 252, 1);
-  border: none !important;
-}
-
-/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) {
-  background: white;
-  color: black;
-  font-weight: 700;
-}
-
-/deep/ .nav-title .ant-radio-button-wrapper {
-  padding: 0px;
-  flex-grow: 1;
-}
-
-/deep/ .ant-radio-button-wrapper:not(:first-child)::before {
-  width: 0px;
-}
-
-/deep/ .ant-radio-group {
-  width: 100%;
-}
-
-.box-item {
-  cursor: pointer;
-  margin-bottom: 10px;
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-
-  .iconfont {
-    font-size: 14px;
+  /deep/ .ant-popover-placement-top {
+    width: 330px !important;
   }
 
-  &:hover {
-    .box-text {
-      background: rgba(245, 249, 252, 1);
-      color: rgba(37, 122, 250, 1);
-    }
+  /deep/ .ant-tabs-bar {
+    margin-bottom: 0 !important;
+  }
+
+  /deep/ .ant-table.ant-table-bordered > .ant-table-container {
+    border-left: none !important;
+  }
+
+  /deep/ .ant-tabs-tab {
+    padding: 8px !important;
+    margin-right: 8px !important;
+  }
+
+  /deep/ .ant-form-item {
+    display: flex;
+  }
+
+  /deep/ .ant-radio-button-wrapper-checked {
+    background: white;
+    color: black;
+    border: none;
+    font-weight: 700;
+  }
+
+  /deep/ .ant-radio-button-wrapper {
+    background: rgba(245, 249, 252, 1);
+    border: none !important;
   }
 
-  &.active {
-    .box-number {
-      background: rgba(37, 122, 250, 1);
-      color: white;
+  /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) {
+    background: white;
+    color: black;
+    font-weight: 700;
+  }
+
+  /deep/ .nav-title .ant-radio-button-wrapper {
+    padding: 0px;
+    flex-grow: 1;
+  }
+
+  /deep/ .ant-radio-button-wrapper:not(:first-child)::before {
+    width: 0px;
+  }
+
+  /deep/ .ant-radio-group {
+    width: 100%;
+  }
+
+  .box-item {
+    cursor: pointer;
+    margin-bottom: 10px;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+
+    .iconfont {
+      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);
+      }
     }
-  }
 
-  &.active.redColor {
-    .box-number {
-      background: rgba(237, 88, 88, 1);
-      color: white;
+    &.active.redColor {
+      .box-number {
+        background: rgba(237, 88, 88, 1);
+        color: white;
+      }
     }
-  }
 
-  &.redColor {
-    .box-text {
-      color: rgba(237, 88, 88, 1);
+    &.redColor {
+      .box-text {
+        color: rgba(237, 88, 88, 1);
+      }
     }
   }
-}
-
-.box-number {
-  border-radius: 2px;
-  background: rgba(245, 249, 252, 1);
-  text-align: center;
-  margin-right: 7px;
-  display: inline-block;
-  width: 45px;
-  font-size: 14px;
-  color: rgba(37, 122, 250, 1);
-}
-
-.box-text {
-  padding: 4px 7px;
-  font-size: 14px;
-  font-weight: 400;
-  line-height: 14px;
-  flex: 1;
-  margin-right: 10px;
-}
-
-.bottom-box {
-  border: 1px solid rgba(232, 235, 237, 1);
-}
-
-.nav-title {
-  width: 100%;
-
-  .icon {
-    float: right;
-  }
-}
-
-.main {
-  display: flex;
-}
-
-.table-page-search-submitButtons {
-  width: 100%;
-  display: block;
-  text-align: right;
-}
-
-.nav-bottom {
-  width: 100%;
-  margin-bottom: 14px;
-
-  .icon {
-    font-size: 12px;
+
+  .box-number {
+    border-radius: 2px;
+    background: rgba(245, 249, 252, 1);
+    text-align: center;
+    margin-right: 7px;
+    display: inline-block;
+    width: 45px;
+    font-size: 14px;
+    color: rgba(37, 122, 250, 1);
   }
-}
 
-.list-btn {
-  margin-right: 10px;
+  .box-text {
+    padding: 4px 7px;
+    font-size: 14px;
+    font-weight: 400;
+    line-height: 14px;
+    flex: 1;
+    margin-right: 10px;
+  }
 
-  .iconfont {
-    margin-right: 8px;
+  .bottom-box {
+    border: 1px solid rgba(232, 235, 237, 1);
   }
-}
 
-.task-tit {
-  color: @primary-color;
-  cursor: pointer;
-}
+  .nav-title {
+    width: 100%;
 
-.nav-loading {
-  width: 100%;
-  height: 100px;
-  line-height: 100px;
-  text-align: center;
+    .icon {
+      float: right;
+    }
+  }
 
-  .tip {
-    margin-left: 10px;
+  .main {
+    display: flex;
   }
-}
 
-.operate-btn {
-  width: 30px;
-  text-align: center;
-  display: inline-block;
+  .table-page-search-submitButtons {
+    width: 100%;
+    display: block;
+    text-align: right;
+  }
 
-  &:nth-of-type(1) {
-    color: @primary-color;
+  .nav-bottom {
+    width: 100%;
+    margin-bottom: 14px;
+
+    .icon {
+      font-size: 12px;
+    }
   }
-}
 
-.icon-tip {
-  font-size: 12px;
-  color: @primary-color;
-}
+  .list-btn {
+    margin-right: 10px;
 
-.nav-title {
-  .ant-radio-button-wrapper {
-    padding: 0 4px;
-    text-align: center;
+    .iconfont {
+      margin-right: 8px;
+    }
   }
-}
 
-.nav-top {
-  width: 100%;
-  height: 100%;
+  .task-tit {
+    color: @primary-color;
+    cursor: pointer;
+  }
 
-  .nav-top-tip {
-    font-size: 12px;
+  .nav-loading {
+    width: 100%;
+    height: 100px;
+    line-height: 100px;
     text-align: center;
-    line-height: 20px;
-    margin-left: 4px;
-  }
-}
-
-.nav-box {
-  padding: 5px 14px;
-  background: #fff;
-  border-radius: 2px;
-  width: 20%;
-  flex-shrink: 0;
-  margin-top: 4px;
-}
-
-.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;
+
+    .tip {
+      margin-left: 10px;
+    }
   }
 
-  span {
-    display: block;
-    line-height: 24px;
-    color: #999;
+  .operate-btn {
+    width: 30px;
+    text-align: center;
+    display: inline-block;
+
+    &:nth-of-type(1) {
+      color: @primary-color;
+    }
   }
-}
 
-.tab-btn {
-  cursor: pointer;
-}
+  .icon-tip {
+    font-size: 12px;
+    color: @primary-color;
+  }
 
-.PrintMain {
-  display: flex;
-  flex-wrap: wrap;
+  .nav-title {
+    .ant-radio-button-wrapper {
+      padding: 0 4px;
+      text-align: center;
+    }
+  }
 
-  .PrintTitle {
+  .nav-top {
     width: 100%;
-    display: flex;
-    padding: 20px;
-    box-sizing: border-box;
-    background: #f7f8fe;
-    border: 1px dashed #cdcdcd;
+    height: 100%;
 
-    p {
-      margin: 0;
+    .nav-top-tip {
+      font-size: 12px;
+      text-align: center;
+      line-height: 20px;
+      margin-left: 4px;
+    }
+  }
 
-      &:nth-child(2) {
-        margin-left: 35px;
-      }
+  .nav-box {
+    padding: 5px 14px;
+    background: #fff;
+    border-radius: 2px;
+    width: 20%;
+    flex-shrink: 0;
+    margin-top: 4px;
+  }
 
-      span {
-        color: #ff6646;
-      }
+  .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;
+    }
+
+    span {
+      display: block;
+      line-height: 24px;
+      color: #999;
     }
   }
 
-  .PrintMainBox {
-    width: 100%;
-    max-height: 50vh;
-    overflow-y: auto;
-    margin-top: 5px;
+  .tab-btn {
+    cursor: pointer;
+  }
 
-    .items {
-      padding-left: 1rem;
-      height: 2.5rem;
-      line-height: 2.5rem;
-      border-bottom: 1px solid #ebebeb;
-      cursor: pointer;
+  .PrintMain {
+    display: flex;
+    flex-wrap: wrap;
 
-      &:hover {
-        color: #2f54eb;
-      }
+    .PrintTitle {
+      width: 100%;
+      display: flex;
+      padding: 20px;
+      box-sizing: border-box;
+      background: #f7f8fe;
+      border: 1px dashed #cdcdcd;
+
+      p {
+        margin: 0;
 
-      span {
-        font-weight: bolder;
-        margin-right: 0.6rem;
+        &:nth-child(2) {
+          margin-left: 35px;
+        }
+
+        span {
+          color: #ff6646;
+        }
       }
     }
-  }
-}
 
-.bcfile-title {
-  border-bottom: 1px dashed black;
-  padding-bottom: 5px;
-  margin-bottom: 10px;
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-}
+    .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;
+        }
 
-.bc-box {
-  max-height: 200px;
-  overflow-y: auto;
-  padding-right: 14px;
+        span {
+          font-weight: bolder;
+          margin-right: 0.6rem;
+        }
+      }
+    }
+  }
 
-  .bc-item {
-    margin: 7px 0px;
+  .bcfile-title {
+    border-bottom: 1px dashed black;
+    padding-bottom: 5px;
+    margin-bottom: 10px;
     display: flex;
+    align-items: center;
     justify-content: space-between;
   }
-}
+
+  .bc-box {
+    max-height: 200px;
+    overflow-y: auto;
+    padding-right: 14px;
+
+    .bc-item {
+      margin: 7px 0px;
+      display: flex;
+      justify-content: space-between;
+    }
+  }
 </style>
diff --git a/src/views/taskmanage/taskList/BLConfirmation.vue b/src/views/taskmanage/taskList/BLConfirmation.vue
new file mode 100644
index 00000000..6e631499
--- /dev/null
+++ b/src/views/taskmanage/taskList/BLConfirmation.vue
@@ -0,0 +1,75 @@
+<template>
+  <div class="Main">
+    <a-row class="top">
+      <a-col :span="5">
+        <div v-for="item in 5" :key="item">
+          <span>主</span>
+          <p>AGB14654614</p>
+          <span>待确认</span>
+        </div>
+      </a-col>
+      <a-col :span="19">col-8</a-col>
+    </a-row>
+    <div class="bottom">
+      <a-steps :current="1" class="steps">
+        <a-step>
+          <template #title>客户已确认</template>
+          <!-- <template #description>
+            <span>This is a description.</span>
+          </template> -->
+        </a-step>
+        <a-step>
+          <template #title>国外代理确认中</template>
+          <!-- <template #description>
+            <span>This is a description.</span>
+          </template> -->
+        </a-step>
+        <a-step>
+          <template #title>操作确认</template>
+        </a-step>
+        <a-step>
+          <template #title>发起截单</template>
+        </a-step>
+      </a-steps>
+    </div>
+  </div>
+</template>
+<script lang="ts" setup>
+  import { ref, onMounted } from 'vue'
+  import { useRoute } from 'vue-router'
+  import { GetBLConfirmation } from '../api'
+  const route = useRoute()
+  const businessId = ref(route.query.id)
+  onMounted(() => {
+    init()
+  })
+  async function init() {
+    let ApiData = {
+      businessId: businessId.value,
+      businessType: 1,
+    }
+    const res = await GetBLConfirmation(ApiData)
+    if (res.succeeded) {
+      return createMessage.success('申请成功!')
+    }
+  }
+</script>
+<style lang="less" scoped>
+  .Main {
+    height: 100%;
+    display: flex;
+    flex-direction: column;
+    .top {
+      flex: 1;
+    }
+    .bottom {
+      padding: 10px 60px;
+      display: flex;
+      justify-content: end;
+      box-shadow: 0px -3px 6px rgba(214, 214, 214, 1);
+      .steps {
+        width: 800px;
+      }
+    }
+  }
+</style>

From 9c926e62292291d1976849c461b9038f6664d38c Mon Sep 17 00:00:00 2001
From: sunzehua <sunzehua@jchshipping.net>
Date: Wed, 30 Oct 2024 18:18:30 +0800
Subject: [PATCH 2/2] =?UTF-8?q?=E6=89=93=E5=8D=B0=E6=A8=A1=E6=9D=BF?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/system/print/columns.tsx | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/src/views/system/print/columns.tsx b/src/views/system/print/columns.tsx
index 7d0c8ca7..afae4c66 100644
--- a/src/views/system/print/columns.tsx
+++ b/src/views/system/print/columns.tsx
@@ -211,6 +211,12 @@ export const temFormSchema: FormSchema[] = [
       }
     },
   },
+  {
+    field: 'namingRule',
+    label: '打印文件名称',
+    component: 'Input',
+    colProps: { span: 24 },
+  },
   {
     field: 'templateName',
     label: '',