数据权限列表

jsconfig.json

@@ -0,0 +1,12 @@
+{
+  "compilerOptions": {
+    "target": "es2020",
+    "module": "commonjs",
+    "allowSyntheticDefaultImports": true,
+    "baseUrl": "./",
+    "paths": {
+      "@/*": ["src/*"]
+    }
+  },
+  "exclude": ["node_modules", "**/node_modules/*"]
+}

package.json

@@ -46,8 +46,8 @@
     "eslint": "^5.16.0",
     "eslint-plugin-vue": "^5.2.3",
     "lint-staged": "^9.2.5",
-    "node-sass": "^4.14.1",
-    "sass-loader": "^8.0.0",
+    "sass": "^1.26.10",
+    "sass-loader": "^9.0.2",
     "vue-cli-plugin-axios": "0.0.4",
     "vue-cli-plugin-element": "^1.0.0",
     "vue-template-compiler": "^2.6.10"

src/modules/basic/routes/routes.js

@@ -3,6 +3,7 @@ import Tips from "../../portal/views/tips/Tips.vue";
 import school from "../view/school.vue";
 import campus from "../view/campus.vue";
 import user from "../view/user.vue";
+import data_previllege from "../view/data_previllege.vue";
 import specially from "../view/specially.vue";
 import course from "../view/course.vue";
 import app_list from "../view/app_list.vue";
@@ -53,6 +54,11 @@ export default [
         meta: { privilegeCodes: "index_user" },
         component: user
       },
