修改key列表组件样式

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
           }}

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;
+        }
+    }
+
 }

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)