<template>
|
<content-box class="page-root" title="系统配置">
|
<el-tabs tab-position="left" style="height: 100%;">
|
<!-- <el-tab-pane label="系统功能配置">-->
|
|
<!-- </el-tab-pane>-->
|
<el-tab-pane label="导航配置" v-if="isSystemAdmin">
|
<menu-setting></menu-setting>
|
</el-tab-pane>
|
<el-tab-pane label="状态信息" class="el-transfer-container" v-if="isSystemAdmin">
|
<el-transfer
|
v-model="status.value"
|
filterable
|
:props="status.props"
|
:titles="['未添加状态信息', '已添加状态信息']"
|
:button-texts="['移除', '添加']"
|
:data="status.data"
|
class="transfer-width320"
|
@change="handlerChange">
|
</el-transfer>
|
</el-tab-pane>
|
<el-tab-pane label="远程管理" class="el-transfer-container" v-if="isSystemAdmin">
|
<el-transfer
|
v-model="control.value"
|
filterable
|
:props="control.props"
|
:titles="['未添加功能', '已添加功能']"
|
:button-texts="['移除', '添加']"
|
:data="control.data"
|
class="transfer-width320"
|
@change="handlerChange">
|
</el-transfer>
|
</el-tab-pane>
|
<el-tab-pane label="标签配置" class="el-transfer-container">
|
<tabs-config></tabs-config>
|
</el-tab-pane>
|
<el-tab-pane label="平台名称" v-if="isSystemAdmin">
|
<platform-name></platform-name>
|
</el-tab-pane>
|
<el-tab-pane label="扫描策略" v-if="isSystemAdmin">
|
<scan-strategy></scan-strategy>
|
</el-tab-pane>
|
<el-tab-pane label="限制/锁定" v-if="isSystemAdmin">
|
<limit-lock></limit-lock>
|
</el-tab-pane>
|
<!-- <el-tab-pane label="访问时间限制" v-if="isSystemAdmin">-->
|
<!-- <time-limit></time-limit>-->
|
<!-- </el-tab-pane>-->
|
<!-- <el-tab-pane label="IP白名单" v-if="isSystemAdmin">-->
|
<!-- <ip-limit></ip-limit>-->
|
<!-- </el-tab-pane>-->
|
<el-tab-pane label="导航配置审批" v-if="isSystemAdmin">
|
<menu-approve></menu-approve>
|
</el-tab-pane>
|
<el-tab-pane label="审计容量配置" v-if="isSystemAdmin">
|
<audit-cap-setting></audit-cap-setting>
|
</el-tab-pane>
|
<el-tab-pane label="口令复杂度" v-if="isSystemAdmin">
|
<password-complex></password-complex>
|
</el-tab-pane>
|
<el-tab-pane label="历史数据功能" v-if="isSystemAdmin">
|
<history-setting></history-setting>
|
</el-tab-pane>
|
</el-tabs>
|
</content-box>
|
</template>
|
|
<script>
|
import ContentBox from '../../components/ContentBox'
|
import MenuSetting from "@/pages/pageSetting/components/menuSetting";
|
import TabsConfig from "@/pages/pageSetting/components/TabsConfig";
|
import PlatformName from "@/pages/pageSetting/components/platformName";
|
import ScanStrategy from "@/pages/pageSetting/components/scanStrategy";
|
import LimitLock from "@/pages/pageSetting/components/limitLock";
|
import TimeLimit from "@/pages/pageSetting/components/timeLimit";
|
import IpLimit from "@/pages/pageSetting/components/ipLimit";
|
import MenuApprove from "@/pages/pageSetting/components/menuApprove";
|
import AuditCapSetting from "@/pages/pageSetting/components/auditCapSetting";
|
import PasswordComplex from "@/pages/pageSetting/components/passwordComplex";
|
import HistorySetting from "@/pages/pageSetting/components/historySetting";
|
|
export default {
|
components: {
|
HistorySetting,
|
PasswordComplex,
|
AuditCapSetting,
|
MenuApprove,
|
IpLimit,
|
TimeLimit,
|
LimitLock,
|
ScanStrategy,
|
PlatformName,
|
TabsConfig,
|
MenuSetting,
|
ContentBox
|
},
|
data() {
|
let isSystemAdmin = sessionStorage.getItem("userPowerGroup");
|
|
return {
|
status: {
|
props: {
|
key: 'id',
|
label: 'param'
|
},
|
value: [],
|
data: []
|
},
|
control: {
|
props: {
|
key: 'id',
|
label: 'param'
|
},
|
value: [],
|
data: []
|
},
|
config: {
|
props: {
|
key: 'id',
|
label: 'param'
|
},
|
value: [],
|
data: []
|
},
|
isSystemAdmin: isSystemAdmin==1?true: false,
|
//isSystemAdmin: true,
|
}
|
},
|
methods: {
|
searchStatus() {
|
this.$apis.pageSetting.realTime.searchStatus().then(res=>{
|
let rs = JSON.parse(res.data.result);
|
let data = [];
|
let addData = [];
|
if(rs.code == 1) {
|
data = rs.data;
|
addData = data.filter(item=>{
|
return item.status;
|
}).map(item=>{
|
return item.id;
|
});
|
}
|
this.status.data = data;
|
this.status.value = addData;
|
}).catch(error=>{
|
console.log(error);
|
})
|
},
|
searchControl() {
|
this.$apis.pageSetting.realTime.searchControl().then(res=>{
|
let rs = JSON.parse(res.data.result);
|
let data = [];
|
let addData = [];
|
if(rs.code == 1) {
|
data = rs.data;
|
addData = data.filter(item=>{
|
return item.status;
|
}).map(item=>{
|
return item.id;
|
});
|
}
|
this.control.data = data;
|
this.control.value = addData;
|
}).catch(error=>{
|
console.log(error);
|
})
|
},
|
handlerChange(list, type, values) {
|
// 根据类型确定事件
|
switch(type) {
|
case 'left':
|
this.remove(values);
|
break;
|
case 'right':
|
this.add(values);
|
break;
|
}
|
},
|
add(list) {
|
this.$apis.pageSetting.realTime.add(list).then(res=>{
|
let rs = JSON.parse(res.data.result);
|
if(rs.code == 1) {
|
// 提示信息
|
this.$message({
|
type: 'success',
|
message: rs.msg,
|
});
|
}else {
|
// 提示信息
|
this.$message({
|
type: 'error',
|
message: rs.msg,
|
});
|
}
|
// 更新数据
|
this.searchStatus();
|
this.searchControl();
|
}).catch(error=>{
|
console.log(error);
|
});
|
},
|
remove(list) {
|
this.$apis.pageSetting.realTime.remove(list).then(res=>{
|
let rs = JSON.parse(res.data.result);
|
if(rs.code == 1) {
|
// 提示信息
|
this.$message({
|
type: 'success',
|
message: rs.msg,
|
});
|
}else {
|
// 提示信息
|
this.$message({
|
type: 'error',
|
message: rs.msg,
|
});
|
}
|
// 更新数据
|
this.searchStatus();
|
this.searchControl();
|
}).catch(error=>{
|
console.log(error);
|
});
|
}
|
},
|
mounted() {
|
// 查询状态信息
|
this.searchStatus();
|
|
// 查询控制信息
|
this.searchControl();
|
}
|
}
|
</script>
|
|
<style scoped>
|
.el-transfer-container {
|
box-sizing: border-box;
|
padding-top: 8px;
|
padding-bottom: 8px;
|
}
|
</style>
|
