图标修改

public/cdn/iconfont/1.0.0/index.css

@@ -1,31 +1,30 @@
-
-[class^="icon-"]{
-	font-family: "iconfont" !important;
-	/* 以下内容参照第三方图标库本身的规则 */
-	font-size: 18px !important;
-	font-style: normal;
-	-webkit-font-smoothing: antialiased;
-	-moz-osx-font-smoothing: grayscale;
+[class^='icon-'] {
+  font-family: 'iconfont' !important;
+  /* 以下内容参照第三方图标库本身的规则 */
+  font-size: 18px !important;
+  font-style: normal;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
 }
-.avue-icon-select__item i {
-  font-family: "iconfont" !important;
+.avue-input-icon__item i {
+  font-family: 'iconfont' !important;
   /* 以下内容参照第三方图标库本身的规则 */
   font-size: 24px !important;
   font-style: normal;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
 }
-.el-menu-item [class^=icon-] {
-    margin-right: 5px;
-    width: 24px;
-    text-align: center;
-    font-size: 18px;
-    vertical-align: middle;
+.el-menu-item [class^='icon-'] {
+  margin-right: 5px;
+  width: 24px;
+  text-align: center;
+  font-size: 18px;
+  vertical-align: middle;
 }
-.el-submenu [class^=icon-] {
-    vertical-align: middle;
-    margin-right: 5px;
-    width: 24px;
-    text-align: center;
-    font-size: 18px;
+.el-submenu [class^='icon-'] {
+  vertical-align: middle;
+  margin-right: 5px;
+  width: 24px;
+  text-align: center;
+  font-size: 18px;
 }

src/views/admin/menu/menu-form.vue

@@ -1,7 +1,6 @@
 <template>
   <!-- 添加或修改菜单对话框 -->
-  <el-dialog :title="!form.menuId ? '新增': '修改'"
-             :visible.sync="visible">
+  <el-dialog :title="!form.menuId ? '新增' : '修改'" :visible.sync="visible">
     <el-form ref="dataForm" :model="form" :rules="rules" label-width="80px">
       <el-row>
         <el-col :span="12">
@@ -15,31 +14,26 @@
         </el-col>
         <el-col :span="12">
           <el-form-item label="上级菜单">
-            <treeselect v-model="form.parentId"
-                        :options="menuOptions"
-                        :normalizer="normalizer"
-                        :show-count="true"
-                        placeholder="选择上级菜单"
-            />
+            <treeselect v-model="form.parentId" :options="menuOptions" :normalizer="normalizer" :show-count="true" placeholder="选择上级菜单" />
           </el-form-item>
         </el-col>
       </el-row>
       <el-form-item label="图标" prop="icon" v-if="form.type !== '1'">
-        <avue-icon-select v-model="form.icon" :icon-list="iconList"></avue-icon-select>
+        <avue-input-icon v-model="form.icon" :icon-list="iconList"></avue-input-icon>
       </el-form-item>
       <el-form-item label="名称" prop="name">
-        <el-input v-model="form.name" placeholder="请输入菜单名称"/>
+        <el-input v-model="form.name" placeholder="请输入菜单名称" />
       </el-form-item>
       <el-form-item label="路由地址" prop="path" v-if="form.type !== '1'">
-        <el-input v-model="form.path" placeholder="请输入路由地址"/>
+        <el-input v-model="form.path" placeholder="请输入路由地址" />
       </el-form-item>
       <el-form-item label="权限标识" prop="permission" v-if="form.type === '1'">
-        <el-input v-model="form.permission" placeholder="请权限标识" maxlength="50"/>
+        <el-input v-model="form.permission" placeholder="请权限标识" maxlength="50" />
       </el-form-item>
       <el-row>
         <el-col :span="12">
           <el-form-item label="排序" prop="sort">
-            <el-input-number v-model="form.sort" controls-position="right" :min="0"/>
+            <el-input-number v-model="form.sort" controls-position="right" :min="0" />
           </el-form-item>
         </el-col>
         <el-col :span="12">
@@ -60,117 +54,107 @@
 </template>
 
 <script>
-  import {addObj, fetchMenuTree, getObj, putObj} from '@/api/admin/menu'
-  import Treeselect from "@riophae/vue-treeselect"
-  import iconList from '@/const/iconList'
-  import TableForm from './'
-  import "@riophae/vue-treeselect/dist/vue-treeselect.css"
+import { addObj, fetchMenuTree, getObj, putObj } from '@/api/admin/menu';
+import Treeselect from '@riophae/vue-treeselect';
+import iconList from '@/const/iconList';
+import TableForm from './';
+import '@riophae/vue-treeselect/dist/vue-treeselect.css';
 
-  export default {
-    name: "Menu",
-    components: {Treeselect, TableForm},
-    data() {
-      return {
-        // 遮罩层
-        loading: true,
-        // 菜单树选项
-        menuOptions: [],
-        // 是否显示弹出层
-        visible: false,
-        // 图标
-        iconList: iconList,
-        form: {
-          menuId: undefined,
-          name: undefined,
-          path: undefined,
-          icon: undefined,
-          permission: undefined,
-          type: '0',
-          keepAlive: '0',
-          sort: 999
-        },
-        // 表单校验
-        rules: {
-          name: [
-            {required: true, message: "菜单名称不能为空", trigger: "blur"}
-          ],
-          sort: [
-            {required: true, message: "菜单顺序不能为空", trigger: "blur"}
-          ],
-          path: [
-            {required: true, message: "路由地址不能为空", trigger: "blur"}
-          ],
-          keepAlive: [
-            {required: true, message: "路由缓冲不能为空", trigger: "blur"}
-          ],
-          permission: [
-            {required: true, message: "权限标识不能为空", trigger: "blur"}
-          ]
+export default {
+  name: 'Menu',
+  components: { Treeselect, TableForm },
+  data() {
+    return {
+      // 遮罩层
+      loading: true,
+      // 菜单树选项
+      menuOptions: [],
+      // 是否显示弹出层
+      visible: false,
+      // 图标
+      iconList: iconList,
+      form: {
+        menuId: undefined,
+        name: undefined,
+        path: undefined,
+        icon: undefined,
+        permission: undefined,
+        type: '0',
+        keepAlive: '0',
+        sort: 999
+      },
+      // 表单校验
+      rules: {
+        name: [{ required: true, message: '菜单名称不能为空', trigger: 'blur' }],
+        sort: [{ required: true, message: '菜单顺序不能为空', trigger: 'blur' }],
+        path: [{ required: true, message: '路由地址不能为空', trigger: 'blur' }],
+        keepAlive: [{ required: true, message: '路由缓冲不能为空', trigger: 'blur' }],
+        permission: [{ required: true, message: '权限标识不能为空', trigger: 'blur' }]
+      }
+    };
+  },
+  methods: {
+    init(isEdit, id) {
+      if (id != null) {
+        this.form.parentId = id;
+      }
+      this.visible = true;
+      this.getTreeselect();
+      this.$nextTick(() => {
+        this.$refs['dataForm'].resetFields();
+        if (isEdit) {
+          getObj(id).then((response) => {
+            this.form = response.data.data;
+          });
+        } else {
+          this.form.menuId = undefined;
         }
-      };
+      });
     },
-    methods: {
-      init(isEdit, id) {
-        if (id != null) {
-          this.form.parentId = id;
-        }
-        this.visible = true
-        this.getTreeselect();
-        this.$nextTick(() => {
-          this.$refs['dataForm'].resetFields()
-          if (isEdit) {
-            getObj(id).then(response => {
-              this.form = response.data.data
-            })
-          } else {
-            this.form.menuId = undefined
+    // 表单提交
+    dataFormSubmit() {
+      this.$refs['dataForm'].validate((valid) => {
+        if (valid) {
+          if (this.form.parentId === undefined) {
+            this.form.parentId = -1;
           }
-        })
-      },
-      // 表单提交
-      dataFormSubmit() {
-        this.$refs['dataForm'].validate((valid) => {
-          if (valid) {
-            if (this.form.parentId === undefined) {
-              this.form.parentId = -1
-            }
 
-            if (this.form.menuId) {
-              putObj(this.form).then(data => {
-                this.$message.success('修改成功')
-                this.visible = false
-                this.$emit('refreshDataList')
-              });
-            } else {
-              addObj(this.form).then(data => {
-                this.$message.success('添加成功')
-                this.visible = false
-                this.$emit('refreshDataList')
-              })
-            }
+          if (this.form.menuId) {
+            putObj(this.form).then((data) => {
+              this.$message.success('修改成功');
+              this.visible = false;
+              this.$emit('refreshDataList');
+            });
+          } else {
+            addObj(this.form).then((data) => {
+              this.$message.success('添加成功');
+              this.visible = false;
+              this.$emit('refreshDataList');
+            });
           }
-        })
-      },
-      /** 查询菜单下拉树结构 */
-      getTreeselect() {
-        fetchMenuTree().then(response => {
-          this.menuOptions = [];
-          const menu = {id: -1, name: '根菜单', children: []};
-          menu.children = response.data.data;
-          this.menuOptions.push(menu);
-        });
-      },
-      /** 转换菜单数据结构 */
-      normalizer(node) {
-        if (node.children && !node.children.length) {
-          delete node.children;
         }
-        return {
-          id: node.id,
-          label: node.name,
-          children: node.children
-        };
+      });
+    },
+    /** 查询菜单下拉树结构 */
+    getTreeselect() {
+      fetchMenuTree().then((response) => {
+        this.menuOptions = [];
+        const menu = { id: -1, name: '根菜单', children: [] };
+        menu.children = response.data.data;
+        this.menuOptions.push(menu);
+      });
+    },
+    /** 转换菜单数据结构 */
+    normalizer(node) {
+      if (node.children && !node.children.length) {
+        delete node.children;
       }
+      return {
+        id: node.id,
+        label: node.name,
+        children: node.children
+      };
     }
-  };
+  }
+};
 </script>

src/views/serviceManagement/servicesToBeReviewed/index.vue

@@ -0,0 +1,7 @@
+<template>
+  <div>服务待审核</div>
+</template>
+
+<script></script>
+
+<style lang="scss" scoped></style>