修改菜单+权限+图表渲染

web/src/components/TreeTable.vue

@@ -8,18 +8,19 @@
       :data-source="tableData"
       :pagination="false"
       :row-class-name="(record, index) => rowClassName(record, index)"
-      row-key="id"
+      row-key="key"
       size="middle"
       :row-selection="rowSelection"
       :indent-size="30"
       :check-strictly="false"
       @resizeColumn="handleResizeColumn"
     >
-      <template #bodyCell="{ column, record }">
+      <template #bodyCell="{ text, record, index, column }">
         <template v-if="column.scopedSlots">
           <slot
-            v-bind="record"
+            v-bind="{record,index}"
             :name="column.scopedSlots ? column.scopedSlots.customRender : ''"
+            
           ></slot>
         </template>
       </template>
@@ -85,6 +86,7 @@ export default {
       realColumns: [],
       realTableData: [],
       selectedRows: {},
+
       defaultTabOpt: {
         page: true,
         align: 'center',
@@ -149,6 +151,8 @@ export default {
     onSelectChange(selectedRowKeys, selectedRows) {
       this.selectedRowKeys = selectedRowKeys
       this.selectedRows = selectedRows[selectedRows.length - 1]
+      this.selectedArr=selectedRows
+      console.log(selectedRowKeys, this.selectedArr ,"selectedRowKeys")
       this.$emit('getSelectedIds', selectedRowKeys)
     },
     onSelect(record, selected) {
@@ -232,6 +236,8 @@ export default {
 </script>
 <style lang="scss" scoped>
 :deep(.ant-table-body) {
+  border-radius: 0px 0px 20px 20px !important;
+
   .ant-table-cell {
     background: var(--theme-bg) !important;
   }
@@ -272,8 +278,9 @@ export default {
   }
 
   :deep(.ant-table) {
-    border-radius:20px 20px 0 0 !important;
+    // border-radius:20px 20px 0 0 !important;
     overflow: hidden; /* 确保圆角生效 */
+
   }
   :deep(.ant-table-wrapper .ant-table.ant-table-bordered >.ant-table-container){
     border-inline-start:none!important;
@@ -516,6 +523,8 @@ export default {
 }
 
 :deep(.ant-table-wrapper .ant-table) {
+   border: 1px solid $table-border;
+
   background-color: transparent !important;
 }
 
@@ -525,4 +534,9 @@ export default {
 :deep(.ant-table-wrapper .ant-table-thead th.ant-table-column-has-sorters:hover) {
   background: var(--table-select) !important;
 }
+
+:deep(.ant-table-wrapper .ant-table-row-expand-icon){
+ background:#2c538a!important;
+
+}
 </style>