dvr分析

src/components/table/defaultAttribute.ts

@@ -1,14 +1,16 @@
-import { VxeTableProps } from "vxe-table";
+import { VxeTableProps } from 'vxe-table'
 
-export const defaultAttribute:VxeTableProps = {
+export const defaultAttribute: VxeTableProps = {
     align: 'center',
     headerCellClassName: 'table-header-cell',
     border: true,
     stripe: true,
     size: 'small',
     columnConfig: { resizable: true },
-    rowConfig: { isCurrent: true, isHover: true },
+    rowConfig: { isCurrent: true, isHover: true,keyField: 'id' },
     scrollX: { scrollToLeftOnChange: true },
-    scrollY:  { scrollToTopOnChange: true,enabled:true },
-    treeConfig: {}
-}
+    scrollY: { scrollToTopOnChange: true, enabled: true },
+    treeConfig: {
+        reserve: true
+    }
+}

src/components/table/fieldRender/index.vue

@@ -204,6 +204,7 @@ const getTagType = (value: string, custom: any): TagProps['type'] => {
 }
 .table-operate-text {
     padding-left: 5px;
+    font-size: 12px;
 }
 .table-operate {
     padding: 4px 5px;

src/components/table/index.vue

@@ -161,5 +161,8 @@ defineExpose({
     max-width: 100%;
     background-color: var(--ba-bg-color-overlay);
     padding: 13px 15px;
+    border-left: 1px solid #e4e7e9;
+    border-right: 1px solid #e4e7e9;
+    border-bottom: 1px solid #e4e7e9;
 }
 </style>