diff --git a/src/components/Table/src/BasicTable.vue b/src/components/Table/src/BasicTable.vue
index e90dba36..9d0208c2 100644
--- a/src/components/Table/src/BasicTable.vue
+++ b/src/components/Table/src/BasicTable.vue
@@ -1,457 +1,456 @@
 <template>
   <div ref="wrapRef" :class="getWrapperClass" class="basic-table-search-form">
-    <BasicForm
-      v-if="getBindValues.useSearchForm"
-      v-show="showSearchForm"
-      ref="formRef"
-      submit-on-reset
-      v-bind="getFormProps"
-      :fetch="fetch"
-      :table-action="tableAction"
-      :autoSubmitOnEnter="true"
-      @register="registerForm"
-      @submit="handleSearchInfoChange"
-      @advanced-change="redoHeight"
-    >
+    <BasicForm v-if="getBindValues.useSearchForm" v-show="showSearchForm" ref="formRef" submit-on-reset
+      v-bind="getFormProps" :fetch="fetch" :table-action="tableAction" :autoSubmitOnEnter="true"
+      @register="registerForm" @submit="handleSearchInfoChange" @advanced-change="redoHeight">
       <template v-for="item in getFormSlotKeys" #[replaceFormSlotKey(item)]="data">
         <slot :name="item" v-bind="data || {}"></slot>
       </template>
     </BasicForm>
+    <div class="table-wrapper" >
+      <slot name="left" class="left" ></slot>
+        <Table class="basic-table"  v-show="getEmptyDataIsShowTable" ref="tableElRef" v-bind="getBindValues" :row-class-name="getRowClassName"
+        @change="handleTableChange" @resize-column="resizeColumn">
+        <template v-for="item in Object.keys($slots)" #[item]="data" :key="item">
+          <slot :name="item" v-bind="data || {}"></slot>
+        </template>
+        <template #headerCell="{ column }">
+          <HeaderCell :column="column" />
+        </template>
+        <!-- 增加对antdv3.x兼容 -->
+        <template #bodyCell="data">
+          <slot name="bodyCell" v-bind="data || {}"></slot>
+        </template>
+        <!--      <template #[`header-${column.dataIndex}`] v-for="(column, index) in columns" :key="index">-->
+        <!--        <HeaderCell :column="column" />-->
+        <!--      </template>-->
+      </Table>
+    </div>
 
-    <Table
-      v-show="getEmptyDataIsShowTable"
-      ref="tableElRef"
-      v-bind="getBindValues"
-      :row-class-name="getRowClassName"
-      @change="handleTableChange"
-      @resize-column="resizeColumn"
-    >
-      <template v-for="item in Object.keys($slots)" #[item]="data" :key="item">
-        <slot :name="item" v-bind="data || {}"></slot>
-      </template>
-      <template #headerCell="{ column }">
-        <HeaderCell :column="column" />
-      </template>
-      <!-- 增加对antdv3.x兼容 -->
-      <template #bodyCell="data">
-        <slot name="bodyCell" v-bind="data || {}"></slot>
-      </template>
-      <!--      <template #[`header-${column.dataIndex}`] v-for="(column, index) in columns" :key="index">-->
-      <!--        <HeaderCell :column="column" />-->
-      <!--      </template>-->
-    </Table>
   </div>
 </template>
 <script lang="ts">
