优化监控模块

src/views/monitor/dataSource/columns.ts

@@ -8,15 +8,18 @@ export const columns = [
   {
     label: 'ID',
     prop: 'id',
-    width: 100,
+    fixed: 'left',
+    width: 50,
   },
   {
     label: '数据源名称',
     prop: 'name',
+    width: 150,
   },
   {
     label: '数据库类型',
     prop: 'dbType',
+    width: 100,
     render(record) {
       let typeText = '';
       switch (record.row.dbType) {
@@ -44,30 +47,37 @@ export const columns = [
   {
     label: '数据源编码',
     prop: 'code',
+    width: 100,
   },
   {
     label: '数据库驱动类',
     prop: 'dbDriver',
+    width: 150,
   },
   {
     label: '数据源地址',
     prop: 'dbUrl',
+    width: 100,
   },
   {
     label: '数据库名称',
     prop: 'dbName',
+    width: 100,
   },
   {
     label: '数据库用户名',
     prop: 'dbUsername',
+    width: 120,
   },
   {
     label: '备注',
     prop: 'note',
+    width: 200,
   },
   {
     label: '创建人',
     prop: 'createUser',
+    width: 100,
   },
   {
     label: '创建时间',

src/views/monitor/job/columns.ts

@@ -8,31 +8,38 @@ export const columns = [
   {
     label: 'ID',
     prop: 'id',
-    width: 100,
+    fixed: 'left',
+    width: 50,
   },
   {
     label: '任务名称',
     prop: 'jobName',
+    width: 200,
   },
   {
     label: '任务分组',
     prop: 'jobGroup',
+    width: 100,
   },
   {
     label: '任务触发器',
     prop: 'jobTrigger',
+    width: 150,
   },
   {
     label: '执行表达式',
     prop: 'cronExpression',
+    width: 150,
   },
   {
     label: '执行策略',
     prop: 'executePolicyText',
+    width: 100,
   },
   {
     label: '同步任务',
     prop: 'isSync',
+    width: 100,
     render(record) {
       return h(
         ElTag,
@@ -48,15 +55,18 @@ export const columns = [
   {
     label: 'URL',
     prop: 'url',
+    width: 150,
   },
   {
     label: '状态',
     isSlot: true,
     value: 'status',
+    width: 100,
   },
   {
     label: '备注',
     prop: 'note',
+    width: 200,
   },
   // {
   //   label: '状态',

src/views/monitor/online/index.vue

@@ -11,26 +11,63 @@
         :data="onlineTableData.slice((pager.page - 1) * pager.size, pager.page * pager.size)"
         row-key="detailId"
       >
-        <el-table-column type="index" width="80" align="center" label="序号" />
+        <el-table-column type="index" width="80" align="center" label="序号" fixed="left" />
         <el-table-column
           show-overflow-tooltip
           align="center"
           label="会话编号"
           prop="tokenId"
-          min-width="100"
+          min-width="300"
+        />
+        <el-table-column
+          show-overflow-tooltip
+          align="center"
+          label="登录名称"
+          prop="username"
+          min-width="150"
+        />
+        <el-table-column
+          show-overflow-tooltip
+          align="center"
+          label="部门名称"
+          prop="deptName"
+          min-width="150"
+        />
+        <el-table-column
+          show-overflow-tooltip
+          align="center"
+          label="IP地址"
+          prop="ipAddr"
+          min-width="150"
         />
-        <el-table-column show-overflow-tooltip align="center" label="登录名称" prop="username" />
-        <el-table-column show-overflow-tooltip align="center" label="部门名称" prop="deptName" />
-        <el-table-column show-overflow-tooltip align="center" label="IP地址" prop="ipAddr" />
         <el-table-column
           show-overflow-tooltip
           align="center"
           label="登录地点"
           prop="loginLocation"
+          min-width="150"
+        />
+        <el-table-column
+          show-overflow-tooltip
+          align="center"
+          label="浏览器"
+          prop="browser"
+          min-width="150"
+        />
+        <el-table-column
+          show-overflow-tooltip
+          align="center"
+          label="操作系统"
+          prop="os"
+          min-width="150"
+        />
+        <el-table-column
+          show-overflow-tooltip
+          align="center"
+          label="登录时间"
+          prop="loginTime"
+          min-width="180"
         />
-        <el-table-column show-overflow-tooltip align="center" label="浏览器" prop="browser" />
-        <el-table-column show-overflow-tooltip align="center" label="操作系统" prop="os" />
-        <el-table-column show-overflow-tooltip align="center" label="登录时间" prop="loginTime" />
         <el-table-column
           align="center"
           label="操作"