Skip to content

S
so-manage-ui
"src/main/java/com/nx/umms/service/OcpModelGroupService.java" did not exist on "0ec928c3e3ca09d193e520d67423a387010e1e03"
Commit 54d50bca authored by 何小勇's avatar 何小勇
Browse files
Options

Merge branch 'dev' of https://cloud.wodcloud.com/git/apaas/apaas-system-ui into dev

parents e7765b84 30d7974f
Expand all Show whitespace changes
Inline Side-by-side
Showing with 1707 additions and 490 deletions
.beagle.yml
View file @ 54d50bca
...@@ -37,23 +37,23 @@ steps: # 定义流水线执行步骤，这些步骤将顺序执行 ...@@ -37,23 +37,23 @@ steps: # 定义流水线执行步骤，这些步骤将顺序执行
image: registry.cn-qingdao.aliyuncs.com/wod/devops-node:16.16.0-slim image: registry.cn-qingdao.aliyuncs.com/wod/devops-node:16.16.0-slim
# 将宿主机中文件夹挂载到容器中，宿主机文件夹中的文件会被容器访问并修改，起到使用缓存的作用，避免每次运行都要重现下载依赖，提高运行速度 # 将宿主机中文件夹挂载到容器中，宿主机文件夹中的文件会被容器访问并修改，起到使用缓存的作用，避免每次运行都要重现下载依赖，提高运行速度
commands: commands:
# - yarn - yarn
- export NODE_ENV=production - export NODE_ENV=production
- yarn build - yarn build
- name: s3-cache-build # - name: s3-cache-build
image: registry.cn-qingdao.aliyuncs.com/wod/devops-s3-cache:1.0 # image: registry.cn-qingdao.aliyuncs.com/wod/devops-s3-cache:1.0
network_mode: host # network_mode: host
settings: # settings:
rebuild: true # rebuild: true
hash: package.json # hash: package.json
mount: # mount:
- node_modules # - node_modules
endpoint: http://cache.wodcloud.com # endpoint: http://cache.wodcloud.com
access_key: # access_key:
from_secret: ACCESS_KEY_MINIO # from_secret: ACCESS_KEY_MINIO
secret_key: # secret_key:
from_secret: SECRET_KEY_MINIO # from_secret: SECRET_KEY_MINIO
- name: docker - name: docker
image: registry.cn-qingdao.aliyuncs.com/wod/devops-docker:1.0 image: registry.cn-qingdao.aliyuncs.com/wod/devops-docker:1.0
......
src/bg-ui/bg-code-editor.vue
View file @ 54d50bca
...@@ -83,7 +83,7 @@ watch( ...@@ -83,7 +83,7 @@ watch(
) )
const codeChange = (val,val1,val2)=>{ const codeChange = (val,val1,val2)=>{
emit("update:modelValue", val1.renderer.content.innerText); emit("update:modelValue", states.content);
} }
onMounted(() => { onMounted(() => {
......
src/bg-ui/bg-nav-list.vue
View file @ 54d50bca
<template> <template>
<ul class="nav-list" v-if="list&&list.length"> <ul class="nav-list" v-if="list&&list.length">
<li v-for="(item, index) in list" v-show="item.show" :key="'nav_' + index"> <li v-for="(item, index) in list" v-show="item.menuType!==2" :key="'nav_' + index">
<template v-if="item.children && item.children.length"> <template v-if="item.children && item.children.length&&item.menuType==0">
<div <div
class="nav-item nav-more text-clip" class="nav-item nav-more text-clip"
:class="{ current: isCurrent([item.path]) }" :class="{ current: isCurrent([item.path]) }"
...@@ -9,8 +9,10 @@ ...@@ -9,8 +9,10 @@
> >
<span :style="{ paddingLeft: `${deep*2}em` }"> <span :style="{ paddingLeft: `${deep*2}em` }">
<!-- <img v-if="item.icon" :src="item.icon" alt=""> --> <!-- <img v-if="item.icon" :src="item.icon" alt=""> -->
<bg-icon v-if="item.icon" :icon="item.icon"></bg-icon> <bg-icon v-if="item.icon" style="color:#7c8292;" :icon="'#'+item.icon"></bg-icon>
{{ item.menuName }} {{ item.menuName }}
<bg-icon v-show="showMore[index] !== false" style="font-size:8px;position: absolute;right: 10px;top: 20px;" icon="#bg-ic-arrow-up"></bg-icon>
<bg-icon v-show="showMore[index] == false" style="font-size:8px;position: absolute;right: 10px;top: 20px;" icon="#bg-ic-arrow-down"></bg-icon>
</span> </span>
&ensp; &ensp;
</div> </div>
...@@ -26,7 +28,7 @@ ...@@ -26,7 +28,7 @@
<template v-else> <template v-else>
<div <div
class="nav-item text-clip" class="nav-item text-clip"
:class="{current:isCurrent(item.linkPath&&item.linkPath.length?[...item.linkPath,item.path]:[item.path])}" :class="{current:isCurrent(item.children&&item.children.length?[...getChildrenPath(item.children),item.path]:[item.path])}"
@click="$router.push(item.path)" @click="$router.push(item.path)"
> >
<span :style="{ paddingLeft: `${deep*2}em` }">{{ item.menuName }}</span> <span :style="{ paddingLeft: `${deep*2}em` }">{{ item.menuName }}</span>
...@@ -67,6 +69,15 @@ export default { ...@@ -67,6 +69,15 @@ export default {
this.showMore[index] = !flag this.showMore[index] = !flag
}, },
getChildrenPath(arr,temp=[]){
arr.forEach(e => {
temp.push(e.path)
if(e.children&&e.children.length){
this.getChildrenPath(e.children,temp)
}
});
return temp
},
isCurrent(path) { isCurrent(path) {
return ( return (
(this.highlightParentRule && this.highlightParentRule(path)) || false (this.highlightParentRule && this.highlightParentRule(path)) || false
......
src/bg-ui/bg-permission-option.vue 0 → 100644
View file @ 54d50bca
<template>
<div class="bg-permission-option">
<div
class="bg-permission-option--self"
:class="{
'full-option': !(option.children && option.children.length > 0),
}"
>
<el-checkbox
v-model="option.isSelected"
:indeterminate="option.isIndeterminate"
@change="changeSelf"
>
<span :title="option.name">
{{ option.name }}
</span>
</el-checkbox>
</div>
<div
class="bg-permission-option--list"
:class="{ 'flex-wrap': deep === depth - 1 }"
v-if="option.children && option.children.length > 0"
>
<BgPermissionOption
v-for="(item, index) in option.children"
:ref="`child${index}`"
:option="item"
:key="`opt_${index}`"
:deep="deep + 1"
:depth="depth"
@change="changeChild"
/>
</div>
</div>
</template>
<script>
export default {
name: "BgPermissionOption",
props: {
option: {
type: Object,
require: true,
}, // 数据项
depth: {
type: Number,
default: 0,
},
deep: {
type: Number,
default: 1,
},
},
methods: {
changeSelf() {
let isSelected = this.option.isSelected;
let children = this.option.children || [];
// 将自己的选中状态赋值给子级
if (children.length > 0) {
children.forEach((v, i) => {
v.isSelected = isSelected;
this.$nextTick(() => {
this.$refs[`child${i}`][0].changeSelf();
});
});
}
// 关于自己选中都是全选和不选，所以不存在半选状态
this.option.isIndeterminate = false;
// 修改完自己和自己子级，告诉父级更新
this.$emit("change");
}, // 本级选中状态发生变化
changeChild() {
let isSelected = true;
let isIndeterminate = false;
let children = this.option.children;
children.forEach((v, i) => {
isSelected = isSelected && v.isSelected; // 所有子级都为选中时，自己才为选中状态
isIndeterminate = isIndeterminate || v.isIndeterminate || v.isSelected; // 只要有下级为半选状态或选中状态，自己就为半选状态
});
// 自己为全选状态时，半选不生效
isIndeterminate = isSelected ? false : isIndeterminate;
// 赋值
this.option.isSelected = isSelected;
this.option.isIndeterminate = isIndeterminate;
// 修改完自己和自己子级，告诉父级更新
this.$emit("change");
}, // 下级选中状态发生变化
},
};
</script>
src/bg-ui/bg-permission.vue 0 → 100644
View file @ 54d50bca
<template>
<div class="bg-permission">
<div class="permission-header" v-if="selectAll">
<el-checkbox
v-model="isSelected"
:indeterminate="isIndeterminate"
@change="changeSelf"
>
全选
</el-checkbox>
</div>
<div class="permission-null" v-if="permissionData.length === 0">
<p>暂无数据</p>
</div>
<div class="bg-permission-option--list" v-else>
<BgPermissionOption
v-for="(item, index) in permissionData"
:ref="`child${index}`"
:option="item"
:key="`opt_${index}`"
:props="props"
:depth="depth"
@change="changeChild"
/>
</div>
</div>
</template>
<script>
import { val } from "dom7";
import BgPermissionOption from "./bg-permission-option.vue";
export default {
name: "BgPermission",
components: {
BgPermissionOption,
},
model: {
prop: "values",
event: "change",
},
props: {
values: {
type: Array,
default: () => [],
}, // 选中的值
options: {
type: Array,
default: () => [],
}, // 菜单项
props: {
type: Object,
default: () => ({
name: "name",
value: "value",
children: "children",
}),
}, // 配置项（节点的一些字段）
selectAll: {
type: Boolean,
default: true,
}, // 是否在顶部显示全选按钮
},
data() {
return {
initFlag: true, // 是否需要初始化
permissionData: [], // 数据项
isSelected: false, // 是否全选
isIndeterminate: false, // 是否半选
};
},
computed: {
depth() {
return this.getDepth({ children: this.permissionData });
}, // 数据层级深度
},
watch: {
values: {
handler() {
if (this.initFlag) {
this.initPermissionData();
}
this.initFlag = true;
},
deep: true,
},
options: {
handler() {
this.initPermissionData();
},
deep: true,
},
},
methods: {
initPermissionData() {
let {
name: nameProp,
value: valueProp,
children: childrenProp,
} = this.props;
let permissionData = [];
let traverseOptions = (item) => {
let result = {};
let name = item[nameProp];
let value = item[valueProp];
let children = item[childrenProp];
let isSelected = this.values.indexOf(value) > -1;
let isIndeterminate = false;
result.name = name;
result.value = value;
if (children && children.length > 0) {
result.children = [];
isSelected = true; // 如果存在子节点，则根据子节点反推当前节点选中状态
isIndeterminate = false; // 当前节点半选状态
children.forEach((v) => {
result.children.push(traverseOptions(v));
});
result.children.forEach((v) => {
isSelected = isSelected && v.isSelected; // 所有子节点都为选中状态，则当前节点选中状态为真
isIndeterminate = isIndeterminate || v.isSelected || v.isIndeterminate; // 所有下级节点只要存在一个选中状态，则当前节点半选状态为真
});
}
result.isSelected = isSelected;
result.isIndeterminate = isSelected ? false : isIndeterminate; // 当前节点选中状态为真时，半选为假
return result;
};
this.options.forEach((v) => {
permissionData.push(traverseOptions(v));
});
this.permissionData = permissionData;
// 初始化完数据项后要更新一下全选半选状态
if (permissionData.length > 0) {
this.$nextTick(() => {
this.changeChild();
});
}
}, // 初始化数据项
getDepth(node) {
if (!node.children || node.children.length === 0) {
return 1;
}
let maxChildrenDepth = [...node.children].map((v) => this.getDepth(v));
return Math.max(...maxChildrenDepth) + 1;
}, // 获取JsonTree深度
changeSelf() {
let isSelected = this.isSelected;
let children = this.permissionData || [];
// 将自己的选中状态赋值给子级
if (children.length > 0) {
children.forEach((v, i) => {
v.isSelected = isSelected;
this.$nextTick(() => {
this.$refs[`child${i}`][0].changeSelf();
});
});
}
// 关于自己选中都是全选和不选，所以不存在半选状态
this.isIndeterminate = false;
// 出发双向绑定事件
this.changeValues();
}, // 改变全选状态
changeChild() {
let isSelected = true;
let isIndeterminate = false;
let children = this.permissionData;
children.forEach((v, i) => {
isSelected = isSelected && v.isSelected; // 所有子级都为选中时，自己才为选中状态
isIndeterminate = isIndeterminate || v.isIndeterminate || v.isSelected; // 只要有下级为半选状态，自己就为半选状态
});
// 自己为全选状态时，半选不生效
isIndeterminate = isSelected ? false : isIndeterminate;
// 赋值
this.isSelected = isSelected;
this.isIndeterminate = isIndeterminate;
// 出发双向绑定事件
this.changeValues();
}, // 下级选中状态发生变化
changeValues() {
let values = [];
let traverseOptions = ({
isSelected,
isIndeterminate,
value,
children,
}) => {
if (isSelected) {
values.push(value);
}
if (isIndeterminate) {
values.push(value);
}
if (children && children.length > 0) {
children.forEach((v) => {
traverseOptions(v);
});
}
};
this.permissionData.forEach((v) => {
traverseOptions(v);
});
this.initFlag = false; // 防止在watch中出发重新初始化
this.$emit("changeMenu", values);
}, // 双向绑定的处理
},
mounted() {
this.initPermissionData();
},
};
</script>
src/bg-ui/bg-switch.vue
View file @ 54d50bca
...@@ -33,7 +33,7 @@ export default { ...@@ -33,7 +33,7 @@ export default {
}, },
colors: { colors: {
type: Array, type: Array,
default: () => ["#c1c7d7", "#275a9d"], default: () => ["#cbced7", "#2b4695"],
}, },
disabled: { disabled: {
type: Boolean, type: Boolean,
......
src/bg-ui/bg-table.vue
View file @ 54d50bca
...@@ -25,8 +25,7 @@ ...@@ -25,8 +25,7 @@
<el-table-column <el-table-column
type="selection" type="selection"
:selectable="selectable" :selectable="selectable"
width="80" width="38"
align="center"
v-if="select" v-if="select"
> >
<!-- checkbox --> <!-- checkbox -->
...@@ -103,9 +102,9 @@ export default { ...@@ -103,9 +102,9 @@ export default {
type: Boolean, type: Boolean,
default: false, default: false,
}, },
selectable: { // selectable: {
type: Function, // type: Function,
}, // },
isIndex: { isIndex: {
type: Boolean, type: Boolean,
default: false default: false
...@@ -120,8 +119,16 @@ export default { ...@@ -120,8 +119,16 @@ export default {
}, },
paddingLeft: { paddingLeft: {
type: [Number, String], type: [Number, String],
default: () => 33, default: () => 12,
}, },
canEdit: {
type: Boolean,
default: false
}, // 多选框是否禁用
canEditFlag: {
typr : Boolean,
default: ""
}, // 决定多选框是否禁用的字段
}, },
/* filters: { /* filters: {
ellipsis(value, max) { ellipsis(value, max) {
...@@ -190,6 +197,17 @@ export default { ...@@ -190,6 +197,17 @@ export default {
return "stripe-row"; return "stripe-row";
} }
}, },
selectable(row,index) {
if (this.canEdit) {
if (row[this.canEditFlag] && row[this.canEditFlag] == 1) {
return false
}else {
return true
}
}else {
return true
}
}
}, },
}; };
</script> </script>
src/bg-ui/index.js
View file @ 54d50bca
...@@ -35,6 +35,7 @@ ...@@ -35,6 +35,7 @@
import BgFilterGroup from './bg-filter-group.vue' import BgFilterGroup from './bg-filter-group.vue'
import BgSwitchEle from './bg-switch-ele.vue' import BgSwitchEle from './bg-switch-ele.vue'
import BgTableBtns from './bg-table-btns.vue' import BgTableBtns from './bg-table-btns.vue'
import BgPermission from './bg-permission.vue'
const components = { const components = {
BgIcon,//字体图标 BgIcon,//字体图标
...@@ -69,8 +70,9 @@ const components = { ...@@ -69,8 +70,9 @@ const components = {
BgPagination,// 分页组件 BgPagination,// 分页组件
BgInnerTabs,//内部tab BgInnerTabs,//内部tab
BgFilterGroup,//高级搜索 BgFilterGroup,//高级搜索
BgSwitchEle, BgSwitchEle,// 基于element-plus封装的switch
BgTableBtns, BgTableBtns,// 表格按钮组
BgPermission,// 菜单选择
}; };
const install = (Vue) => { const install = (Vue) => {
......
src/bg-ui/index.scss
View file @ 54d50bca
...@@ -2544,3 +2544,97 @@ a { ...@@ -2544,3 +2544,97 @@ a {
width: 100%; width: 100%;
} }
} }
.bg-permission {
border-top: solid 1px #dadee7;
border-left: solid 1px #dadee7;
width: 100%;
.el-checkbox {
.el-checkbox__label {
overflow: hidden;
text-overflow: ellipsis;
word-break: break-all;
white-space: nowrap;
width: 8em;
display: inline-block;
vertical-align: middle;
line-height: 16px;
color: #202531;
}
}
>.permission-header {
padding: 0 16px;
height: 48px;
line-height: 48px;
background-color: #f2f3f7;
border-bottom: solid 1px #dadee7;
border-right: solid 1px #dadee7;
}
>.permission-null {
padding: 8px 16px;
border-bottom: solid 1px #dadee7;
border-right: solid 1px #dadee7;
>p {
font-size: 14px;
line-height: 16px;
color: #333;
text-align: center;
}
}
>.bg-permission-option--list {
width: 100%;
}
}
.bg-permission-option {
display: flex;
justify-content: flex-start;
align-items: stretch;
>.bg-permission-option--self {
flex-shrink: 0;
padding: 8px 16px;
border-right: solid 1px #dadee7;
border-bottom: solid 1px #dadee7;
display: flex;
justify-content: flex-start;
align-items: center;
}
>.bg-permission-option--list {
flex-shrink: 0;
}
}
.bg-permission-option--self {
width: 168px;
&.full-option {
width: 100%;
}
}
.bg-permission-option--list {
width: calc(100% - 168px);
&.flex-wrap {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
align-items: stretch;
border-right: solid 1px #dadee7;
border-bottom: solid 1px #dadee7;
>.bg-permission-option {
>.bg-permission-option--self {
width: 168px;
border-right: none;
border-bottom: none;
}
}
}
}
\ No newline at end of file
src/components/bg-menu.vue
View file @ 54d50bca
...@@ -10,36 +10,34 @@ ...@@ -10,36 +10,34 @@
<!-- LOGO --> <!-- LOGO -->
<router-link to="/" class="bg-logo"> <router-link to="/" class="bg-logo">
<img style="width:140px;height:22px;" src="../assets/imgs/img_logo.png"/> <img style="width:140px;height:22px;" src="../assets/imgs/img_logo.png"/>
<!-- <img style="width:40px;height:40px;" :src="logo"/> -->
<!-- <span>{{name}}</span> -->
</router-link> </router-link>
<!-- 菜单 --> <!-- 菜单 -->
<div class="main-menu" v-if="userInfo&& userInfo.system_id"> <div class="main-menu" v-if="userInfo&& userInfo.system_id">
<!-- 前台菜单 --> <!-- 前台菜单 -->
<div class="font-menu" v-if="fontMenu&&fontMenu.length"> <div class="font-menu" v-if="fontMenu&&fontMenu.length">
<div class="nav-item" :style="path==item.path?{backgroundColor:'#2b4695'}:''" v-show="item.show" v-for="(item,index) in fontMenu" :key="'font'+index"> <div class="nav-item" :style="path==item.path?{backgroundColor:'#2b4695'}:''" v-show="item.menuType!==2" v-for="(item,index) in fontMenu" :key="'font'+index">
<span @click="menuAction(item.path,item)"> <span @click="menuAction(item.path,item)">
{{item.menuName}} {{item.menuName}}
<bg-icon v-if="item.children&&item.children.length" icon="#bg-ic-arrow-down" style="font-size:8px;margin-left: 3px;"></bg-icon> <bg-icon v-if="item.children&&item.children.length" icon="#bg-ic-arrow-down" style="font-size:8px;margin-left: 3px;"></bg-icon>
</span> </span>
<div class="menu-virtual"></div> <div class="menu-virtual"></div>
<div class="menu-list" v-if="item.children&&item.children.length"> <div class="menu-list" v-if="item.children&&item.children.length">
<div class="menu-item text_clip" @click="childMenuAction(it,item)" v-show="it.show" v-for="(it,idx) in item.children" :key="'font-children'+idx">{{it.menuName}}</div> <div class="menu-item text_clip" @click="childMenuAction(it,item)" v-show="it.menuType!==2" v-for="(it,idx) in item.children" :key="'font-children'+idx">{{it.menuName}}</div>
</div> </div>
</div> </div>
</div> </div>
<!-- 后管菜单 --> <!-- 后管菜单 -->
<div class="manager-menu" v-if="managerMenu&&managerMenu.length"> <div class="manager-menu" v-if="managerMenu&&managerMenu.length">
<div class="nav-item" :style="path==item.path?{backgroundColor:'#2b4695'}:''" v-show="item.show" v-for="(item,index) in managerMenu" :key="'manager'+index"> <div class="nav-item" :style="path==item.path?{backgroundColor:'#2b4695'}:''" v-show="item.menuType!==2" v-for="(item,index) in managerMenu" :key="'manager'+index">
<span @click="menuAction(item.path,item)"> <span @click="menuAction(item.path,item)">
{{item.menuName}} {{item.menuName}}
<bg-icon v-if="item.children&&item.children.length" icon="#bg-ic-arrow-down" style="font-size:8px;margin-left: 3px;"></bg-icon> <bg-icon v-if="item.children&&item.children.length" icon="#bg-ic-arrow-down" style="font-size:8px;margin-left: 3px;"></bg-icon>
</span> </span>
<div class="menu-virtual"></div> <div class="menu-virtual"></div>
<div class="menu-list" v-if="item.children&&item.children.length"> <div class="menu-list" v-if="item.children&&item.children.length">
<div class="menu-item text_clip" @click="childMenuAction(it,item)" v-show="it.show" v-for="(it,idx) in item.children" :key="'manager-children'+idx">{{it.menuName}}</div> <div class="menu-item text_clip" @click="childMenuAction(it,item)" v-show="it.menuType!==2" v-for="(it,idx) in item.children" :key="'manager-children'+idx">{{it.menuName}}</div>
</div> </div>
</div> </div>
</div> </div>
...@@ -49,7 +47,7 @@ ...@@ -49,7 +47,7 @@
<!-- 信息 --> <!-- 信息 -->
<!-- 购物车 --> <!-- 购物车 -->
<!-- 用户中心 --> <!-- 用户中心 -->
<div class="user-center nav-item" @click="menuAction(systemMenu[0]?systemMenu[0].path:'',systemMenu[0])"> <div class="user-center nav-item">
<span class="user-icon"> <span class="user-icon">
<img style="width:24px;height:24px;border-radius:50%;vertical-align:middle;" v-if="userInfo&&userInfo.logo" :src="userInfo&&userInfo.logo" /> <img style="width:24px;height:24px;border-radius:50%;vertical-align:middle;" v-if="userInfo&&userInfo.logo" :src="userInfo&&userInfo.logo" />
<img style="width:24px;height:24px;border-radius:50%;vertical-align:middle;" v-else src="../assets/imgs/home_ic_user.png" /> <img style="width:24px;height:24px;border-radius:50%;vertical-align:middle;" v-else src="../assets/imgs/home_ic_user.png" />
...@@ -130,26 +128,26 @@ export default { ...@@ -130,26 +128,26 @@ export default {
...mapState({ ...mapState({
fontMenu (state) { fontMenu (state) {
let temp = [] let temp = []
state.menu.forEach(e => { // state.menu.forEach(e => {
if(e.menuType=='font'){ // if(e.dict_group_id=='2cb4f767-fad7-44f2-afa3-f055e15dd2b6'){//font
temp.push(e) // temp.push(e)
} // }
}); // });
return temp return temp
}, },
managerMenu(state){ managerMenu(state){
let temp = [] let temp = []
state.menu.forEach(e => { // state.menu.forEach(e => {
if(e.menuType=='system'){ // if(e.dict_group_id=='64c156e0-bfff-4bfc-a63a-56effe130a25'){//system
temp.push(e) // temp.push(e)
} // }
}); // });
return temp return temp
}, },
systemMenu(state){ systemMenu(state){
let temp = [] let temp = []
state.menu.forEach(e => { state.menu.forEach(e => {
if(e.menuType=='manager'){ if(e.dict_group_id=='09938937-3db9-47de-b967-7777ea4ebb2d'){//manager
temp.push(e) temp.push(e)
} }
}); });
...@@ -194,15 +192,10 @@ export default { ...@@ -194,15 +192,10 @@ export default {
// }) // })
}, },
menuAction(n,parent) { menuAction(n,parent) {
debugger
//不存在则不跳转
if(!n){
return
}
if (n == "logout") { if (n == "logout") {
this.$axios.get(`/apaas/system/logout`).then(res=>{ this.$axios.post(`/apaas/system/v5/user/logout`).then(res=>{
if(res.data.code=='200'){ if(res.data.code=='200'){
this.$router.push('/login') window.location.href = `/apaas/manage/ui/#/login`;
this.$store.commit('setUserInfo',null) this.$store.commit('setUserInfo',null)
clearCookie('bgToken') clearCookie('bgToken')
this.$message.success('退出成功') this.$message.success('退出成功')
...@@ -213,7 +206,7 @@ export default { ...@@ -213,7 +206,7 @@ export default {
}) })
} else if (n == "login") { } else if (n == "login") {
let path = this.$route.path; let path = this.$route.path;
window.location.href = `/login?redirect=${path}`; window.location.href = `/apaas/manage/ui/#/login?redirect=${path}`;
} else { } else {
//是否有子路由，有则寻找子路由的第一个进行跳转，无则直接进行跳转 //是否有子路由，有则寻找子路由的第一个进行跳转，无则直接进行跳转
//使用childMenuAction是模拟template中，子路径点击跳转使用childMenuAction， //使用childMenuAction是模拟template中，子路径点击跳转使用childMenuAction，
...@@ -226,18 +219,17 @@ export default { ...@@ -226,18 +219,17 @@ export default {
} }
}, },
childMenuAction(v,parent) { childMenuAction(v,parent) {
//最多只有2层目录，childMenuAction已经进入第一层，只需判断是否还有第二层即可
//有第二层则继续找第二层的第一个跳转
//无第二层则直接跳转
if(v.children&&v.children.length){ if(v.children&&v.children.length){
if(v.children[0].children){
this.pathToUrl(v.children[0].children[0].path,parent)
}else{
for (let index = 0; index < v.children.length; index++) { for (let index = 0; index < v.children.length; index++) {
const e = v.children[index]; const e = v.children[index];
if(e.show){ if(e.menuType!==2){
this.pathToUrl(e.path,parent) this.pathToUrl(e.path,parent)
break break
} }
} }
}
}else{ }else{
this.pathToUrl(v.path,parent) this.pathToUrl(v.path,parent)
} }
...@@ -249,16 +241,16 @@ export default { ...@@ -249,16 +241,16 @@ export default {
}else{ }else{
//判断是否是同区域内跳转 //判断是否是同区域内跳转
//非同区域跳转需要改前缀，如apaas/portal/ui跳转到apaas/manage/ui //非同区域跳转需要改前缀，如apaas/portal/ui跳转到apaas/manage/ui
if(this.$store.state.menuObj[this.path]&&parent.menuType==this.$store.state.menuObj[this.path].menuType){ if(this.$store.state.menuObj[this.path]&&(parent.dict_group_id==this.$store.state.menuObj[this.path].dict_group_id||(['2cb4f767-fad7-44f2-afa3-f055e15dd2b6','64c156e0-bfff-4bfc-a63a-56effe130a25'].includes(parent.dict_group_id)&&['2cb4f767-fad7-44f2-afa3-f055e15dd2b6','64c156e0-bfff-4bfc-a63a-56effe130a25'].includes(this.$store.state.menuObj[this.path].dict_group_id)))){
this.$router.push(path); this.$router.push(path);
}else{ }else{
let temp = '' let temp = ''
if(this.$store.state.menuObj[path].menuType=='font'||this.$store.state.menuObj[path].menuType=='system'){ if(this.$store.state.menuObj[path].dict_group_id=='2cb4f767-fad7-44f2-afa3-f055e15dd2b6'||this.$store.state.menuObj[path].dict_group_id=='64c156e0-bfff-4bfc-a63a-56effe130a25'){
temp = '/apaas/portal/ui/#' temp = '/apaas/portal/ui/#'
}else if(this.$store.state.menuObj[path].menuType=='manager'){ }else if(this.$store.state.menuObj[path].dict_group_id=='09938937-3db9-47de-b967-7777ea4ebb2d'){
temp = '/apaas/manage/ui/#' temp = '/apaas/manage/ui/#'
} }
window.location.href = temp+path window.open(temp+path)
} }
} }
}, },
...@@ -652,15 +644,15 @@ export default { ...@@ -652,15 +644,15 @@ export default {
padding-left: 32px; padding-left: 32px;
position: inherit; position: inherit;
&::before{ // &::before{
content:''; // content:'';
width: 1px; // width: 1px;
height: 24px; // height: 24px;
background-color: #5c6da4; // background-color: #5c6da4;
position: absolute; // position: absolute;
left: 0; // left: 0;
top: 16px; // top: 16px;
} // }
} }
// 用户中心 // 用户中心
.user-center { .user-center {
......
src/page/main/config/dict/index.vue
View file @ 54d50bca
...@@ -56,24 +56,19 @@ ...@@ -56,24 +56,19 @@
</template> </template>
</bg-filter-group> </bg-filter-group>
<div class="table_container"> <div class="table_container">
<div class="table bg-scroll">
<bg-table ref="bgTable" :headers="headers" :rows="tableRows" :isIndex="true" :stripe="true"> <bg-table ref="bgTable" :headers="headers" :rows="tableRows" :isIndex="true" :stripe="true">
<template v-slot:updated_time="{ row }"> <template v-slot:updated_time="{ row }">
{{ row.updated_time.split("+")[0].replace("T", " ").replace("Z", " ") }} {{ row.updated_time.split("+")[0].replace("T", " ").replace("Z", " ") }}
</template> </template>
<template v-slot:state="{ row }"> <template v-slot:state="{ row }">
<bg-switch-ele <bg-switch @click="changeUseRow(row)" :labels="['否','是']" :values="[0,1]" v-model="row.state"></bg-switch>
v-model="row.state"
:rowId="row.id"
inline-prompt
activeText="是"
inactiveText="否"
@changeState="changeUseRow"
/>
</template> </template>
<template v-slot:action="{ row }"> <template v-slot:action="{ row }">
<bg-table-btns :operations="getOperations(row)" /> <bg-table-btns :operations="getOperations(row)" />
</template> </template>
</bg-table> </bg-table>
</div>
<bg-pagination <bg-pagination
:page="filter.page" :page="filter.page"
:size="filter.size" :size="filter.size"
...@@ -376,7 +371,6 @@ const changeUseRow = (row) => { ...@@ -376,7 +371,6 @@ const changeUseRow = (row) => {
const changePage = (page) => { const changePage = (page) => {
state.filter.page = page state.filter.page = page
state.tableRows = []
getTableRows() getTableRows()
} // 改变页码 } // 改变页码
...@@ -447,7 +441,6 @@ const addConfirm = () => { ...@@ -447,7 +441,6 @@ const addConfirm = () => {
.then((res) => { .then((res) => {
if (res.data.code == 200) { if (res.data.code == 200) {
ElMessage.success(res.data.data) ElMessage.success(res.data.data)
state.tableRows = []
state.addDialog = false state.addDialog = false
changePage(1) changePage(1)
}else { }else {
...@@ -464,7 +457,6 @@ const addConfirm = () => { ...@@ -464,7 +457,6 @@ const addConfirm = () => {
.then((res) => { .then((res) => {
if (res.data.code == 200) { if (res.data.code == 200) {
ElMessage.success(res.data.data) ElMessage.success(res.data.data)
state.tableRows = []
state.addDialog = false state.addDialog = false
changePage(1) changePage(1)
}else { }else {
...@@ -490,7 +482,6 @@ const deleteData = () => { ...@@ -490,7 +482,6 @@ const deleteData = () => {
if (res.data.code == 200) { if (res.data.code == 200) {
ElMessage.success(res.data.data) ElMessage.success(res.data.data)
state.dialogDelete = false state.dialogDelete = false
state.tableRows = []
changePage(1) changePage(1)
}else { }else {
ElMessage.error(res.data.data) ElMessage.error(res.data.data)
...@@ -526,7 +517,6 @@ const moveRow = (row,type) => { ...@@ -526,7 +517,6 @@ const moveRow = (row,type) => {
.then((res) => { .then((res) => {
if (res.data.code == 200) { if (res.data.code == 200) {
ElMessage.success(res.data.data) ElMessage.success(res.data.data)
state.tableRows = []
changePage(1) changePage(1)
}else { }else {
ElMessage.error(res.data.data) ElMessage.error(res.data.data)
...@@ -620,6 +610,8 @@ const { ...@@ -620,6 +610,8 @@ const {
background-color: #fff; background-color: #fff;
border-radius: 6px; border-radius: 6px;
box-shadow: 0px 1px 4px 0px rgba(0,7,101,0.15); box-shadow: 0px 1px 4px 0px rgba(0,7,101,0.15);
height: 100%;
.main_container {
height: 100%; height: 100%;
.filter-group { .filter-group {
.left-filter { .left-filter {
...@@ -638,8 +630,13 @@ const { ...@@ -638,8 +630,13 @@ const {
} }
.table_container { .table_container {
height: calc(100% - 70px);
width: 100%; width: 100%;
padding: 0 16px; padding: 0 16px;
.table {
max-height: calc(100% - 64px);
}
}
} }
} }
} }
......
src/page/main/develop/menu/index.vue
View file @ 54d50bca
...@@ -55,7 +55,7 @@ ...@@ -55,7 +55,7 @@
<div class="action" @click="fileAction(1,selectData,selectParentData)"> <div class="action" @click="fileAction(1,selectData,selectParentData)">
新建本级 新建本级
</div> </div>
<div class="action" @click="fileAction(2,selectData,selectParentData)"> <div class="action" :class="{'disable':selectData && selectData.menu_type == 2}" @click="fileAction(2,selectData,selectParentData,selectData.menu_type == 2)">
新建下级 新建下级
</div> </div>
<div class="action" @click="fileAction(3,selectData,selectParentData)"> <div class="action" @click="fileAction(3,selectData,selectParentData)">
...@@ -243,6 +243,9 @@ const fileAction = (val,data,parent,disabled=false) => { ...@@ -243,6 +243,9 @@ const fileAction = (val,data,parent,disabled=false) => {
handleNodeClick(newChild); handleNodeClick(newChild);
state.newMenuId++ state.newMenuId++
}else if (val == 2) { // 新建下级菜单 }else if (val == 2) { // 新建下级菜单
if (disabled) {
return
}
state.addType = 2 state.addType = 2
let newChild = { let newChild = {
menu_name: "新菜单", menu_name: "新菜单",
...@@ -348,6 +351,8 @@ const closeAction = () => { ...@@ -348,6 +351,8 @@ const closeAction = () => {
} // 点击其他地方，菜单操作框关闭 } // 点击其他地方，菜单操作框关闭
const saveMenu = (el,type) => { const saveMenu = (el,type) => {
el.menuRef.validate(valid => {
if (valid) {
let params = { let params = {
menu_name: el.menuForm.menu_name, menu_name: el.menuForm.menu_name,
menu_type: el.menuForm.menu_type, menu_type: el.menuForm.menu_type,
...@@ -368,12 +373,20 @@ const saveMenu = (el,type) => { ...@@ -368,12 +373,20 @@ const saveMenu = (el,type) => {
} }
}) })
}else { // 新增 }else { // 新增
if (state.selectParentData) {
if (state.selectParentData.menu_type == 1 && el.menuForm.menu_type == 0) {
ElMessage.error("菜单之下不可以新建目录")
return
}
}
if(type == 1) { // 新增本级 if(type == 1) { // 新增本级
params.p_menu_id = state.selectParentData ? state.selectParentData.menu_id : "" params.p_menu_id = state.selectParentData ? state.selectParentData.menu_id : ""
}else { // 新增下级 }else { // 新增下级
params.p_menu_id = state.selectParentData.menu_id params.p_menu_id = state.selectParentData.menu_id
} }
if (params.menu_type != 0) {
params.dict_group_id = ""
}
axios axios
.post(`/apaas/system/v5/menu/add`,params) .post(`/apaas/system/v5/menu/add`,params)
.then((res) => { .then((res) => {
...@@ -386,6 +399,8 @@ const saveMenu = (el,type) => { ...@@ -386,6 +399,8 @@ const saveMenu = (el,type) => {
} }
}) })
} }
}
})
} // 保存按钮，新增或编辑菜单 } // 保存按钮，新增或编辑菜单
onBeforeMount(()=>{ onBeforeMount(()=>{
......
src/page/main/develop/menu/menu-form.vue
View file @ 54d50bca
...@@ -12,7 +12,7 @@ ...@@ -12,7 +12,7 @@
<el-input v-model="menuForm.menu_name" show-word-limit maxlength="8" placeholder="请输入菜单名称" /> <el-input v-model="menuForm.menu_name" show-word-limit maxlength="8" placeholder="请输入菜单名称" />
</el-form-item> </el-form-item>
<el-form-item label="类型" prop="menu_type"> <el-form-item label="类型" prop="menu_type">
<el-radio-group v-model="menuForm.menu_type"> <el-radio-group v-model="menuForm.menu_type" :disabled="radioDisabled">
<el-radio :label="0">目录</el-radio> <el-radio :label="0">目录</el-radio>
<el-radio :label="1">菜单</el-radio> <el-radio :label="1">菜单</el-radio>
<el-radio :label="2">子页面</el-radio> <el-radio :label="2">子页面</el-radio>
...@@ -138,6 +138,7 @@ const state = reactive({ ...@@ -138,6 +138,7 @@ const state = reactive({
iconArr: [], // 所有的图标 iconArr: [], // 所有的图标
showIconArr: [], // 展示的图标 showIconArr: [], // 展示的图标
timer: null, timer: null,
radioDisabled: false,
}) })
const getGroupList = () => { const getGroupList = () => {
...@@ -178,6 +179,12 @@ const searchIcon = () => { ...@@ -178,6 +179,12 @@ const searchIcon = () => {
} // 图标筛选 } // 图标筛选
const setForm = (data) => { const setForm = (data) => {
console.log(data)
if (data.id) { // 编辑状态
state.radioDisabled = true
}else {
state.radioDisabled = false
}
state.menuForm = Object.assign(state.menuForm, data); state.menuForm = Object.assign(state.menuForm, data);
} // 表单赋值 } // 表单赋值
...@@ -209,6 +216,7 @@ const { ...@@ -209,6 +216,7 @@ const {
iconFlag, iconFlag,
showIconArr, showIconArr,
icon_search, icon_search,
radioDisabled,
} = toRefs(state) } = toRefs(state)
defineExpose({ setForm , menuForm, menuRef }) defineExpose({ setForm , menuForm, menuRef })
......
src/page/main/system/role/add/index.vue 0 → 100644
View file @ 54d50bca
<!-- 角色管理新增 -->
<template>
<role-form></role-form>
</template>
<script setup>
import roleForm from './role_form.vue'
</script>
src/page/main/system/role/add/role_form.vue 0 → 100644
View file @ 54d50bca
<!-- 角色管理 -->
<template>
<div class="detail_container">
<div class="bg-breadcrumb">
<el-breadcrumb separator="/">
<el-breadcrumb-item> 系统管理 </el-breadcrumb-item>
<el-breadcrumb-item to="/system/role"> 角色管理 </el-breadcrumb-item>
<el-breadcrumb-item> 新建 </el-breadcrumb-item>
</el-breadcrumb>
</div>
<div class="main_container">
<div class="top_form">
<el-form
ref="form"
:rules="rules"
:model="formData"
class="role_form"
>
<el-form-item prop="role_name" label="角色名称">
<el-input v-model="formData.role_name" maxlength="50" show-word-limit />
</el-form-item>
<el-form-item prop="role_desc" label="描述">
<el-input
class="decs_box"
type="textarea"
v-model="formData.role_desc"
maxlength="300"
show-word-limit
:autosize="{ minRows: 5 }"
></el-input>
</el-form-item>
<el-form-item label="数据权限" prop="data_purview">
<el-radio-group v-model="formData.data_purview">
<el-radio :label="3">全平台所有</el-radio>
<el-radio :label="2">本组织所有</el-radio>
<el-radio :label="1">仅自己</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item label="菜单功能权限" prop="permission_arr">
<bg-permission
:values="formData.permission_arr"
:options="permissionData"
:props="defaultProps"
@changeMenu="changeMenu"
/>
</el-form-item>
<el-form-item label="是否启用" prop="state" class="state_item">
<el-switch
class="bg-switch-ele"
v-model="formData.state"
:active-value="1"
:inactive-value="0"
inline-prompt
active-text="是"
inactive-text="否"
/>
</el-form-item>
</el-form>
</div>
<div class="bottom_action">
<el-button>
取消
</el-button>
<el-button type="primary" @click="saveRole">
保存
</el-button>
</div>
</div>
</div>
</template>
<script setup>
import { reactive, toRefs, ref, onBeforeMount, nextTick } from 'vue'
import axios from '../../../../../request/http.js'
import { ElMessage } from 'element-plus'
import { useRouter, useRoute } from 'vue-router'
const router = useRouter()
const route = useRoute()
const form = ref(null)
const checkMenuLength = (rule, value, callback) => {
if (value.length === 0) {
callback(new Error('请选择所需菜单'))
} else {
callback()
}
}
const roleState = reactive({
form,
formData: {
role_name: "",
role_desc: "",
data_purview: 3,
state: 1,
permission_arr: [],
},
rules: {
role_name: [
{ required: true, message: "请输入角色名称", trigger: "blur" },
],
role_desc: [
{ required: true, message: "请输入描述", trigger: "blur" },
],
data_purview: [
{ required: true, message: "请选择数据权限", trigger: "change" },
],
state: [
{ required: true, message: "请选择是否启用", trigger: "change" },
],
permission_arr: [
{ required: true, type: "array", validator: checkMenuLength, trigger: "change" }
]
},
defaultProps: {
name: 'menu_name',
value: 'id',
children: 'Child',
},
permissionData: [],
})
const getMenuTree = () => {
axios
.get(`/apaas/system/v5/menu/tree`)
.then((res) => {
if (res.data.code == 200) {
roleState.permissionData = res.data.data || []
}else {
ElMessage.error(res.data.data)
}
})
}
const changeMenu = (val) => {
roleState.formData.permission_arr = val
}
const getRoleDetail = () => {
axios
.get(`/apaas/system/v5/role/detail/${route.query.id}`)
.then((res) => {
if (res.data.code == 200) {
console.log(res.data.data)
}else {
ElMessage.error(res.data.data)
}
})
}
const saveRole = () => {
roleState.form.validate(valid => {
if (valid) {
let params = {
role_name: roleState.formData.role_name,
role_desc: roleState.formData.role_desc,
state: roleState.formData.state,
data_purview: roleState.formData.data_purview,
menu_ids: [...roleState.formData.permission_arr]
}
if (!route.query.id) { // 新增
axios
.put(`/apaas/system/v5/role/create`,params)
.then((res) => {
if (res.data.code == 200) {
ElMessage.success(res.data.data)
router.push('/system/role')
}else {
ElMessage.error(res.data.data)
}
})
}else { // 编辑
params.id = route.query.id
axios
.post(`/apaas/system/v5/role/update`,params)
.then((res) => {
if (res.data.code == 200) {
ElMessage.success(res.data.data)
router.push('/system/role')
}else {
ElMessage.error(res.data.data)
}
})
}
}
})
}
onBeforeMount(() => {
getMenuTree()
if (route.query.id) {
getRoleDetail()
}
})
const {
formData,
rules,
defaultProps,
permissionData,
} = toRefs(roleState)
</script>
<style lang="scss" scoped>
.detail_container {
width: 100%;
padding: 0 24px;
height: 100%;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: stretch;
.main_container {
flex-grow: 1;
width: 100%;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: stretch;
background-color: #fff;
box-shadow: 0px 1px 4px 0px rgba(0,7,101,0.15);
border-radius: 6px;
margin: 0 0 16px;
position: relative;
height: calc(100% - 62px);
.top_form {
height: calc(100% - 68px);
padding: 30px 0 0 40px;
.role_form {
width: 1048px;
:deep().el-form-item {
display: block;
margin-bottom: 24px;
.el-form-item__label {
display: block;
}
.el-input__count {
bottom: -20px;
right: 4px;
color: #a9b1c7;
}
}
.state_item {
display: flex;
}
}
}
.bottom_action {
height: 68px;
border-top: 1px solid #e6e9ef;
padding: 16px;
text-align: right;
.el-button {
width: 92px;
}
}
}
}
</style>
\ No newline at end of file
src/page/main/system/role/edit/index.vue 0 → 100644
View file @ 54d50bca
<!-- 角色管理编辑 -->
<template>
<role-form></role-form>
</template>
<script setup>
import roleForm from '../add/role_form.vue'
</script>
\ No newline at end of file
src/page/main/system/role/index.vue
View file @ 54d50bca
<!-- 角色管理 -->
<template> <template>
<div class="detail_container"> <div class="detail_container">
角色管理 <div class="bg-breadcrumb">
<el-breadcrumb separator="/">
<el-breadcrumb-item> 系统管理 </el-breadcrumb-item>
<el-breadcrumb-item> 角色管理 </el-breadcrumb-item>
</el-breadcrumb>
</div>
<div class="main_container">
<bg-filter-group
@search="changeSearch"
v-model="filter.search"
placeholder="请输入角色名称"
>
<template v-slot:left_action>
<div class="apaas_button">
<el-button class="register_btn" type="primary" @click="register">
<bg-icon style="font-size: 12px; color: #fff; margin-right: 8px" icon="#bg-ic-add"></bg-icon>
新建
</el-button>
<el-button class="register_btn" type="primary" @click="deleteRows">
批量删除
</el-button>
</div>
</template>
</bg-filter-group>
<div class="table_container">
<div class="table bg-scroll">
<bg-table
ref="bgTable"
:headers="headers"
:rows="tableRows"
:select="true"
:stripe="true"
canEdit
canEditFlag='state'
@select="selectRows"
>
<template v-slot:state="{ row }">
<bg-switch
@click="changeUseRow(row)"
:labels="['否','是']"
:values="[0,1]"
v-model="row.state"
:disabled="row.role_type == 1"
/>
</template>
<template v-slot:created_time="{ row }">
{{ row.created_time.split("+")[0].replace("T", " ").replace("Z", " ") }}
</template>
<template v-slot:action="{ row }">
<bg-table-btn class="btn" :click="()=>{edit_row(row)}" :disabled="row.state == 1 || row.role_type == 1">
编辑
</bg-table-btn>
<bg-table-btn class="btn" :click="()=>{edit_row(row)}" :disabled="row.role_type == 1">
分配用户
</bg-table-btn>
<bg-table-btn class="btn" :click="()=>{delete_row(row)}" :disabled="row.state == 1 || row.role_type == 1">
删除
</bg-table-btn>
</template>
</bg-table>
</div>
<bg-pagination
:page="filter.page"
:size="filter.limit"
:total="tableTotal"
@change-page="changePage"
@change-size="changeSize"
>
</bg-pagination>
</div>
</div>
<!-- 删除弹窗 -->
<el-dialog
custom-class="dialog_box"
title="提示"
v-model="delDialog"
width="400px"
:before-close="
() => {
delDialog = false;
}
"
>
<div>确定要选中的数据吗？</div>
<template v-slot:footer>
<div class="apaas_button">
<el-button type="default" @click="delDialog = false">取 消</el-button>
<el-button type="primary" @click="deleteData">确 定</el-button>
</div>
</template>
</el-dialog>
</div> </div>
</template> </template>
<script > <script setup>
import { reactive, toRefs, ref, } from '@vue/reactivity' import { reactive, toRefs, ref, onBeforeMount, nextTick } from 'vue'
import { getCurrentInstance } from 'vue' import axios from '../../../../request/http.js'
import { computed, onBeforeMount } from '@vue/runtime-core' import { ElMessage } from 'element-plus'
import { useRouter } from 'vue-router'; import { useRouter } from 'vue-router'
export default { const router = useRouter()
components: { const state = reactive({
filter: {
page: 1,
limit: 10,
search: "",
}, },
setup() {
onBeforeMount(() => { headers: [
{
label: "角色名",
prop: "role_name",
width: 220
},
{
label: "创建人",
prop: "created_by",
width: 220
},
{
label: "创建时间",
prop: "created_time",
width: 276
},
{
label: "账号数",
prop: "user_count",
},
{
label: "描述",
prop: "role_desc",
minWidth: 346
},
{
label: "是否启用",
prop: "state",
width: 95
},
{
label: "操作",
prop: "action",
width: 220,
fixed: "right",
},
],
tableRows: [],
tableTotal: 0,
actionRow: {},
selection: [],
delDialog: false,
delType: 1, // 删除类型 1-单条删除 2-批量删除
})
const getRoleRows = () => {
let params = {...state.filter}
console.log(params)
axios
.get(`/apaas/system/v5/role/list`,{params})
.then((res) => {
if (res.data.code == 200) {
state.tableRows = res.data.data || []
state.tableTotal = res.data.total
}else {
ElMessage.error(re.data.data)
}
}) })
return { } // 获取角色列表
...toRefs(), const changePage = (val) => {
state.filter.page = val
getRoleRows()
} // 改变页码
const changeSize = (val) => {
state.filter.limit = val
changePage(1)
} // 改变每页条数
const changeSearch = (val) => {
state.filter.search = val
changePage(1)
} // 表格关键字筛选
const changeUseRow = (row) => {
axios
.post(`/apaas/system/v5/role/state/${row.id}/${row.state}`)
.then((res) => {
if (res.data.code == 200) {
ElMessage.success(res.data.data)
changePage(1)
}else {
ElMessage.error(res.data.data)
} }
}, })
} // 更改启用禁用状态
const selectRows = (rows) => {
state.selection = rows
} }
</script>s
<style lang="scss" scoped> const register = () => {
console.log("新建角色")
router.push("/system/role/add")
} // 新建角色
const edit_row = (row) => {
console.log(row,"编辑角色")
router.push({
path: "/system/role/edit",
query: {
id: row.id
}
})
} // 编辑角色
const delete_row = (row) => {
state.actionRow = row
state.delType = 1
state.delDialog = true
} // 删除角色
const deleteRows = () => {
if (state.selection.length == 0) {
ElMessage.error("请先选择要删除的数据")
}else {
state.delType = 2
state.delDialog = true
}
} // 批量删除按钮
const deleteData = () => {
let ids = []
if (state.delType == 1) {
ids.push(state.actionRow.id)
}else {
state.selection.forEach(e => {
ids.push(e.id)
})
}
let params = {
ids: [...ids]
}
console.log(params)
axios
.delete(`/apaas/system/v5/role/delete`,{data: {ids:[...ids]}})
.then((res) => {
if (res.data.code == 200) {
ElMessage.success(res.data.data)
state.delDialog = false
changePage(1)
}else {
ElMessage.error(res.data.data)
}
})
}
onBeforeMount(() => {
getRoleRows()
})
const {
filter,
headers,
tableRows,
tableTotal,
delDialog,
} = toRefs(state)
</script>
<style lang="scss" scoped>
.detail_container {
width: 100%;
padding: 0 24px;
height: 100%;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: stretch;
.main_container {
flex-grow: 1;
width: 100%;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: stretch;
background-color: #fff;
box-shadow: 0px 1px 4px 0px rgba(0,7,101,0.15);
border-radius: 6px;
margin: 0 0 16px;
position: relative;
height: calc(100% - 62px);
.table_container {
height: calc(100% - 70px);
padding: 0 16px;
.table {
max-height: calc(100% - 64px);
}
}
}
}
</style> </style>
\ No newline at end of file
src/router/function.js
View file @ 54d50bca
This diff is collapsed.
src/router/recorder.js
View file @ 54d50bca
This diff is collapsed.
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment