From 36de27dcf89a1a651c6498f3dc4c8fd872ca3f92 Mon Sep 17 00:00:00 2001
From: clll <1320612696@qq.com>
Date: 星期三, 13 九月 2023 17:17:17 +0800
Subject: [PATCH] Merge branch 'master' of http://10.153.19.25:10101/r/CanadaMes
---
CanadaMes-ui/src/views/power/index.vue | 247 +++++++++++++++++++++++++------------------------
1 files changed, 125 insertions(+), 122 deletions(-)
diff --git a/CanadaMes-ui/src/views/power/index.vue b/CanadaMes-ui/src/views/power/index.vue
index 567af94..eb274a9 100644
--- a/CanadaMes-ui/src/views/power/index.vue
+++ b/CanadaMes-ui/src/views/power/index.vue
@@ -2,32 +2,32 @@
<div class="app">
<!--闈㈠寘灞戝鑸尯鍩�-->
<el-breadcrumb separator-class="el-icon-arrow-right">
- <el-breadcrumb-item :to="{ path: '/home' }">棣栭〉</el-breadcrumb-item>
- <el-breadcrumb-item>鏉冮檺绠＄悊</el-breadcrumb-item>
- <el-breadcrumb-item>鏉冮檺鍒楄〃</el-breadcrumb-item>
+ <el-breadcrumb-item :to="{ path: '/home' }">{{$t('breadcrumb.home')}}</el-breadcrumb-item>
+ <el-breadcrumb-item>{{$t('breadcrumb.permissionManagement')}}</el-breadcrumb-item>
+ <el-breadcrumb-item>{{$t('breadcrumb.permissionList')}}</el-breadcrumb-item>
</el-breadcrumb>
<!--鍗＄墖瑙嗗浘鍖哄煙-->
<el-card class="el-card">
<el-row :gutter="20">
<!--鎼滅储涓庢坊鍔犲尯鍩�-->
<el-col :span="6">
- <el-input placeholder="璇疯緭鍏ユ潈闄愬悕绉�" v-model="queryInfo.name" clearable @clear="getPowerList()">
+ <el-input :placeholder="$t('search.placeholder')" v-model="queryInfo.name" clearable @clear="getPowerList()">
<el-button slot="append" icon="el-icon-search" @click="getPowerList()"></el-button>
</el-input>
</el-col>
<!--娣诲姞鍖哄煙-->
<el-col :span="4">
- <el-button type="primary" @click="showAddDialog">娣诲姞鏉冮檺</el-button>
+ <el-button type="primary" @click="showAddDialog">{{$t('button.addPermission')}}</el-button>
</el-col>
</el-row>
<!--鏉冮檺鍒楄〃鍖哄煙-->
<el-table :data="powerList.records" border stripe>
<el-table-column label="#" type="index"></el-table-column>
- <el-table-column label="瑙掕壊" prop="role.name"></el-table-column>
- <el-table-column label="鏉冮檺鎻忚堪" prop="permission.description"></el-table-column>
- <el-table-column label="鏉冮檺鍊�" prop="permission.name"></el-table-column>
- <el-table-column label="鍒涘缓鏃堕棿" prop="createTime"></el-table-column>
- <el-table-column label="鏄惁鐢熸晥">
+ <el-table-column :label="$t('table.role')" prop="role.name"></el-table-column>
+ <el-table-column :label="$t('table.permissionDescription')" prop="permission.description"></el-table-column>
+ <el-table-column :label="$t('table.permissionValue')" prop="permission.name"></el-table-column>
+ <el-table-column :label="$t('table.createTime')" prop="createTime"></el-table-column>
+ <el-table-column :label="$t('table.isActive')">
<template slot-scope="scope">
<el-switch :active-value=1
:inactive-value=0
@@ -36,15 +36,15 @@
</el-switch>
</template>
</el-table-column>
- <el-table-column label="鎿嶄綔">
+ <el-table-column :label="$t('table.operation')">
<template slot-scope="scope">
<!--淇敼-->
- <el-tooltip effect="dark" content="淇敼" placement="top" :enterable="false">
+ <el-tooltip effect="dark" :content="$t('tooltip.edit')" placement="top" :enterable="false">
<el-button type="primary" icon="el-icon-edit" size="mini"
@click="showEditDialog(scope.row)"></el-button>
</el-tooltip>
<!--鍒犻櫎-->
- <el-tooltip effect="dark" content="鍒犻櫎" placement="top" :enterable="false">
+ <el-tooltip effect="dark" :content="$t('tooltip.delete')" placement="top" :enterable="false">
<el-button type="danger" icon="el-icon-delete" size="mini"
@click="removeById(scope.row)"></el-button>
</el-tooltip>
@@ -64,14 +64,14 @@
</el-card>
<!--娣诲姞鏉冮檺鐨勫璇濇-->
<el-dialog
- title="娣诲姞鏉冮檺"
+ :title="$t('dialog.addPermission')"
:visible.sync="addDialogVisible"
width="50%"
@close="addDialogClosed">
<!--鍐呭涓讳綋鍖哄煙-->
<el-form :model="addPowerForm" :rules="powerRules" ref="powerRef" label-width="70px">
- <el-form-item label="瑙掕壊" prop="roleId">
- <el-select filterable v-model="addPowerForm.roleId" placeholder="璇烽�夋嫨">
+ <el-form-item :label="$t('form.role')" prop="roleId">
+ <el-select filterable v-model="addPowerForm.roleId" :placeholder="$t('form.select')">
<el-option v-for="item in roleList"
:key="item.id"
:value="item.id"
@@ -79,8 +79,8 @@
</el-option>
</el-select>
</el-form-item>
- <el-form-item label="鏉冮檺" prop="permissionId">
- <el-select filterable v-model="addPowerForm.permissionId" placeholder="璇烽�夋嫨">
+ <el-form-item :label="$t('form.permission')" prop="permissionId">
+ <el-select filterable v-model="addPowerForm.permissionId" :placeholder="$t('form.select')">
<el-option v-for="item in permissionList"
:key="item.id"
:value="item.id"
@@ -88,8 +88,8 @@
</el-option>
</el-select>
</el-form-item>
- <el-form-item label="鏄惁鐢熸晥" prop="state">
- <el-select v-model="addPowerForm.state" placeholder="璇烽�夋嫨">
+ <el-form-item :label="$t('form.isActive')" prop="state">
+ <el-select v-model="addPowerForm.state" :placeholder="$t('form.select')">
<el-option v-for="(item,index) in options"
:key="index"
:value="item.value"
@@ -99,19 +99,19 @@
</el-form-item>
</el-form>
<span slot="footer" class="dialog-footer">
- <el-button @click="addDialogVisible = false">鍙� 娑�</el-button>
- <el-button type="primary" @click="addPower">纭� 瀹�</el-button>
+ <el-button @click="addDialogVisible = false">{{$t('button.cancel')}}</el-button>
+ <el-button type="primary" @click="addPower">{{$t('button.confirm')}}</el-button>
</span>
</el-dialog>
<!--淇敼鏉冮檺鐨勫璇濇-->
<el-dialog
- title="淇敼鏉冮檺"
+ :title="$t('dialog.editPermission')"
:visible.sync="editDialogVisible"
width="50%">
<!--鍐呭涓讳綋鍖哄煙-->
<el-form :model="editRoleForm" :rules="powerRules" ref="powerRef" label-width="70px">
- <el-form-item label="瑙掕壊" prop="roleId">
- <el-select filterable v-model="editRoleForm.roleId" placeholder="璇烽�夋嫨">
+ <el-form-item :label="$t('form.role')" prop="roleId">
+ <el-select filterable v-model="editRoleForm.roleId" :placeholder="$t('form.select')">
<el-option v-for="item in roleList"
:key="item.id"
:value="item.id"
@@ -119,8 +119,8 @@
</el-option>
</el-select>
</el-form-item>
- <el-form-item filterable label="鏉冮檺" prop="permissionId">
- <el-select v-model="editRoleForm.permissionId" placeholder="璇烽�夋嫨">
+ <el-form-item filterable :label="$t('form.permission')" prop="permissionId">
+ <el-select v-model="editRoleForm.permissionId" :placeholder="$t('form.select')">
<el-option v-for="item in permissionList"
:key="item.id"
:value="item.id"
@@ -128,8 +128,8 @@
</el-option>
</el-select>
</el-form-item>
- <el-form-item label="鏄惁鐢熸晥" prop="state">
- <el-select v-model="editRoleForm.state" placeholder="璇烽�夋嫨">
+ <el-form-item :label="$t('form.isActive')" prop="state">
+ <el-select v-model="editRoleForm.state" :placeholder="$t('form.select')">
<el-option v-for="(item,index) in options"
:key="index"
:value="item.value"
@@ -139,8 +139,8 @@
</el-form-item>
</el-form>
<span slot="footer" class="dialog-footer">
- <el-button @click="editDialogVisible = false">鍙� 娑�</el-button>
- <el-button type="primary" @click="editRoleInfo">纭� 瀹�</el-button>
+ <el-button @click="editDialogVisible = false">{{$t('button.cancel')}}</el-button>
+ <el-button type="primary" @click="editRoleInfo">{{$t('button.confirm')}}</el-button>
</span>
</el-dialog>
</div>
@@ -150,9 +150,11 @@
import {getById, removeById, saveOrUpdate, selectPage} from "../../api/rolePermission";
import {select} from "../../api/role";
import {selectPermission} from "../../api/permission";
+import LanguageMixin from '../../lang/LanguageMixin'
export default {
name: "Power",
+ mixins: [LanguageMixin],
data() {
return {
queryInfo: {
@@ -199,100 +201,101 @@
this.getPowerList();
},
methods: {
- getPowerList() {
- selectPage(this.queryInfo).then(res => {
- this.powerList.total = res.data.total;
- this.powerList.records = res.data.records;
+ getPowerList() {
+ selectPage(this.queryInfo).then(res => {
+ this.powerList.total = res.data.total;
+ this.powerList.records = res.data.records;
+ });
+ },
+ // 鐩戝惉pageSize鏀瑰彉鐨勪簨浠�
+ handleSizeChange(newSize) {
+ this.queryInfo.pageSize = newSize;
+ this.getPowerList()
+ },
+ // 鐩戝惉pageNum鏀瑰彉鐨勪簨浠�
+ handleCurrentChange(newPage) {
+ this.queryInfo.pageNum = newPage;
+ this.getPowerList()
+ },
+ stateChange(info) {
+ saveOrUpdate(info).then(() => {
+ this.$message.success(this.$t('updateSuccessMessage'))
+ });
+ },
+ // 鐩戝惉娣诲姞鏉冮檺瀵硅瘽妗嗙殑鍏抽棴浜嬩欢
+ addDialogClosed() {
+ this.$refs['powerRef'].resetFields();
+ },
+ // 鐐瑰嚮鎸夐挳娣诲姞鏂版潈闄�
+ addPower() {
+ this.$refs.powerRef.validate(async valid => {
+ if (!valid) return;
+ // 鍙戣捣娣诲姞鏉冮檺鐨勭綉缁滆姹�
+ saveOrUpdate(this.addPowerForm).then(() => {
+ // 閲嶆柊鑾峰彇鏉冮檺鍒楄〃
+ this.getPowerList();
+ // 闅愯棌娣诲姞鏉冮檺瀵硅瘽妗�
+ this.addDialogVisible = false;
+ this.$message.success(this.$t('addSuccessMessage'));
});
- },
- // 鐩戝惉pageSize鏀瑰彉鐨勪簨浠�
- handleSizeChange(newSize) {
- this.queryInfo.pageSize = newSize;
- this.getPowerList()
- },
- // 鐩戝惉pageNum鏀瑰彉鐨勪簨浠�
- handleCurrentChange(newPage) {
- this.queryInfo.pageNum = newPage;
- this.getPowerList()
- },
- stateChange(info) {
- saveOrUpdate(info).then(() => {
- this.$message.success("鏇存柊鐘舵�佹垚鍔�")
+ })
+ },
+ // 灞曠ず淇敼鏉冮檺鐨勫璇濇
+ showEditDialog(role) {
+ getById({id: role.id}).then(res => {
+ this.editRoleForm = res.data;
+ });
+ select(this.addPowerForm).then(res => {
+ this.roleList = res.data;
+ });
+ selectPermission(this.addPowerForm).then(res => {
+ this.permissionList = res.data;
+ });
+ this.editDialogVisible = true;
+ },
+ // 灞曠ず娣诲姞鏉冮檺鐨勫璇濇
+ showAddDialog() {
+ select(this.addPowerForm).then(res => {
+ this.roleList = res.data;
+ });
+ selectPermission(this.addPowerForm).then(res => {
+ this.permissionList = res.data;
+ });
+ this.addDialogVisible = true;
+ },
+ // 淇敼鏉冮檺淇℃伅骞舵彁浜�
+ editRoleInfo() {
+ this.$refs.powerRef.validate(async valid => {
+ if (!valid) return;
+ // 鍙戣捣淇敼鏉冮檺鐨勭綉缁滆姹�
+ saveOrUpdate(this.editRoleForm).then(() => {
+ // 閲嶆柊鑾峰彇鏉冮檺鍒楄〃
+ this.getPowerList();
+ // 闅愯棌娣诲姞鏉冮檺瀵硅瘽妗�
+ this.editDialogVisible = false;
+ this.$message.success(this.$t('updateSuccessMessage'));
});
- },
- // 鐩戝惉娣诲姞鏉冮檺瀵硅瘽妗嗙殑鍏抽棴浜嬩欢
- addDialogClosed() {
- this.$refs['powerRef'].resetFields();
- },
- // 鐐瑰嚮鎸夐挳娣诲姞鏂版潈闄�
- addPower() {
- this.$refs.powerRef.validate(async valid => {
- if (!valid) return;
- // 鍙戣捣娣诲姞鏉冮檺鐨勭綉缁滆姹�
- saveOrUpdate(this.addPowerForm).then(() => {
- // 閲嶆柊鑾峰彇鏉冮檺鍒楄〃
- this.getPowerList();
- // 闅愯棌娣诲姞鏉冮檺瀵硅瘽妗�
- this.addDialogVisible = false;
- this.$message.success("娣诲姞鏉冮檺鎴愬姛");
- });
- })
- },
- // 灞曠ず淇敼鏉冮檺鐨勫璇濇
- showEditDialog(role) {
- getById({id: role.id}).then(res => {
- this.editRoleForm = res.data;
+ })
+ },
+ // 鏍规嵁id鍒犻櫎鏉冮檺淇℃伅
+ removeById(power) {
+ // 寮规璇㈤棶鐢ㄦ埛鏄惁鍒犻櫎鏉冮檺
+ this.$confirm(this.$t('deleteConfirmMessage'), this.$t('prompt'), {
+ confirmButtonText: this.$t('confirmButtonText'),
+ cancelButtonText: this.$t('cancelButtonText'),
+ type: 'warning'
+ }).then(() => {
+ // 鍒犻櫎鏉冮檺
+ removeById({id: power.id}).then(() => {
+ // 閲嶆柊鑾峰彇鏉冮檺鍒楄〃
+ this.getPowerList();
+ this.$message.success(this.$t('deleteSuccessMessage'));
});
- select(this.addPowerForm).then(res => {
- this.roleList = res.data;
- });
- selectPermission(this.addPowerForm).then(res => {
- this.permissionList = res.data;
- });
- this.editDialogVisible = true;
- },
- // 灞曠ず娣诲姞鏉冮檺鐨勫璇濇
- showAddDialog() {
- select(this.addPowerForm).then(res => {
- this.roleList = res.data;
- });
- selectPermission(this.addPowerForm).then(res => {
- this.permissionList = res.data;
- });
- this.addDialogVisible = true;
- },
- // 淇敼鏉冮檺淇℃伅骞舵彁浜�
- editRoleInfo() {
- this.$refs.powerRef.validate(async valid => {
- if (!valid) return;
- // 鍙戣捣淇敼鏉冮檺鐨勭綉缁滆姹�
- saveOrUpdate(this.editRoleForm).then(() => {
- // 閲嶆柊鑾峰彇鏉冮檺鍒楄〃
- this.getPowerList();
- // 闅愯棌娣诲姞鏉冮檺瀵硅瘽妗�
- this.editDialogVisible = false;
- this.$message.success("淇敼鏉冮檺鎴愬姛");
- });
- })
- },
- // 鏍规嵁id鍒犻櫎鏉冮檺淇℃伅
- removeById(power) {
- // 寮规璇㈤棶鐢ㄦ埛鏄惁鍒犻櫎鏉冮檺
- this.$confirm('姝ゆ搷浣滃皢姘镐箙鍒犻櫎璇ユ潈闄�, 鏄惁缁х画?', '鎻愮ず', {
- confirmButtonText: '纭畾',
- cancelButtonText: '鍙栨秷',
- type: 'warning'
- }).then(() => {
- // 鍒犻櫎鏉冮檺
- removeById({id: power.id}).then(() => {
- // 閲嶆柊鑾峰彇鏉冮檺鍒楄〃
- this.getPowerList();
- this.$message.success("鍒犻櫎鏉冮檺鎴愬姛");
- });
- }).catch(() => {
- this.$message.info('宸插彇娑堝垹闄�');
- })
- }
+ }).catch(() => {
+ this.$message.info(this.$t('deleteCancelledMessage'));
+ })
+ }
+
}
}
</script>
--
Gitblit v1.8.0