提交

ele-admin-template/src/api/login/index.js

@@ -13,17 +13,6 @@ export async function login(data) {
   return Promise.reject(new Error(res.data.message));
 }
 
-export async function sub() {
-  const res = await request.post('/main/user/login', {
-    loginName: 'aaa',
-    loginPwd: '123456'
-  });
-  if (res) {
-    console.log(res);
-  }
-  return Promise.reject(new Error(res.data.message));
-}
-
 /**
  * 获取验证码
  */

ele-admin-template/src/api/system/role/index.js

@@ -8,7 +8,24 @@ export async function pageRoles(params) {
   const res = await request.get('/sys/role/page', {
     params
   });
+<<<<<<< HEAD
   if (res.data.code === 0) {
+=======
+
+  if (res.data.code == 0) {
+    return {
+      list: res.data.data.records,
+      count: res.data.data.total
+    };
+  }
+  return Promise.reject(new Error(res.data.message));
+}
+
+export async function putRoles(params) {
+  const res = await request.put('/sys/role/update', params);
+
+  if (res.data.code == 0) {
+>>>>>>> 3fe537e530f1a660c882b9b2638eb20d534c2b06
     return res.data;
   }
   return Promise.reject(new Error(res.data.message));
@@ -33,8 +50,8 @@ export async function listRoles(params) {
  * @param data 角色信息
  */
 export async function addRole(data) {
-  const res = await request.post('/system/role', data);
-  if (res.data.code === 0) {
+  const res = await request.post('/sys/role/add', data);
+  if (res.data.code == 0) {
     return res.data.message;
   }
   return Promise.reject(new Error(res.data.message));
@@ -56,9 +73,20 @@ export async function updateRole(data) {
  * 删除角色
  * @param id 角色id
  */
-export async function removeRole(id) {
-  const res = await request.delete('/system/role/' + id);
-  if (res.data.code === 0) {
+export async function removeRole(id, f) {
+  let res;
+  if (f) {
+    res = await request.delete('/sys/role/delete', {
+      data: id
+    });
+  } else {
+    res = await request.delete('/sys/role/delete', {
+      data: [id]
+    });
+  }
+
+  console.log(res);
+  if (res.data.code == 0) {
     return res.data.message;
   }
   return Promise.reject(new Error(res.data.message));

ele-admin-template/src/layout/index.vue

@@ -58,9 +58,9 @@
       <header-tools :fullscreen="fullscreen" @fullscreen="onFullscreen" />
     </template>
     <!-- 全局页脚 -->
-    <template v-slot:footer>
+    <!-- <template v-slot:footer>
       <page-footer />
-    </template>
+    </template> -->
     <!-- 自定义菜单标题增加徽章、小红点 -->
     <template v-slot:title="{ title, item }">
       <span>{{ title }} </span>

ele-admin-template/src/views/system/role/components/role-edit.vue

@@ -8,30 +8,32 @@
     @update:visible="updateVisible"
   >
     <el-form ref="form" :model="form" :rules="rules" label-width="82px">
-      <el-form-item label="角色名称:" prop="roleName">
+      <el-form-item label="角色名称:" prop="name">
         <el-input
           clearable
           :maxlength="20"
-          v-model="form.roleName"
+          v-model="form.name"
           placeholder="请输入角色名称"
         />
       </el-form-item>
-      <el-form-item label="角色标识:" prop="roleCode">
+      <el-form-item label="组织ID:" prop="groupId">
         <el-input
           clearable
           :maxlength="20"
-          v-model="form.roleCode"
+          v-model="form.groupId"
           placeholder="请输入角色标识"
         />
       </el-form-item>
-      <el-form-item label="备注:">
-        <el-input
-          :rows="4"
-          type="textarea"
-          :maxlength="200"
-          v-model="form.comments"
-          placeholder="请输入备注"
-        />
+      <el-form-item label="启用状态:" prop="enable">
+        <el-switch
+          v-model="form.enable"
+          active-color="#13ce66"
+          inactive-color="#ff4949"
+          :active-value="1"
+          :inactive-value="0"
+          @change="changeEnable(row)"
+        >
+        </el-switch>
       </el-form-item>
     </el-form>
     <template v-slot:footer>
@@ -44,7 +46,7 @@
 </template>
 
 <script>
-  import { addRole, updateRole } from '@/api/system/role';
+  import { addRole, putRoles } from '@/api/system/role';
 
   export default {
     props: {
@@ -55,10 +57,9 @@
     },
     data() {
       const defaultForm = {
-        roleId: null,
-        roleName: '',
-        roleCode: '',
-        comments: ''
+        name: '',
+        groupId: '',
+        enable: 1
       };
       return {
         defaultForm,
@@ -66,14 +67,14 @@
         form: { ...defaultForm },
         // 表单验证规则
         rules: {
-          roleName: [
+          name: [
             {
               required: true,
               message: '请输入角色名称',
               trigger: 'blur'
             }
           ],
-          roleCode: [
+          groupId: [
             {
               required: true,
               message: '请输入角色标识',
@@ -95,11 +96,11 @@
             return false;
           }
           this.loading = true;
-          const saveOrUpdate = this.isUpdate ? updateRole : addRole;
+          const saveOrUpdate = this.isUpdate ? putRoles : addRole;
           saveOrUpdate(this.form)
             .then((msg) => {
               this.loading = false;
-              this.$message.success(msg);
+              this.$message.success(this.isUpdate ? '修改' : '增加' + msg);
               this.updateVisible(false);
               this.$emit('done');
             })
@@ -118,7 +119,8 @@
       visible(visible) {
         if (visible) {
           if (this.data) {
-            this.$util.assignObject(this.form, this.data);
+            // this.$util.assignObject(this.form, this.data);
+            this.form = this.data;
             this.isUpdate = true;
           } else {
             this.isUpdate = false;

ele-admin-template/src/views/system/role/components/role-search.vue

@@ -9,19 +9,19 @@
     <el-row :gutter="15">
       <el-col v-bind="styleResponsive ? { lg: 6, md: 12 } : { span: 6 }">
         <el-form-item label="角色名称:">
-          <el-input clearable v-model="where.roleName" placeholder="请输入" />
+          <el-input clearable v-model="where.name" placeholder="请输入" />
         </el-form-item>
       </el-col>
       <el-col v-bind="styleResponsive ? { lg: 6, md: 12 } : { span: 6 }">
-        <el-form-item label="角色标识:">
-          <el-input clearable v-model="where.roleCode" placeholder="请输入" />
+        <el-form-item label="组织ID:">
+          <el-input clearable v-model="where.groupId" placeholder="请输入" />
         </el-form-item>
       </el-col>
-      <el-col v-bind="styleResponsive ? { lg: 6, md: 12 } : { span: 6 }">
+      <!-- <el-col v-bind="styleResponsive ? { lg: 6, md: 12 } : { span: 6 }">
         <el-form-item label="备注:">
           <el-input clearable v-model="where.comments" placeholder="请输入" />
         </el-form-item>
-      </el-col>
+      </el-col> -->
       <el-col v-bind="styleResponsive ? { lg: 6, md: 12 } : { span: 6 }">
         <div class="ele-form-actions">
           <el-button
@@ -40,13 +40,13 @@
 </template>
 
 <script>
+  import { login } from '@/api/login';
   export default {
     data() {
       // 默认表单数据
       const defaultWhere = {
-        roleName: '',
-        roleCode: '',
-        comments: ''
+        name: '',
+        groupId: ''
       };
       return {
         // 表单数据
@@ -62,6 +62,7 @@
     methods: {
       /* 搜索 */
       search() {
+        console.log(this.where);
         this.$emit('search', this.where);
       },
       /*  重置 */

ele-admin-template/src/views/system/role/index.vue

@@ -32,6 +32,17 @@
             删除
           </el-button>
         </template>
+        <template v-slot:enable="{ row }">
+          <el-switch
+            v-model="row.enable"
+            active-color="#13ce66"
+            inactive-color="#ff4949"
+            :active-value="1"
+            :inactive-value="0"
+            @change="changeEnable(row)"
+          >
+          </el-switch>
+        </template>
         <!-- 操作列 -->
         <template v-slot:action="{ row }">
           <el-link
@@ -42,14 +53,14 @@
           >
             修改
           </el-link>
-          <el-link
+          <!-- <el-link
             type="primary"
             :underline="false"
             icon="el-icon-finished"
             @click="openAuth(row)"
           >
             分配权限
-          </el-link>
+          </el-link> -->
           <el-popconfirm
             class="ele-action"
             title="确定要删除此角色吗？"
@@ -75,7 +86,12 @@
   import RoleSearch from './components/role-search.vue';
   import RoleEdit from './components/role-edit.vue';
   import RoleAuth from './components/role-auth.vue';
-  import { pageRoles, removeRole, removeRoles } from '@/api/system/role';
+  import {
+    pageRoles,
+    removeRole,
+    removeRoles,
+    putRoles
+  } from '@/api/system/role';
 
   export default {
     name: 'SystemRole',
@@ -111,17 +127,19 @@
             minWidth: 110
           },
           {
-            prop: 'roleCode',
-            label: '角色标识',
+            prop: 'groupId',
+            label: '组织ID',
             sortable: 'custom',
             showOverflowTooltip: true,
             minWidth: 110
           },
           {
-            prop: 'comments',
-            label: '备注',
+            prop: 'enable',
+            label: '启用状态',
             sortable: 'custom',
             showOverflowTooltip: true,
+            slot: 'enable',
+
             minWidth: 110
           },
           {
@@ -154,18 +172,28 @@
         showAuth: false
       };
     },
-    created() {
-      this.getRoles(); //获取角色列表数据。该方法在实例初始化时实现。在实例销毁时
-    },
+    created() {},
     methods: {
-      getRoles() {},
       /* 表格数据源 */
       datasource({ page, limit, where, order }) {
-        return pageRoles({ ...where, ...order, page, limit });
+        console.log(where);
+        return pageRoles({ pageNum: page, size: limit, ...where });
+      },
+      async changeEnable(row) {
+        const res = await putRoles(row);
+        if (res.code == 0) {
+          this.$message({
+            type: 'success',
+            message: '修改成功',
+            customClass: 'ele-message-border'
+          });
+          this.reload();
+        }
       },
       /* 刷新表格 */
       reload(where) {
-        this.$refs.table.reload({ page: 1, where: where });
+        console.log(where, '1111');
+        this.$refs.table.reload({ page: 1, where });
       },
       /* 显示编辑 */
       openEdit(row) {
@@ -180,7 +208,7 @@
       /* 删除 */
       remove(row) {
         const loading = this.$loading({ lock: true });
-        removeRole(row.roleId)
+        removeRole(row.id)
           .then((msg) => {
             loading.close();
             this.$message.success(msg);
@@ -202,7 +230,10 @@
         })
           .then(() => {
             const loading = this.$loading({ lock: true });
-            removeRoles(this.selection.map((d) => d.roleId))
+            removeRole(
+              this.selection.map((d) => d.id),
+              true
+            )
               .then((msg) => {
                 loading.close();
                 this.$message.success(msg);