leisure-core 0.6.87 → 0.6.89

package/index.js

@@ -47,6 +47,10 @@ import LeButtonAttach from "./le-button-attach/index.js";
 import LeSelectMulti from "./le-select-multi/index.js";
 import LeUploadTable from "./le-upload-table/index.js";
 import LeReport from "./le-report/index.js";
+import LeArea from "./le-area/index.js";
+import LeMenu from "./le-menu/index.js";
+import LeRole from "./le-role/index.js";
+import LeRoleUser from "./le-role-user/index.js";
 
 const components = [
   LeButton,
@@ -92,6 +96,10 @@ const components = [
   LeSelectMulti,
   LeUploadTable,
   LeReport,
+  LeArea,
+  LeMenu,
+  LeRole,
+  LeRoleUser,
 ];
 
 const install = function (Vue) {
@@ -202,4 +210,8 @@ export default {
   LeSelectMulti,
   LeUploadTable,
   LeReport,
+  LeArea,
+  LeMenu,
+  LeRole,
+  LeRoleUser,
 };

package/le-area/index.js

@@ -0,0 +1,7 @@
+import LeArea from "./src/main.vue";
+
+LeArea.install = function (Vue) {
+  Vue.component(LeArea.name, LeArea);
+};
+
+export default LeArea;

package/le-area/src/main.vue

@@ -0,0 +1,112 @@
+<template>
+  <el-cascader
+    v-model="value"
+    v-bind="$attrs"
+    v-on="$listeners"
+    clearable
+    :ref="elcascader"
+    :props="props"
+    @change="handleChange"
+  ></el-cascader>
+</template>
+<script>
+import { getAreas } from "@/api/system-area.js";
+export default {
+  name: "le-area",
+  props: {
+    level: {
+      type: [String, Number],
+      default: "2",
+    },
+    initCode: {
+      type: [String, Number],
+      default: "0",
+    },
+    isAny: {
+      type: Boolean,
+      default: false,
+    },
+    initArea: {
+      type: Array,
+      default: () => [],
+    },
+    elcascader: {
+      type: String,
+      default: "",
+    },
+  },
+  data() {
+    return {
+      value: [],
+      props: {
+        label: "name",
+        value: "code",
+        checkStrictly: false,
+        lazy: true,
+        lazyLoad: this.LoadData,
+      },
+    };
+  },
+  watch: {
+    isAny: {
+      handler(val) {
+        this.props.checkStrictly = val;
+      },
+      immediate: true,
+    },
+    initArea: {
+      handler(val) {
+        this.value = val;
+      },
+      immediate: true,
+      deep: true,
+    },
+  },
+
+  mounted() {
+    if (this.initArea && this.initArea.length > 0) {
+      this.value = this.initArea;
+    }
+  },
+  methods: {
+    setInitArea(initArea) {
+      this.value = initArea;
+    },
+    clearInitArea() {
+      this.value = [];
+    },
+    LoadData(node, resolve) {
+      let nodes = [];
+      let { level } = node;
+      let param = {};
+      param.pcode = level == 0 ? this.initCode : node.value;
+      getAreas(param).then((res) => {
+        nodes = res.data.data;
+        nodes.forEach((item) => {
+          item.leaf = item.type == this.level ? true : false;
+        });
+        resolve(nodes);
+      });
+    },
+    handleChange(currentValue) {
+      let selectValue = {};
+      selectValue.code = currentValue;
+      if (!selectValue.code || selectValue.code.length <= 0) return;
+      let cascader = this.$refs[this.elcascader];
+      if (cascader) {
+        const nodes = cascader.getCheckedNodes();
+        if (nodes && nodes.length > 0) {
+          console.log(nodes[0].pathLabels);
+          const labels = nodes[0].pathLabels;
+          selectValue.name = labels.join("");
+          this.$emit("areaChange", selectValue);
+        } else {
+          console.log("area control node 不存:");
+        }
+      } else {
+        console.log("area control  err:", "elcascader ref 不存在");
+      }
+    },
+  },
+};
+</script>

package/le-list/src/main.vue

@@ -67,13 +67,13 @@
               <slot name="rowBtnStand" :scope="scope">
                 <le-button
                   @click="editItem(scope.row)"
-                  v-if="disBtn === 'edit'"
+                  v-if="getBtnType(scope.row) === 'edit'"
                 >
                   {{ editBtnText }}</le-button
                 >
                 <le-button
                   @click="detail(scope.row)"
-                  v-if="disBtn === 'detail'"
+                  v-if="getBtnType(scope.row) === 'detail'"
                 >
                   {{ detailBtnText }}</le-button
                 >
@@ -193,7 +193,7 @@ export default {
       default: "标题",
     },
     disBtn: {
-      type: String,
+      type: [String, Function],
       default: "edit",
     },
     showChecked: {
@@ -373,6 +373,12 @@ export default {
         this.getList();
       });
     },
+    getBtnType(row) {
+      if (typeof this.disBtn === "function") {
+        return this.disBtn(row); // 调用父组件传入的函数，传入当前行数据
+      }
+      return this.disBtn; // 兼容旧的字符串写法
+    },
     customItem(rowData) {
       this.handleStatus = 2;
       if (rowData) {

package/le-menu/index.js

@@ -0,0 +1,7 @@
+import LeMenu from "./src/main.vue";
+
+LeMenu.install = function (Vue) {
+  Vue.component(LeMenu.name, LeMenu);
+};
+
+export default LeMenu;

package/le-menu/src/main.vue

@@ -0,0 +1,248 @@
+<template>
+  <div class="le-menu-mainClass">
+    <div class="titleClass">角色:{{ roleInfo.roleName }}的功能菜单</div>
+    <el-tree
+      :data="menus"
+      ref="elTree"
+      show-checkbox
+      node-key="id"
+      :props="props"
+    >
+      <span class="custom-tree-node" slot-scope="{ node, data }">
+        <span>{{ node.label }}</span>
+        <span v-if="!data.children && data.btns && data.btns.length > 0">
+          <el-button
+            type="text"
+            size="mini"
+            @click="() => buttonPermission(data)"
+          >
+            页面按钮
+          </el-button>
+        </span>
+      </span>
+    </el-tree>
+    <div class="footerClass">
+      <el-button @click="cancel()">取 消</el-button>
+      <el-button type="primary" @click="saveAll">保 存</el-button>
+    </div>
+    <div>
+      <el-dialog
+        width="50%"
+        title="页面按钮"
+        append-to-body
+        :visible.sync="showDialog"
+        :close-on-click-modal="true"
+      >
+        <el-form>
+          <el-checkbox-group v-model="checkBtnList">
+            <el-checkbox
+              v-for="item in btnsList"
+              :label="item.id"
+              :key="item.id"
+              >{{ item.name }}</el-checkbox
+            >
+          </el-checkbox-group>
+        </el-form>
+        <span slot="footer" class="dialog-footer">
+          <el-button @click="closePageButton()">关 闭</el-button>
+          <el-button type="primary" @click="savePageBtn()">保 存</el-button>
+        </span>
+      </el-dialog>
+    </div>
+  </div>
+</template>
+<script>
+import { menuRoleList } from "@/api/menu";
+import { batchAddRoleMenu, listRoleMenu } from "@/api/role";
+export default {
+  name: "le-menu",
+  props: {
+    roleInfo: {
+      type: Object,
+      default: () => {},
+    },
+  },
+  data() {
+    return {
+      props: {
+        label: "title",
+        btns: "btns",
+        children: "children",
+      },
+      menus: [],
+      showDialog: false,
+      checkBtnList: [], //当前选择的按钮
+      btnsList: [], //按钮列表
+    };
+  },
+  mounted() {
+    this.getMenus();
+  },
+  methods: {
+    fillCheckboxStatus() {
+      this.userRoleList = [];
+      let param = {};
+      param.rid = this.roleInfo.roleId;
+      listRoleMenu(param).then((res) => {
+        let roleMenus = res.data.data;
+        if (roleMenus != undefined && roleMenus.length > 0) {
+          let selectKeys = roleMenus.map(function (item) {
+            return item.mid;
+          });
+          this.$refs.elTree.setCheckedKeys(selectKeys, false);
+        }
+      });
+    },
+    cancel() {
+      this.$emit("close");
+    },
+    buttonPermission(data) {
+      this.btnsList = [];
+      this.checkBtnList = [];
+      let btns = data.btns;
+      if (btns && btns.length > 0) {
+        let json = JSON.parse(btns);
+        json.forEach((btn) => {
+          if (btn && btn.permission && btn.permission == "ok") {
+            if (btn.id && btn.id.length > 0) {
+              if (!this.checkBtnList.includes(btn.id)) {
+                this.checkBtnList.push(btn.id);
+              }
+            }
+          }
+        });
+        this.btnsList = json;
+        this.showDialog = true;
+      }
+    },
+    handleMenuCheckChange(data, checked, indeterminate) {
+      // if (checked) {
+      //   const childes = data.children ?? [];
+      //   if (childes.length == 0) {
+      //     let btns = data.btns;
+      //     if (btns && btns.length > 0) {
+      //       let json = JSON.parse(btns);
+      //       json.forEach((btn) => {
+      //         if (btn && btn.effect && btn.effect == "ok") {
+      //           this.checkBtnList.push(btn.name);
+      //         }
+      //       });
+      //       this.btnsList = json;
+      //       this.showDialog = true;
+      //     }
+      //   }
+      // }
+    },
+    closePageButton() {
+      this.showDialog = false;
+    },
+    savePageBtn() {
+      let btns = this.btnsList;
+      if (btns && btns.length > 0) {
+        btns.forEach((btn) => {
+          if (this.checkBtnList.includes(btn.id)) {
+            btn.permission = "ok"; //标识有权限
+          } else {
+            btn.permission = "no";
+          }
+        });
+      }
+      this.$refs.elTree.getCurrentNode().btns = JSON.stringify(btns);
+      this.save();
+      this.closePageButton();
+    },
+    save() {
+      return new Promise((reslove, reject) => {
+        let nodes = this.$refs.elTree.getCheckedNodes(false);
+        let tops = this.$refs.elTree.getHalfCheckedNodes();
+        let params = new Array();
+        if (nodes != undefined && nodes.length > 0) {
+          nodes.forEach((node) => {
+            let param = {};
+            param.mid = node.id;
+            param.rid = this.roleInfo.roleId;
+            param.istop = 0;
+            param.btns = node.btns;
+            param.control = node.control;
+            params.push(param);
+          });
+          if (tops != undefined && tops.length > 0) {
+            tops.forEach((top) => {
+              let param = {};
+              param.mid = top.id;
+              param.rid = this.roleInfo.roleId;
+              param.istop = 1;
+              param.btns = top.btns;
+              param.control = top.control;
+              params.push(param);
+            });
+          }
+          batchAddRoleMenu(params).then(() => {
+            this.$message.success("功能菜单定义成功");
+            reslove();
+          });
+        } else {
+          let param = {};
+          param.rid = this.roleInfo.roleId;
+          params.push(param);
+          batchAddRoleMenu(params).then(() => {
+            this.$message.success("功能菜单定义成功");
+            reslove();
+          });
+        }
+      });
+    },
+    saveAll() {
+      this.save().then(() => {});
+    },
+    getMenus() {
+      let param = {};
+      param.rid = this.roleInfo.roleId;
+      menuRoleList(param).then((res) => {
+        let menus = res.data.data;
+        menus = menus.filter((item) => {
+          // if (item.children) {
+          //   item.children = item.children.filter((child) => {
+          //     return child.isHide == 0;
+          //   });
+          // }
+          return item;
+        });
+        this.menus = menus;
+        this.fillCheckboxStatus();
+      });
+    },
+  },
+};
+</script>
+<style lang="scss" scoped>
+.le-menu-mainClass {
+  display: flex;
+  display: -webkit-flex;
+  flex-direction: column;
+  height: calc(100vh - 100px);
+  overflow: auto;
+
+  .titleClass {
+    text-align: center;
+    font-size: 16px;
+    font-weight: bold;
+    margin-bottom: 5px;
+  }
+
+  .custom-tree-node {
+    flex: 1;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    font-size: 14px;
+    padding-right: 8px;
+    text-align: center;
+  }
+
+  .footerClass {
+    text-align: center;
+    margin-top: 5px;
+  }
+}
+</style>

package/le-role/index.js

@@ -0,0 +1,7 @@
+import LeRole from "./src/main.vue";
+
+LeRole.install = function (Vue) {
+  Vue.component(LeRole.name, LeRole);
+};
+
+export default LeRole;

package/le-role/src/main.vue

@@ -0,0 +1,183 @@
+<template>
+  <div class="le-role-container">
+    <el-form :inline="true" class="demo-form-inline">
+      <el-form-item>
+        <le-button type="primary" @click="addRole()">新建角色</le-button>
+      </el-form-item>
+    </el-form>
+    <el-table
+      :data="tableData"
+      ref="eltablemain"
+      border
+      row-key="id"
+      stripe
+      :max-height="elTableMaxHeight"
+      style="width: 100%"
+    >
+      <el-table-column prop="name" label="名称" width="260"> </el-table-column>
+      <el-table-column prop="note" label="备注"> </el-table-column>
+      <el-table-column label="操作" align="center" width="360" row>
+        <template slot-scope="scope">
+          <le-button text="编辑" @click="openEditWindow(scope.row)"></le-button>
+          <le-button-msg
+            @click="del(scope.row.id)"
+            v-if="scope.row.is_can_delete !== 0"
+            >删除</le-button-msg
+          >
+          <le-button
+            text="菜单"
+            @click="openMenuWindow(scope.row)"
+            style="margin-left: 10px"
+          ></le-button>
+          <le-button
+            text="用户列表"
+            @click="openUserWindow(scope.row)"
+            style="margin-left: 10px"
+          ></le-button>
+        </template>
+      </el-table-column>
+    </el-table>
+    <le-dialog-container
+      :showDialog="showMenu"
+      width="60%"
+      title="功能菜单"
+      :showCloseBtnTop="true"
+      @close="closeMenuDialog"
+    >
+      <le-menu @close="closeMenuDialog" :roleInfo="roleInfo"></le-menu>
+    </le-dialog-container>
+    <le-dialog-container
+      title="角色"
+      width="60%"
+      :showCloseBtnTop="true"
+      :showDialog="showEdit"
+      @close="closeEditDialog"
+    >
+      <le-role-sub
+        @close="closeEditDialog"
+        @rowRefresh="list"
+        :rowitem="currentRow"
+        v-if="showEdit"
+      ></le-role-sub>
+    </le-dialog-container>
+    <le-dialog-container
+      :title="curRoleName"
+      :showCloseBtnTop="true"
+      :showDialog="showUsers"
+      @close="closeUserDialog"
+    >
+      <el-table
+        :data="userlist"
+        border
+        row-key="id"
+        tooltip-effect="dark"
+        style="width: 100%"
+        v-if="showUsers"
+      >
+        <el-table-column prop="account" label="账号" align="center">
+        </el-table-column>
+        <el-table-column prop="nick" label="昵称" align="center">
+        </el-table-column>
+      </el-table>
+    </le-dialog-container>
+  </div>
+</template>
+<script>
+import { roleDel, roleList, listUserOfRole } from "@/api/role";
+import leMixins from "leisure-core/le-libs/mixins/main";
+import LeRoleSub from "./sub.vue";
+export default {
+  name: "le-role",
+  mixins: [leMixins],
+  components: {
+    LeRoleSub,
+  },
+  data() {
+    return {
+      tableData: [],
+      showUsers: false,
+      userlist: [],
+      curRoleName: "",
+      currentRow: {},
+      showEdit: false,
+      showMenu: false,
+      roleInfo: {},
+    };
+  },
+  mounted() {
+    this.list();
+  },
+  computed: {},
+  methods: {
+    list() {
+      let param = {};
+      roleList(param).then((res) => {
+        this.tableData = res.data.data;
+      });
+    },
+    del(id) {
+      let param = { id: id };
+      roleDel(param).then((response) => {
+        this.list();
+        this.$message.success(response.data.info, this);
+      });
+    },
+    addRole() {
+      this.currentRow = {};
+      this.showEdit = true;
+    },
+    openEditWindow(item) {
+      // let routeData = {
+      this.currentRow = item;
+      this.showEdit = true;
+    },
+    closeEditDialog() {
+      this.showEdit = false;
+      this.list();
+    },
+    openMenuWindow(item) {
+      // this.roleInfo = JSON.parse(JSON.stringify(item));
+      this.roleInfo.roleId = item.id;
+      this.roleInfo.roleName = item.name;
+      this.showMenu = true;
+      // let routeData = {
+      //   name: "rolemenu",
+      //   params: JSON.parse(JSON.stringify(item)),
+      // };
+      // this.$router.push(routeData);
+    },
+    closeMenuDialog() {
+      this.showMenu = false;
+    },
+    openUserWindow(item) {
+      let param = {};
+      if (item && item.id) {
+        param.rid = item.id;
+        param.pageNo = 1;
+        listUserOfRole(param)
+          .then((res) => {
+            if (res && res.data && res.data.data) {
+              this.userlist = res.data.data;
+              this.curRoleName = item.name;
+              this.showUsers = true;
+            } else {
+              this.$message.info("暂无数据");
+            }
+          })
+          .catch((err) => {
+            console.log("用户弹窗出错", err);
+          });
+      } else {
+        this.$message.error("参数不正确");
+      }
+    },
+    closeUserDialog() {
+      this.showUsers = false;
+    },
+  },
+};
+</script>
+<style lang="scss" scoped>
+.le-role-container {
+}
+</style>

package/le-role/src/sub.vue

@@ -0,0 +1,79 @@
+<template>
+  <el-form id="form" ref="form" :model="form" :rules="rules" label-width="80px">
+    <el-form-item label="名称" prop="name">
+      <el-input v-model="form.name"></el-input>
+    </el-form-item>
+    <el-form-item label="备注" prop="note">
+      <el-input v-model="form.note"></el-input>
+    </el-form-item>
+    <el-form-item>
+      <el-button type="primary" @click="onSubmit()">保存</el-button>
+      <el-button @click="close()">取消</el-button>
+    </el-form-item>
+  </el-form>
+</template>
+<script>
+import { roleCreate, roleEdit } from "@/api/role";
+export default {
+  name: "le-roles-sub",
+  props: {
+    rowitem: {},
+  },
+  data() {
+    return {
+      form: {
+        id: "",
+        name: "",
+        note: "",
+      },
+      rules: {
+        name: [
+          { required: true, message: "请输入角色名称", trigger: "blur" },
+          {
+            min: 1,
+            max: 30,
+            message: "长度在 1 到 30 个字符",
+            trigger: "blur",
+          },
+        ],
+      },
+    };
+  },
+  watch: {
+    rowitem: {
+      handler(newValue) {
+        this.form = newValue;
+      },
+      immediate: true,
+    },
+  },
+  mounted() {},
+  methods: {
+    onSubmit() {
+      this.$refs["form"].validate((valid) => {
+        if (valid) {
+          let param = JSON.parse(JSON.stringify(this.form));
+          if (param.id && param.id.length > 0) {
+            roleEdit(param).then((res) => {
+              this.close();
+              this.$message.success(res.data.info);
+              this.$refs["form"].resetFields();
+            });
+          } else {
+            roleCreate(param).then((response) => {
+              this.close();
+              this.$message.success(response.data.info);
+              this.$refs["form"].resetFields();
+            });
+          }
+        } else {
+          return false;
+        }
+      });
+    },
+    close() {
+      this.$emit("close");
+    },
+  },
+};
+</script>

package/le-role-user/index.js

@@ -0,0 +1,7 @@
+import LeRoleUser from "./src/main.vue";
+
+LeRoleUser.install = function (Vue) {
+  Vue.component(LeRoleUser.name, LeRoleUser);
+};
+
+export default LeRoleUser;

package/le-role-user/src/main.vue

@@ -0,0 +1,160 @@
+<template>
+  <div class="le-role-user-container">
+    <el-form :inline="true" :model="searchData" @submit.native.prevent>
+      <el-form-item label="账号">
+        <le-input v-model="searchData.account" placeholder="账号"></le-input>
+      </el-form-item>
+      <el-form-item>
+        <le-button type="primary" @click="userList">查询</le-button>
+      </el-form-item>
+    </el-form>
+    <el-table :data="userData" border row-key="id" stripe style="width: 100%">
+      <el-table-column prop="account" label="账号" width="150">
+      </el-table-column>
+      <el-table-column prop="nick" label="昵称"> </el-table-column>
+      <el-table-column
+        prop="cdate"
+        label="时间"
+        width="150"
+        :formatter="dateFormat"
+      >
+      </el-table-column>
+
+      <el-table-column prop="note" width="230" label="备注"> </el-table-column>
+      <el-table-column
+        fixed="right"
+        label="操作"
+        align="center"
+        width="150"
+        row
+      >
+        <template slot-scope="scope">
+          <el-button
+            type="primary"
+            size="small"
+            @click="openEditWindow(scope.row, 2)"
+            >角色管理</el-button
+          >
+        </template>
+      </el-table-column>
+    </el-table>
+    <div style="text-align: center; margin-top: 30px">
+      <el-pagination
+        background
+        layout="prev, pager, next"
+        :total="searchData.total"
+        :page-size="10"
+        @current-change="current_change"
+      >
+      </el-pagination>
+    </div>
+    <div>
+      <el-dialog
+        v-el-drag-dialog
+        title="角色列表"
+        ref="elDialog"
+        :visible.sync="isShowRoleList"
+        width="70%"
+        :close-on-click-modal="isCloseByModal"
+        :show-close="isShowClose"
+        :open="openDialog()"
+      >
+        <le-role-user-sub
+          ref="roleComponent"
+          @loadFinished="roleLoadFinished"
+          @saveAfter="roleSaveAfter"
+        ></le-role-user-sub>
+        <div slot="footer">
+          <el-button @click="cancel()">取 消</el-button>
+          <el-button type="primary" @click="save">保 存</el-button>
+        </div>
+      </el-dialog>
+    </div>
+  </div>
+</template>
+<script>
+import { listUserBg, roleList } from "@/api/role";
+import LeRoleUserSub from "./sub.vue";
+import moment from "moment";
+export default {
+  name: "le-role-user",
+  components: {
+    LeRoleUserSub,
+  },
+  data() {
+    return {
+      userData: [],
+      isCloseByModal: false,
+      isShowClose: false,
+      isShowRoleList: false,
+      currentItem: {},
+      searchData: {
+        account: "",
+        pageNo: 1,
+        total: 1,
+      },
+    };
+  },
+  mounted() {
+    this.userList();
+  },
+  methods: {
+    roleList() {
+      roleList().then((res) => {
+        this.roleData = res.data.data;
+      });
+    },
+    userList() {
+      let params = {};
+      if (this.searchData.account.length > 0) {
+        params.account = this.searchData.account;
+      }
+      params.pageNo = this.searchData.pageNo;
+      listUserBg(params).then((res) => {
+        this.userData = res.data.data.list;
+        this.searchData.total = res.data.data.count;
+      });
+    },
+    current_change(currentPage) {
+      this.searchData.pageNo = currentPage;
+      this.userList();
+    },
+    roleLoadFinished() {
+      if (this.isShowRoleList) {
+        if (Object.keys(this.currentItem).length !== 0) {
+          let uid = this.currentItem.id;
+          this.$refs.roleComponent.fillCheckboxStatus(uid);
+        }
+      }
+    },
+    openEditWindow(item) {
+      this.currentItem = item;
+      this.isShowRoleList = true;
+    },
+    dateFormat(row, column, data) {
+      return moment.unix(data).format("YYYY-MM-DD HH:mm");
+    },
+    openDialog() {
+      if (this.isShowRoleList && this.$refs.roleComponent != undefined) {
+        this.$refs.roleComponent.roleList();
+      }
+    },
+    cancel() {
+      this.$refs.elDialog.close();
+      this.isShowRoleList = false;
+    },
+    save() {
+      let uid = this.currentItem.id;
+      this.$refs.roleComponent.saveUserRole(uid);
+    },
+    roleSaveAfter() {
+      this.$refs.elDialog.close();
+      this.isShowRoleList = false;
+    },
+  },
+};
+</script>
+<style lang="scss" scoped>
+.le-role-user-container {
+}
+</style>

package/le-role-user/src/sub.vue

@@ -0,0 +1,90 @@
+<template>
+  <div class="le-role-user-sub-container">
+    <el-table
+      :data="roleData"
+      border
+      row-key="id"
+      ref="tblRole"
+      tooltip-effect="dark"
+      style="width: 100%"
+      @selection-change="handleSelectionChange"
+    >
+      <el-table-column type="selection" width="55"> </el-table-column>
+      <el-table-column prop="name" label="角色名称"> </el-table-column>
+    </el-table>
+  </div>
+</template>
+<script>
+import { roleList, listRoleUser, batchAddRoleUser } from "@/api/role";
+export default {
+  name: "le-role-user-sub",
+  data() {
+    return {
+      roleData: [],
+      selectionRoles: [],
+      userRoleList: [],
+    };
+  },
+  mounted() {
+    this.roleList();
+  },
+  methods: {
+    roleList() {
+      let param = { cid: this.$store.getters.cid };
+      roleList(param).then((res) => {
+        this.roleData = res.data.data;
+        this.$emit("loadFinished");
+      });
+    },
+    handleSelectionChange(val) {
+      this.selectionRoles = val.map(function (item) {
+        return item.id;
+      });
+    },
+    saveUserRole(uid) {
+      let params = new Array();
+      if (this.selectionRoles != undefined && this.selectionRoles.length > 0) {
+        this.selectionRoles.forEach((rid) => {
+          let param = {};
+          param.cid = this.$store.getters.cid;
+          param.uid = uid;
+          param.rid = rid;
+          params.push(param);
+        });
+        batchAddRoleUser(params).then(() => {
+          this.$message.success("角色定义成功!");
+          this.$emit("saveAfter");
+        });
+      } else {
+        let param = {};
+        param.cid = this.$store.getters.cid;
+        param.uid = uid;
+        params.push(param);
+        batchAddRoleUser(params).then(() => {
+          this.$message.success("角色定义成功!");
+          this.$emit("saveAfter");
+        });
+      }
+    },
+    fillCheckboxStatus(uid) {
+      this.userRoleList = [];
+      let param = { cid: this.$store.getters.cid };
+      param.uid = uid;
+      listRoleUser(param).then((res) => {
+        this.userRoleList = res.data.data;
+        this.userRoleList.forEach((userRoleItem) => {
+          this.roleData.forEach((roleItem) => {
+            if (userRoleItem.rid == roleItem.id) {
+              this.$refs.tblRole.toggleRowSelection(roleItem, true);
+            }
+          });
+        });
+      });
+    },
+  },
+};
+</script>
+<style lang="scss" scoped>
+.le-role-user-sub-container {
+}
+</style>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "leisure-core",
-  "version": "0.6.87",
+  "version": "0.6.89",
   "description": "leisure-core是京心数据基于vue2.x开发的一套后台管理系统桌面端组件库，封装了大量实用的UI控件模板,非常方便开发者快速搭建前端应用",
   "private": false,
   "author": "北方乐逍遥(zcx7878)",