菜单管理

src/views/system/menu/index.vue

@@ -31,6 +31,16 @@
       <el-col v-if="false" :span="20" :xs="24">
         <div>
           <el-row :gutter="10" class="mb8">
+            <el-col :span="1.5">
+              <el-button
+                type="success"
+                plain
+                icon="el-icon-plus"
+                size="mini"
+                :disabled="!!(menuRow.id)"
+                @click="handleAddMenu"
+              >新增</el-button>
+            </el-col>
             <el-col :span="1.5">
               <el-button
                 type="danger"
@@ -39,7 +49,7 @@
                 size="mini"
                 :disabled="multiple"
                 @click="handleDelete"
-              >批量删除</el-button>
+              >删除</el-button>
             </el-col>
             <right-toolbar :show-search.sync="showSearch" @queryTable="getList"></right-toolbar>
           </el-row>
@@ -47,24 +57,31 @@
           <el-table v-loading="loading" :data="userList" @selection-change="handleSelectionChange">
             <el-table-column type="selection" width="50" align="center" />
             <el-table-column
-              key="userName"
+              key="resourceName"
               label="名称"
               align="center"
-              prop="userName"
+              prop="resourceName"
               :show-overflow-tooltip="true"
             />
             <el-table-column
-              key="nickName"
+              key="resourcePerms"
               label="权限标识"
               align="center"
-              prop="nickName"
+              prop="resourcePerms"
               :show-overflow-tooltip="true"
             />
             <el-table-column
-              key="deptName"
+              key="resourceType"
+              label="类型"
+              align="center"
+              prop="resourceType"
+              :show-overflow-tooltip="true"
+            />
+            <el-table-column
+              key="resourceRoute"
               label="路径"
               align="center"
-              prop="dept.deptName"
+              prop="resourceRoute"
               :show-overflow-tooltip="true"
             />
             <el-table-column key="status" label="状态" align="center">
@@ -80,11 +97,11 @@
             <el-table-column
               label="创建时间"
               align="center"
-              prop="createTime"
+              prop="createdAt"
               width="160"
             >
               <template slot-scope="scope">
-                <span>{{ scope.row.createTime }}</span>
+                <span>{{ scope.row.createdAt }}</span>
               </template>
             </el-table-column>
             <el-table-column
@@ -137,15 +154,15 @@
             </el-form-item>
           </el-col>
           <el-col :span="24">
-            <el-form-item label="菜单类型" prop="menuType">
-              <el-radio-group v-model="form.menuType">
-                <el-radio label="M">目录</el-radio>
-                <el-radio label="C">菜单</el-radio>
-                <el-radio label="F">按钮</el-radio>
+            <el-form-item label="菜单类型" prop="resourceType">
+              <el-radio-group v-model="form.resourceType">
+                <el-radio label="1">目录</el-radio>
+                <el-radio label="2">菜单</el-radio>
+                <el-radio label="3">按钮</el-radio>
               </el-radio-group>
             </el-form-item>
           </el-col>
-          <el-col v-if="form.menuType != 'F'" :span="24">
+          <el-col v-if="form.resourceType != '3'" :span="24">
             <el-form-item label="菜单图标" prop="icon">
               <el-popover
                 placement="bottom-start"
@@ -177,7 +194,7 @@
               <el-input-number v-model="form.orderNum" controls-position="right" :min="0" />
             </el-form-item>
           </el-col>
-          <el-col v-if="form.menuType != 'F'" :span="12">
+          <el-col v-if="form.resourceType != '3'" :span="12">
             <el-form-item prop="path">
               <span slot="label">
                 <el-tooltip content="访问的路由地址，如：`user`，如外网地址需内链访问则以`http(s)://`开头" placement="top">
@@ -187,7 +204,7 @@
               <el-input v-model="form.path" placeholder="请输入路由地址" />
             </el-form-item>
           </el-col>
-          <el-col v-if="form.menuType == 'C'" :span="12">
+          <el-col v-if="form.resourceType == '2'" :span="12">
             <el-form-item prop="component">
               <span slot="label">
                 <el-tooltip content="访问的组件路径，如：`system/user/index`，默认在`views`目录下" placement="top">
@@ -197,7 +214,7 @@
               <el-input v-model="form.component" placeholder="请输入组件路径" />
             </el-form-item>
           </el-col>
-          <el-col v-if="form.menuType != 'M'" :span="12">
+          <el-col v-if="form.resourceType != '1'" :span="12">
             <el-form-item prop="perms">
               <el-input v-model="form.perms" placeholder="请输入权限标识" maxlength="100" />
               <span slot="label">
@@ -210,7 +227,7 @@
               </span>
             </el-form-item>
           </el-col>
-          <!-- <el-col v-if="form.menuType == 'C'" :span="12">
+          <!-- <el-col v-if="form.resourceType == 'C'" :span="12">
             <el-form-item prop="query">
               <el-input v-model="form.query" placeholder="请输入路由参数" maxlength="255" />
               <span slot="label">
@@ -220,7 +237,7 @@
               </span>
             </el-form-item>
           </el-col> -->
-          <el-col v-if="form.menuType != 'F'" :span="12">
+          <el-col v-if="form.resourceType != '3'" :span="12">
             <el-form-item prop="status">
               <span slot="label">
                 <el-tooltip content="选择停用则路由将不会出现在侧边栏，也不能被访问" placement="top">
@@ -393,18 +410,18 @@ export default {
     // 表单重置
     reset() {
       this.form = {
-        userId: undefined,
-        deptId: undefined,
-        userName: undefined,
-        nickName: undefined,
-        password: undefined,
-        phonenumber: undefined,
-        email: undefined,
-        sex: undefined,
+        id: undefined,
+        parentId: undefined,
+        resourceName: undefined,
+        resourcePath: undefined,
+        resourcePerms: undefined,
+        resourceRoute: undefined,
+        resourceType: undefined,
         status: '0',
+        icon: undefined,
+        orderNum: undefined,
+        component: undefined,
         remark: undefined,
-        postIds: [],
-        roleIds: []
       };
       this.resetForm('form');
     },
@@ -428,15 +445,10 @@ export default {
       this.multiple = !selection.length;
     },
     /** 新增按钮操作 */
-    handleAdd() {
+    handleAddMenu() {
       this.reset();
-      // getUser().then(response => {
-      //   this.postOptions = response.posts;
-      //   this.roleOptions = response.roles;
-      //   this.open = true;
-      //   this.title = '添加用户';
-      //   this.form.password = this.initPassword;
-      // });
+      this.title = '新增';
+      this.open = true;
     },
     /** 修改按钮操作 */
     handleUpdate(row) {