Procházet zdrojové kódy

优化Table页,el-table外层的el-card添加class="full-table"属性,移除.el-card:nth-child(2) 选择器,不方便页面扩展

skywolf627 před 3 roky
rodič
revize
e6c03448d5

+ 1 - 1
Admin.NET/Admin.NET.Web.Entry/wwwroot/Template/index.vue.vm

@@ -63,7 +63,7 @@
       </el-form>
       }
     </el-card>
-    <el-card shadow="hover" style="margin-top: 8px">
+    <el-card class="full-table" shadow="hover" style="margin-top: 8px">
       <el-table
 				:data="tableData"
 				style="width: 100%"

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

@@ -403,7 +403,8 @@ $--el-table-text-color: #fb6d49;
 	  flex-direction: column;
 	  height: 100%;
   
-	  .el-card:nth-child(2) {
+    //放弃使用 .el-card:nth-child(2) ,方便后期页面扩展
+	  .full-table {
 		flex: 1;
   
 		.el-card__body {

+ 1 - 1
Web/src/views/home/notice/index.vue

@@ -18,7 +18,7 @@
 			</el-form>
 		</el-card>
 
-		<el-card shadow="hover" style="margin-top: 8px">
+		<el-card class="full-table" shadow="hover" style="margin-top: 8px">
 			<el-table :data="state.noticeData" style="width: 100%" v-loading="state.loading" border :row-class-name="tableRowClassName">
 				<el-table-column type="index" label="序号" width="55" align="center" />
 				<el-table-column prop="sysNotice.title" label="标题" show-overflow-tooltip />

+ 1 - 1
Web/src/views/system/codeGen/index.vue

@@ -20,7 +20,7 @@
 			</el-form>
 		</el-card>
 
-		<el-card shadow="hover" style="margin-top: 8px">
+		<el-card class="full-table" shadow="hover" style="margin-top: 8px">
 			<el-table :data="state.tableData" style="width: 100%" v-loading="state.loading" border>
 				<el-table-column type="index" label="序号" width="55" align="center" />
 				<el-table-column prop="configId" label="库定位器" show-overflow-tooltip />

+ 1 - 1
Web/src/views/system/config/index.vue

@@ -3,7 +3,7 @@
 		<el-card shadow="hover" :body-style="{ paddingBottom: '0' }">
 			<TableSearch :search="tb.tableData.search" @search="onSearch" />
 		</el-card>
-		<el-card shadow="hover" style="margin-top: 8px">
+		<el-card class="full-table" shadow="hover" style="margin-top: 8px">
 			<Table ref="tableRef" v-bind="tb.tableData" :getData="getData" :exportChangeData="exportChangeData" @sortHeader="onSortHeader" @selectionChange="tableSelection">
 				<template #command>
 					<el-button type="primary" icon="ele-Plus" @click="openAddConfig" v-auth="'sysConfig:add'"> 新增 </el-button>

+ 1 - 1
Web/src/views/system/database/index.vue

@@ -22,7 +22,7 @@
 			</el-form>
 		</el-card>
 
-		<el-card shadow="hover" style="margin-top: 8px">
+		<el-card class="full-table" shadow="hover" style="margin-top: 8px">
 			<el-table :data="state.columnData" style="width: 100%" v-loading="state.loading1" border>
 				<el-table-column type="index" label="序号" width="55" align="center" />
 				<el-table-column prop="dbColumnName" label="字段名" show-overflow-tooltip />

+ 1 - 1
Web/src/views/system/dict/component/dictDataDialog.vue

@@ -27,7 +27,7 @@
 				</el-form>
 			</el-card>
 
-			<el-card shadow="hover" style="margin-top: 8px">
+			<el-card class="full-table" shadow="hover" style="margin-top: 8px">
 				<el-table :data="state.dictDataData" style="width: 100%" v-loading="state.loading" border>
 					<el-table-column type="index" label="序号" width="55" align="center" />
 					<el-table-column prop="value" label="字典值" show-overflow-tooltip />

+ 1 - 1
Web/src/views/system/dict/index.vue

@@ -20,7 +20,7 @@
 			</el-form>
 		</el-card>
 
-		<el-card shadow="hover" style="margin-top: 8px">
+		<el-card class="full-table" shadow="hover" style="margin-top: 8px">
 			<el-table :data="state.dictTypeData" style="width: 100%" v-loading="state.loading" border>
 				<el-table-column type="index" label="序号" width="55" align="center" />
 				<el-table-column prop="name" label="字典名称" show-overflow-tooltip />

+ 1 - 1
Web/src/views/system/file/index.vue

@@ -23,7 +23,7 @@
 			</el-form>
 		</el-card>
 
-		<el-card shadow="hover" style="margin-top: 8px">
+		<el-card class="full-table" shadow="hover" style="margin-top: 8px">
 			<el-table :data="state.fileData" style="width: 100%" v-loading="state.loading" border>
 				<el-table-column type="index" label="序号" width="55" align="center" />
 				<el-table-column prop="fileName" label="名称" />

+ 1 - 1
Web/src/views/system/job/index.vue

@@ -40,7 +40,7 @@
 			</el-form>
 		</el-card>
 
-		<el-card shadow="hover" style="margin-top: 8px">
+		<el-card class="full-table" shadow="hover" style="margin-top: 8px">
 			<el-table :data="state.jobData" style="width: 100%" v-loading="state.loading" border>
 				<el-table-column type="expand" fixed>
 					<template #default="scope">

+ 1 - 1
Web/src/views/system/log/difflog/index.vue

@@ -20,7 +20,7 @@
 			</el-form>
 		</el-card>
 
-		<el-card shadow="hover" style="margin-top: 8px">
+		<el-card class="full-table" shadow="hover" style="margin-top: 8px">
 			<el-table :data="state.logData" style="width: 100%" v-loading="state.loading" border>
 				<el-table-column type="index" label="序号" width="55" align="center" />
 				<el-table-column prop="diffType" label="差异操作" show-overflow-tooltip />

+ 1 - 1
Web/src/views/system/log/oplog/index.vue

@@ -21,7 +21,7 @@
 			</el-form>
 		</el-card>
 
-		<el-card shadow="hover" style="margin-top: 8px">
+		<el-card class="full-table" shadow="hover" style="margin-top: 8px">
 			<el-table :data="state.logData" @sort-change="sortChange" style="width: 100%" border :row-class-name="tableRowClassName">
 				<el-table-column type="index" label="序号" width="55" align="center" />
 				<el-table-column prop="controllerName" label="模块名称" width="100" show-overflow-tooltip />

+ 1 - 1
Web/src/views/system/log/vislog/index.vue

@@ -20,7 +20,7 @@
 			</el-form>
 		</el-card>
 
-		<el-card shadow="hover" style="margin-top: 8px">
+		<el-card class="full-table" shadow="hover" style="margin-top: 8px">
 			<el-table :data="state.logData" style="width: 100%" v-loading="state.loading" border>
 				<el-table-column type="index" label="序号" width="55" align="center" />
 				<el-table-column prop="displayTitle" label="显示名称" width="150" show-overflow-tooltip />

+ 1 - 1
Web/src/views/system/menu/index.vue

@@ -24,7 +24,7 @@
 			</el-form>
 		</el-card>
 
-		<el-card shadow="hover" style="margin-top: 8px">
+		<el-card class="full-table" shadow="hover" style="margin-top: 8px">
 			<el-table :data="state.menuData" v-loading="state.loading" row-key="id" :tree-props="{ children: 'children', hasChildren: 'hasChildren' }" border>
 				<el-table-column label="菜单名称" show-overflow-tooltip>
 					<template #default="scope">

+ 1 - 1
Web/src/views/system/notice/index.vue

@@ -23,7 +23,7 @@
 			</el-form>
 		</el-card>
 
-		<el-card shadow="hover" style="margin-top: 8px">
+		<el-card class="full-table" shadow="hover" style="margin-top: 8px">
 			<el-table :data="state.noticeData" style="width: 100%" v-loading="state.loading" border>
 				<el-table-column type="index" label="序号" width="55" align="center" />
 				<el-table-column prop="title" label="标题" show-overflow-tooltip />

+ 1 - 1
Web/src/views/system/org/index.vue

@@ -26,7 +26,7 @@
 					</el-form>
 				</el-card>
 
-				<el-card shadow="hover" style="margin-top: 8px">
+				<el-card class="full-table" shadow="hover" style="margin-top: 8px">
 					<el-table :data="state.orgData" style="width: 100%" v-loading="state.loading" row-key="id" default-expand-all :tree-props="{ children: 'children', hasChildren: 'hasChildren' }" border>
 						<el-table-column prop="name" label="机构名称" show-overflow-tooltip />
 						<el-table-column prop="code" label="机构编码" show-overflow-tooltip />

+ 1 - 1
Web/src/views/system/pos/index.vue

@@ -20,7 +20,7 @@
 			</el-form>
 		</el-card>
 
-		<el-card shadow="hover" style="margin-top: 8px">
+		<el-card class="full-table" shadow="hover" style="margin-top: 8px">
 			<el-table :data="state.posData" style="width: 100%" v-loading="state.loading" border>
 				<el-table-column type="index" label="序号" width="55" align="center" />
 				<el-table-column prop="name" label="职位名称" show-overflow-tooltip />

+ 1 - 1
Web/src/views/system/region/index.vue

@@ -27,7 +27,7 @@
 					</el-form>
 				</el-card>
 
-				<el-card shadow="hover" style="margin-top: 8px">
+				<el-card class="full-table" shadow="hover" style="margin-top: 8px">
 					<el-table :data="state.regionData" style="width: 100%" v-loading="state.loading" row-key="id" default-expand-all :tree-props="{ children: 'children', hasChildren: 'hasChildren' }" border>
 						<el-table-column prop="name" label="行政名称" show-overflow-tooltip />
 						<el-table-column prop="code" label="行政代码" show-overflow-tooltip />

+ 1 - 1
Web/src/views/system/role/index.vue

@@ -20,7 +20,7 @@
 			</el-form>
 		</el-card>
 
-		<el-card shadow="hover" style="margin-top: 8px">
+		<el-card class="full-table" shadow="hover" style="margin-top: 8px">
 			<el-table :data="state.roleData" style="width: 100%" v-loading="state.loading" border>
 				<el-table-column type="index" label="序号" width="55" align="center" fixed />
 				<el-table-column prop="name" label="角色名称" show-overflow-tooltip />

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

@@ -20,7 +20,7 @@
 			</el-form>
 		</el-card>
 
-		<el-card shadow="hover" style="margin-top: 8px">
+		<el-card class="full-table" shadow="hover" style="margin-top: 8px">
 			<el-table :data="state.tenantData" style="width: 100%" v-loading="state.loading" border>
 				<el-table-column type="index" label="序号" width="55" align="center" fixed />
 				<el-table-column prop="name" label="租户名称" width="160" show-overflow-tooltip />

+ 1 - 1
Web/src/views/system/user/index.vue

@@ -29,7 +29,7 @@
 					</el-form>
 				</el-card>
 
-				<el-card shadow="hover" style="margin-top: 8px">
+				<el-card class="full-table" shadow="hover" style="margin-top: 8px">
 					<el-table :data="state.userData" style="width: 100%" v-loading="state.loading" border>
 						<el-table-column type="index" label="序号" width="55" align="center" fixed />
 						<el-table-column prop="account" label="账号" width="120" fixed show-overflow-tooltip />

+ 1 - 1
Web/src/views/system/weChatUser/index.vue

@@ -17,7 +17,7 @@
 			</el-form>
 		</el-card>
 
-		<el-card shadow="hover" style="margin-top: 8px">
+		<el-card class="full-table" shadow="hover" style="margin-top: 8px">
 			<el-table :data="state.weChatUserData" style="width: 100%" v-loading="state.loading" border>
 				<el-table-column type="index" label="序号" width="55" align="center" />
 				<el-table-column prop="openId" label="OpenId" show-overflow-tooltip />