From 7d9aee91c61573ee9f785e94c2cbcb1b05c30ad2 Mon Sep 17 00:00:00 2001
From: liwei <wei.li@le-it.com.cn>
Date: Fri, 17 Dec 2021 09:08:50 +0800
Subject: [PATCH] =?UTF-8?q?=E6=A0=B7=E5=BC=8F=E7=BB=9F=E4=B8=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/css/base.css                 | 33 +++++++------------------
 src/components/ContentContainer.vue     |  2 +-
 src/components/SearchTemplate.vue       |  2 +-
 src/views/etl/components/edit.vue       |  2 +-
 src/views/etl/index.vue                 |  4 +--
 src/views/etlDB/index.vue               |  4 +--
 src/views/field/index.vue               |  4 +--
 src/views/oneimport/components/edit.vue |  2 +-
 src/views/oneimport/index.vue           |  4 +--
 src/views/record/index.vue              |  2 +-
 src/views/standard/index.vue            |  4 +--
 11 files changed, 24 insertions(+), 39 deletions(-)

diff --git a/src/assets/css/base.css b/src/assets/css/base.css
index 66a28df..bc8c84d 100644
--- a/src/assets/css/base.css
+++ b/src/assets/css/base.css
@@ -17,33 +17,18 @@ body {
   height: 100%;
 }
 /* table样式 */
