From 9d5fc70530330177bd2a67e568d67b8883694685 Mon Sep 17 00:00:00 2001
From: surprise <15810472099@163.com>
Date: 星期一, 11 十二月 2023 11:16:08 +0800
Subject: [PATCH] bug修改
---
src/views/userManage/roleManage.vue | 823 +++++++++++++++++++++++-----------------------------------
1 files changed, 322 insertions(+), 501 deletions(-)
diff --git a/src/views/userManage/roleManage.vue b/src/views/userManage/roleManage.vue
index a4c5585..49cd7e0 100644
--- a/src/views/userManage/roleManage.vue
+++ b/src/views/userManage/roleManage.vue
@@ -1,40 +1,19 @@
<template>
<div class="logLog_box">
- <My-bread
- :list="[
- `${$t('operatManage.operatManage')}`,
- `${$t('userManage.roleManage')}`,
- ]"
- ></My-bread>
+ <My-bread :list="[
+ `${$t('operatManage.operatManage')}`,
+ `${$t('userManage.roleManage')}`,
+ ]"></My-bread>
<el-divider />
<div class="inquire subpage_Div" ref="container">
<el-form ref="ruleForm" :model="roleForm" :inline="true">
<div class="flex_box">
<div style="margin-right: auto">
- <el-form-item
- :label="$t('userManage.RM.ownedSystem')"
- prop="ownedSystem"
- >
- <el-select
- :popper-append-to-body="false"
- size="small"
- v-model="roleForm.depValue"
- :placeholder="$t('userManage.RM.ownedSystemHolder')"
- style="width: 200px"
- ref="treeSelect"
- >
- <el-option
- :value="roleForm.depid"
- :label="roleForm.depValue"
- style="height: auto"
- >
- <el-tree
- ref="tree"
- :data="depList"
- node-key="id"
- :props="props"
- @node-click="handleRouleDepList"
- />
+ <el-form-item :label="$t('userManage.RM.ownedSystem')" prop="ownedSystem">
+ <el-select :popper-append-to-body="false" size="small" v-model="roleForm.depValue"
+ :placeholder="$t('userManage.RM.ownedSystemHolder')" style="width: 200px" ref="treeSelect">
+ <el-option :value="roleForm.depid" :label="roleForm.depValue" style="height: auto">
+ <el-tree ref="tree" :data="depList" node-key="id" :props="props" @node-click="handleRouleDepList" />
</el-option>
</el-select>
<!-- <el-input
@@ -44,12 +23,8 @@
/> -->
</el-form-item>
<el-form-item :label="$t('userManage.RM.roleName')" prop="username">
- <el-input
- v-model="roleForm.username"
- :placeholder="$t('userManage.RM.roleNameHolder')"
- size="small"
- style="width: 200px"
- >
+ <el-input v-model="roleForm.username" :placeholder="$t('userManage.RM.roleNameHolder')" size="small"
+ style="width: 200px">
<i slot="suffix" class="el-icon-search" @click="onSubmit"></i>
</el-input>
</el-form-item>
@@ -65,33 +40,21 @@
<!-- }}</el-button>-->
<!-- </el-form-item>-->
<el-form-item>
- <el-button
- type="success"
- size="small"
- @click="setInsertFormdialog"
- v-if="menuStatus.insert"
- ><i class="el-icon-circle-plus-outline"></i> {{
- $t("userManage.RM.add")
- }}</el-button
- >
+ <el-button type="success" size="small" @click="setInsertFormdialog" v-if="menuStatus.insert"><i
+ class="el-icon-circle-plus-outline"></i> {{
+ $t("userManage.RM.add")
+ }}</el-button>
</el-form-item>
<el-form-item>
- <el-button
- type="danger"
- size="small"
- @click="handleDelete()"
- v-if="menuStatus.delete"
- ><i class="el-icon-delete"></i> {{
- $t("common.delete")
- }}</el-button
- >
+ <el-button type="danger" size="small" @click="handleDelete()" v-if="menuStatus.delete"><i
+ class="el-icon-delete"></i> {{
+ $t("common.delete")
+ }}</el-button>
</el-form-item>
<el-form-item>
- <el-button type="info" size="small" @click="resetForm('ruleForm')"
- ><i class="el-icon-delete"></i> {{
- $t("userManage.RM.reset")
- }}</el-button
- >
+ <el-button type="info" size="small" @click="resetForm('ruleForm')"><i class="el-icon-delete"></i> {{
+ $t("userManage.RM.reset")
+ }}</el-button>
</el-form-item>
</div>
</div>
@@ -145,48 +108,22 @@
</div>
<div class="dividing-line"></div>
<div class="table_box subpage_Div" :style="styleVar">
- <el-table
- :data="tableData"
- style="width: 100%"
- border
- height="calc(100% - 45px)"
- @selection-change="handleSelectionChange"
- >
+ <el-table :data="tableData" style="width: 100%" border height="calc(100% - 45px)"
+ @selection-change="handleSelectionChange">
<el-table-column type="selection" width="55" />
- <el-table-column
- align="center"
- type="index"
- :label="$t('userManage.RM.index')"
- width="70px"
- />
+ <el-table-column align="center" type="index" :label="$t('userManage.RM.index')" width="70px" />
<el-table-column align="center" prop="id" v-if="false" />
- <el-table-column
- align="center"
- prop="name"
- :label="$t('userManage.RM.roleName')"
- />
+ <el-table-column align="center" prop="name" :label="$t('userManage.RM.roleName')" />
- <el-table-column
- align="center"
- prop="depName"
- :label="$t('userManage.RM.ownedSystem')"
- />
+ <el-table-column align="center" prop="depName" :label="$t('userManage.RM.ownedSystem')" />
- <el-table-column
- align="center"
- prop="isAdmin"
- :label="$t('userManage.RM.isAdmin')"
- >
- <template slot-scope="scope">
+ <el-table-column align="center" prop="isAdmin" :label="$t('userManage.RM.isAdmin')" :formatter="formateIsAdmin">
+ <!-- <template slot-scope="scope">
<span v-if="scope.row.isAdmin == 1">鏄� </span>
<span v-else>鍚�</span>
- </template>
+ </template> -->
</el-table-column>
- <el-table-column
- align="center"
- prop="descr"
- :label="$t('userManage.RM.describe')"
- />
+ <el-table-column align="center" prop="descr" :label="$t('userManage.RM.describe')" />
<!-- <el-table-column
align="center"
@@ -215,93 +152,39 @@
prop="bak"
:label="$t('userManage.RM.remarks')"
/> -->
- <el-table-column
- fixed="right"
- :label="$t('common.operate')"
- width="200"
- >
+ <el-table-column fixed="right" :label="$t('common.operate')" width="200">
<template slot-scope="scope">
- <el-button
- type="primary"
- @click="showDetail(scope.$index, scope.row)"
- size="small"
- plain
- >{{ $t("common.see") }}</el-button
- >
- <el-button
- v-if="menuStatus.update"
- type="warning"
- @click="handleEdit(scope.$index, scope.row)"
- size="small"
- plain
- >{{ $t("common.update") }}</el-button
- >
+ <el-button type="primary" @click="showDetail(scope.$index, scope.row)" size="small" plain>{{ $t("common.see")
+ }}</el-button>
+ <el-button v-if="menuStatus.update" type="warning" @click="handleEdit(scope.$index, scope.row)" size="small"
+ plain>{{ $t("common.update") }}</el-button>
</template>
</el-table-column>
</el-table>
<div style="margin-top: 10px" class="pagination_box">
- <el-pagination
- @size-change="handleSizeChange"
- @current-change="handleCurrentChange"
- :current-page="listData.pageIndex"
- :page-sizes="[10, 20, 50, 100]"
- :page-size="listData.pageSize"
- layout="total, sizes, prev, pager, next, jumper"
- :total="count"
- >
+ <el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange"
+ :current-page="listData.pageIndex" :page-sizes="[10, 20, 50, 100]" :page-size="listData.pageSize"
+ layout="total, sizes, prev, pager, next, jumper" :total="count">
</el-pagination>
</div>
</div>
- <el-dialog
- :title="$t('userManage.RM.insertRole')"
- :before-close="handleClose"
- style="overflow: hidden"
- :visible.sync="InsertFormdialog"
- >
+ <el-dialog :title="$t('userManage.RM.insertRole')" :before-close="handleClose" style="overflow: hidden"
+ :visible.sync="InsertFormdialog">
<div style="height: 500px; overflow: auto">
<el-form :model="insertform" label-position="top">
- <el-form-item
- :label="$t('userManage.RM.roleName')"
- :label-width="formLabelWidth"
- >
- <el-input
- style="width: 85%"
- v-model="insertform.name"
- autocomplete="off"
- :placeholder="
- $t('shuJuGuanLi.shuJuJianSuo.valuetwo') +
- $t('userManage.RM.roleName')
- "
- ></el-input>
+ <el-form-item :label="$t('userManage.RM.roleName')" :label-width="formLabelWidth">
+ <el-input style="width: 85%" v-model="insertform.name" autocomplete="off" :placeholder="$t('shuJuGuanLi.shuJuJianSuo.valuetwo') +
+ $t('userManage.RM.roleName')
+ "></el-input>
</el-form-item>
- <el-form-item
- :label="$t('userManage.RM.ownedSystem')"
- :label-width="formLabelWidth"
- :prop="insertform.depValue"
- :rules="[{ required: true, message: '涓嶈兘涓虹┖' }]"
- >
- <el-select
- :popper-append-to-body="false"
- v-model="insertform.depValue"
- :placeholder="
- $t('shuJuGuanLi.shuJuJianSuo.valuetree') +
- $t('userManage.RM.ownedSystem')
- "
- style="width: 85%"
- >
- <el-option
- :value="insertform.depid"
- :label="insertform.depValue"
- style="height: auto"
- >
- <el-tree
- ref="tree"
- :data="depList"
- node-key="id"
- :props="props"
- @node-click="handleDepList"
- />
+ <el-form-item :label="$t('userManage.RM.ownedSystem')" :label-width="formLabelWidth" :prop="insertform.depValue"
+ :rules="[{ required: true, message: '涓嶈兘涓虹┖' }]">
+ <el-select :popper-append-to-body="false" v-model="insertform.depValue" :placeholder="$t('shuJuGuanLi.shuJuJianSuo.valuetree') +
+ $t('userManage.RM.ownedSystem')
+ " style="width: 85%">
+ <el-option :value="insertform.depid" :label="insertform.depValue" style="height: auto">
+ <el-tree ref="tree" :data="depList" node-key="id" :props="props" @node-click="handleDepList" />
</el-option>
</el-select>
<!-- <el-input
@@ -316,24 +199,12 @@
@click="showDepTree(2)"
>{{ $t('common.choose') }}</el-button> -->
</el-form-item>
- <el-form-item
- :label="$t('userManage.RM.describe')"
- :label-width="formLabelWidth"
- >
- <el-input
- style="width: 85%"
- v-model="insertform.descr"
- autocomplete="off"
- :placeholder="
- $t('shuJuGuanLi.shuJuJianSuo.valuetwo') +
- $t('userManage.RM.describe')
- "
- ></el-input>
+ <el-form-item :label="$t('userManage.RM.describe')" :label-width="formLabelWidth">
+ <el-input style="width: 85%" v-model="insertform.descr" autocomplete="off" :placeholder="$t('shuJuGuanLi.shuJuJianSuo.valuetwo') +
+ $t('userManage.RM.describe')
+ "></el-input>
</el-form-item>
- <el-form-item
- :label="$t('userManage.RM.isAdmin')"
- :label-width="formLabelWidth"
- >
+ <el-form-item :label="$t('userManage.RM.isAdmin')" :label-width="formLabelWidth">
<!-- <el-radio
label="1"
@@ -342,35 +213,16 @@
v-model="insertform.isAdmin"
label="0"
>鍚�</el-radio> -->
- <el-select
- style="width: 85%"
- v-model="insertform.isAdmin"
- :placeholder="
- $t('shuJuGuanLi.shuJuJianSuo.valuetree') +
- $t('userManage.RM.isAdmin')
- "
- >
- <el-option
- v-for="item in options"
- :key="item.value"
- :label="item.label"
- :value="item.value"
- ></el-option>
+ <el-select style="width: 85%" v-model="insertform.isAdmin" :placeholder="$t('shuJuGuanLi.shuJuJianSuo.valuetree') +
+ $t('userManage.RM.isAdmin')
+ ">
+ <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"></el-option>
</el-select>
</el-form-item>
- <el-form-item
- :label="$t('userManage.RM.remarks')"
- :label-width="formLabelWidth"
- >
- <el-input
- style="width: 85%"
- v-model="insertform.bak"
- autocomplete="off"
- :placeholder="
- $t('shuJuGuanLi.shuJuJianSuo.valuetwo') +
- $t('userManage.RM.remarks')
- "
- ></el-input>
+ <el-form-item :label="$t('userManage.RM.remarks')" :label-width="formLabelWidth">
+ <el-input style="width: 85%" v-model="insertform.bak" autocomplete="off" :placeholder="$t('shuJuGuanLi.shuJuJianSuo.valuetwo') +
+ $t('userManage.RM.remarks')
+ "></el-input>
</el-form-item>
</el-form>
</div>
@@ -383,47 +235,18 @@
}}</el-button>
</div>
</el-dialog>
- <el-dialog
- :title="$t('userManage.RM.updateRole')"
- :visible.sync="UpdateFormdialog"
- :before-close="handleCloseEdit"
- >
+ <el-dialog :title="$t('userManage.RM.updateRole')" :visible.sync="UpdateFormdialog" :before-close="handleCloseEdit">
<div style="height: 500px; overflow: auto">
<el-form :model="updateform" label-position="top">
- <el-form-item
- :label="$t('userManage.RM.roleName')"
- :label-width="formLabelWidth"
- >
- <el-input
- v-model="updateform.name"
- autocomplete="off"
- style="width: 85%"
- ></el-input>
+ <el-form-item :label="$t('userManage.RM.roleName')" :label-width="formLabelWidth">
+ <el-input v-model="updateform.name" autocomplete="off" style="width: 85%"></el-input>
</el-form-item>
- <el-form-item
- :label="$t('userManage.RM.ownedSystem')"
- :label-width="formLabelWidth"
- :prop="updateform.depValue"
- >
- <el-select
- :popper-append-to-body="false"
- v-model="updateform.depValue"
- placeholder="璇烽�夋嫨"
- style="width: 85%"
- >
- <el-option
- :value="updateform.depid"
- :label="updateform.depValue"
- style="height: auto"
- >
- <el-tree
- ref="tree"
- :data="depList"
- node-key="id"
- :props="props"
- @node-click="handleUpdataDepList"
- />
+ <el-form-item :label="$t('userManage.RM.ownedSystem')" :label-width="formLabelWidth"
+ :prop="updateform.depValue">
+ <el-select :popper-append-to-body="false" v-model="updateform.depValue" placeholder="璇烽�夋嫨" style="width: 85%">
+ <el-option :value="updateform.depid" :label="updateform.depValue" style="height: auto">
+ <el-tree ref="tree" :data="depList" node-key="id" :props="props" @node-click="handleUpdataDepList" />
</el-option>
</el-select>
@@ -439,10 +262,7 @@
@click="showDepTree(3)"
>{{ $t('common.choose') }}</el-button> -->
</el-form-item>
- <el-form-item
- :label="$t('userManage.RM.isAdmin')"
- :label-width="formLabelWidth"
- >
+ <el-form-item :label="$t('userManage.RM.isAdmin')" :label-width="formLabelWidth">
<!-- <el-radio
v-model="updateform.isAdmin"
label="1"
@@ -452,33 +272,14 @@
label="0"
>鍚�</el-radio> -->
<el-select style="width: 85%" v-model="updateform.isAdmin">
- <el-option
- v-for="item in options"
- :key="item.value"
- :label="item.label"
- :value="item.value"
- ></el-option>
+ <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"></el-option>
</el-select>
</el-form-item>
- <el-form-item
- :label="$t('userManage.RM.describe')"
- :label-width="formLabelWidth"
- >
- <el-input
- v-model="updateform.descr"
- autocomplete="off"
- style="width: 85%"
- ></el-input>
+ <el-form-item :label="$t('userManage.RM.describe')" :label-width="formLabelWidth">
+ <el-input v-model="updateform.descr" autocomplete="off" style="width: 85%"></el-input>
</el-form-item>
- <el-form-item
- :label="$t('userManage.RM.remarks')"
- :label-width="formLabelWidth"
- >
- <el-input
- v-model="updateform.bak"
- autocomplete="off"
- style="width: 85%"
- ></el-input>
+ <el-form-item :label="$t('userManage.RM.remarks')" :label-width="formLabelWidth">
+ <el-input v-model="updateform.bak" autocomplete="off" style="width: 85%"></el-input>
</el-form-item>
</el-form>
</div>
@@ -496,12 +297,8 @@
<role-dep-tree></role-dep-tree>
</div>
<div class="btnBox">
- <el-button type="primary" size="small" @click="selectCataName"
- >纭畾</el-button
- >
- <el-button type="info" size="small" @click="showCata = false"
- >鍙栨秷</el-button
- >
+ <el-button type="primary" size="small" @click="selectCataName">纭畾</el-button>
+ <el-button type="info" size="small" @click="showCata = false">鍙栨秷</el-button>
</div>
</div>
<div class="infoBox_box" v-show="showinfoBox">
@@ -725,8 +522,8 @@
this.itemdetail.createUser = this.itemdetail.createName;
this.itemdetail.updateUser = this.itemdetail.updateName;
- this.itemdetail.admin =
- parseInt(this.itemdetail.isAdmin) === 0 ? "鍚�" : "鏄�";
+ this.itemdetail.admin =this.formateIsAdmin(this.itemdetail)
+
},
handleSelectionChange(val) {
this.multipleSelection = val;
@@ -735,249 +532,270 @@
let date = row[column.property];
return this.formomentTime(date);
},
- formomentTime(date) {
- if (date === undefined || date === null) {
- return;
- }
- return moment(parseInt(date)).format("YYYY-MM-DD HH:mm:ss");
- },
- showDepTree(res) {
- this.showCata = true;
- this.elTreeFlag = res;
- },
- selectCataName() {
- this.cataName = this.$store.state.catalogueName;
- this.path_id = this.$store.state.cataNode.id;
- var value;
- if (this.cataName.indexOf(">") != -1) {
- var data = this.$store.state.catalogueName.split(">");
- value = data[data.length - 1];
- } else {
- value = this.$store.state.catalogueName;
- }
- this.$store.commit("changeCata", ""); //娓呯┖state鐨勯潰鍖呭睉
- this.$store.commit("changeNode", ""); //娓呯┖state鐨勮妭鐐瑰璞�
- this.showCata = false;
- switch (this.elTreeFlag) {
+
+ formateIsAdmin(row, column) {
+ switch (row.isAdmin) {
+ case 0:
+ return "鏅�氱敤鎴�";
+ break;
case 1:
- this.roleForm.value = value;
- this.roleForm.depid = this.path_id;
+ return "瓒呯骇绠＄悊鍛�";
break;
case 2:
- this.insertform.depid = this.path_id;
- this.insertform.depValue = value;
+ return "鏁版嵁绠＄悊鍛�";
break;
case 3:
- this.updateform.depid = this.path_id;
- this.updateform.depValue = value;
+ return "棰嗗";
break;
+
}
+
},
- async getRoleTabelData() {
- if (this.listData.tab == "") {
- delete this.listData.tab;
- }
- this.listData.name = this.roleForm.username;
- this.listData.depid = this.roleForm.depid;
- const data = await select_Role_ByPageAndCount(this.listData);
- if (data.code != 200) {
- this.$message.error("鍒楄〃璋冪敤澶辫触");
- }
- this.tableData = data.result;
- this.count = data.count;
- },
+
+formomentTime(date) {
+ if (date === undefined || date === null) {
+ return;
+ }
+ return moment(parseInt(date)).format("YYYY-MM-DD HH:mm:ss");
+},
+showDepTree(res) {
+ this.showCata = true;
+ this.elTreeFlag = res;
+},
+selectCataName() {
+ this.cataName = this.$store.state.catalogueName;
+ this.path_id = this.$store.state.cataNode.id;
+ var value;
+ if (this.cataName.indexOf(">") != -1) {
+ var data = this.$store.state.catalogueName.split(">");
+ value = data[data.length - 1];
+ } else {
+ value = this.$store.state.catalogueName;
+ }
+ this.$store.commit("changeCata", ""); //娓呯┖state鐨勯潰鍖呭睉
+ this.$store.commit("changeNode", ""); //娓呯┖state鐨勮妭鐐瑰璞�
+ this.showCata = false;
+ switch (this.elTreeFlag) {
+ case 1:
+ this.roleForm.value = value;
+ this.roleForm.depid = this.path_id;
+ break;
+ case 2:
+ this.insertform.depid = this.path_id;
+ this.insertform.depValue = value;
+ break;
+ case 3:
+ this.updateform.depid = this.path_id;
+ this.updateform.depValue = value;
+ break;
+ }
+},
+ async getRoleTabelData() {
+ if (this.listData.tab == "") {
+ delete this.listData.tab;
+ }
+ this.listData.name = this.roleForm.username;
+ this.listData.depid = this.roleForm.depid;
+ const data = await select_Role_ByPageAndCount(this.listData);
+ if (data.code != 200) {
+ this.$message.error("鍒楄〃璋冪敤澶辫触");
+ }
+
+ this.tableData = data.result;
+ this.count = data.count;
+},
async getSelectDepTab() {
- this.selectData = [];
- const data = await selectdepTab();
- if (data.code != 200) {
- this.$message.error("涓嬫媺璋冪敤澶辫触");
- }
- data.result.forEach((e) => {
- if (e) {
- this.selData.push({
- label: e.name,
- value: e.id,
- });
- }
+ this.selectData = [];
+ const data = await selectdepTab();
+ if (data.code != 200) {
+ this.$message.error("涓嬫媺璋冪敤澶辫触");
+ }
+ data.result.forEach((e) => {
+ if (e) {
+ this.selData.push({
+ label: e.name,
+ value: e.id,
});
- },
- insertFromClose() {
- this.$confirm("鍏抽棴鍚庢棤娉曚繚瀛橈紝鏄惁鍏抽棴?")
- .then((_) => {
- this.InsertFormdialog = false;
- this.insertform = {};
- })
- .catch((_) => {});
- },
+ }
+ });
+},
+insertFromClose() {
+ this.$confirm("鍏抽棴鍚庢棤娉曚繚瀛橈紝鏄惁鍏抽棴?")
+ .then((_) => {
+ this.InsertFormdialog = false;
+ this.insertform = {};
+ })
+ .catch((_) => { });
+},
async insertFromData() {
- if (this.insertform.depValue == null) {
- this.$message({
- message: "璇烽�夋嫨瑙掕壊鎵�灞炲崟浣�",
- type: "warning",
- });
- return;
- }
- const data = await insertRole(this.insertform);
+ if (this.insertform.depValue == null) {
+ this.$message({
+ message: "璇烽�夋嫨瑙掕壊鎵�灞炲崟浣�",
+ type: "warning",
+ });
+ return;
+ }
+ const data = await insertRole(this.insertform);
+ if (data.code == 200) {
+ this.InsertFormdialog = false;
+ this.insertform = {};
+ this.$message({
+ message: "娣诲姞鎴愬姛锛�",
+ type: "success",
+ });
+ this.getRoleTabelData();
+ } else {
+ this.$message({
+ message: "娣诲姞澶辫触锛�",
+ type: "warning",
+ });
+ }
+},
+updateFromClose() {
+ this.$confirm("鍏抽棴鍚庢棤娉曚繚瀛橈紝鏄惁鍏抽棴?")
+ .then((_) => {
+ this.UpdateFormdialog = false;
+ this.updateform = {};
+ this.getRoleTabelData();
+ })
+ .catch((_) => { });
+},
+ async updateFromData() {
+ if (this.updateform.depValue == null) {
+ this.$message({
+ message: "璇烽�夋嫨瑙掕壊鎵�灞炲崟浣�",
+ type: "warning",
+ });
+ return;
+ }
+ console.log(this.updateform);
+ const data = await updateRole(this.updateform);
+ if (data.code == 200) {
+ this.UpdateFormdialog = false;
+ this.updateform = {};
+ this.$message({
+ message: "淇敼鎴愬姛锛�",
+ type: "success",
+ });
+ this.getRoleTabelData();
+ } else {
+ this.$message({
+ message: "淇敼澶辫触锛�",
+ type: "warning",
+ });
+ }
+},
+handleDelete() {
+ var std = [];
+ for (var i in this.multipleSelection) {
+ std.push(this.multipleSelection[i].id);
+ }
+ this.$confirm("姝ゆ搷浣滃皢姘镐箙鍒犻櫎璇ヨ鑹�, 鏄惁缁х画?", "鎻愮ず", {
+ confirmButtonText: "纭畾",
+ cancelButtonText: "鍙栨秷",
+ type: "warning",
+ })
+ .then(async () => {
+ const data = await deleteRoles({ ids: std.toString() });
+
if (data.code == 200) {
this.InsertFormdialog = false;
- this.insertform = {};
this.$message({
- message: "娣诲姞鎴愬姛锛�",
+ message: "鍒犻櫎鎴愬姛锛�",
type: "success",
});
this.getRoleTabelData();
} else {
this.$message({
- message: "娣诲姞澶辫触锛�",
+ message: "鍒犻櫎澶辫触锛�",
type: "warning",
});
}
- },
- updateFromClose() {
- this.$confirm("鍏抽棴鍚庢棤娉曚繚瀛橈紝鏄惁鍏抽棴?")
- .then((_) => {
- this.UpdateFormdialog = false;
- this.updateform = {};
- this.getRoleTabelData();
- })
- .catch((_) => {});
- },
- async updateFromData() {
- if (this.updateform.depValue == null) {
- this.$message({
- message: "璇烽�夋嫨瑙掕壊鎵�灞炲崟浣�",
- type: "warning",
- });
- return;
- }
- console.log(this.updateform);
- const data = await updateRole(this.updateform);
- if (data.code == 200) {
- this.UpdateFormdialog = false;
- this.updateform = {};
- this.$message({
- message: "淇敼鎴愬姛锛�",
- type: "success",
- });
- this.getRoleTabelData();
- } else {
- this.$message({
- message: "淇敼澶辫触锛�",
- type: "warning",
- });
- }
- },
- handleDelete() {
- var std = [];
- for (var i in this.multipleSelection) {
- std.push(this.multipleSelection[i].id);
- }
- this.$confirm("姝ゆ搷浣滃皢姘镐箙鍒犻櫎璇ヨ鑹�, 鏄惁缁х画?", "鎻愮ず", {
- confirmButtonText: "纭畾",
- cancelButtonText: "鍙栨秷",
- type: "warning",
- })
- .then(async () => {
- const data = await deleteRoles({ ids: std.toString() });
-
- if (data.code == 200) {
- this.InsertFormdialog = false;
- this.$message({
- message: "鍒犻櫎鎴愬姛锛�",
- type: "success",
- });
- this.getRoleTabelData();
- } else {
- this.$message({
- message: "鍒犻櫎澶辫触锛�",
- type: "warning",
- });
- }
- })
- .catch(() => {
- this.$message({
- type: "info",
- message: "宸插彇娑堝垹闄�",
- });
- });
- },
- handleSizeChange(val) {
- this.listData.pageSize = val;
- this.getRoleTabelData();
- },
- handleCurrentChange(val) {
- this.listData.pageIndex = val;
- this.getRoleTabelData();
- },
+ })
+ .catch(() => {
+ this.$message({
+ type: "info",
+ message: "宸插彇娑堝垹闄�",
+ });
+ });
+},
+handleSizeChange(val) {
+ this.listData.pageSize = val;
+ this.getRoleTabelData();
+},
+handleCurrentChange(val) {
+ this.listData.pageIndex = val;
+ this.getRoleTabelData();
+},
async handleEdit(index, row) {
- this.updateform = row;
- // this.updateform.isAdmin = row.isAdmin.toString();
- const data = await selectDep({ id: row.depid });
- if (data.result == null) {
- this.updateform.depValue = null;
- } else {
- this.updateform.depValue = data.result.name;
- }
+ this.updateform = row;
+ // this.updateform.isAdmin = row.isAdmin.toString();
+ const data = await selectDep({ id: row.depid });
+ if (data.result == null) {
+ this.updateform.depValue = null;
+ } else {
+ this.updateform.depValue = data.result.name;
+ }
- this.UpdateFormdialog = true;
- },
- onSubmit() {
+ this.UpdateFormdialog = true;
+},
+onSubmit() {
+ this.getRoleTabelData();
+},
+resetForm(formName) {
+ this.$refs[formName].resetFields();
+ this.roleForm = {};
+ this.getRoleTabelData();
+},
+showPermsMenu(res) {
+ switch (res.tag) {
+ case "/delete":
+ this.menuStatus.delete = true;
+ break;
+ case "/insert":
+ this.menuStatus.insert = true;
+ break;
+ case "/update":
+ this.menuStatus.update = true;
+ break;
+ }
+},
+handleClose() {
+ this.$confirm("鍏抽棴鍚庢棤娉曚繚瀛橈紝鏄惁鍏抽棴?")
+ .then((_) => {
+ this.InsertFormdialog = false;
+ })
+ .catch((_) => { });
+},
+handleCloseEdit() {
+ this.$confirm("鍏抽棴鍚庢棤娉曚繚瀛橈紝鏄惁鍏抽棴?")
+ .then((_) => {
+ this.UpdateFormdialog = false;
this.getRoleTabelData();
- },
- resetForm(formName) {
- this.$refs[formName].resetFields();
- this.roleForm = {};
- this.getRoleTabelData();
- },
- showPermsMenu(res) {
- switch (res.tag) {
- case "/delete":
- this.menuStatus.delete = true;
- break;
- case "/insert":
- this.menuStatus.insert = true;
- break;
- case "/update":
- this.menuStatus.update = true;
- break;
- }
- },
- handleClose() {
- this.$confirm("鍏抽棴鍚庢棤娉曚繚瀛橈紝鏄惁鍏抽棴?")
- .then((_) => {
- this.InsertFormdialog = false;
- })
- .catch((_) => {});
- },
- handleCloseEdit() {
- this.$confirm("鍏抽棴鍚庢棤娉曚繚瀛橈紝鏄惁鍏抽棴?")
- .then((_) => {
- this.UpdateFormdialog = false;
- this.getRoleTabelData();
- })
- .catch((_) => {});
- },
+ })
+ .catch((_) => { });
+},
},
- beforeDestroy() {
- this.timer && clearTimeout(this.timer);
- window.removeEventListener("resize", this.onResize);
- },
- mounted() {
- window.addEventListener("resize", this.onResize);
- this.calHeight();
- },
- created() {
- var val = this.$store.state.currentPerms;
- var permsEntity = this.$store.state.permsEntity;
- for (var i = 0; i < permsEntity.length; i++) {
- if (permsEntity[i].perms == val) {
- this.showPermsMenu(permsEntity[i]);
- }
+beforeDestroy() {
+ this.timer && clearTimeout(this.timer);
+ window.removeEventListener("resize", this.onResize);
+},
+mounted() {
+ window.addEventListener("resize", this.onResize);
+ this.calHeight();
+},
+created() {
+ var val = this.$store.state.currentPerms;
+ var permsEntity = this.$store.state.permsEntity;
+ for (var i = 0; i < permsEntity.length; i++) {
+ if (permsEntity[i].perms == val) {
+ this.showPermsMenu(permsEntity[i]);
}
- this.getRoleTabelData();
- this.getDepList();
- },
+ }
+ this.getRoleTabelData();
+ this.getDepList();
+},
};
</script>
<style lang="less" scoped>
@@ -990,6 +808,7 @@
.el-input {
width: 300px;
}
+
.leftTree {
position: absolute;
z-index: 9999;
@@ -1002,12 +821,14 @@
height: 550px;
overflow: auto;
}
+
.btnBox {
width: 123px;
margin: 10px auto 0;
// background-color: red;
}
}
+
.inquire {
height: auto;
--
Gitblit v1.9.3