leisure-common 0.6.87 → 0.6.88

package/index.js

@@ -2,13 +2,13 @@ import LeComEmployee from "./le-com-employee/index.js";
 import LeComActivity from "./le-com-activity/index.js";
 import LeComCompany from "./le-com-company/index.js";
 import LeComMenu from "./le-com-menu/index.js";
-import LeArea from "./le-area/index.js";
+// import LeArea from "./le-area/index.js";
 import LeBackUp from "./le-backup/index.js";
-import LeMenu from "./le-menu/index.js";
+// import LeMenu from "./le-menu/index.js";
 import LeMpurl from "./le-mpurl/index.js";
 import LeRichText from "./le-rich-text/index.js";
-import LeRole from "./le-role/index.js";
-import LeRoleUser from "./le-role-user/index.js";
+// import LeRole from "./le-role/index.js";
+// import LeRoleUser from "./le-role-user/index.js";
 
 import LeSelectUser from "./le-select-user/index.js";
 import LeUser from "./le-user/index.js";
@@ -27,14 +27,14 @@ const components = [
   LeComActivity,
   LeComCompany,
   LeComMenu,
-  LeArea,
+  // LeArea,
   LeBackUp,
-  LeMenu,
+  // LeMenu,
   LeMpurl,
 
   LeRichText,
-  LeRole,
-  LeRoleUser,
+  // LeRole,
+  // LeRoleUser,
   LeSelectUser,
   LeButtonSelectMedia,
   LeUser,
@@ -61,14 +61,14 @@ export default {
   LeComActivity,
   LeComCompany,
   LeComMenu,
-  LeArea,
+  // LeArea,
   LeBackUp,
-  LeMenu,
+  // LeMenu,
   LeMpurl,
 
   LeRichText,
-  LeRole,
-  LeRoleUser,
+  // LeRole,
+  // LeRoleUser,
   LeSelectUser,
   LeUser,
   LeButtonSelectMedia,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "leisure-common",
-  "version": "0.6.87",
+  "version": "0.6.88",
   "description": "leisure-common是京心数据在leisure-core基础上开发的一套后台管理系统基于故事的电商行业组件库，封装了大量实用的UI控件模板,方便开发者快速搭建前端应用",
   "private": false,
   "author": "北方乐逍遥(zcx7878)",
@@ -13,7 +13,7 @@
     "registry": "https://registry.npmjs.org/"
   },
   "dependencies": {
-    "leisure-core": "^0.6.87"
+    "leisure-core": "^0.6.88"
   },
   "devDependencies": {}
 }

package/le-area/index.js

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

package/le-area/src/main.vue

@@ -1,112 +0,0 @@
-<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-menu/index.js

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

package/le-menu/src/main.vue

@@ -1,248 +0,0 @@
-<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

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

package/le-role/src/main.vue

@@ -1,183 +0,0 @@
-<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

@@ -1,79 +0,0 @@
-<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

@@ -1,7 +0,0 @@
-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

@@ -1,160 +0,0 @@
-<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

@@ -1,90 +0,0 @@
-<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>