运营角色

CODE/smart-community/operate-api/src/main/java/com/community/huiju/controller/SysRoleController.java

@@ -0,0 +1,17 @@
+package com.community.huiju.controller;
+
+import com.community.huiju.common.base.BaseController;
+import io.swagger.annotations.Api;
+import org.springframework.cloud.context.config.annotation.RefreshScope;
+import org.springframework.web.bind.annotation.RequestMapping;
+import org.springframework.web.bind.annotation.RestController;
+
+@RefreshScope
+@RestController
+@RequestMapping("/")
+@Api(value = "运营角色 API", description = "运营角色 API")
+public class SysRoleController extends BaseController {
+
+
+
+}

CODE/smart-community/operate-api/src/main/java/com/community/huiju/dao/ToSysRoleMapper.java

@@ -25,4 +25,13 @@ public interface ToSysRoleMapper {
      * @return
      */
     List<ToSysRole> selectRoleByUserId(Integer userId);
+
+    /**
+     * 查询所有的角色
+     *
+     *  排除的 admin 这个角色
+     *
+     * @return
+     */
+    List<ToSysRole> selectAll();
 }

CODE/smart-community/operate-api/src/main/java/com/community/huiju/service/IToSysRoleService.java

@@ -1,5 +1,6 @@
 package com.community.huiju.service;
 
+import com.community.commom.mode.ResponseBean;
 import com.community.huiju.model.ToSysRole;
 
 import java.util.List;
@@ -15,4 +16,10 @@ public interface IToSysRoleService {
      * @return
      */
     List<ToSysRole> selectRoleByUserId(Integer userId);
+
+    /**
+     * 获取所有的角色
+     * @return
+     */
+    ResponseBean getAll();
 }

CODE/smart-community/operate-api/src/main/java/com/community/huiju/service/impl/ToSysRoleServiceImpl.java

@@ -1,5 +1,6 @@
 package com.community.huiju.service.impl;
 
+import com.community.commom.mode.ResponseBean;
 import com.community.huiju.dao.ToSysRoleMapper;
 import com.community.huiju.model.ToSysRole;
 import com.community.huiju.service.IToSysRoleService;
@@ -21,4 +22,11 @@ public class ToSysRoleServiceImpl implements IToSysRoleService {
 
         return toSysRoleMapper.selectRoleByUserId(userId);
     }
+
+    @Override
+    public ResponseBean getAll() {
+        ResponseBean responseBean = new ResponseBean();
+        responseBean.addSuccess(toSysRoleMapper.selectAll());
+        return responseBean;
+    }
 }

CODE/smart-community/operate-api/src/main/resources/mapper/ToSysRoleMapper.xml

@@ -131,4 +131,10 @@
     role.*
      from to_sys_user_role ur left join to_sys_role role on ur.role_id = role.id where ur.user_id=#{userId}
   </select>
+
+  <select id="selectAll" resultMap="BaseResultMap">
+    select
+    <include refid="Base_Column_List"/>
+    from to_sys_role where id != 1
+  </select>
 </mapper>

VUECODE/smart-operate-manage/src/views/account/role/index.vue

@@ -1,10 +1,101 @@
 <template>
-    <div>角色管理</div>
+  <div id="root">
+    <el-form :inline="true" :model="listQuery" class="form-inline">
+      <el-form-item label="角色名称">
+        <el-input v-model="listQuery.roleName" placeholder="角色名称"/>
+      </el-form-item>
+      <el-form-item>
+        <el-button type="info" @click="onSubmit">清空</el-button>
+        <el-button type="primary" @click="onSubmit">查询</el-button>
+      </el-form-item>
+    </el-form>
+    <div class="but-content">
+      <el-button type="primary" @click="onSubmit">添加</el-button>
+      <el-button type="warning" @click="onSubmit">修改</el-button>
+      <el-button type="danger" @click="onSubmit">删除</el-button>
+    </div>
+    <el-table
+      ref="multipleTable"
+      :data="listData"
+      tooltip-effect="dark"
+      style="width: 100%;margin-top: 20px;"
+      border
+      @selection-change="handleSelectionChange">
+      <el-table-column
+        type="selection"
+        width="55"
+        align="center"/>
+      <el-table-column
+        prop="roleName"
+        label="角色名称"
+        align="center">
+        <template slot-scope="scope">{{ scope.row.roleName }}</template>
+      </el-table-column>
+      <el-table-column
+        prop="description"
+        label="角色描述"
+        align="center"/>
+      <el-table-column
+        prop="createUser"
+        label="创建人"
+        align="center"/>
+      <el-table-column
+        prop="createDate"
+        label="创建时间"
+        align="center"/>
+      <el-table-column
+        prop="updateUuser"
+        label="修改人"
+        align="center"/>
+      <el-table-column
+        prop="updateDate"
+        label="修改时间"
+        align="center"/>
+    </el-table>
+    <div class="footer-page">
+      <el-pagination
+        :current-page.sync="listQuery.pageNum"
+        :page-sizes="[10, 20, 40, 100]"
+        :page-size.sync="listQuery.pageSize"
+        :total="total"
+        layout="total, sizes, prev, pager, next, jumper"
+        @size-change="handleSizeChange"
+        @current-change="handleCurrentChange"/>
+    </div>
+  </div>
 </template>
 
 <script>
 export default {
-    
+  data() {
+    return {
+      listQuery: {
+        roleName: '',
+        pageNum: 1,
+        pageSize: 10
+      },
+      total: 0, // 总数
+      listData: []
+    }
+  },
+  methods: {
+    onSubmit() {
+      console.log('submit!')
+    }
+  }
 }
 </script>
 
+<style scoped>
+.form-inline {
+  margin-left: 20px;
+  margin-top: 20px;
+}
+.but-content {
+  margin-left: 20px;
+}
+.footer-page {
+  display: flex;
+  justify-content: flex-end;
+}
+</style>