修改：菜单界面

src/components/select/icon.vue

@@ -10,13 +10,10 @@
   >
     <el-tabs v-model="activeName" @tab-click="handleTabClick">
       <el-tab-pane label="本地" name="first" >
-        <icon-list :icon-list="iconList" :select="select"></icon-list>
+        <icon-list ref="local" :icon-list="iconList" @select="select"></icon-list>
       </el-tab-pane>
       <el-tab-pane label="iconfont" name="second">
-        <icon-list :icon-list="iconfontList" :select="select"></icon-list>
-      </el-tab-pane>
-      <el-tab-pane label="其他" name="third">
-
+        <icon-list ref="iconfont" :icon-list="iconfontList" @select="select"></icon-list>
       </el-tab-pane>
     </el-tabs>
     <div slot="reference" :class="{'al-icon-picker': true, 'al-icon-picker-open': pickerOpen}"
@@ -86,6 +83,7 @@ export default {
       this.pickerOpen = false
     },
     select(icon){
+      console.log('6789')
       this.currentValue = icon
       this.$emit('input', icon)
       this.$refs.popover.doClose()

src/components/select/iconList.vue

@@ -1,5 +1,5 @@
 <template>
-  <el-scrollbar style="height: 280px">
+  <el-scrollbar style="height: 280px;">
     <el-row>
       <el-col :span="4" v-for="(item, index) in iconList" :key="index">
         <el-card shadow="hover" class="al-card-border" :title="item">

src/components/table/TableList.vue

@@ -51,6 +51,9 @@
               <div v-if="item.tag">
                 <el-tag size="mini" v-for="tagname in item.formatData(scope.row[item.prop])" :key="tagname">{{tagname}}</el-tag>
               </div>
+              <div v-else-if="item.icon">
+                <svg-icon :icon-class="item.formatData(scope.row[item.prop])"></svg-icon>
+              </div>
               <div v-else>
                 <span else>{{ item.formatData(scope.row[item.prop]) || scope.row[item.prop]}}</span>
               </div>

src/styles/index.scss

@@ -15,7 +15,7 @@ body {
 
 /deep/::-webkit-scrollbar {
   /*滚动条整体样式*/
-  width: 12px;
+  width: 10px;
   height: 10px;
 }
 /deep/::-webkit-scrollbar-thumb {
@@ -148,3 +148,14 @@ div:focus {
 .al-card-border {
   border: 1px solid #ededed;
 }
+.al-select {
+  .el-scrollbar__wrap {
+    &::-webkit-scrollbar {
+      width: 0;
+      height: 0;
+    }
+  }
+  .el-scrollbar__bar.is-vertical{
+    width: 6px!important;
+  }
+}

src/views/setting/sys/menuManager.vue

@@ -33,6 +33,7 @@
           <el-col :sm="12">
             <el-form-item label="权限标识:" prop="authority">
               <el-select
+                class="al-select"
                 v-model="form.authority"
                 placeholder="请选择权限标识"
                 clearable
@@ -157,6 +158,7 @@ export default {
         },
         tableHeader: [
           {prop: 'name', label: '菜单名称', noScope: true, align: 'left'},
+          {prop: 'icon', label: '图标', icon: true, formatData: (icon)=> {return icon}, width: 50},
           {prop: 'path', label: '路由地址'},
           {prop: 'component', label: '组件路径'},
           {prop: 'authority', label: '权限标识'},