|
|
|
export default {
|
|
|
|
name: 'license',
|
|
|
|
template: '',
|
|
|
|
components: {
|
|
|
|
},
|
|
|
|
props: [],
|
|
|
|
setup(props, {attrs, slots, emit}) {
|
|
|
|
const {proxy} = Vue.getCurrentInstance();
|
|
|
|
let height = Vue.ref(window.innerHeight);
|
|
|
|
//导入或者详细信息
|
|
|
|
let isExport=Vue.ref(false);
|
|
|
|
//表格字段
|
|
|
|
let tableData = Vue.ref({
|
|
|
|
count: 0,
|
|
|
|
dataList: [],
|
|
|
|
columns: [
|
|
|
|
{
|
|
|
|
prop: 'usage',
|
|
|
|
label: '使用情况',
|
|
|
|
sortable: true,
|
|
|
|
align: 'center',
|
|
|
|
width: '100'
|
|
|
|
},
|
|
|
|
{
|
|
|
|
prop: 'resNum',
|
|
|
|
label: '资源数量',
|
|
|
|
sortable: true,
|
|
|
|
align: 'center',
|
|
|
|
width: '100',
|
|
|
|
},
|
|
|
|
{
|
|
|
|
prop: 'protocolCate',
|
|
|
|
label: '协议',
|
|
|
|
align: 'center',
|
|
|
|
columns:[]
|
|
|
|
}
|
|
|
|
]
|
|
|
|
})
|
|
|
|
|
|
|
|
// license分类详细协议
|
|
|
|
let licenseCateData=Vue.ref([
|
|
|
|
{license:'SSH',protocolCode:'SSH'},
|
|
|
|
{license:'SSH',protocolCode:'SSHPUBKEY'},
|
|
|
|
{license:'SSH',protocolCode:'SSHLocalShellPlugin'},
|
|
|
|
{license:'SSH',protocolCode:'LOCALSSH'},
|
|
|
|
{license:'SSH',protocolCode:'ShellCommandPlugin'},
|
|
|
|
{license:'SNMP',protocolCode:'SNMP'},
|
|
|
|
{license:'SNMP',protocolCode:'SNMP V3'},
|
|
|
|
{license:'SNMP',protocolCode:'SNMP TRAP'},
|
|
|
|
{license:'SDK',protocolCode:'SDK'},
|
|
|
|
{license:'SDK',protocolCode:'SDK'},
|
|
|
|
{license:'SDK',protocolCode:'SDK'},
|
|
|
|
{license:'DB',protocolCode:'JDBC'},
|
|
|
|
{license:'DB',protocolCode:'MONGODB'},
|
|
|
|
{license:'DB',protocolCode:'REDISX_CLI'},
|
|
|
|
{license:'JMX',protocolCode:'TOMCAT_JMX'},
|
|
|
|
{license:'JMX',protocolCode:'ZOOKEEPER_JMX'},
|
|
|
|
{license:'JMX',protocolCode:'KAFKA_JMX'},
|
|
|
|
{license:'SYSLOG',protocolCode:'SYSLOG'},
|
|
|
|
{license:'SYSLOG',protocolCode:'SYSLOGD'},
|
|
|
|
{license:'HTTP',protocolCode:'HTTP'},
|
|
|
|
{license:'HTTP',protocolCode:'HTTPS'},
|
|
|
|
{license:'HTTP',protocolCode:'HUAWEI_CLOUD'},
|
|
|
|
{license:'HTTP',protocolCode:'ALI_CLOUD'},
|
|
|
|
{license:'HTTP',protocolCode:'HTTP-电子税务局大屏'},
|
|
|
|
{license:'HTTP',protocolCode:'HTTP-阿里回迁云'},
|
|
|
|
{license:'HTTP',protocolCode:'tongwebHttp'},
|
|
|
|
{license:'HTTP',protocolCode:'QuantumPlugin'},
|
|
|
|
{license:'HTTP',protocolCode:'CollHuaweiE9000Plugin'},
|
|
|
|
{license:'HTTP',protocolCode:'CollHuaweiCloudStackPlugin'},
|
|
|
|
{license:'HTTP',protocolCode:'Coll360'},
|
|
|
|
{license:'HTTP',protocolCode:'Ezsonar'},
|
|
|
|
{license:'HTTP',protocolCode:'RongcuoLibraryPlugin'},
|
|
|
|
{license:'HTTP',protocolCode:'AnGuanPinTaiPlugin'},
|
|
|
|
{license:'HTTP',protocolCode:'nginxPlugin'},
|
|
|
|
{license:'IPMI',protocolCode:'IPMI'},
|
|
|
|
])
|
|
|
|
|
|
|
|
//获取license分类下的字段
|
|
|
|
let cateColumn=Vue.ref([]);
|
|
|
|
let getLicenseColumn=()=>{
|
|
|
|
cateColumn.value=[
|
|
|
|
{
|
|
|
|
prop: 'SSH',
|
|
|
|
label: 'SSH',
|
|
|
|
sortable: true,
|
|
|
|
align: 'center',
|
|
|
|
},
|
|
|
|
{
|
|
|
|
prop: 'SNMP',
|
|
|
|
label: 'SNMP',
|
|
|
|
sortable: true,
|
|
|
|
align: 'center',
|
|
|
|
},
|
|
|
|
{
|
|
|
|
prop: 'SDK',
|
|
|
|
label: 'SDK',
|
|
|
|
sortable: true,
|
|
|
|
align: 'center',
|
|
|
|
},
|
|
|
|
{
|
|
|
|
prop: 'DB',
|
|
|
|
label: 'DB',
|
|
|
|
sortable: true,
|
|
|
|
align: 'center',
|
|
|
|
},
|
|
|
|
{
|
|
|
|
prop: 'JMX',
|
|
|
|
label: 'JMX',
|
|
|
|
sortable: true,
|
|
|
|
align: 'center',
|
|
|
|
},
|
|
|
|
{
|
|
|
|
prop: 'SYSLOG',
|
|
|
|
label: 'SYSLOG',
|
|
|
|
sortable: true,
|
|
|
|
align: 'center',
|
|
|
|
},
|
|
|
|
{
|
|
|
|
prop: 'HTTP',
|
|
|
|
label: 'HTTP',
|
|
|
|
sortable: true,
|
|
|
|
align: 'center',
|
|
|
|
},
|
|
|
|
{
|
|
|
|
prop: 'IPMI',
|
|
|
|
label: 'IPMI',
|
|
|
|
sortable: true,
|
|
|
|
align: 'center',
|
|
|
|
}
|
|
|
|
]
|
|
|
|
tableData.value.columns.map(item=>{
|
|
|
|
if(item.prop=='protocolCate'){
|
|
|
|
item.columns=cateColumn.value
|
|
|
|
}
|
|
|
|
})
|
|
|
|
}
|
|
|
|
//给列表数据追加相关的详细协议
|
|
|
|
// 获取列表
|
|
|
|
let getDataList = () => {
|
|
|
|
tableData.value.dataList = [
|
|
|
|
{usage:'授权数量',resNum:'2',SSH:'12'},
|
|
|
|
{usage:'剩余数量',resNum:'1000',SNMP:'1',HTTP:'23'},
|
|
|
|
];
|
|
|
|
|
|
|
|
return
|
|
|
|
|
|
|
|
let params = {
|
|
|
|
page: search.value.page,
|
|
|
|
limit: search.value.limit,
|
|
|
|
}
|
|
|
|
|
|
|
|
proxy.$http.list(`/license/list`, params, function (res) {
|
|
|
|
if (res && res.object) {
|
|
|
|
let dataList = res.object.content;
|
|
|
|
let arr = [];
|
|
|
|
dataList.map(item => {
|
|
|
|
arr.push(item[0])
|
|
|
|
})
|
|
|
|
tableData.value.dataList = arr;
|
|
|
|
tableData.value.count = parseInt(res.object.total);
|
|
|
|
} else {
|
|
|
|
tableData.value.dataList = [];
|
|
|
|
tableData.value.count = 0;
|
|
|
|
}
|
|
|
|
});
|
|
|
|
}
|
|
|
|
|
|
|
|
//拆分详细协议数组
|
|
|
|
let splitDetail=(propkey)=>{
|
|
|
|
let arr=[];
|
|
|
|
licenseCateData.value.map(v=>{
|
|
|
|
if(propkey==v.license){
|
|
|
|
arr.push(v.protocolCode)
|
|
|
|
}
|
|
|
|
})
|
|
|
|
let str='';
|
|
|
|
if(arr && arr.length>0){
|
|
|
|
str=arr.join(',')
|
|
|
|
}
|
|
|
|
return str;
|
|
|
|
}
|
|
|
|
|
|
|
|
// 下载license
|
|
|
|
let handleDownLoad=(row)=>{
|
|
|
|
proxy.$global.confirm("确定下载license？", function () {
|
|
|
|
proxy.$http.downloadFile("/api-web/export", row);
|
|
|
|
|
|
|
|
})
|
|
|
|
}
|
|
|
|
|
|
|
|
let beforeAvatarUpload = (file) => {
|
|
|
|
const isJPG = file.type.indexOf('image/') != -1
|
|
|
|
if (!isJPG) {
|
|
|
|
proxy.$global.showMsg('您上传的不是图片文件,请选择图片！', 'error');
|
|
|
|
}
|
|
|
|
return isJPG
|
|
|
|
}
|
|
|
|
let getFile = (param) => {
|
|
|
|
let fileObj = param.file
|
|
|
|
let params = {
|
|
|
|
file: fileObj,
|
|
|
|
code: param.data
|
|
|
|
}
|
|
|
|
// 上传文件
|
|
|
|
proxy.$http.uploadFile("/api-u/sysConf/uploadFile", params, function (res) {
|
|
|
|
if (res && res.success) {
|
|
|
|
proxy.$global.showMsg("上传成功！");
|
|
|
|
}
|
|
|
|
})
|
|
|
|
}
|
|
|
|
//获取license详情
|
|
|
|
let getLicenseDetail=()=>{
|
|
|
|
let params={}
|
|
|
|
proxy.$http.get(`/license/selectById`, params, function (res) {
|
|
|
|
if (res && res.object) {
|
|
|
|
let dataList = res.object.content;
|
|
|
|
|
|
|
|
}
|
|
|
|
});
|
|
|
|
}
|
|
|
|
|
|
|
|
// 挂载完
|
|
|
|
Vue.onMounted(() => {
|
|
|
|
getLicenseColumn();
|
|
|
|
getDataList();
|
|
|
|
})
|
|
|
|
|
|
|
|
|
|
|
|
return {
|
|
|
|
isExport,
|
|
|
|
beforeAvatarUpload,
|
|
|
|
getFile,
|
|
|
|
licenseCateData,
|
|
|
|
getLicenseColumn,
|
|
|
|
cateColumn,
|
|
|
|
splitDetail,
|
|
|
|
handleDownLoad,
|
|
|
|
height,
|
|
|
|
tableData,
|
|
|
|
getDataList,
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
} |
...
|
...
|
|