-  import type { BasicTableProps, TableActionType, SizeType, ColumnChangeParam } from './types/table'
-
-  import { defineComponent, ref, computed, unref, toRaw, inject, watchEffect } from 'vue'
-  import { Table } from 'ant-design-vue'
-  import { BasicForm, useForm } from '/@/components/Form/index'
-  import { PageWrapperFixedHeightKey } from '/@/components/Page'
-  import HeaderCell from './components/HeaderCell.vue'
-  import { InnerHandlers } from './types/table'
-
-  import { usePagination } from './hooks/usePagination'
-  import { useColumns } from './hooks/useColumns'
-  import { useDataSource } from './hooks/useDataSource'
-  import { useLoading } from './hooks/useLoading'
-  import { useRowSelection } from './hooks/useRowSelection'
-  import { useTableScroll } from './hooks/useTableScroll'
-  import { useTableScrollTo } from './hooks/useScrollTo'
-  import { useCustomRow } from './hooks/useCustomRow'
-  import { useTableStyle } from './hooks/useTableStyle'
-  import { useTableHeader } from './hooks/useTableHeader'
-  import { useTableExpand } from './hooks/useTableExpand'
-  import { createTableContext } from './hooks/useTableContext'
-  import { useTableFooter } from './hooks/useTableFooter'
-  import { useTableForm } from './hooks/useTableForm'
-  import { useDesign } from '/@/hooks/web/useDesign'
-
-  import { omit } from 'lodash-es'
-  import { basicProps } from './props'
-  import { isFunction } from '/@/utils/is'
-  import { warn } from '/@/utils/log'
-
-  export default defineComponent({
-    name: 'BasicTable',
-    components: {
-      Table,
-      BasicForm,
-      HeaderCell,
-    },
-    props: basicProps,
-    emits: [
-      'fetch-success',
-      'fetch-error',
-      'selection-change',
-      'register',
-      'row-click',
-      'row-dbClick',
-      'row-contextmenu',
-      'row-mouseenter',
-      'row-mouseleave',
-      'edit-end',
-      'edit-cancel',
-      'edit-row-end',
-      'edit-change',
-      'expanded-rows-change',
-      'change',
-      'columns-change',
-    ],
-    setup(props, { attrs, emit, slots, expose }) {
-      const tableElRef = ref(null)
-      const tableData = ref<Recordable[]>([])
-
-      const wrapRef = ref(null)
-      const formRef = ref(null)
-      const innerPropsRef = ref<Partial<BasicTableProps>>()
-
-      const { prefixCls } = useDesign('basic-table')
-      const [registerForm, formActions] = useForm()
-
-      const getProps = computed(() => {
-        return { ...props, ...unref(innerPropsRef) } as BasicTableProps
-      })
-
-      const isFixedHeightPage = inject(PageWrapperFixedHeightKey, false)
-      watchEffect(() => {
-        unref(isFixedHeightPage) &&
-          props.canResize &&
-          warn(
-            "'canResize' of BasicTable may not work in PageWrapper with 'fixedHeight' (especially in hot updates)",
-          )
-      })
-
-      const { getLoading, setLoading } = useLoading(getProps)
-      const {
+import type { BasicTableProps, TableActionType, SizeType, ColumnChangeParam } from './types/table'
+
+import { defineComponent, ref, computed, unref, toRaw, inject, watchEffect } from 'vue'
+import { Table } from 'ant-design-vue'
+import { BasicForm, useForm } from '/@/components/Form/index'
+import { PageWrapperFixedHeightKey } from '/@/components/Page'
+import HeaderCell from './components/HeaderCell.vue'
+import { InnerHandlers } from './types/table'
+
+import { usePagination } from './hooks/usePagination'
+import { useColumns } from './hooks/useColumns'
+import { useDataSource } from './hooks/useDataSource'
+import { useLoading } from './hooks/useLoading'
+import { useRowSelection } from './hooks/useRowSelection'
+import { useTableScroll } from './hooks/useTableScroll'
+import { useTableScrollTo } from './hooks/useScrollTo'
+import { useCustomRow } from './hooks/useCustomRow'
+import { useTableStyle } from './hooks/useTableStyle'
+import { useTableHeader } from './hooks/useTableHeader'
+import { useTableExpand } from './hooks/useTableExpand'
+import { createTableContext } from './hooks/useTableContext'
+import { useTableFooter } from './hooks/useTableFooter'
+import { useTableForm } from './hooks/useTableForm'
+import { useDesign } from '/@/hooks/web/useDesign'
+
+import { omit } from 'lodash-es'
+import { basicProps } from './props'
+import { isFunction } from '/@/utils/is'
+import { warn } from '/@/utils/log'
+
+export default defineComponent({
+  name: 'BasicTable',
+  components: {
+    Table,
+    BasicForm,
+    HeaderCell,
+  },
+  props: basicProps,
+  emits: [
+    'fetch-success',
+    'fetch-error',
+    'selection-change',
+    'register',
+    'row-click',
+    'row-dbClick',
+    'row-contextmenu',
+    'row-mouseenter',
+    'row-mouseleave',
+    'edit-end',
+    'edit-cancel',
+    'edit-row-end',
+    'edit-change',
+    'expanded-rows-change',
+    'change',
+    'columns-change',
+  ],
+  setup(props, { attrs, emit, slots, expose }) {
+    const tableElRef = ref(null)
+    const tableData = ref<Recordable[]>([])
+
+    const wrapRef = ref(null)
+    const formRef = ref(null)
+    const innerPropsRef = ref<Partial<BasicTableProps>>()
+
+    const { prefixCls } = useDesign('basic-table')
+    const [registerForm, formActions] = useForm()
+
+    const getProps = computed(() => {
+      return { ...props, ...unref(innerPropsRef) } as BasicTableProps
+    })
+
+    const isFixedHeightPage = inject(PageWrapperFixedHeightKey, false)
+    watchEffect(() => {
+      unref(isFixedHeightPage) &&
+        props.canResize &&
+        warn(
+          "'canResize' of BasicTable may not work in PageWrapper with 'fixedHeight' (especially in hot updates)",
+        )
+    })
+
+    const { getLoading, setLoading } = useLoading(getProps)
+    const {
+      getPaginationInfo,
+      getPagination,
+      setPagination,
+      setShowPagination,
+      getShowPagination,
+    } = usePagination(getProps)
+
+    const {
+      getRowSelection,
+      getRowSelectionRef,
+      getSelectRows,
+      setSelectedRows,
+      clearSelectedRowKeys,
+      getSelectRowKeys,
+      deleteSelectRowByKey,
+      setSelectedRowKeys,
+    } = useRowSelection(getProps, tableData, emit)
+
+    const {
+      handleTableChange: onTableChange,
+      getDataSourceRef,
+      getDataSource,
+      getRawDataSource,
+      setTableData,
+      updateTableDataRecord,
+      deleteTableDataRecord,
+      insertTableDataRecord,
+      findTableDataRecord,
+      fetch,
+      getRowKey,
+      reload,
+      getAutoCreateKey,
+      updateTableData,
+    } = useDataSource(
+      getProps,
+      {
+        tableData,
         getPaginationInfo,
-        getPagination,
+        setLoading,
         setPagination,
-        setShowPagination,
-        getShowPagination,
-      } = usePagination(getProps)
-
-      const {
-        getRowSelection,
-        getRowSelectionRef,
-        getSelectRows,
-        setSelectedRows,
-        clearSelectedRowKeys,
-        getSelectRowKeys,
-        deleteSelectRowByKey,
-        setSelectedRowKeys,
-      } = useRowSelection(getProps, tableData, emit)
-
-      const {
-        handleTableChange: onTableChange,
-        getDataSourceRef,
-        getDataSource,
-        getRawDataSource,
-        setTableData,
-        updateTableDataRecord,
-        deleteTableDataRecord,
-        insertTableDataRecord,
-        findTableDataRecord,
-        fetch,
-        getRowKey,
-        reload,
-        getAutoCreateKey,
-        updateTableData,
-      } = useDataSource(
-        getProps,
-        {
-          tableData,
-          getPaginationInfo,
-          setLoading,
-          setPagination,
-          getFieldsValue: formActions.getFieldsValue,
-          clearSelectedRowKeys,
-        },
-        emit,
-      )
-
-      function handleTableChange(...args) {
-        onTableChange.call(undefined, ...args)
-        emit('change', ...args)
-        // 解决通过useTable注册onChange时不起作用的问题
-        const { onChange } = unref(getProps)
-        onChange && isFunction(onChange) && onChange.call(undefined, ...args)
-      }
-
-      const {
-        getViewColumns,
-        getColumns,
-        setCacheColumnsByField,
-        setColumns,
-        getColumnsRef,
-        getCacheColumns,
-      } = useColumns(getProps, getPaginationInfo)
-
-      const { getScrollRef, redoHeight } = useTableScroll(
-        getProps,
-        tableElRef,
-        getColumnsRef,
-        getRowSelectionRef,
-        getDataSourceRef,
-        wrapRef,
-        formRef,
-      )
-
-      const { scrollTo } = useTableScrollTo(tableElRef, getDataSourceRef)
-
-      const { customRow } = useCustomRow(getProps, {
-        setSelectedRowKeys,
-        getSelectRowKeys,
+        getFieldsValue: formActions.getFieldsValue,
         clearSelectedRowKeys,
-        getAutoCreateKey,
-        emit,
-      })
+      },
+      emit,
+    )
+
+    function handleTableChange(...args) {
+      onTableChange.call(undefined, ...args)
+      emit('change', ...args)
+      // 解决通过useTable注册onChange时不起作用的问题
+      const { onChange } = unref(getProps)
+      onChange && isFunction(onChange) && onChange.call(undefined, ...args)
+    }
 
-      const { getRowClassName } = useTableStyle(getProps, prefixCls)
+    const {
+      getViewColumns,
+      getColumns,
+      setCacheColumnsByField,
+      setColumns,
+      getColumnsRef,
+      getCacheColumns,
+    } = useColumns(getProps, getPaginationInfo)
+
+    const { getScrollRef, redoHeight } = useTableScroll(
+      getProps,
+      tableElRef,
+      getColumnsRef,
+      getRowSelectionRef,
+      getDataSourceRef,
+      wrapRef,
+      formRef,
+    )
+
+    const { scrollTo } = useTableScrollTo(tableElRef, getDataSourceRef)
+
+    const { customRow } = useCustomRow(getProps, {
+      setSelectedRowKeys,
+      getSelectRowKeys,
+      clearSelectedRowKeys,
+      getAutoCreateKey,
+      emit,
+    })
+
+    const { getRowClassName } = useTableStyle(getProps, prefixCls)
+
+    const { getExpandOption, expandAll, expandRows, collapseAll } = useTableExpand(
+      getProps,
+      tableData,
+      emit,
+    )
+
+    const handlers: InnerHandlers = {
+      onColumnsChange: (data: ColumnChangeParam[]) => {
+        emit('columns-change', data)
+        // support useTable
+        unref(getProps).onColumnsChange?.(data)
+      },
+    }
 
-      const { getExpandOption, expandAll, expandRows, collapseAll } = useTableExpand(
-        getProps,
-        tableData,
-        emit,
-      )
-
-      const handlers: InnerHandlers = {
-        onColumnsChange: (data: ColumnChangeParam[]) => {
-          emit('columns-change', data)
-          // support useTable
-          unref(getProps).onColumnsChange?.(data)
-        },
+    const { getHeaderProps } = useTableHeader(getProps, slots, handlers)
+
+    const { getFooterProps } = useTableFooter(
+      getProps,
+      getScrollRef,
+      tableElRef,
+      getDataSourceRef,
+    )
+
+    const { getFormProps, replaceFormSlotKey, getFormSlotKeys, handleSearchInfoChange } =
+      useTableForm(getProps, slots, fetch, getLoading)
+    const getBindValues = computed(() => {
+      const dataSource = unref(getDataSourceRef)
+      let propsData: Recordable = {
+        ...attrs,
+        customRow,
+        ...unref(getProps),
+        ...unref(getHeaderProps),
+        scroll: unref(getScrollRef),
+        loading: unref(getLoading),
+        tableLayout: 'fixed',
+        rowSelection: unref(getRowSelectionRef),
+        rowKey: unref(getRowKey),
+        columns: toRaw(unref(getViewColumns)),
+        pagination: toRaw(unref(getPaginationInfo)),
+        dataSource,
+        footer: unref(getFooterProps),
+        ...unref(getExpandOption),
       }
+      // if (slots.expandedRowRender) {
+      //   propsData = omit(propsData, 'scroll');
+      // }
+
+      propsData = omit(propsData, ['class', 'onChange'])
+      return propsData
+    })
+
+    const getWrapperClass = computed(() => {
+      const values = unref(getBindValues)
+      return [
+        prefixCls,
+        attrs.class,
+        {
+          [`${prefixCls}-form-container`]: values.useSearchForm,
+          [`${prefixCls}--inset`]: values.inset,
+        },
+      ]
+    })
 
-      const { getHeaderProps } = useTableHeader(getProps, slots, handlers)
-
-      const { getFooterProps } = useTableFooter(
-        getProps,
-        getScrollRef,
-        tableElRef,
-        getDataSourceRef,
-      )
-
-      const { getFormProps, replaceFormSlotKey, getFormSlotKeys, handleSearchInfoChange } =
-        useTableForm(getProps, slots, fetch, getLoading)
-      const getBindValues = computed(() => {
-        const dataSource = unref(getDataSourceRef)
-        let propsData: Recordable = {
-          ...attrs,
-          customRow,
-          ...unref(getProps),
-          ...unref(getHeaderProps),
-          scroll: unref(getScrollRef),
-          loading: unref(getLoading),
-          tableLayout: 'fixed',
-          rowSelection: unref(getRowSelectionRef),
-          rowKey: unref(getRowKey),
-          columns: toRaw(unref(getViewColumns)),
-          pagination: toRaw(unref(getPaginationInfo)),
-          dataSource,
-          footer: unref(getFooterProps),
-          ...unref(getExpandOption),
-        }
-        // if (slots.expandedRowRender) {
-        //   propsData = omit(propsData, 'scroll');
-        // }
-
-        propsData = omit(propsData, ['class', 'onChange'])
-        return propsData
-      })
-
-      const getWrapperClass = computed(() => {
-        const values = unref(getBindValues)
-        return [
-          prefixCls,
-          attrs.class,
-          {
-            [`${prefixCls}-form-container`]: values.useSearchForm,
-            [`${prefixCls}--inset`]: values.inset,
-          },
-        ]
-      })
-
-      const getEmptyDataIsShowTable = computed(() => {
-        const { emptyDataIsShowTable, useSearchForm } = unref(getProps)
-        if (emptyDataIsShowTable || !useSearchForm) {
-          return true
-        }
-        return !!unref(getDataSourceRef).length
-      })
-
-      function setProps(props: Partial<BasicTableProps>) {
-        innerPropsRef.value = { ...unref(innerPropsRef), ...props }
+    const getEmptyDataIsShowTable = computed(() => {
+      const { emptyDataIsShowTable, useSearchForm } = unref(getProps)
+      if (emptyDataIsShowTable || !useSearchForm) {
+        return true
       }
+      return !!unref(getDataSourceRef).length
+    })
 
-      const tableAction: TableActionType = {
-        reload,
-        getSelectRows,
-        setSelectedRows,
-        clearSelectedRowKeys,
-        getSelectRowKeys,
-        deleteSelectRowByKey,
-        setPagination,
-        setTableData,
-        updateTableDataRecord,
-        deleteTableDataRecord,
-        insertTableDataRecord,
-        findTableDataRecord,
-        redoHeight,
-        setSelectedRowKeys,
-        setColumns,
-        setLoading,
-        getDataSource,
-        getRawDataSource,
-        setProps,
-        getRowSelection,
-        getPaginationRef: getPagination,
-        getColumns,
-        getCacheColumns,
-        emit,
-        updateTableData,
-        setShowPagination,
-        getShowPagination,
-        setCacheColumnsByField,
-        expandAll,
-        expandRows,
-        collapseAll,
-        scrollTo,
-        getSize: () => {
-          return unref(getBindValues).size as SizeType
-        },
-      }
-      createTableContext({ ...tableAction, wrapRef, getBindValues })
+    function setProps(props: Partial<BasicTableProps>) {
+      innerPropsRef.value = { ...unref(innerPropsRef), ...props }
+    }
 
-      expose(tableAction)
+    const tableAction: TableActionType = {
+      reload,
+      getSelectRows,
+      setSelectedRows,
+      clearSelectedRowKeys,
+      getSelectRowKeys,
+      deleteSelectRowByKey,
+      setPagination,
+      setTableData,
+      updateTableDataRecord,
+      deleteTableDataRecord,
+      insertTableDataRecord,
+      findTableDataRecord,
+      redoHeight,
+      setSelectedRowKeys,
+      setColumns,
+      setLoading,
+      getDataSource,
+      getRawDataSource,
+      setProps,
+      getRowSelection,
+      getPaginationRef: getPagination,
+      getColumns,
+      getCacheColumns,
+      emit,
+      updateTableData,
+      setShowPagination,
+      getShowPagination,
+      setCacheColumnsByField,
+      expandAll,
+      expandRows,
+      collapseAll,
+      scrollTo,
+      getSize: () => {
+        return unref(getBindValues).size as SizeType
+      },
+    }
+    createTableContext({ ...tableAction, wrapRef, getBindValues })
 
-      emit('register', tableAction, formActions)
-      const resizeColumn = (w, col) => {
-        setCacheColumnsByField(col.dataIndex, { width: w })
-      }
-      return {
-        formRef,
-        tableElRef,
-        getBindValues,
-        getLoading,
-        registerForm,
-        handleSearchInfoChange,
-        getEmptyDataIsShowTable,
-        handleTableChange,
-        getRowClassName,
-        wrapRef,
-        tableAction,
-        redoHeight,
-        fetch,
-        getFormProps: getFormProps as any,
-        replaceFormSlotKey,
-        getFormSlotKeys,
-        getWrapperClass,
-        columns: getViewColumns,
-        resizeColumn
-      }
-    },
-  })
+    expose(tableAction)
+
+    emit('register', tableAction, formActions)
+    const resizeColumn = (w, col) => {
+      setCacheColumnsByField(col.dataIndex, { width: w })
+    }
+    return {
+      formRef,
+      tableElRef,
+      getBindValues,
+      getLoading,
+      registerForm,
+      handleSearchInfoChange,
+      getEmptyDataIsShowTable,
+      handleTableChange,
+      getRowClassName,
+      wrapRef,
+      tableAction,
+      redoHeight,
+      fetch,
+      getFormProps: getFormProps as any,
+      replaceFormSlotKey,
+      getFormSlotKeys,
+      getWrapperClass,
+      columns: getViewColumns,
+      resizeColumn
+    }
+  },
+})
 </script>
 <style lang="less">
-  @border-color: #cecece4d;
+@border-color: #cecece4d;
 
-  @prefix-cls: ~'@{namespace}-basic-table';
+@prefix-cls: ~'@{namespace}-basic-table';
 
-  [data-theme='dark'] {
-    .ant-table-tbody > tr:hover.ant-table-row-selected > td,
-    .ant-table-tbody > tr.ant-table-row-selected td {
-      background-color: #262626;
-    }
+[data-theme='dark'] {
+
+  .ant-table-tbody>tr:hover.ant-table-row-selected>td,
+  .ant-table-tbody>tr.ant-table-row-selected td {
+    background-color: #262626;
   }
+}
 
-  .@{prefix-cls} {
-    max-width: 100%;
-    height: 100%;
+.@{prefix-cls} {
+  max-width: 100%;
+  height: 100%;
 
-    &-row__striped {
-      td {
-        background-color: @app-content-background;
-      }
+  &-row__striped {
+    td {
+      background-color: @app-content-background;
     }
+  }
 
-    &-form-container {
-      padding: 0;
+  &-form-container {
+    padding: 0;
 
-      .ant-form {
-        width: 100%;
-        padding: 10px 8px 10px;
-        background-color: #F5F9FC;
-      }
+    .ant-form {
+      width: 100%;
+      padding: 10px 8px 10px;
+      background-color: #F5F9FC;
     }
+  }
 
-    .ant-tag {
-      margin-right: 0;
-    }
+  .ant-tag {
+    margin-right: 0;
+  }
 
-    .ant-table-wrapper {
-      padding: 6px;
-      background-color: @component-background;
-      border-radius: 2px;
-      .ant-table.ant-table-bordered .ant-table-title {
-        border: none !important;
-      }
+  .ant-table-wrapper {
+    padding: 6px;
+    background-color: @component-background;
+    border-radius: 2px;
+
+    .ant-table.ant-table-bordered .ant-table-title {
+      border: none !important;
     }
+  }
 
-    .ant-table {
-      width: 100%;
-      overflow-x: hidden;
-
-      &-title {
-        display: flex;
-        padding: 8px 6px;
-        border-bottom: none;
-        justify-content: space-between;
-        align-items: center;
-      }
+  .ant-table {
+    width: 100%;
+    overflow-x: hidden;
 
-      //.ant-table-tbody > tr.ant-table-row-selected td {
-      //background-color: fade(@primary-color, 8%) !important;
-      //}
+    &-title {
+      display: flex;
+      padding: 8px 6px;
+      border-bottom: none;
+      justify-content: space-between;
+      align-items: center;
     }
 
-    .ant-table-footer {
-      padding: 0;
+    //.ant-table-tbody > tr.ant-table-row-selected td {
+    //background-color: fade(@primary-color, 8%) !important;
+    //}
+  }
 
-      .ant-table-wrapper {
-        padding: 0;
-      }
+  .ant-table-footer {
+    padding: 0;
 
-      table {
-        border: none !important;
-      }
+    .ant-table-wrapper {
+      padding: 0;
+    }
 
-      .ant-table-body {
-        overflow-x: hidden !important;
-        //  overflow-y: scroll !important;
-      }
+    table {
+      border: none !important;
+    }
 
-      td {
-        padding: 12px 6px!important;
-      }
+    .ant-table-body {
+      overflow-x: hidden !important;
+      //  overflow-y: scroll !important;
     }
 
-    &--inset {
-      .ant-table-wrapper {
-        padding: 0;
-      }
+    td {
+      padding: 12px 6px !important;
     }
   }
-  // .basic-table-search-form {
-  //   .ant-form-item-no-colon {
-  //     color: @main-color;
-  //   }
-  // }
-  // .ant-table-small {
-  //   font-size: 12px !important;
-  //   .ant-table-cell {
-  //     padding: 9px 15px !important;
-  //   }
-  // }
+
+  &--inset {
+    .ant-table-wrapper {
+      padding: 0;
+    }
+  }
+}
+
+// .basic-table-search-form {
+//   .ant-form-item-no-colon {
+//     color: @main-color;
+//   }
+// }
+// .ant-table-small {
+//   font-size: 12px !important;
+//   .ant-table-cell {
+//     padding: 9px 15px !important;
+//   }
+// }
+.table-wrapper{
+  display:flex;
+  .basic-table{
+  flex: 1;
+    min-width: 0;
+}
+
+}
+
 </style>
diff --git a/src/views/taskmanage/index.vue b/src/views/taskmanage/index.vue
index f3d0ebda..c2c7acb5 100644
--- a/src/views/taskmanage/index.vue
+++ b/src/views/taskmanage/index.vue
@@ -1,44 +1,51 @@
 <template>
     <div class="main">
-        <div class="nav-box">
-            <div class="nav-bottom">
-                <a-button type="link" size="small" @click="getCurrentTotalStat"> <i
-                        class="icon-refresh-1-copy iconfont"></i>刷新</a-button>
-            </div>
-            <a-spin :spinning="levelLoading" tip="加载中...">
-                <div class="bottom-box">
-                    <div class="nav-title" v-if="levelTop.length > 0">
-                        <a-radio-group button-style="solid" v-model:value="activeTopKey"
-                            style="margin-bottom: 16px;display: flex" @change="changeTopLevel">
-                            <a-radio-button v-for="(item, index) in levelTop" :value="item.key" :key="index">
-                                <span class="nav-top">{{ item.name }}<span class="nav-top-tip">({{ item.total
-                                        }})</span></span>
-                            </a-radio-button>
-                        </a-radio-group>
-                    </div>
-                    <div class="nav-no-data" v-else><i class="iconfont icon-guanli"></i><span>暂无导航数据</span></div>
-                    <div style="padding: 0 20px;">
-                        <a-tabs tab-position="top" v-model:activeKey="activeNextKey" hide-add size="small"
-                            @change="changeNextLevel" v-if="levelNext.length > 0">
-                            <a-tab-pane v-for="level in levelNext" :key="level.key" :tab="level.name"
-                                style="margin-right: 6px">
-                                <div>
-                                    <div v-for="(item, index) in levelTree" @click="handleClickTree(item, index)"
-                                        :class="{ active: item.active }" class="box-item">
-                                        <span class="box-number">{{ item.total }}</span>
-                                        <span class="box-text" style="font-size: 12px;font-weight: 400">{{ item.name
-                                            }}</span>
-                                    </div>
+        <div style="width: 100%;">
+            <BasicTable class="ds-table" @register="registerTable" @row-dbClick="handledbclick">
+                <template #left>
+                    <div class="nav-box">
+                        <div class="nav-bottom">
+                            <a-button type="link" size="small" @click="getCurrentTotalStat"> <i
+                                    class="icon-refresh-1-copy iconfont"></i>刷新任务单</a-button>
+                        </div>
+                        <a-spin :spinning="levelLoading" tip="加载中...">
+                            <div class="bottom-box">
+                                <div class="nav-title" v-if="levelTop.length > 0">
+                                    <a-radio-group button-style="solid" v-model:value="activeTopKey"
+                                        style="margin-bottom: 16px;display: flex" @change="changeTopLevel">
+                                        <a-radio-button v-for="(item, index) in levelTop" :value="item.key"
+                                            :key="index">
+                                            <span class="nav-top">{{ item.name }}<span class="nav-top-tip">({{
+                                                item.total
+                                                    }})</span></span>
+                                        </a-radio-button>
+                                    </a-radio-group>
+                                </div>
+                                <div class="nav-no-data" v-else><i class="iconfont icon-guanli"></i><span>暂无导航数据</span>
+                                </div>
+                                <div style="padding: 0 20px;">
+                                    <a-tabs tab-position="top" v-model:activeKey="activeNextKey" hide-add size="small"
+                                        @change="changeNextLevel" v-if="levelNext.length > 0">
+                                        <a-tab-pane v-for="level in levelNext" :key="level.key" :tab="level.name"
+                                            style="margin-right: 6px">
+                                            <div>
+                                                <div v-for="(item, index) in levelTree"
+                                                    @click="handleClickTree(item, index)"
+                                                    :class="{ active: item.active }" class="box-item">
+                                                    <span class="box-number">{{ item.total }}</span>
+                                                    <span class="box-text" style="font-size: 12px;font-weight: 400">{{
+                                                        item.name
+                                                        }}</span>
+                                                </div>
+                                            </div>
+                                        </a-tab-pane>
+                                    </a-tabs>
                                 </div>
-                            </a-tab-pane>
-                        </a-tabs>
-                    </div>
 
-                </div>
-            </a-spin>
-        </div>
-        <div style="width: 80%;">
-            <BasicTable class="ds-table" @register="registerTable" @row-dbClick="handledbclick">
+                            </div>
+                        </a-spin>
+                    </div>
+                </template>
                 <template #tableTitle>
                     <a-popconfirm title="是否取消当前选择项？" ok-text="是" cancel-text="否" @confirm="removeFun">
                         <a-button type="link"> <i class="icon-weiwancheng iconfont"></i> 取消</a-button>
@@ -218,7 +225,8 @@
     <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>
@@ -1142,7 +1150,7 @@ function handleClickTree(row, index) {
 
 .nav-bottom {
     width: 100%;
-    margin-bottom: 10px;
+    margin-bottom: 16px;
 
     .icon {
         font-size: 12px;
@@ -1213,6 +1221,7 @@ function handleClickTree(row, index) {
     border-radius: 2px;
     width: 20%;
     flex-shrink: 0;
+    margin-top:4px;
 }
 
 .nav-no-data {