优化

src/assets/css/base.css

@@ -17,16 +17,16 @@ body {
 }
 /* table样式 */
 .el-table--border {
-	border: 2px solid #D5D5D5;
+	border: 1px solid #D5D5D5;
 }
 .el-table th {
 	background: linear-gradient(180deg, #FAFCFC 0%, #EEEEEE 47%, #E7E7E7 100%);
 }
 .el-table td, .el-table th.is-leaf {
-  border-bottom: 1px solid #D5D5D5;
+  border-bottom: 2px solid #D5D5D5;
 }
 .el-table--border td, .el-table__body-wrapper .el-table--border.is-scrolling-left~.el-table__fixed {
-	border-right: 1px solid #D5D5D5;
+	border-right: 2px solid #D5D5D5;
 }
 .el-table th.is-leaf {
 	border-right: none !important;
@@ -126,9 +126,9 @@ body {
 	color: #fff;
 }
 .add-button-style [class*=" el-icon-"],.add-button-style [class^=el-icon-] {
-	background: #fff;
-  padding: 2px 2px 1px 2px;
-  color: #69ABDA;
+	/* background: #fff; */
+  /* padding: 2px 2px 1px 2px; */
+  color: #fff;
 }
 .add-button-style.is-active, .add-button-style:active, .add-button-style:hover, .add-button-style:focus {
 	color: #fff !important;
@@ -142,6 +142,7 @@ body {
 	border-radius: 2px;
 	border: 1px solid #215C85;
 	color: #fff;
+	margin-left: 24px;
 }
 .search-button-style [class*=" el-icon-"],.search-button-style [class^=el-icon-] {
   color: #fff;
@@ -158,6 +159,7 @@ body {
 	border-radius: 2px;
 	border: 1px solid #CCCCCC;
   color: #5F6266;
+	margin-left: 24px !important;
 }
 .reset-button-style [class*=" el-icon-"],.reset-button-style [class^=el-icon-] {
   color: #5F6266;
@@ -203,6 +205,17 @@ body {
 	border: 2px solid #CCCCCC;
 	color: #5F6266;
 }
+.el-input__inner::placeholder {
+	font-family: PingFang-SC-Medium, PingFang-SC;
+	font-weight: 500;
+	color: #5F6266;
+	line-height: 20px;
+	text-shadow: 0px 0px 0px #FFFFFF;
+}
+.el-input--medium .el-input__icon {
+	color: #5F6266;
+	line-height: 37px;
+}
 .el-input__inner:focus {
 	border: 2px solid #CCCCCC;
 }
@@ -307,4 +320,11 @@ body {
 	font-family: PingFangSC-Medium, PingFang SC;
 	font-weight: 500;
 	color: #3D3D42;
+}
+/* 列表修改 删除按钮样式 */
+.edit-button-style {
+	width: 70px;
+	height: 24px;
+	padding: 0;
+	min-height: 24px;
 }

src/components/Layout.vue

@@ -56,7 +56,7 @@ export default {
     background: #eeeeee;
     box-sizing: border-box;
     padding-top: 12px;
-    box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.25);
+    box-shadow: 2px 0px 2px 0px rgba(0, 0, 0, 0.25);
   }
   #content-box {
     width: 100%;

src/views/field/index.vue

@@ -7,7 +7,7 @@
 					<el-input v-model.trim="pagination.tabname" placeholder="请输入查询内容" clearable
 						prefix-icon="el-icon-search" size="medium" style="width: 240px" />
 				</el-form-item>
-				<el-form-item :label="getColumnName('TabColName-ColName')">
+				<el-form-item :label="getColumnName('TabColName-ColName')" style="margin-left:32px;">
 					<el-input v-model.trim="pagination.colname" placeholder="请输入查询内容" clearable
 						prefix-icon="el-icon-search" size="medium" style="width: 240px" />
 				</el-form-item>
@@ -31,8 +31,8 @@
 				</el-table-column>
 				<el-table-column label="操作" width="200">
 					<template #default="scope">
-						<el-button @click="handleUpdate(scope.row)" icon="el-icon-edit" size="small">修改</el-button>
-						<el-button @click="handleDelete(scope.row)" icon="el-icon-delete" size="small">删除</el-button>
+						<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>
 					</template>
 				</el-table-column>
 			</el-table>