微调

frontend/src/views/log/index.vue

@@ -9,7 +9,7 @@
     >
       <!-- 表格 header 按钮 -->
       <template #tableHeader>
-        <el-button type='primary' :icon='DataAnalysis'>分析</el-button>
+        <el-button type='primary' :icon='DataAnalysis' >分析</el-button>
         <el-button type='primary' :icon='Upload'>导出csv</el-button>
       </template>
     </ProTable>
@@ -28,17 +28,18 @@ import { reactive,ref } from 'vue'
 let multipleSelection = ref<string[]>([])
 const logData = logDataList
 // 定义包含和排除的单位
-const includedUnits = ['日', '周', '月', '季度']; // 可以根据需要包含的单位
-const excludedUnits = ['年']; // 要排除的单位
+const includedUnits = ['日', '周', '月', '自定义']; // 可以根据需要包含的单位
+const excludedUnits = ['季度','年']; // 要排除的单位
+const defaultUnits = '日'; // 默认的单位
 // ProTable 实例
 const proTable = ref<ProTableInstance>()
 // 表格配置项
 const columns = reactive<ColumnProps<Log.LogList>[]>([
-  { type: 'selection', fixed: 'left', width: 50 },
+  { type: 'selection', fixed: 'left', width: 70 },
   {
     prop: 'id',
     label: '序号',
-    width: 100,
+    width: 70,
   },
   {
     prop: 'user',
@@ -55,7 +56,11 @@ const columns = reactive<ColumnProps<Log.LogList>[]>([
       render: ({ searchParam }) => {
         return (
           <div class='flx-flex-start'>
-            <TimeControl/>
+            <TimeControl 
+            include={includedUnits} 
+            exclude={excludedUnits} 
+            default={defaultUnits} 
+            />
           </div>
         )
       },
@@ -85,10 +90,11 @@ const columns = reactive<ColumnProps<Log.LogList>[]>([
 // 处理选择变化
 const handleSelectionChange = (selection: Log.LogList[]) => {
   multipleSelection.value = selection.map(row => row.id) // 更新选中的行
-
+ 
 }
 
 
+
 </script>
 
 <style scoped>