CN-72 fix：setting 所有列表页面 表头设置框 样式调整

CN-71 feat:用户，角色，i18n，操作记录列表页面 添加搜索框

src/components/table/CnDataList.vue

@@ -9,6 +9,8 @@
             <slot name="top-tool-left"></slot>
           </div>
           <div class="top-tool-right">
+            <el-input v-model="keyWord" value="keyWord"></el-input>
+            <el-button @click="onSearch" icon="el-icon-search" type="info" size="mini" style="margin-right: 10px"></el-button>
             <div v-if="showLayout.indexOf('searchInput') > -1" class="top-tool-search margin-r-20"></div>
             <slot name="top-tool-right"></slot>
             <button v-if="showLayout.indexOf('elementSet') > -1"  class="top-tool-btn"
@@ -43,6 +45,7 @@
 <script>
 import columnCustomize from '@/components/table/ColumnCustomize'
 import { fromRoute } from '@/utils/constants'
+import { get } from '@/utils/http'
 
 export default {
   name: 'cnDataList',
@@ -70,16 +73,25 @@ export default {
   },
   data () {
     return {
+      keyWord:"",
       fromRoute: fromRoute,
       tools: {
         showCustomTableTitle: false // 自定义列弹框是否显示
       },
-      showLayout: []
+      showLayout: [],
+      Search:[],
     }
   },
   methods: {
     updateCustomTableTitle (custom) {
       this.$emit('update:customTableTitle', custom)
+    },
+    onSearch () {
+      get('sys/log?pageNo=1&pageSize=30').then(res => {
+        if(res.code === 200){
+          this.Search = res.data.list
+        }
+      })
     }
   },
   watch: {
@@ -93,3 +105,5 @@ export default {
   }
 }
 </script>
+<style>
+</style>

src/components/table/ColumnCustomize.vue

@@ -2,7 +2,7 @@
   <div class="pop-custom" v-ele-click-outside="esc">
     <div class="pop-title">{{$t('overall.select')}}</div>
     <div class="pop-box custom-labels">
-      <div style="height: 100%; overflow: auto;">
+      <div style="height: 100%; border-radius:2%; border:1px solid #DCDFE6; overflow: auto;">
         <!--NotSet 为true不可设置-->
         <div
           v-for="(item,index) in custom"
@@ -29,7 +29,7 @@
         <el-button size="mini" :id="tableId+'-element-set-esc'" class="cn-btn cn-btn-size-small-new cn-btn-style-light-new" type="button" @click="esc">
           <span class="top-tool-btn-txt">{{$t('overall.esc')}}</span>
         </el-button>
-        <el-button size="mini" :id="tableId+'-element-set-save'" class="cn-btn cn-btn-size-small-new cn-btn-style-normal-new" type="button" @click="save">
+        <el-button size="mini" :id="tableId+'-element-set-save'" class="cn-btn cn-btn-size-small-new cn-btn-style-normal-new" type="button" @click="save" style="background-color: #0091ff;color:#DCDFE6">
           <span class="top-tool-btn-txt">{{$t('overall.save')}}</span>
         </el-button>
       </div>
@@ -116,6 +116,9 @@ export default {
 </script>
 
 <style lang="scss">
+.pop-title{
+  margin-top: 7px;
+}
 .pop-custom {
   padding: 0 12px 12px 12px;
   border: 1px solid #EBEEF5;
@@ -127,6 +130,8 @@ export default {
   background: #fff;
   border-radius: 4px;
   z-index: 999999;
+  box-shadow: inset 0 0 10px #CCC;
+  box-sizing:border-box
 }
 .pop-custom-explore {
   top: 33px;
@@ -152,6 +157,10 @@ export default {
   cursor: default;
   font-size: 14px;
 }
+.custom-label:hover{
+  color: #cccccc;
+  background-color: #DCDFE6;
+}
 .custom-title{
   padding: 2px 0 2px 2px;
 }