feat: 增加搜索框

nezha-fronted/src/assets/css/main.css

@@ -119,7 +119,7 @@ html {
   float: right;
 }
 .top-tools .top-tool-search {
-  width: 220px;
+  width: 320px;
 }
 .top-tools .el-button-group {
   float: left;

nezha-fronted/src/components/common/language/en.js

@@ -16,6 +16,8 @@ const en = {
     add: "Add",
     option: "Option",
     clearAll: "Clear All",
+    name: 'Name',
+    searchTip: 'Press Enter or click to search'
   },
   tip: {
     confirmDelete: "Confirm Delete?",

nezha-fronted/src/components/page/alert/config.vue

@@ -2,6 +2,23 @@
   .account {
     height: 100%;
   }
+  .right-box::-webkit-scrollbar-track {
+    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
+    border-radius: 0;
+    background: rgba(0,0,0,0.1);
+  }
+  .right-box::-webkit-scrollbar-thumb {
+    border-radius: 5px;
+    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
+    background: rgba(0,0,0,0.2);
+  }
+  .right-box::-webkit-scrollbar {
+    width: 4px;
+    height: 4px;
+  }
+  .right-box {
+    overflow: auto;
+  }
   .account-list-option {
     cursor: pointer;
     display: inline-block;
@@ -35,12 +52,14 @@
                 <span><i class="el-icon-plus"></i></span>
                 <span class="top-tool-btn-txt">{{$t('overall.add')}}</span>
               </el-button>
-              <el-input
+              <!--<el-input
                   class="top-tool-search top-tool top-tool-right"
                   type="text"
                   :placeholder="$t('overall.search')"
                   size="mini"
-                ></el-input>
+                ></el-input>-->
+              <div class="top-tool-search top-tool top-tool-right"><search-input :Search_msg="Search_msg" ></search-input></div>
+
             </div>
             <el-table
                   :data="tableData"
@@ -303,6 +322,23 @@ export default {
   name: "alert-config",
   data() {
     return {
+      Search_msg: {
+        zheze_none: true,
+        selectListEN: [{
+          id: 1,
+          name: 'ID',
+          type: 'input',
+          label: 'id',
+          disabled: false
+        },
+        {
+          id: 2,
+          name: 'Name',
+          type: 'input',
+          label: 'name',
+          disabled: false
+        }],
+      },
       rightBox: { //弹出框相关
         show: false,
         isEdit: false, //false查看，true编辑

nezha-fronted/src/components/page/project/project.vue

@@ -584,6 +584,7 @@
     <!-- begin--module弹框-->
     <transition name="right-box">
       <div class="right-box right-box-endpoint" v-if="moduleRightBox.show" @click.stop>
+        <el-scrollbar style="height: 100%">
         <!-- begin--顶部按钮-->
         <div class="right-box-top-btns">
           <div class="right-box-top-btn right-box-top-btn-full" @click="esc(3)">
@@ -692,6 +693,7 @@
           <div @click="esc(3)" class="right-box-bottom-btn right-box-bottom-btn-cancel right-box-bottom-btn-50">{{$t('overall.cancel')}}</div><div @click="moduleSave" class="right-box-bottom-btn right-box-bottom-btn-50">{{currentModule.id == '' && moduleRightBox.isCreate ? $t('overall.create') : $t('overall.save')}}</div>
         </div>
         <!-- end--底部按钮-->
+        </el-scrollbar>
       </div>
     </transition>
     <!-- end--module弹框-->

nezha-fronted/src/main.js

@@ -15,7 +15,10 @@ import axios from 'axios';
 import {post, get, put, del} from './http.js'
 
 import Pagination from "./components/common/pagination"; //引入全局分页组件
+import searchInput from "./components/common/searchInput";
+
 Vue.component("Pagination", Pagination);
+Vue.component("searchInput", searchInput);
 
 Vue.prototype.$axios = axios
 Vue.prototype.$post = post;