From d6cdd5a87ff7255635d83f68ed5cbce223cef6b8 Mon Sep 17 00:00:00 2001
From: wangsongsole <wangsongsole@126.com>
Date: Mon, 25 Jul 2022 14:05:58 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9key=E5=88=97=E8=A1=A8?=
 =?UTF-8?q?=E7=BB=84=E4=BB=B6=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/keysFind/index.jsx  |  3 ++-
 src/components/keysFind/index.less | 33 ++++++++++++++++++++++++++++++
 src/pages/plan/key/detail/list.js  |  2 +-
 3 files changed, 36 insertions(+), 2 deletions(-)

diff --git a/src/components/keysFind/index.jsx b/src/components/keysFind/index.jsx
index 0dcb6f6c..5f5d3ba4 100644
--- a/src/components/keysFind/index.jsx
+++ b/src/components/keysFind/index.jsx
@@ -2,7 +2,7 @@
  * @Author: Wind
  * @Date: 2022-07-25 10:53:41
  * @LastEditors: Wind
- * @LastEditTime: 2022-07-25 11:56:32
+ * @LastEditTime: 2022-07-25 13:49:44
  * @Description:
  * @FilePath: \frontend\src\components\keysFind\index.jsx
  */
@@ -61,6 +61,7 @@ export default ({ onQuery }) => {
         <FormInputField
           name='key'
           label='KEY：'
+          showClear
           props={{
             spellCheck: false
           }}
diff --git a/src/components/keysFind/index.less b/src/components/keysFind/index.less
index 5416cb7a..ae76747c 100644
--- a/src/components/keysFind/index.less
+++ b/src/components/keysFind/index.less
@@ -13,5 +13,38 @@
     .zent-datepicker .zent-datepicker-trigger {
         background-color: transparent !important;
         width: 150px !important;
+        border-radius: 0 !important;
+
+        &:hover {
+            border-color: #296BEF !important;
+            background-color: #F7F9FC !important;
+        }
     }
+
+    .zent-input-wrapper {
+        border-top: 0 !important;
+        border-left: 0 !important;
+        border-right: 0 !important;
+    }
+
+    .zent-input-wrapper:hover {
+        border-color: #296BEF !important;
+
+        .zent-input {
+            background-color: #F7F9FC;
+        }
+    }
+
+    .zent-select-v2 {
+        border-top: 0 !important;
+        border-left: 0 !important;
+        border-right: 0 !important;
+        border-radius: 0 !important;
+
+        &:hover,
+        .zent-select-v2-search:hover {
+            background-color: #F7F9FC;
+        }
+    }
+
 }
\ No newline at end of file
diff --git a/src/pages/plan/key/detail/list.js b/src/pages/plan/key/detail/list.js
index 61bf4e7b..530b78d7 100644
--- a/src/pages/plan/key/detail/list.js
+++ b/src/pages/plan/key/detail/list.js
@@ -457,7 +457,7 @@ export default class acclist extends React.Component {
     return (
       <div id='dislist'>
         <TabPage tabs={this.state.tabList} tabChange={this.tabFn.bind(this)}>
-          <div className='distable dflexj'>
+          <div className='distable dflexj' style={{ paddingBottom: 0 }}>
             <KeysFind
               onQuery={(va) => {
                 console.log(va)