{"remainingRequest":"D:\\Desktop\\supervision-ui\\node_modules\\babel-loader\\lib\\index.js!D:\\Desktop\\supervision-ui\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!D:\\Desktop\\supervision-ui\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\Desktop\\supervision-ui\\src\\views\\system\\user\\authRole.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\Desktop\\supervision-ui\\src\\views\\system\\user\\authRole.vue","mtime":1647101026941},{"path":"D:\\Desktop\\supervision-ui\\babel.config.js","mtime":1647101026471},{"path":"D:\\Desktop\\supervision-ui\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1647101096564},{"path":"D:\\Desktop\\supervision-ui\\node_modules\\babel-loader\\lib\\index.js","mtime":1647101099358},{"path":"D:\\Desktop\\supervision-ui\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1647101096564},{"path":"D:\\Desktop\\supervision-ui\\node_modules\\vue-loader\\lib\\index.js","mtime":1647101100033}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:InVzZSBzdHJpY3QiOwoKT2JqZWN0LmRlZmluZVByb3BlcnR5KGV4cG9ydHMsICJfX2VzTW9kdWxlIiwgewogIHZhbHVlOiB0cnVlCn0pOwpleHBvcnRzLmRlZmF1bHQgPSB2b2lkIDA7CgpyZXF1aXJlKCJjb3JlLWpzL21vZHVsZXMvZXMub2JqZWN0LnRvLXN0cmluZy5qcyIpOwoKcmVxdWlyZSgiY29yZS1qcy9tb2R1bGVzL3dlYi5kb20tY29sbGVjdGlvbnMuZm9yLWVhY2guanMiKTsKCnJlcXVpcmUoImNvcmUtanMvbW9kdWxlcy9lcy5hcnJheS5tYXAuanMiKTsKCnJlcXVpcmUoImNvcmUtanMvbW9kdWxlcy9lcy5hcnJheS5qb2luLmpzIik7Cgp2YXIgX3VzZXIgPSByZXF1aXJlKCJAL2FwaS9zeXN0ZW0vdXNlciIpOwoKLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KdmFyIF9kZWZhdWx0ID0gewogIG5hbWU6ICJBdXRoUm9sZSIsCiAgZGF0YTogZnVuY3Rpb24gZGF0YSgpIHsKICAgIHJldHVybiB7CiAgICAgIC8vIOmBrue9qeWxggogICAgICBsb2FkaW5nOiB0cnVlLAogICAgICAvLyDliIbpobXkv6Hmga8KICAgICAgdG90YWw6IDAsCiAgICAgIHBhZ2VOdW06IDEsCiAgICAgIHBhZ2VTaXplOiAxMCwKICAgICAgLy8g6YCJ5Lit6KeS6Imy57yW5Y+3CiAgICAgIHJvbGVJZHM6IFtdLAogICAgICAvLyDop5LoibLkv6Hmga8KICAgICAgcm9sZXM6IFtdLAogICAgICAvLyDnlKjmiLfkv6Hmga8KICAgICAgZm9ybToge30KICAgIH07CiAgfSwKICBjcmVhdGVkOiBmdW5jdGlvbiBjcmVhdGVkKCkgewogICAgdmFyIF90aGlzID0gdGhpczsKCiAgICB2YXIgdXNlcklkID0gdGhpcy4kcm91dGUucGFyYW1zICYmIHRoaXMuJHJvdXRlLnBhcmFtcy51c2VySWQ7CgogICAgaWYgKHVzZXJJZCkgewogICAgICB0aGlzLmxvYWRpbmcgPSB0cnVlOwogICAgICAoMCwgX3VzZXIuZ2V0QXV0aFJvbGUpKHVzZXJJZCkudGhlbihmdW5jdGlvbiAocmVzcG9uc2UpIHsKICAgICAgICBfdGhpcy5mb3JtID0gcmVzcG9uc2UudXNlcjsKICAgICAgICBfdGhpcy5yb2xlcyA9IHJlc3BvbnNlLnJvbGVzOwogICAgICAgIF90aGlzLnRvdGFsID0gX3RoaXMucm9sZXMubGVuZ3RoOwoKICAgICAgICBfdGhpcy4kbmV4dFRpY2soZnVuY3Rpb24gKCkgewogICAgICAgICAgX3RoaXMucm9sZXMuZm9yRWFjaChmdW5jdGlvbiAocm93KSB7CiAgICAgICAgICAgIGlmIChyb3cuZmxhZykgewogICAgICAgICAgICAgIF90aGlzLiRyZWZzLnRhYmxlLnRvZ2dsZVJvd1NlbGVjdGlvbihyb3cpOwogICAgICAgICAgICB9CiAgICAgICAgICB9KTsKICAgICAgICB9KTsKCiAgICAgICAgX3RoaXMubG9hZGluZyA9IGZhbHNlOwogICAgICB9KTsKICAgIH0KICB9LAogIG1ldGhvZHM6IHsKICAgIC8qKiDljZXlh7vpgInkuK3ooYzmlbDmja4gKi8KICAgIGNsaWNrUm93OiBmdW5jdGlvbiBjbGlja1Jvdyhyb3cpIHsKICAgICAgdGhpcy4kcmVmcy50YWJsZS50b2dnbGVSb3dTZWxlY3Rpb24ocm93KTsKICAgIH0sCiAgICAvLyDlpJrpgInmoYbpgInkuK3mlbDmja4KICAgIGhhbmRsZVNlbGVjdGlvbkNoYW5nZTogZnVuY3Rpb24gaGFuZGxlU2VsZWN0aW9uQ2hhbmdlKHNlbGVjdGlvbikgewogICAgICB0aGlzLnJvbGVJZHMgPSBzZWxlY3Rpb24ubWFwKGZ1bmN0aW9uIChpdGVtKSB7CiAgICAgICAgcmV0dXJuIGl0ZW0ucm9sZUlkOwogICAgICB9KTsKICAgIH0sCiAgICAvLyDkv53lrZjpgInkuK3nmoTmlbDmja7nvJblj7cKICAgIGdldFJvd0tleTogZnVuY3Rpb24gZ2V0Um93S2V5KHJvdykgewogICAgICByZXR1cm4gcm93LnJvbGVJZDsKICAgIH0sCgogICAgLyoqIOaPkOS6pOaMiemSriAqLwogICAgc3VibWl0Rm9ybTogZnVuY3Rpb24gc3VibWl0Rm9ybSgpIHsKICAgICAgdmFyIF90aGlzMiA9IHRoaXM7CgogICAgICB2YXIgdXNlcklkID0gdGhpcy5mb3JtLnVzZXJJZDsKICAgICAgdmFyIHJvbGVJZHMgPSB0aGlzLnJvbGVJZHMuam9pbigiLCIpOwogICAgICAoMCwgX3VzZXIudXBkYXRlQXV0aFJvbGUpKHsKICAgICAgICB1c2VySWQ6IHVzZXJJZCwKICAgICAgICByb2xlSWRzOiByb2xlSWRzCiAgICAgIH0pLnRoZW4oZnVuY3Rpb24gKHJlc3BvbnNlKSB7CiAgICAgICAgX3RoaXMyLiRtb2RhbC5tc2dTdWNjZXNzKCLmjojmnYPmiJDlip8iKTsKCiAgICAgICAgX3RoaXMyLmNsb3NlKCk7CiAgICAgIH0pOwogICAgfSwKCiAgICAvKiog5YWz6Zet5oyJ6ZKuICovCiAgICBjbG9zZTogZnVuY3Rpb24gY2xvc2UoKSB7CiAgICAgIHRoaXMuJHN0b3JlLmRpc3BhdGNoKCJ0YWdzVmlldy9kZWxWaWV3IiwgdGhpcy4kcm91dGUpOwogICAgICB0aGlzLiRyb3V0ZXIucHVzaCh7CiAgICAgICAgcGF0aDogIi9zeXN0ZW0vdXNlciIKICAgICAgfSk7CiAgICB9CiAgfQp9OwpleHBvcnRzLmRlZmF1bHQgPSBfZGVmYXVsdDs="},{"version":3,"sources":["authRole.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;AAyEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;eAEA;AACA,EAAA,IAAA,EAAA,UADA;AAEA,EAAA,IAFA,kBAEA;AACA,WAAA;AACA;AACA,MAAA,OAAA,EAAA,IAFA;AAGA;AACA,MAAA,KAAA,EAAA,CAJA;AAKA,MAAA,OAAA,EAAA,CALA;AAMA,MAAA,QAAA,EAAA,EANA;AAOA;AACA,MAAA,OAAA,EAAA,EARA;AASA;AACA,MAAA,KAAA,EAAA,EAVA;AAWA;AACA,MAAA,IAAA,EAAA;AAZA,KAAA;AAcA,GAjBA;AAkBA,EAAA,OAlBA,qBAkBA;AAAA;;AACA,QAAA,MAAA,GAAA,KAAA,MAAA,CAAA,MAAA,IAAA,KAAA,MAAA,CAAA,MAAA,CAAA,MAAA;;AACA,QAAA,MAAA,EAAA;AACA,WAAA,OAAA,GAAA,IAAA;AACA,6BAAA,MAAA,EAAA,IAAA,CAAA,UAAA,QAAA,EAAA;AACA,QAAA,KAAA,CAAA,IAAA,GAAA,QAAA,CAAA,IAAA;AACA,QAAA,KAAA,CAAA,KAAA,GAAA,QAAA,CAAA,KAAA;AACA,QAAA,KAAA,CAAA,KAAA,GAAA,KAAA,CAAA,KAAA,CAAA,MAAA;;AACA,QAAA,KAAA,CAAA,SAAA,CAAA,YAAA;AACA,UAAA,KAAA,CAAA,KAAA,CAAA,OAAA,CAAA,UAAA,GAAA,EAAA;AACA,gBAAA,GAAA,CAAA,IAAA,EAAA;AACA,cAAA,KAAA,CAAA,KAAA,CAAA,KAAA,CAAA,kBAAA,CAAA,GAAA;AACA;AACA,WAJA;AAKA,SANA;;AAOA,QAAA,KAAA,CAAA,OAAA,GAAA,KAAA;AACA,OAZA;AAaA;AACA,GApCA;AAqCA,EAAA,OAAA,EAAA;AACA;AACA,IAAA,QAFA,oBAEA,GAFA,EAEA;AACA,WAAA,KAAA,CAAA,KAAA,CAAA,kBAAA,CAAA,GAAA;AACA,KAJA;AAKA;AACA,IAAA,qBANA,iCAMA,SANA,EAMA;AACA,WAAA,OAAA,GAAA,SAAA,CAAA,GAAA,CAAA,UAAA,IAAA;AAAA,eAAA,IAAA,CAAA,MAAA;AAAA,OAAA,CAAA;AACA,KARA;AASA;AACA,IAAA,SAVA,qBAUA,GAVA,EAUA;AACA,aAAA,GAAA,CAAA,MAAA;AACA,KAZA;;AAaA;AACA,IAAA,UAdA,wBAcA;AAAA;;AACA,UAAA,MAAA,GAAA,KAAA,IAAA,CAAA,MAAA;AACA,UAAA,OAAA,GAAA,KAAA,OAAA,CAAA,IAAA,CAAA,GAAA,CAAA;AACA,gCAAA;AAAA,QAAA,MAAA,EAAA,MAAA;AAAA,QAAA,OAAA,EAAA;AAAA,OAAA,EAAA,IAAA,CAAA,UAAA,QAAA,EAAA;AACA,QAAA,MAAA,CAAA,MAAA,CAAA,UAAA,CAAA,MAAA;;AACA,QAAA,MAAA,CAAA,KAAA;AACA,OAHA;AAIA,KArBA;;AAsBA;AACA,IAAA,KAvBA,mBAuBA;AACA,WAAA,MAAA,CAAA,QAAA,CAAA,kBAAA,EAAA,KAAA,MAAA;AACA,WAAA,OAAA,CAAA,IAAA,CAAA;AAAA,QAAA,IAAA,EAAA;AAAA,OAAA;AACA;AA1BA;AArCA,C","sourcesContent":["<template>\r\n  <div class=\"app-container\">\r\n    <h4 class=\"form-header h4\">基本信息</h4>\r\n    <el-form ref=\"form\" :model=\"form\" label-width=\"80px\">\r\n      <el-row>\r\n        <el-col :span=\"8\" :offset=\"2\">\r\n          <el-form-item label=\"用户昵称\" prop=\"nickName\">\r\n            <el-input v-model=\"form.nickName\" disabled />\r\n          </el-form-item>\r\n        </el-col>\r\n        <el-col :span=\"8\" :offset=\"2\">\r\n          <el-form-item label=\"登录账号\" prop=\"phonenumber\">\r\n            <el-input v-model=\"form.userName\" disabled />\r\n          </el-form-item>\r\n        </el-col>\r\n      </el-row>\r\n    </el-form>\r\n\r\n    <h4 class=\"form-header h4\">角色信息</h4>\r\n    <el-table\r\n      class=\"back\"\r\n      v-loading=\"loading\"\r\n      :row-key=\"getRowKey\"\r\n      @row-click=\"clickRow\"\r\n      ref=\"table\"\r\n      @selection-change=\"handleSelectionChange\"\r\n      :data=\"roles.slice((pageNum - 1) * pageSize, pageNum * pageSize)\"\r\n      :header-cell-style=\"{ background: '#00365F', color: 'white' }\"\r\n    >\r\n      <el-table-column label=\"序号\" type=\"index\" align=\"center\">\r\n        <template slot-scope=\"scope\">\r\n          <span>{{ (pageNum - 1) * pageSize + scope.$index + 1 }}</span>\r\n        </template>\r\n      </el-table-column>\r\n      <el-table-column\r\n        type=\"selection\"\r\n        :reserve-selection=\"true\"\r\n        width=\"55\"\r\n      ></el-table-column>\r\n      <el-table-column label=\"角色编号\" align=\"center\" prop=\"roleId\" />\r\n      <el-table-column label=\"角色名称\" align=\"center\" prop=\"roleName\" />\r\n      <el-table-column label=\"权限字符\" align=\"center\" prop=\"roleKey\" />\r\n      <el-table-column\r\n        label=\"创建时间\"\r\n        align=\"center\"\r\n        prop=\"createTime\"\r\n        width=\"180\"\r\n      >\r\n        <template slot-scope=\"scope\">\r\n          <span>{{ parseTime(scope.row.createTime) }}</span>\r\n        </template>\r\n      </el-table-column>\r\n    </el-table>\r\n\r\n    <pagination\r\n      v-show=\"total > 0\"\r\n      :total=\"total\"\r\n      :page.sync=\"pageNum\"\r\n      :limit.sync=\"pageSize\"\r\n    />\r\n\r\n    <el-form label-width=\"100px\">\r\n      <el-form-item\r\n        style=\"text-align: center; margin-left: -120px; margin-top: 30px\"\r\n      >\r\n        <el-button type=\"primary\" @click=\"submitForm()\">提交</el-button>\r\n        <el-button @click=\"close()\">返回</el-button>\r\n      </el-form-item>\r\n    </el-form>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { getAuthRole, updateAuthRole } from \"@/api/system/user\";\r\n\r\nexport default {\r\n  name: \"AuthRole\",\r\n  data() {\r\n    return {\r\n      // 遮罩层\r\n      loading: true,\r\n      // 分页信息\r\n      total: 0,\r\n      pageNum: 1,\r\n      pageSize: 10,\r\n      // 选中角色编号\r\n      roleIds: [],\r\n      // 角色信息\r\n      roles: [],\r\n      // 用户信息\r\n      form: {},\r\n    };\r\n  },\r\n  created() {\r\n    const userId = this.$route.params && this.$route.params.userId;\r\n    if (userId) {\r\n      this.loading = true;\r\n      getAuthRole(userId).then((response) => {\r\n        this.form = response.user;\r\n        this.roles = response.roles;\r\n        this.total = this.roles.length;\r\n        this.$nextTick(() => {\r\n          this.roles.forEach((row) => {\r\n            if (row.flag) {\r\n              this.$refs.table.toggleRowSelection(row);\r\n            }\r\n          });\r\n        });\r\n        this.loading = false;\r\n      });\r\n    }\r\n  },\r\n  methods: {\r\n    /** 单击选中行数据 */\r\n    clickRow(row) {\r\n      this.$refs.table.toggleRowSelection(row);\r\n    },\r\n    // 多选框选中数据\r\n    handleSelectionChange(selection) {\r\n      this.roleIds = selection.map((item) => item.roleId);\r\n    },\r\n    // 保存选中的数据编号\r\n    getRowKey(row) {\r\n      return row.roleId;\r\n    },\r\n    /** 提交按钮 */\r\n    submitForm() {\r\n      const userId = this.form.userId;\r\n      const roleIds = this.roleIds.join(\",\");\r\n      updateAuthRole({ userId: userId, roleIds: roleIds }).then((response) => {\r\n        this.$modal.msgSuccess(\"授权成功\");\r\n        this.close();\r\n      });\r\n    },\r\n    /** 关闭按钮 */\r\n    close() {\r\n      this.$store.dispatch(\"tagsView/delView\", this.$route);\r\n      this.$router.push({ path: \"/system/user\" });\r\n    },\r\n  },\r\n};\r\n</script>\r\n<style scoped>\r\n/* 设置背景颜色 */\r\n.app-container {\r\n  background-color: #00365f;\r\n}\r\n/* 设置表格单双数颜色 */\r\n::v-deep.el-table tr:nth-child(odd) {\r\n  background: #00365f;\r\n}\r\n::v-deep.el-table tr:nth-child(even) {\r\n  background: #003c69 !important;\r\n}\r\n/* 设置字体白色 */\r\n.el-table {\r\n  color: white;\r\n}\r\n.form-header{\r\n  color: #fff;\r\n}\r\n::v-deep .el-pagination__total {\r\n  color: #fff !important;\r\n}\r\n::v-deep .el-pagination__jump{\r\n  color: #fff !important;\r\n}\r\n::v-deep .el-form-item__label {\r\n  color: white !important;\r\n}\r\n/* 表格行划过颜色 */\r\n::v-deep .el-table__body tr:hover > td {\r\n  background-color: #004d86 !important;\r\n}\r\n/* 表格文字居中 */\r\n::v-deep .cell {\r\n  text-align: center;\r\n}\r\n/* 暂无数据背景 */\r\n::v-deep .pagination-container {\r\n  background: #00365f;\r\n}\r\n/* 去掉上面的线 */\r\n::v-deep .el-table th.is-leaf {\r\n  border: none;\r\n}\r\n/* 去掉最下面的那一条线 */\r\n::v-deep .el-table::before {\r\n  height: 0px;\r\n}\r\n/* 去掉表格内的线 */\r\n::v-deep table td {\r\n  border-bottom: none !important;\r\n}\r\n::v-deep .refresh {\r\n  background-color: #004d86 !important;\r\n}\r\n::v-deep .el-button el-button--default el-button--mini {\r\n  background-color: #196299;\r\n}\r\n/* input表单颜色 */\r\n::v-deep .el-input--small .el-input__inner{\r\n  background: #004D86;\r\n  border: 0px;\r\n  color: #fff !important;\r\n}\r\n/* 时间日历设置 */\r\n::v-deep .el-range-input{\r\nbackground: #004D86;\r\ncolor: #fff;\r\n}\r\n::v-deep .el-range-editor--small .el-range-separator {\r\n    color: white ;\r\n}\r\n/* 分页按钮 */\r\n::v-deep .el-pagination .el-select .el-input .el-input__inner {\r\n    background: #004D86;\r\n    border: 0px;\r\n    color: #fff;\r\n}\r\n::v-deep .el-pagination button:disabled {\r\n    color: #fff !important;\r\n    background-color: #004D86;\r\n    cursor: not-allowed;\r\n}\r\n::v-deep .el-pagination__editor.el-input .el-input__inner {\r\n    background: #004D86;\r\n    color: #fff;\r\n    border: 0px;\r\n}\r\n::v-deep .el-pagination.is-background .el-pager li:not(.disabled).active {\r\n    background-color: #004D86;\r\n    color: #FFFFFF;\r\n}\r\n::v-deep .el-input.is-disabled .el-input__inner {\r\n    background-color: #004D86;\r\n    border: 0px;\r\n    color: #cecece;\r\n    cursor: not-allowed;\r\n}\r\n</style>"],"sourceRoot":"src/views/system/user"}]}