-.el-table th {
-	background: linear-gradient(180deg, #FAFCFC 0%, #EEEEEE 47%, #E7E7E7 100%);
-}
-.el-table--border td {
-  border-bottom: 2px solid #D5D5D5;
-}
-.el-table--border td {
-	border-right: 2px solid #D5D5D5;
-}
-.el-table th.is-leaf {
-	border-right: none !important;
-}
-.el-table tr td:first-child {
-	border-left: 2px solid #D5D5D5;
-}
-.el-table thead {
+.el-table--mini td, .el-table--mini th {
+	padding: 3px 0;
 	color: #3D3D42;
 }
-.el-table th>.cell {
-	font-size: 16px;
-	font-family: PingFangSC-Medium, PingFang SC;
-	color: #3D3D42;
+.el-table__row:nth-child(even) {
+  background: #F7F7F7;
 }
-.el-table .el-table__body .cell {
-	font-size: 14px;
-	font-family: PingFangSC-Medium, PingFang SC;
-	color: #5C5A5A;
+.el-table .el-table__body tr.current-row>td {
+	background: linear-gradient(180deg, #327e77 0%, #2c9b92 46%, #1e524d 100%);
+}
+.el-table .el-table__body tr.current-row>td  div {
+	color: #fff;
 }
 /* button样式 */
 .el-button {
diff --git a/src/components/ContentContainer.vue b/src/components/ContentContainer.vue
index 1b33435..2a3f48c 100644
--- a/src/components/ContentContainer.vue
+++ b/src/components/ContentContainer.vue
@@ -7,6 +7,6 @@
 <style lang="less" scoped>
 .content-container {
   box-sizing: border-box;
-  padding: 20px;
+  padding: 8px;
 }
 </style>
diff --git a/src/components/SearchTemplate.vue b/src/components/SearchTemplate.vue
index 278287d..d98a4d5 100644
--- a/src/components/SearchTemplate.vue
+++ b/src/components/SearchTemplate.vue
@@ -9,7 +9,7 @@
   width: 100%;
   min-height: 48px;
   box-sizing: border-box;
-  padding: 20px;
+  padding: 8px;
   background: linear-gradient(180deg, #fafcfc 0%, #eeeeee 47%, #e7e7e7 100%);
   box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.25);
 }
diff --git a/src/views/etl/components/edit.vue b/src/views/etl/components/edit.vue
index a5ceb39..7755645 100644
--- a/src/views/etl/components/edit.vue
+++ b/src/views/etl/components/edit.vue
@@ -102,7 +102,7 @@
           </el-form-item>
         </el-col>
 				<el-col v-if="form['TaskHead-ExtractType']" :span="24">
-          <el-table :data="form['TaskHead-TaskLstLi']" :height="tableHeight" border>
+          <el-table size="mini" :data="form['TaskHead-TaskLstLi']" :height="tableHeight" border>
             <el-table-column prop="TaskLst-SourceField" :label="getColumnName('TaskLst-SourceField')">
               <template #default="scope">
                 <el-input v-model="scope.row['TaskLst-SourceField']" clearable placeholder="请输入" />
diff --git a/src/views/etl/index.vue b/src/views/etl/index.vue
index 36a1c34..57e772b 100644
--- a/src/views/etl/index.vue
+++ b/src/views/etl/index.vue
@@ -22,7 +22,7 @@
 		</SearchTemplate>
 		<!-- 页面主题容器 -->
 		<ContentContainer>
-			<el-table :data="dataList" v-loading="loading" size="small" style="width: 100%" border>
+			<el-table :data="dataList" v-loading="loading" size="mini" style="width: 100%" border>
 				<el-table-column v-for="(item, index) in headers" :key="index" :label="getColumnName(item)" :show-overflow-tooltip="true" width="200">
 					<template #default="scope">
 						<span v-if="item === 'TaskHead-LastModify' || item === 'TaskHead-CreateTime'">{{ parseTime(scope.row[item]) }}</span>
@@ -31,7 +31,7 @@
 						<span v-else>{{ scope.row[item] }}</span>
 					</template>
 				</el-table-column>
-				<el-table-column label="操作" width="380" fixed="right">
+				<el-table-column label="操作" width="340" fixed="right">
 					<template #default="scope">
 						<el-button class="edit-button-style" @click="configuration(scope.row)" icon="el-icon-setting" size="small">配置</el-button>
 						<el-button class="edit-button-style" @click="handlePerform(scope.row)" icon="el-icon-s-open" size="small">执行</el-button>
diff --git a/src/views/etlDB/index.vue b/src/views/etlDB/index.vue
index c3b82c1..6b11b19 100644
--- a/src/views/etlDB/index.vue
+++ b/src/views/etlDB/index.vue
@@ -18,14 +18,14 @@
 		</SearchTemplate>
 		<!-- 页面主题容器 -->
 		<ContentContainer>
-			<el-table :data="dataList" v-loading="loading" size="small" style="width: 100%" border>
+			<el-table :data="dataList" v-loading="loading" size="mini" style="width: 100%" border>
 				<el-table-column v-for="(item, index) in headers" :key="index" :label="getColumnName(item)" :show-overflow-tooltip="true" width="170">
 					<template #default="scope">
 						<span v-if="item === 'DB-LastModify' || item === 'DB-CreateTime'">{{ parseTime(scope.row[item]) }}</span>
 						<span v-else>{{ scope.row[item] }}</span>
 					</template>
 				</el-table-column>
-				<el-table-column label="操作" width="200" fixed="right">
+				<el-table-column label="操作" width="180" fixed="right">
 					<template #default="scope">
 						<el-button class="edit-button-style" @click="handleUpdate(scope.row)" icon="el-icon-edit" size="small">修改</el-button>
 						<el-button class="edit-button-style" @click="handleDelete(scope.row)" icon="el-icon-delete" size="small">删除</el-button>
diff --git a/src/views/field/index.vue b/src/views/field/index.vue
index 1601700..ed6be71 100644
--- a/src/views/field/index.vue
+++ b/src/views/field/index.vue
@@ -22,14 +22,14 @@
 		</SearchTemplate>
 		<!-- 页面主题容器 -->
 		<ContentContainer>
-			<el-table :data="dataList" v-loading="loading" size="small" style="width: 100%" border>
+			<el-table :data="dataList" v-loading="loading" size="mini" style="width: 100%" border>
 				<el-table-column v-for="(item, index) in headers" :key="index" :label="getColumnName(item)" :show-overflow-tooltip="true">
 					<template #default="scope">
 						<span v-if="item === 'TabColName-LastModify' || item === 'TabColName-CreateTime'">{{ parseTime(scope.row[item]) }}</span>
 						<span v-else>{{ scope.row[item] }}</span>
 					</template>
 				</el-table-column>
-				<el-table-column label="操作" width="200">
+				<el-table-column label="操作" width="180">
 					<template #default="scope">
 						<el-button class="edit-button-style" @click="handleUpdate(scope.row)" icon="el-icon-edit" size="small">修改</el-button>
 						<el-button class="edit-button-style" @click="handleDelete(scope.row)" icon="el-icon-delete" size="small">删除</el-button>
diff --git a/src/views/oneimport/components/edit.vue b/src/views/oneimport/components/edit.vue
index 1186634..8142107 100644
--- a/src/views/oneimport/components/edit.vue
+++ b/src/views/oneimport/components/edit.vue
@@ -52,7 +52,7 @@
         </el-col>
 				
 				<el-col :span="24">
-          <el-table :data="form['DataTableHead-DataTableLstLi']" :height="tableHeight" border>
+          <el-table size="mini" :data="form['DataTableHead-DataTableLstLi']" :height="tableHeight" border>
             <!-- <el-table-column :label="getColumnName('DataTableLst-Pos')">
               <template #default="scope">
                 <el-input v-model="scope.row['DataTableLst-Pos']" clearable placeholder="请输入" />
diff --git a/src/views/oneimport/index.vue b/src/views/oneimport/index.vue
index 7623a90..eec3b33 100644
--- a/src/views/oneimport/index.vue
+++ b/src/views/oneimport/index.vue
@@ -18,14 +18,14 @@
 		</SearchTemplate>
 		<!-- 页面主题容器 -->
 		<ContentContainer>
-			<el-table :data="dataList" v-loading="loading" size="small" style="width: 100%" border>
+			<el-table :data="dataList" v-loading="loading" size="mini" style="width: 100%" border>
 				<el-table-column v-for="(item, index) in headers" :key="index" :label="getColumnName(item)" :show-overflow-tooltip="true">
 					<template #default="scope">
 						<span v-if="item === 'TaskHead-LastModify' || item === 'TaskHead-CreateTime'">{{ parseTime(scope.row[item]) }}</span>
 						<span v-else>{{ scope.row[item] }}</span>
 					</template>
 				</el-table-column>
-				<el-table-column label="操作" width="380">
+				<el-table-column label="操作" width="340">
 					<template #default="scope">
 						<el-button class="edit-button-style" @click="configuration(scope.row)" icon="el-icon-setting" size="small">配置</el-button>
 						<el-button class="edit-button-style" @click="handleUpdate(scope.row)" icon="el-icon-edit" size="small">修改</el-button>
diff --git a/src/views/record/index.vue b/src/views/record/index.vue
index e5fd0a6..bc8655d 100644
--- a/src/views/record/index.vue
+++ b/src/views/record/index.vue
@@ -63,7 +63,7 @@
 		</SearchTemplate>
 		<!-- 页面主题容器 -->
 		<ContentContainer>
-			<el-table :data="dataList" v-loading="loading" size="small" style="width: 100%" border>
+			<el-table :data="dataList" v-loading="loading" size="mini" style="width: 100%" border>
 				<el-table-column v-for="(item, index) in headers" :key="index" :label="getColumnName(item)" :show-overflow-tooltip="true" width="170">
 					<template #default="scope">
 						<span v-if="item === 'DB-LastModify' || item === 'DB-CreateTime'">{{ parseTime(scope.row[item]) }}</span>
diff --git a/src/views/standard/index.vue b/src/views/standard/index.vue
index a0a0923..e50dafb 100644
--- a/src/views/standard/index.vue
+++ b/src/views/standard/index.vue
@@ -18,14 +18,14 @@
 		</SearchTemplate>
 		<!-- 页面主题容器 -->
 		<ContentContainer>
-			<el-table :data="dataList" v-loading="loading" size="small" style="width: 100%" border>
+			<el-table :data="dataList" v-loading="loading" size="mini" style="width: 100%" border>
 				<el-table-column v-for="(item, index) in headers" :key="index" :label="getColumnName(item)" :show-overflow-tooltip="true">
 					<template #default="scope">
 						<span v-if="item === 'Stdef-LastModify' || item === 'Stdef-CreateTime'">{{ parseTime(scope.row[item]) }}</span>
 						<span v-else>{{ scope.row[item] }}</span>
 					</template>
 				</el-table-column>
-				<el-table-column label="操作" width="200">
+				<el-table-column label="操作" width="180">
 					<template #default="scope">
 						<el-button class="edit-button-style" @click="handleUpdate(scope.row)" icon="el-icon-edit" size="small">修改</el-button>
 						<el-button class="edit-button-style" @click="handleDelete(scope.row)" icon="el-icon-delete" size="small">删除</el-button>