前端添加菜单图标种类

attendance-performance-manager-ui/admin/public/icon.txt

+platform-eleme
+eleme
+delete-solid
+delete
+s-tools
+setting
+user-solid
+user
+phone
+phone-outline
+more
+more-outline
+star-on
+star-off
+s-goods
+goods
+warning
+warning-outline
+question
+info
+remove
+circle-plus
+success
+error
+zoom-in
+zoom-out
+remove-outline
+circle-plus-outline
+circle-check
+circle-close
+s-help
+help
+minus
+plus
+check
+close
+picture
+picture-outline
+picture-outline-round
+upload
+upload2
+download
+camera-solid
+camera
+video-camera-solid
+video-camera
+message-solid
+bell
+s-cooperation
+s-order
+s-platform
+s-fold
+s-unfold
+s-operation
+s-promotion
+s-home
+s-release
+s-ticket
+s-management
+s-open
+s-shop
+s-marketing
+s-flag
+s-comment
+s-finance
+s-claim
+s-custom
+s-opportunity
+s-data
+s-check
+s-grid
+menu
+share
+d-caret
+caret-left
+caret-right
+caret-bottom
+caret-top
+bottom-left
+bottom-right
+back
+right
+bottom
+top
+top-left
+top-right
+arrow-left
+arrow-right
+arrow-down
+arrow-up
+d-arrow-left
+d-arrow-right
+video-pause
+video-play
+refresh
+refresh-right
+refresh-left
+finished
+sort
+sort-up
+sort-down
+rank
+loading
+view
+c-scale-to-original
+date
+edit
+edit-outline
+folder
+folder-opened
+folder-add
+folder-remove
+folder-delete
+folder-checked
+tickets
+document-remove
+document-delete
+document-copy
+document-checked
+document
+document-add
+printer
+paperclip
+takeaway-box
+search
+monitor
+attract
+mobile
+scissors
+umbrella
+headset
+brush
+mouse
+coordinate
+magic-stick
+reading
+data-line
+data-board
+pie-chart
+data-analysis
+collection-tag
+film
+suitcase
+suitcase-1
+receiving
+collection
+files
+notebook-1
+notebook-2
+toilet-paper
+office-building
+school
+table-lamp
+house
+no-smoking
+smoking
+shopping-cart-full
+shopping-cart-1
+shopping-cart-2
+shopping-bag-1
+shopping-bag-2
+sold-out
+sell
+present
+box
+bank-card
+money
+coin
+wallet
+discount
+price-tag
+news
+guide
+male
+female
+thumb
+cpu
+link
+connection
+open
+turn-off
+set-up
+chat-round
+chat-line-round
+chat-square
+chat-dot-round
+chat-dot-square
+chat-line-square
+message
+postcard
+position
+turn-off-microphone
+microphone
+close-notification
+bangzhu
+time
+odometer
+crop
+aim
+switch-button
+full-screen
+copy-document
+mic
+stopwatch
+medal-1
+medal
+trophy
+trophy-1
+first-aid-kit
+discover
+place
+location
+location-outline
+location-information
+add-location
+delete-location
+map-location
+alarm-clock
+timer
+watch-1
+watch
+lock
+unlock
+key
+service
+mobile-phone
+bicycle
+truck
+ship
+basketball
+football
+soccer
+baseball
+wind-power
+light-rain
+lightning
+heavy-rain
+sunrise
+sunrise-1
+sunset
+sunny
+cloudy
+partly-cloudy
+cloudy-and-sunny
+moon
+moon-night
+dish
+dish-1
+food
+chicken
+fork-spoon
+knife-fork
+burger
+tableware
+sugar
+dessert
+ice-cream
+hot-water
+water-cup
+coffee-cup
+cold-drink
+goblet
+goblet-full
+goblet-square
+goblet-square-full
+refrigerator
+grape
+watermelon
+cherry
+apple
+pear
+orange
+coffee
+ice-tea
+ice-drink
+milk-tea
+potato-strips
+lollipop
+ice-cream-square
+ice-cream-round

attendance-performance-manager-ui/admin/src/components/Form.vue

@@ -8,7 +8,7 @@
 </template>
 
 <style lang="less">
-@media screen and (max-width: 800px){
+@media screen and (max-width: 1440px){
   .layout-form{
     form{
       width: 100%!important;
@@ -25,7 +25,7 @@
     border-bottom: 1px solid #ededed;
   }
   form{
-    width: 800px;
+    width: 1440px;
     &[loading]{
       pointer-events: none;
       .el-button{

attendance-performance-manager-ui/admin/src/views/system/menu/show.vue

 <template>
-  <layout-form>
+  <layout-form >
     <el-form
-      :model="form" 
-      :loading="loading" 
-      :rules="rules" 
+      :model="form"
+      :loading="loading"
+      :rules="rules"
       size='small'
       label-width='100px'
-      ref="form" 
+      ref="form"
     >
-      <el-row>
+      <el-row :span='20'>
         <Field label="ID" prop="id" v-model="form.id" v-if='pageInfo.type !== "add"' disabled />
         <Field label="名称" prop="name" v-model="form.name"/>
         <Field label="权限类型" prop="authType" v-model="form.authType" :enumData='dict.authType' type='select' />
@@ -19,7 +19,7 @@
           <el-radio-group v-model="form.imgPath" class='form-el-radio-group'>
             <el-radio-button label="">不需要图标</el-radio-button>
             <el-radio-button v-for='(icon, index) in icons' :key='index' :label="icon">
-              <i :class="'el-icon-'+icon"></i>
+              <i :class="'el-icon-'+icon" style="font-size: 20px"></i>
               {{icon}}
             </el-radio-button>
           </el-radio-group>
@@ -32,7 +32,7 @@
 
 <script>
 import form from '@/assets/mixins/form';
-
+import axios from 'axios'
 export default {
   mixins: [form],
   methods: {
@@ -40,28 +40,36 @@ export default {
       this.$store.dispatch('login');
       this.$router.go(-1);
     },
-    // 合并父子数组
-    combineArr(Array,menu){
-      Array.forEach(item => {
-        if(item.childList.length>0){
-          menu[item.id+''] = item.name
-          this.combineArr(item.childList,menu)
-        }else{
-          menu[item.id+''] = item.name
-        }
-      })
-    }
   },
+  created() {
+    axios.get('/icon.txt')
+        .then(response => {
+          this.fileContent = response.data
+          this.icons = this.fileContent.split('\n')
+          //this.lines.map(i=>console.log(i))
+        })
+  },
+
   computed: {
     menu() {
       let menu = {'0': '无'};
-      this.combineArr(this.$store.state.userData.barList,menu)
-      console.log(menu)
+      this.$store.state.userData.barList.forEach(item=>{
+        menu[item.id+''] = item.name
+      });
       return menu;
     }
   },
+  // mounted() {
+  //   axios.get('/icon.txt')
+  //       .then(response => {
+  //         this.fileContent = response.data
+  //         this.lines = this.fileContent.split('\n')
+  //         this.lines.map(i=>console.log(i))
+  //       })
+  // },
   data() {
     return {
+      fileContent:"",
       toString: ['parentId', 'authType', 'status'],
       icons: [
         'info', 'error', 'success', 'warning', 'question',