修改

src/App.vue

@@ -11,7 +11,7 @@ export default {
 </script>
 
 <style>
-@import "//at.alicdn.com/t/font_1769104_qg9btfnng5.css";
+@import "//at.alicdn.com/t/font_1769104_25q16n3sqko.css";
 @import "./assets/css/common.css";
 @import "./assets/css/zkcss.css";
 html,

src/components/system/menu.vue

@@ -27,7 +27,7 @@
 <template>
   <div class="menuDiv">
     <div class="query-box">
-      <button type="button" class="normalBtn" @click="menuDialog=true">新增</button>
+      <button type="button" class="normalBtn" @click="menuDialog=true,resetMsg()">新增</button>
     </div>
     <table class="commonTable" border="0" cellspacing="0" cellpadding="0" v-loading="loading">
       <tr>
@@ -37,14 +37,33 @@
         <th>菜单等级</th>
         <th>父级菜单编号</th>
         <th>状态</th>
+        <th>操作</th>
+      </tr>
+      <tr v-for="(item,index) in dataList" :key="index">
+          <td>{{item.MenuId}}</td>
+          <td>{{item.MenuName}}</td>
+          <td>{{item.MenuUrl}}</td>
+          <td>{{item.MenuLevel}}</td>
+          <td>{{item.ParentId}}</td>
+          <td>{{item.StatusStr}}</td>
+          <td>
+            <el-tooltip class="item" effect="dark" content="修改" placement="top-start">
+                <el-button type="primary" icon="el-icon-edit" @click="getMenu(item.MenuId)" circle style="padding:6px;"></el-button>
+            </el-tooltip>
+            <el-tooltip class="item" effect="dark" content="删除" placement="top-start">
+                <el-button v-if="item.Status==0" type="danger" icon="el-icon-delete" @click="delMenu(item.MenuId)" circle style="padding:6px;"></el-button>
+            </el-tooltip>
+            <el-tooltip class="item" effect="dark" content="恢复" placement="top-start">
+                <el-button v-if="item.Status==1" type="primary" icon="iconfont icon-icon_huifu" @click="recoverMenu(item.MenuId)" circle style="padding:5px;"></el-button>
+            </el-tooltip>
+          </td>
       </tr>
-
     </table>
     <el-pagination background @current-change="handleCurrentChange" :current-page.sync="currentPage"
       v-if="dataList.length>0" layout="total,prev, pager, next, jumper" :page-size="msg.pageSize" :total="total">
     </el-pagination>
 
-    <!-- 修改密码 -->
+    <!-- 新增菜单 -->
     <el-dialog title="新增菜单" :visible.sync="menuDialog" width="500px">
       <el-form :model="addMsg" :rules="menurules" ref="addMsg" label-width="150px">
         <el-form-item label="菜单名称" prop="MenuName">
@@ -115,6 +134,19 @@
         this.msg.pageIndex = val;
         this.getPageList();
       },
+      //重置菜单
+      resetMsg(){
+        let msg = {
+          MenuName: '',
+          MenuUrl: '',
+          MenuLevel: 1,
+          ParentId: 0,
+          IconClass: '',
+          Status: 0,
+          SortNum: 0,
+        }
+        this.addMsg = msg;
+      },
       //获取分页数据
       getPageList() {
         this.apipost("/api/Tenant/GetMenuPage", this.msg, res => {
@@ -131,6 +163,7 @@
         this.apipost("/api/Tenant/SetMenu", this.addMsg, res => {
           if (res.data.resultCode == 1) {
             this.getPageList();
+            this.menuDialog=false;
           } else {
             this.Info(res.data.message);
           }
@@ -141,10 +174,9 @@
         this.apipost("/api/Tenant/GetMenu", {
           MenuId: Id
         }, res => {
-          console.log(res);
-          1
           if (res.data.resultCode == 1) {
-
+            this.addMsg = res.data.data;
+            this.menuDialog=true;
           } else {
             this.Info(res.data.message);
           }
@@ -152,17 +184,20 @@
       },
       //删除菜单
       delMenu(Id) {
-        this.apipost("/api/Tenant/SetMenuStatus", {
-          MenuId: Id,
-          Status: 1
-        }, res => {
-          console.log(res);
-          if (res.data.resultCode == 1) {
-
-          } else {
-            this.Info(res.data.message);
-          }
-        })
+        var that = this;
+        that.Confirm("是否删除?", function () {
+            that.apipost("/api/Tenant/SetMenuStatus", {
+                MenuId: Id,
+                Status: 1
+                }, res => {
+                if (res.data.resultCode == 1) {
+                    that.Success(res.data.message);
+                    that.getPageList();
+                } else {
+                    that.Info(res.data.message);
+                }
+            })
+        });
       },
       //恢复菜单
       recoverMenu(Id) {
@@ -170,9 +205,9 @@
           MenuId: Id,
           Status: 0
         }, res => {
-          console.log(res);
           if (res.data.resultCode == 1) {
-
+                this.Success(res.data.message);
+                this.getPageList();
           } else {
             this.Info(res.data.message);
           }