Sfoglia il codice sorgente

表格宽度适配与表头样式默认

zuohuaijun 3 anni fa
parent
commit
3de0b76014

+ 1 - 1
Web/src/theme/app.scss

@@ -24,7 +24,7 @@
 	--next-color-seting-header: #b3c0d1;
     // 重写全局样式
 	//--el-text-color-primary: rgba(0, 0, 0, .75) !important;
-    --el-text-color-regular: rgba(0, 0, 0, .75) !important;
+    --el-text-color-regular: rgba(0, 0, 0, .99) !important;
 	//--el-text-color-secondary: var(--el-text-color-regular) !important;
 }
 

+ 2 - 2
Web/src/theme/element.scss

@@ -308,12 +308,12 @@
 		padding: 0;
 	}
 	// 表头背景色
-	//--el-table-header-bg-color: var(--el-text-color-secondary);// #fafafa;
+	--el-table-header-bg-color: #F5F7FA;
 	// 表头字体颜色
 	thead {
 		color: var(--el-text-color-regular);	
 		th {
-			font-weight: 600;
+			font-weight: 500;
 		}
 	}
 }

+ 2 - 2
Web/src/views/system/onlineUser/index.vue

@@ -6,9 +6,9 @@
 					<el-form-item label="账号名称" prop="userName">
 						<el-input placeholder="账号名称" clearable @keyup.enter="handleQuery" v-model="state.queryParams.userName" />
 					</el-form-item>
-					<el-form-item label="真实姓名" prop="realName">
+					<!-- <el-form-item label="真实姓名" prop="realName">
 						<el-input placeholder="账号名称" clearable @keyup.enter="handleQuery" v-model="state.queryParams.realName" />
-					</el-form-item>
+					</el-form-item> -->
 					<el-form-item>
 						<el-button icon="ele-Refresh" @click="resetQuery"> 重置 </el-button>
 						<el-button type="primary" icon="ele-Search" @click="handleQuery"> 查询 </el-button>

+ 5 - 5
Web/src/views/system/tenant/index.vue

@@ -19,9 +19,9 @@
 		<el-card shadow="hover" style="margin-top: 8px">
 			<el-table :data="tenantData" style="width: 100%" v-loading="loading" border>
 				<el-table-column type="index" label="序号" width="55" align="center" fixed />
-				<el-table-column prop="name" label="租户名称" show-overflow-tooltip />
-				<el-table-column prop="adminName" label="管理员" show-overflow-tooltip />
-				<el-table-column prop="phone" label="电话" show-overflow-tooltip />
+				<el-table-column prop="name" label="租户名称" width="160" show-overflow-tooltip />
+				<el-table-column prop="adminName" label="管理员" width="120" show-overflow-tooltip />
+				<el-table-column prop="phone" label="电话" width="120" show-overflow-tooltip />
 				<!-- <el-table-column prop="host" label="主机" show-overflow-tooltip /> -->
 				<el-table-column prop="email" label="邮箱" show-overflow-tooltip />
 				<el-table-column prop="tenantType" label="租户类型" align="center" show-overflow-tooltip>
@@ -36,7 +36,7 @@
 						<el-tag type="danger" v-else>禁用</el-tag>
 					</template>
 				</el-table-column>
-				<el-table-column prop="dbType" label="数据库类型" align="center" show-overflow-tooltip>
+				<el-table-column prop="dbType" label="数据库类型" width="120" align="center" show-overflow-tooltip>
 					<template #default="scope">
 						<el-tag v-if="scope.row.dbType === 0"> MySql </el-tag>
 						<el-tag v-else-if="scope.row.dbType === 1"> SqlServer </el-tag>
@@ -59,7 +59,7 @@
 				<!-- <el-table-column prop="configId" label="数据库标识" show-overflow-tooltip /> -->
 				<el-table-column prop="connection" label="数据库连接" width="300" show-overflow-tooltip />
 				<el-table-column prop="order" label="排序" width="70" align="center" show-overflow-tooltip />
-				<el-table-column prop="createTime" label="修改时间" align="center" show-overflow-tooltip />
+				<el-table-column prop="createTime" label="修改时间" width="160" align="center" show-overflow-tooltip />
 				<el-table-column prop="remark" label="备注" show-overflow-tooltip />
 				<el-table-column label="操作" width="180" fixed="right" align="center" show-overflow-tooltip>
 					<template #default="scope">

+ 3 - 3
Web/src/views/system/timer/index.vue

@@ -16,8 +16,8 @@
 		<el-card shadow="hover" style="margin-top: 8px">
 			<el-table :data="timerData" style="width: 100%" v-loading="loading" border>
 				<el-table-column type="index" label="序号" width="55" align="center" />
-				<el-table-column prop="timerName" label="任务名称" show-overflow-tooltip />
-				<el-table-column prop="requestUrl" label="请求地址" show-overflow-tooltip />
+				<el-table-column prop="timerName" label="任务名称" width="160" show-overflow-tooltip />
+				<el-table-column prop="requestUrl" label="请求地址" width="120" show-overflow-tooltip />
 				<el-table-column prop="requestType" label="请求类型" width="100" align="center" show-overflow-tooltip>
 					<template #default="scope">
 						<el-tag type="info" v-if="scope.row.requestType == 0"> {{ 'RUN' }} </el-tag>
@@ -27,7 +27,7 @@
 						<el-tag type="info" v-else-if="scope.row.requestType == 4"> {{ 'DELETE' }} </el-tag>
 					</template>
 				</el-table-column>
-				<el-table-column prop="timerType" label="任务类型" align="center" show-overflow-tooltip>
+				<el-table-column prop="timerType" label="任务类型" width="100" align="center" show-overflow-tooltip>
 					<template #default="scope">
 						{{ scope.row.timerType == 0 ? scope.row.interval : scope.row.cron }}
 					</template>