From 740b51d40584ee4008c3d2ec490fde62e9cb183b Mon Sep 17 00:00:00 2001
From: ibuler <ibuler@qq.com>
Date: Wed, 15 May 2024 11:18:11 +0800
Subject: [PATCH] =?UTF-8?q?perf:=20=E7=BB=9F=E4=B8=80=20bolder?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 public/theme/element-extra.css                               | 2 +-
 src/components/Form/FormFields/DatetimeRangePicker.vue       | 2 +-
 .../Table/DataTable/compenents/el-data-table/index.less      | 2 +-
 src/components/Table/ListTable/TableAction/LabelSearch.vue   | 3 +--
 src/components/Table/ListTable/TableAction/index.vue         | 5 ++---
 src/components/Table/TreeTable/index.vue                     | 4 ++--
 src/styles/default-theme.scss                                | 2 +-
 src/styles/index.scss                                        | 2 ++
 src/views/ops/File/index.vue                                 | 2 +-
 src/views/ops/Job/QuickJob.vue                               | 2 +-
 src/views/ops/Template/Playbook/PlaybookDetail/Workspace.vue | 2 +-
 11 files changed, 14 insertions(+), 14 deletions(-)

diff --git a/public/theme/element-extra.css b/public/theme/element-extra.css
index b4c4564a6..d794e79cc 100644
--- a/public/theme/element-extra.css
+++ b/public/theme/element-extra.css
@@ -186,7 +186,7 @@ td .el-button.el-button--mini {
   background-color: #FFFFFF;
   background-image: none;
   border: 1px solid #e5e6e7;
-  border-radius: 1px;
+  border-radius: 2px;
   color: inherit;
   display: block;
   padding: 6px 12px;
diff --git a/src/components/Form/FormFields/DatetimeRangePicker.vue b/src/components/Form/FormFields/DatetimeRangePicker.vue
index 55a791ef0..1e2d85286 100644
--- a/src/components/Form/FormFields/DatetimeRangePicker.vue
+++ b/src/components/Form/FormFields/DatetimeRangePicker.vue
@@ -88,7 +88,7 @@ export default {
   margin-left: 10px;
   width: 233px;
   border: 1px solid #dcdee2;
-  border-radius: 3px;
+  border-radius: 2px;
   height: 28px;
 
   ::v-deep .el-range-separator,
diff --git a/src/components/Table/DataTable/compenents/el-data-table/index.less b/src/components/Table/DataTable/compenents/el-data-table/index.less
index 669db7b53..7aa8c0bea 100644
--- a/src/components/Table/DataTable/compenents/el-data-table/index.less
+++ b/src/components/Table/DataTable/compenents/el-data-table/index.less
@@ -13,7 +13,7 @@
 
 .el-data-table ::v-deep .el-pagination {
   text-align: right;
-  padding: 15px 25px 20px 15px;
+  padding: 15px 17px 20px 15px;
 
   .el-pagination__total {
     float: left;
diff --git a/src/components/Table/ListTable/TableAction/LabelSearch.vue b/src/components/Table/ListTable/TableAction/LabelSearch.vue
index 09e35e721..61f42b909 100644
--- a/src/components/Table/ListTable/TableAction/LabelSearch.vue
+++ b/src/components/Table/ListTable/TableAction/LabelSearch.vue
@@ -162,8 +162,7 @@ export default {
 <style lang='scss' scoped>
 .label-search {
   margin-right: 10px;
-  border-radius: 5px;
-  border: 1px solid var(--color-disabled-background);
+  border: 1px solid var(--color-border);
   overflow: hidden;
 
   ::v-deep .el-button.label-button {
diff --git a/src/components/Table/ListTable/TableAction/index.vue b/src/components/Table/ListTable/TableAction/index.vue
index b03109bca..5698979c0 100644
--- a/src/components/Table/ListTable/TableAction/index.vue
+++ b/src/components/Table/ListTable/TableAction/index.vue
@@ -167,8 +167,7 @@ $headerHeight: 30px;
     flex-direction: row;
 
     .right-side-item.action-search {
-      border: 1px solid var(--color-disabled-background);
-      border-radius: 5px;
+      border: 1px solid var(--color-border);
       overflow: hidden;
     }
   }
@@ -205,7 +204,7 @@ $headerHeight: 30px;
     margin-right: 0;
 
     ::v-deep .el-button.label-button {
-      border: 1px solid var(--color-disabled-background);
+      border: 1px solid var(--color-border);
     }
 
     ::v-deep .label-cascader {
diff --git a/src/components/Table/TreeTable/index.vue b/src/components/Table/TreeTable/index.vue
index ede879e41..f28302708 100644
--- a/src/components/Table/TreeTable/index.vue
+++ b/src/components/Table/TreeTable/index.vue
@@ -182,7 +182,7 @@ export default {
     padding: 5px 0;
     border: 1px solid #DCDFE6;
     background-color: #fff;
-    border-radius: 3px;
+    border-radius: 2px;
     cursor: pointer;
     height: 30px;
 
@@ -248,7 +248,7 @@ export default {
   .transition-box.left {
     background: white;
     border: 1px solid #e0e0e0;
-    border-radius: 3px;
+    border-radius: 2px;
   }
 
   .title {
diff --git a/src/styles/default-theme.scss b/src/styles/default-theme.scss
index 9337b9218..8c12dd9a8 100644
--- a/src/styles/default-theme.scss
+++ b/src/styles/default-theme.scss
@@ -9,7 +9,7 @@
   --color-icon-primary: #605e5c;
   --color-border: #e9ecef;
   --color-input-border: #BBBFC4;
-  --color-disabled-background: #e9ecef;
+  --color-disabled-background: #F5F7FA;
   --color-help-text: #8F959E;
   --banner-bg: #148f76;
   --submenu-bg: #ffffff;
diff --git a/src/styles/index.scss b/src/styles/index.scss
index 608bd0ffa..c09570ab3 100644
--- a/src/styles/index.scss
+++ b/src/styles/index.scss
@@ -383,11 +383,13 @@ input[type=file] {
 .el-button.el-button--small, .el-button--small.is-round {
   font-weight: 400;
   padding: 8px 12px;
+  border-radius: 2px;
 }
 
 .el-button.el-button--mini, .el-button--mini.is-round {
   font-size: 0.7rem;
   font-weight: 400;
+  border-radius: 2px;
 }
 
 .el-cascader__dropdown .el-cascader-panel .el-cascader-menu {
diff --git a/src/views/ops/File/index.vue b/src/views/ops/File/index.vue
index 372aa2649..9bc04dc17 100644
--- a/src/views/ops/File/index.vue
+++ b/src/views/ops/File/index.vue
@@ -485,7 +485,7 @@ export default {
   background-color: var(--color-primary);
   border-color: var(--color-primary);
   color: #FFFFFF;
-  border-radius: 3px;
+  border-radius: 2px;
 }
 
 .el-tree {
diff --git a/src/views/ops/Job/QuickJob.vue b/src/views/ops/Job/QuickJob.vue
index 15575a05f..70fc36bbf 100644
--- a/src/views/ops/Job/QuickJob.vue
+++ b/src/views/ops/Job/QuickJob.vue
@@ -501,7 +501,7 @@ export default {
   background-color: var(--color-primary);
   border-color: var(--color-primary);
   color: #FFFFFF;
-  border-radius: 3px;
+  border-radius: 2px;
 }
 
 .el-tree {
diff --git a/src/views/ops/Template/Playbook/PlaybookDetail/Workspace.vue b/src/views/ops/Template/Playbook/PlaybookDetail/Workspace.vue
index 0f5a05106..651558f0d 100644
--- a/src/views/ops/Template/Playbook/PlaybookDetail/Workspace.vue
+++ b/src/views/ops/Template/Playbook/PlaybookDetail/Workspace.vue
@@ -295,7 +295,7 @@ export default {
   background-color: var(--color-primary);
   border-color: var(--color-primary);
   color: #FFFFFF;
-  border-radius: 3px;
+  border-radius: 2px;
 }
 
 .el-tree {