+      {
+        path: "user/data_previllege/:userId", //用户管理
+        meta: { privilegeCodes: "index_user" },
+        component: data_previllege
+      },
       {
         path: "admin_operate", //操作日志
         meta: { privilegeCodes: "index_admin_operate" },

src/modules/basic/view/data_previllege.vue

@@ -0,0 +1,420 @@
+<template>
+  <div>
+    <LinkTitlesCustom :currentPaths="['用户管理', '数据权限']" />
+    <section class="content">
+      <div class="box box-info" v-loading.body="loading">
+        <!-- 正文信息 -->
+        <div class="box-body">
+          <el-form
+            :inline="true"
+            ref="form"
+            :model="form"
+            inline-message
+            label-position="right"
+          >
+            <div style="margin-bottom: 10px;">
+              <el-button type="primary" size="small" @click="savePrevillegeExam"
+                >保 存</el-button
+              >
+              <el-button
+                type="primary"
+                size="small"
+                @click="back"
+                icon="el-icon-arrow-left"
+                >返 回</el-button
+              >
+            </div>
+            <el-tabs type="border-card" v-model="activeName">
+              <el-tab-pane label="考试权限" name="tab1">
+                <el-row class="mb-2">
+                  <el-switch
+                    v-model="form.defaultStatusExam"
+                    @change="enabled => saveDefaultStatus('Exam', enabled)"
+                    active-text="全部考试"
+                  ></el-switch>
+                  <div class="float-right" v-if="!form.defaultStatusExam">
+                    <el-button
+                      size="small"
+                      type="danger"
+                      icon="el-icon-delete"
+                      @click="deleteBatchExam"
+                      :disabled="noBatchSelectedExam"
+                      >删除</el-button
+                    >
+                    <el-button
+                      size="small"
+                      type="primary"
+                      icon="el-icon-plus"
+                      @click="deleteBatchExam"
+                      >添加</el-button
+                    >
+                  </div>
+                </el-row>
+                <el-row v-if="!form.defaultStatusExam">
+                  <div>
+                    <el-table
+                      ref="tableExam"
+                      :data="tableDataExam"
+                      border
+                      resizable
+                      stripe
+                      style="width: 100%;"
+                      @selection-change="selectChange"
+                    >
+                      <el-table-column type="selection" width="40" />
+                      <el-table-column width="85" label="考试ID">
+                        <span slot-scope="scope">{{ scope.row.examId }}</span>
+                      </el-table-column>
+                      <el-table-column width="200" label="考试代码">
+                        <span slot-scope="scope">{{ scope.row.examCode }}</span>
+                      </el-table-column>
+                      <el-table-column label="考试名称">
+                        <span slot-scope="scope">{{ scope.row.examName }}</span>
+                      </el-table-column>
+                      <el-table-column width="100" label="考试类型">
+                        <span slot-scope="scope">{{
+                          scope.row.examType | examTypeFilter
+                        }}</span>
+                      </el-table-column>
+                    </el-table>
+                    <div class="page pull-right">
+                      <el-pagination
+                        v-if="paginationShow"
+                        @current-change="handleCurrentChangeExam"
+                        :current-page="currentPageExam"
+                        :page-size="pageSizeExam"
+                        :page-sizes="[10, 20, 50, 100, 200, 300]"
+                        @size-change="handleSizeChangeExam"
+                        layout="total, sizes, prev, pager, next, jumper"
+                        :total="totalExam"
+                      />
+                    </div>
+                  </div>
+                </el-row>
+              </el-tab-pane>
+              <el-tab-pane label="课程权限" name="tab2">
+                <el-row class="mb-2">
+                  <el-switch
+                    v-model="form.defaultStatusCourse"
+                    @change="enabled => saveDefaultStatus('Course', enabled)"
+                    active-text="全部课程"
+                  ></el-switch>
+                  <div class="float-right" v-if="!form.defaultStatusCourse">
+                    <el-button
+                      size="small"
+                      type="danger"
+                      icon="el-icon-delete"
+                      @click="deleteBatchCourse"
+                      :disabled="noBatchSelectedCourse"
+                      >删除</el-button
+                    >
+                    <el-button
+                      size="small"
+                      type="primary"
+                      icon="el-icon-plus"
+                      @click="deleteBatchCourse"
+                      >添加</el-button
+                    >
+                  </div>
+                </el-row>
+                <el-row v-if="!form.defaultStatusCourse">
+                  <div>
+                    <el-table
+                      ref="tableCourse"
+                      :data="tableDataCourse"
+                      border
+                      resizable
+                      stripe
+                      style="width: 100%;"
+                      @selection-change="selectChange"
+                    >
+                      <el-table-column type="selection" width="40" />
+                      <el-table-column width="85" label="课程ID">
+                        <span slot-scope="scope">{{ scope.row.courseId }}</span>
+                      </el-table-column>
+                      <el-table-column width="200" label="课程代码">
+                        <span slot-scope="scope">{{
+                          scope.row.courseCode
+                        }}</span>
+                      </el-table-column>
+                      <el-table-column label="课程名称">
+                        <span slot-scope="scope">{{
+                          scope.row.courseName
+                        }}</span>
+                      </el-table-column>
+                      <el-table-column width="100" label="层次">
+                        <span slot-scope="scope">{{
+                          scope.row.courseLevel
+                        }}</span
+                        >>
+                      </el-table-column>
+                    </el-table>
+                    <div class="page pull-right">
+                      <el-pagination
+                        v-if="paginationShow"
+                        @current-change="handleCurrentChangeCourse"
+                        :current-page="currentPageCourse"
+                        :page-size="pageSizeCourse"
+                        :page-sizes="[10, 20, 50, 100, 200, 300]"
+                        @size-change="handleSizeChangeCourse"
+                        layout="total, sizes, prev, pager, next, jumper"
+                        :total="totalCourse"
+                      />
+                    </div>
+                  </div>
+                </el-row>
+              </el-tab-pane>
+              <el-tab-pane label="学习中心权限" name="tab3">
+                <el-row class="mb-2">
+                  <el-switch
+                    v-model="form.defaultStatusOrg"
+                    @change="enabled => saveDefaultStatus('Org', enabled)"
+                    active-text="全部学习中心"
+                  ></el-switch>
+                  <div class="float-right" v-if="!form.defaultStatusOrg">
+                    <el-button
+                      size="small"
+                      type="danger"
+                      icon="el-icon-delete"
+                      @click="deleteBatchOrg"
+                      :disabled="noBatchSelectedOrg"
+                      >删除</el-button
+                    >
+                    <el-button
+                      size="small"
+                      type="primary"
+                      icon="el-icon-plus"
+                      @click="deleteBatchOrg"
+                      >添加</el-button
+                    >
+                  </div>
+                </el-row>
+                <el-row v-if="!form.defaultStatusOrg">
+                  <div>
+                    <el-table
+                      ref="tableOrg"
+                      :data="tableDataOrg"
+                      border
+                      resizable
+                      stripe
+                      style="width: 100%;"
+                      @selection-change="selectChange"
+                    >
+                      <el-table-column type="selection" width="40" />
+                      <el-table-column width="85" label="中心ID">
+                        <span slot-scope="scope">{{ scope.row.orgId }}</span>
+                      </el-table-column>
+                      <el-table-column width="200" label="中心代码">
+                        <span slot-scope="scope">{{ scope.row.orgCode }}</span>
+                      </el-table-column>
+                      <el-table-column label="课程名称">
+                        <span slot-scope="scope">{{ scope.row.orgName }}</span>
+                      </el-table-column>
+                      <el-table-column width="100" label="负责人">
+                        <span slot-scope="scope">{{ scope.row.contacts }}</span
+                        >>
+                      </el-table-column>
+                    </el-table>
+                    <div class="page pull-right">
+                      <el-pagination
+                        v-if="paginationShow"
+                        @current-change="handleCurrentChangeOrg"
+                        :current-page="currentPageOrg"
+                        :page-size="pageSizeOrg"
+                        :page-sizes="[10, 20, 50, 100, 200, 300]"
+                        @size-change="handleSizeChangeOrg"
+                        layout="total, sizes, prev, pager, next, jumper"
+                        :total="totalOrg"
+                      />
+                    </div>
+                  </div>
+                </el-row>
+              </el-tab-pane>
+            </el-tabs>
+          </el-form>
+        </div>
+      </div>
+    </section>
+  </div>
+</template>
+
+<script>
+import { mapState } from "vuex";
+import { CORE_API } from "@/constants/constants.js";
+import LinkTitlesCustom from "@/components/LinkTitlesCustom.vue";
+import { object2QueryString } from "@/utils/utils";
+
+export default {
+  name: "DataPrevillege",
+  components: {
+    LinkTitlesCustom
+  },
+  data() {
+    return {
+      loading: false,
+      style: {
+        label_width_tab1: "160px",
+        label_width_tab2: "160px",
+        label_width_tab3: "160px"
+      },
+      activeName: "tab1",
+      toActiveName: null,
+      form: {
+        defaultStatusExam: false,
+        defaultStatusCourse: false,
+        defaultStatusOrg: false
+      },
+      userId: "",
+      paginationShow: false,
+      selectedChanged: false,
+      tableDataExam: [],
+      noBatchSelectedExam: true,
+      currentPageExam: 1,
+      pageSizeExam: 10,
+      totalExam: 10,
+      tableDataCourse: [],
+      noBatchSelectedCourse: true,
+      currentPageCourse: 1,
+      pageSizeCourse: 10,
+      totalCourse: 10,
+      tableDataOrg: [],
+      noBatchSelectedOrg: true,
+      currentPageOrg: 1,
+      pageSizeOrg: 10,
+      totalOrg: 10
+    };
+  },
+
+  methods: {
+    async init() {
+      const reqs = [];
+      const defaultPrevilleges = ["EXAM", "COURSE", "ORG"];
+      for (const defP of defaultPrevilleges) {
+        let url =
+          CORE_API +
+          "/user/data/rule/default/status?" +
+          `userId=${this.userId}&type=${defP}`;
+        reqs.push(this.$httpWithMsg.post(url));
+      }
+
+      const preVillegeList = ["Exam", "Course", "Org"];
+
+      for (const defP of preVillegeList) {
+        let url = CORE_API + "/user/data/rule/list/for/" + defP.toLowerCase();
+        const pageNo = this.$data["currentPage" + defP];
+        const pageSize = this.$data["pageSize" + defP];
+        reqs.push(
+          this.$httpWithMsg.post(url, {
+            userId: this.userId,
+            pageNo,
+            pageSize
+          })
+        );
+      }
+
+      try {
+        this.loading = true;
+
+        const promiseAll = await Promise.all(reqs);
+        // console.log(promiseAll);
+        this.form.defaultStatusExam = promiseAll[0].data;
+        this.form.defaultStatusCourse = promiseAll[1].data;
+        this.form.defaultStatusOrg = promiseAll[2].data;
+        this.tableDataExam = promiseAll[3].data.content;
+        this.tableDataCourse = promiseAll[4].data.content;
+        this.tableDataOrg = promiseAll[5].data.content;
+      } finally {
+        this.loading = false;
+      }
+    },
+    noBatchSelected(type) {
+      if (!this.$refs[type + "Table"]) return false;
+      console.log(this.$refs[type + "Table"].selection.length);
+      return this.$refs[type + "Table"].selection.length;
+    },
+    selectChange() {
+      this.noBatchSelectedExam = !this.$refs.tableExam.selection.length;
+      this.noBatchSelectedCourse = !this.$refs.tableCourse.selection.length;
+      this.noBatchSelectedOrg = !this.$refs.tableOrg.selection.length;
+    },
+    handleSizeChangeExam(val) {
+      this.pageSizeExam = val;
+      this.currentPageExam = 1;
+      this.init();
+    },
+    handleCurrentChangeExam(val) {
+      this.currentPageExam = val;
+      this.init();
+    },
+    handleSizeChangeCourse(val) {
+      this.pageSizeCourse = val;
+      this.currentPageCourse = 1;
+      this.init();
+    },
+    handleCurrentChangeCourse(val) {
+      this.currentPageCourse = val;
+      this.init();
+    },
+    handleSizeChangeOrg(val) {
+      this.pageSizeOrg = val;
+      this.currentPageOrg = 1;
+      this.init();
+    },
+    handleCurrentChangeOrg(val) {
+      this.currentPageOrg = val;
+      this.init();
+    },
+    back() {
+      this.$router.back();
+    },
+    async saveDefaultStatus(type, enabled) {
+      try {
+        await this.$httpWithMsg.post(
+          CORE_API +
+            "/user/data/rule/default/status/update?" +
+            object2QueryString({
+              enabled,
+              type: type.toUpperCase(),
+              userId: this.userId
+            })
+        );
+        this.$notify({
+          type: "success",
+          message: "更新成功"
+        });
+      } catch (error) {
+        this.form["defaultStatus" + type] = !enabled;
+      }
+    },
+    savePrevillegeExam() {},
+    deleteBatchExam() {},
+    savePrevillegeCourse() {},
+    deleteBatchCourse() {},
+    savePrevillegeOrg() {},
+    deleteBatchOrg() {}
+  },
+  async created() {
+    this.userId = this.$route.params.userId;
+    await this.init();
+    this.$nextTick(function() {
+      this.paginationShow = true;
+    });
+  },
+  mounted() {},
+  computed: {
+    ...mapState({ user: state => state.user })
+  }
+};
+</script>
+<style scoped>
+.content {
+  width: 800px;
+}
+
+.input {
+  width: 440px;
+}
+.input >>> .el-input__inner {
+  -webkit-appearance: button;
+}
+</style>

src/modules/basic/view/user.vue

@@ -451,6 +451,19 @@
                   更多<i class="el-icon-arrow-down el-icon--right"></i>
                 </el-button>
                 <el-dropdown-menu slot="dropdown">
+                  <el-dropdown-item>
+                    <el-button
+                      size="mini"
+                      type="primary"
+                      plain
+                      @click="
+                        () =>
+                          $router.push(`./user/data_previllege/${scope.row.id}`)
+                      "
+                      icon="el-icon-edit"
+                      >数据权限
+                    </el-button>
+                  </el-dropdown-item>
                   <el-dropdown-item>
                     <el-button
                       size="mini"
@@ -504,7 +517,6 @@
 <script>
 import { CORE_API } from "@/constants/constants.js";
 import { mapState } from "vuex";
-import { setTimeout } from "timers";
 
 export default {
   name: "User",

src/utils/utils.js

@@ -0,0 +1,5 @@
+import queryString from "query-string";
+
+export function object2QueryString(obj) {
+  return queryString.stringify(obj);
+}