From 1328ca7a304d1f19cd63a3b387b5bd78721ef17c Mon Sep 17 00:00:00 2001
From: zjl <xx@qq.com>
Date: Thu, 12 Dec 2024 16:07:57 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96=E7=9B=91=E6=8E=A7=E6=A8=A1?=
 =?UTF-8?q?=E5=9D=97?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/monitor/dataSource/columns.ts | 12 +++++-
 src/views/monitor/job/columns.ts        | 12 +++++-
 src/views/monitor/online/index.vue      | 53 +++++++++++++++++++++----
 3 files changed, 67 insertions(+), 10 deletions(-)

diff --git a/src/views/monitor/dataSource/columns.ts b/src/views/monitor/dataSource/columns.ts
index ab751aa..05e5237 100644
--- a/src/views/monitor/dataSource/columns.ts
+++ b/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: '创建时间',
diff --git a/src/views/monitor/job/columns.ts b/src/views/monitor/job/columns.ts
index 6e1f24c..d6b48bd 100644
--- a/src/views/monitor/job/columns.ts
+++ b/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: '状态',
diff --git a/src/views/monitor/online/index.vue b/src/views/monitor/online/index.vue
index 1b77bd5..2120186 100644
--- a/src/views/monitor/online/index.vue
+++ b/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="操作"