From d91f0dfcd2ef95fb3624d94ade24fe69a9169a58 Mon Sep 17 00:00:00 2001
From: 13693261870 <252740454@qq.com>
Date: 星期日, 04 二月 2024 15:15:00 +0800
Subject: [PATCH] Merge branch 'master' of http://192.168.20.92:8888/r/P2022036_Web2
---
src/views/userManage/roleManage.vue | 953 ++++++++++++++++++++++------------------------------------
1 files changed, 365 insertions(+), 588 deletions(-)
diff --git a/src/views/userManage/roleManage.vue b/src/views/userManage/roleManage.vue
index 44d2da1..49cd7e0 100644
--- a/src/views/userManage/roleManage.vue
+++ b/src/views/userManage/roleManage.vue
@@ -1,44 +1,19 @@
<template>
<div class="logLog_box">
<My-bread :list="[
- `${$t('operatManage.operatManage')}`,
- `${$t('userManage.roleManage')}`,
- ]"></My-bread>
+ `${$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="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"
- >
- <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
@@ -47,21 +22,10 @@
:placeholder="$t('common.pleaseInput')"
/> -->
</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"
- >
- <i
- slot="suffix"
- class="el-icon-search"
- @click="onSubmit"
- ></i>
+ <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">
+ <i slot="suffix" class="el-icon-search" @click="onSubmit"></i>
</el-input>
</el-form-item>
</div>
@@ -76,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>
@@ -155,59 +107,23 @@
</el-form>
</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-column
- type="selection"
- width="55"
- />
- <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')"
- />
+ <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-column type="selection" width="55" />
+ <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="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"
@@ -236,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"
- >
+ <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>
</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 :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>
- <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
@@ -337,21 +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"
@@ -360,95 +213,40 @@
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>
- <div
- slot="footer"
- class="dialog-footer"
- >
- <el-button
- size="small"
- @click="insertFromClose"
- >{{
+ <div slot="footer" class="dialog-footer">
+ <el-button size="small" @click="insertFromClose">{{
$t("common.close")
}}</el-button>
- <el-button
- type="primary"
- size="small"
- @click="insertFromData"
- >{{
+ <el-button type="primary" size="small" @click="insertFromData">{{
$t("common.confirm")
}}</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 :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>
- <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>
@@ -464,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"
@@ -476,93 +271,41 @@
v-model="updateform.isAdmin"
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-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-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>
- <div
- slot="footer"
- class="dialog-footer"
- >
- <el-button
- size="small"
- @click="updateFromClose"
- >{{
+ <div slot="footer" class="dialog-footer">
+ <el-button size="small" @click="updateFromClose">{{
$t("common.close")
}}</el-button>
- <el-button
- type="primary"
- size="small"
- @click="updateFromData"
- >{{
+ <el-button type="primary" size="small" @click="updateFromData">{{
$t("common.confirm")
}}</el-button>
</div>
</el-dialog>
- <div
- class="leftTree subpage_Div box_div"
- v-if="showCata"
- >
+ <div class="leftTree subpage_Div box_div" v-if="showCata">
<div class="treeBox">
<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"
- >
+ <div class="infoBox_box" v-show="showinfoBox">
<div class="infoBox box_div subpage_Div">
- <div
- slot="header"
- class="clearfix"
- >
+ <div slot="header" class="clearfix">
<span>{{ $t("dataManage.styleObj.deInformation") }}</span>
- <div
- style="float: right; cursor: pointer"
- @click="closeDetial"
- >
+ <div style="float: right; cursor: pointer" @click="closeDetial">
<i class="el-icon-close"></i>
</div>
</div>
@@ -690,20 +433,30 @@
styleVar: {
height: "calc(100% - 109px)",
},
- options: [{
- value: 0,
- label: '鏅�氱敤鎴�'
- }, {
- value: 1,
- label: '瓒呯骇绠＄悊鍛�'
- }, {
- value: 2,
- label: '鏁版嵁绠＄悊鍛�'
- }, {
- value: 3,
- label: '棰嗗'
- }]
+ options: [
+ {
+ value: 0,
+ label: "鏅�氱敤鎴�",
+ },
+ {
+ value: 1,
+ label: "瓒呯骇绠＄悊鍛�",
+ },
+ {
+ value: 2,
+ label: "鏁版嵁绠＄悊鍛�",
+ },
+ {
+ value: 3,
+ label: "棰嗗",
+ },
+ ],
};
+ },
+ watch: {
+ "roleForm.depValue"() {
+ this.$refs.treeSelect.visible = false;
+ },
},
methods: {
onResize() {
@@ -769,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;
@@ -779,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>
@@ -1034,6 +808,7 @@
.el-input {
width: 300px;
}
+
.leftTree {
position: absolute;
z-index: 9999;
@@ -1046,12 +821,14 @@
height: 550px;
overflow: auto;
}
+
.btnBox {
width: 123px;
margin: 10px auto 0;
// background-color: red;
}
}
+
.inquire {
height: auto;
--
Gitblit v1.9.3