From 141d7b3812457e18549a0f0c98db0ee0b5e83478 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=99=88=E6=B5=A9=E7=8E=AE?= <chen.haowei@iwhalecloud.com>
Date: Wed, 30 Jun 2021 17:15:15 +0800
Subject: [PATCH] =?UTF-8?q?=E8=A7=92=E8=89=B2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/menu.js                               |  5 +++-
 src/components/FormMixin/index.js             |  2 +-
 src/pages/system/view/role/RoleManagement.vue |  8 +++---
 src/pages/system/view/role/form.vue           | 25 ++++++++-----------
 4 files changed, 19 insertions(+), 21 deletions(-)

diff --git a/src/api/menu.js b/src/api/menu.js
index 9b64f2d..11aad8d 100644
--- a/src/api/menu.js
+++ b/src/api/menu.js
@@ -1,4 +1,4 @@
-import { delReq, getReq, postReq } from '@/utils';
+import { delReq, getReq, postReq, putReq } from '@/utils';
 
 export function delMenuApi(id) {
     return delReq(`/api/v1/menus/${id}`);
@@ -15,3 +15,6 @@ export function addMenuApi(data) {
 export function addRoleApi(data) {
     return postReq('/api/v1/roles', data);
 }
+export function updateRoleApi(data) {
+    return putReq('/api/v1/roles', data);
+}
diff --git a/src/components/FormMixin/index.js b/src/components/FormMixin/index.js
index cb43e98..ec20166 100644
--- a/src/components/FormMixin/index.js
+++ b/src/components/FormMixin/index.js
@@ -27,7 +27,7 @@ export default {
             }
         },
         setData(data, type) {
-            this.form = data;
+            this.form = { ...data };
             this.type = type;
         },
     },
diff --git a/src/pages/system/view/role/RoleManagement.vue b/src/pages/system/view/role/RoleManagement.vue
index 3c1ab42..012b63a 100644
--- a/src/pages/system/view/role/RoleManagement.vue
+++ b/src/pages/system/view/role/RoleManagement.vue
@@ -3,9 +3,9 @@
         <template #drawer>
             <Form ref="form" />
         </template>
-
-        <a-table-column title="名称" data-index="roleName" />
-        <a-table-column title="说明" data-index="remark" />
+        <a-table-column title="角色名称" data-index="roleName" />
+        <a-table-column title="角色编码" data-index="roleCode" />
+        <a-table-column title="角色说明" data-index="remark" />
         <a-table-column title="操作">
             <template #default="row">
                 <a @click="() => view(row, 2)">查看</a>
@@ -36,7 +36,7 @@ export default {
         view(data, type) {
             this.$refs['table']?.show({ type });
             this.$nextTick(() => {
-                this.$refs['form'].setData(data, type);
+                this.$refs['form'].setData({ ...data }, type);
             });
         },
     },
diff --git a/src/pages/system/view/role/form.vue b/src/pages/system/view/role/form.vue
index 41b3a61..0feb86f 100644
--- a/src/pages/system/view/role/form.vue
+++ b/src/pages/system/view/role/form.vue
@@ -1,5 +1,5 @@
 <template>
-    <a-form-model layout="vertical" :model="form" :rules="rules">
+    <a-form-model layout="vertical" :model="form" :rules="rules" ref="DrawerForm">
         <a-form-model-item label="角色名称">
             <a-input v-model="form.roleName" :disabled="isView" />
         </a-form-model-item>
@@ -18,33 +18,28 @@
 
 <script>
 import MenuTree from '@/components/menu_tree/index.vue';
-import { addRoleApi } from '@/api';
+import FormMixin from '@/components/FormMixin';
+import { addRoleApi, updateRoleApi } from '@/api';
 
 export default {
+    mixins: [FormMixin],
     components: { MenuTree },
     data() {
         return {
-            type: 0,
             form: {},
             rules: {},
             checkedKeys: [],
         };
     },
-    computed: {
-        isEdit() {
-            return this.type === 1;
-        },
-        isView() {
-            return this.type === 2;
-        },
-    },
+    computed: {},
     methods: {
-        submit() {
+        add() {
+            console.log(1);
             return addRoleApi({ ...this.form, authorityList: this.$refs['menuTree'].get() });
         },
-        setData(data, type) {
-            this.form = data;
-            this.type = type;
+        edit() {
+            console.log(1);
+            return updateRoleApi({ ...this.form, authorityList: this.$refs['menuTree'].get() });
         },
     },
 };
-- 
GitLab