|
|
|
export default {
|
|
|
|
name: 'portSense',
|
|
|
|
template: '',
|
|
|
|
components: {},
|
|
|
|
components: {
|
|
|
|
// 人员信息
|
|
|
|
'port-sense-config': Vue.defineAsyncComponent(
|
|
|
|
() => myImport('views/portSenseConfig/index')
|
|
|
|
),
|
|
|
|
},
|
|
|
|
data() {
|
|
|
|
},
|
|
|
|
setup(props, {attrs, slots, emit}) {
|
|
...
|
...
|
@@ -43,20 +48,34 @@ export default { |
|
|
|
//搜索关键字
|
|
|
|
let keyWords = Vue.ref('');
|
|
|
|
//列表数据
|
|
|
|
let portSenseData = Vue.ref([{resName:'123',ip:'1.2.3.4'}]);
|
|
|
|
let portSenseData = Vue.ref([]);
|
|
|
|
//资源类型数据
|
|
|
|
let resTypeArr = Vue.ref([]);
|
|
|
|
//业务类型数据
|
|
|
|
let busTypeArr = Vue.ref([]);
|
|
|
|
//业务类型
|
|
|
|
let busTypeList = Vue.ref([]);
|
|
|
|
//资源类型数据
|
|
|
|
//资源数据
|
|
|
|
let resIdArr = Vue.ref([]);
|
|
|
|
//列表高度
|
|
|
|
let height = Vue.ref(window.innerHeight - 150);
|
|
|
|
let height = Vue.ref(window.innerHeight);
|
|
|
|
//列表分页
|
|
|
|
let pageSize = Vue.ref(50);
|
|
|
|
//加载
|
|
|
|
let loading = Vue.ref(true);
|
|
|
|
//选中数据
|
|
|
|
let pitch = Vue.ref([]);
|
|
|
|
//弹框配置
|
|
|
|
//是否展示弹框
|
|
|
|
let showPortSense = Vue.ref(false);
|
|
|
|
//弹框名称
|
|
|
|
let title = Vue.ref("端口侦测配置");
|
|
|
|
//弹框参数
|
|
|
|
let portSenseConfigData = Vue.ref([]);
|
|
|
|
let init = () => {
|
|
|
|
//获取传递过来的参数
|
|
|
|
var resId = proxy.$global.getQueryVariable('resId');
|
|
|
|
resIdArr.value = resId ? resId.split(",") : [];
|
|
|
|
proxy.$http.get("/api-web/home/business/findAllBusType", {}, function (res) {
|
|
|
|
if (res && res.data) {
|
|
|
|
busTypeList.value = res.data;
|
|
...
|
...
|
@@ -66,37 +85,38 @@ export default { |
|
|
|
// 挂载完
|
|
|
|
Vue.onMounted(() => {
|
|
|
|
init();
|
|
|
|
getListData();
|
|
|
|
getListData({page: 1, limit: pageSize.value});
|
|
|
|
onReset();//清空搜索条件(资源id)
|
|
|
|
})
|
|
|
|
|
|
|
|
//获取列表数据
|
|
|
|
const getListData = ({page, limit}) => {
|
|
|
|
//定义列表参数
|
|
|
|
let getParams = Vue.ref({
|
|
|
|
let getParams = {
|
|
|
|
keyWords: keyWords.value,
|
|
|
|
resTypes: resTypeArr.value.join(','),
|
|
|
|
resIds: resIdArr.value.join(','),
|
|
|
|
busIds: busTypeArr.value.join(','),
|
|
|
|
page: 1,
|
|
|
|
limit: pageSize
|
|
|
|
})
|
|
|
|
//获取列表数据
|
|
|
|
const getListData = () => {
|
|
|
|
proxy.$http.get("/api-web/bResourceExtendParam/page", getParams.value, function (res) {
|
|
|
|
if (res && res.data) {
|
|
|
|
// portSenseData.value = res.data;
|
|
|
|
// count.value = res.count;
|
|
|
|
page: page,
|
|
|
|
limit: limit
|
|
|
|
};
|
|
|
|
proxy.$http.get("/api-web/bResourceExtendParam/page", getParams, function (res) {
|
|
|
|
if (res && res.success) {
|
|
|
|
portSenseData.value = res.data;
|
|
|
|
count.value = res.count;
|
|
|
|
loading.value = false;
|
|
|
|
}
|
|
|
|
})
|
|
|
|
}
|
|
|
|
// 点击按钮搜索
|
|
|
|
let onBtnSearch = () => {
|
|
|
|
loadTableDataList({page: 1, limit: pageSize});
|
|
|
|
loadTableDataList({page: 1, limit: pageSize.value});
|
|
|
|
}
|
|
|
|
// 重置
|
|
|
|
let onReset = () => {
|
|
|
|
keyWords.value = '';
|
|
|
|
resTypeArr.value = '';
|
|
|
|
resIdArr.value = '';
|
|
|
|
busTypeArr.value = '';
|
|
|
|
resTypeArr.value = [];
|
|
|
|
resIdArr.value = [];
|
|
|
|
busTypeArr.value = [];
|
|
|
|
}
|
|
|
|
//获取资源类型
|
|
|
|
let getResType = (arr) => {
|
|
...
|
...
|
@@ -104,7 +124,7 @@ export default { |
|
|
|
return v.id;
|
|
|
|
});
|
|
|
|
resTypeArr.value = types;
|
|
|
|
loadTableDataList({page: 1, limit: pageSize});
|
|
|
|
loadTableDataList({page: 1, limit: pageSize.value});
|
|
|
|
}
|
|
|
|
//获取业务系统
|
|
|
|
let getBizType = (arr) => {
|
|
...
|
...
|
@@ -112,11 +132,11 @@ export default { |
|
|
|
return v.busId;
|
|
|
|
});
|
|
|
|
busTypeArr.value = types;
|
|
|
|
loadTableDataList({page: 1, limit: pageSize});
|
|
|
|
loadTableDataList({page: 1, limit: pageSize.value});
|
|
|
|
}
|
|
|
|
|
|
|
|
//表格全选事件
|
|
|
|
let selectionChange = (val) => {
|
|
|
|
pitch.value = val;
|
|
|
|
proxy.portSenseData.map((v, i) => {
|
|
|
|
v.checked = false;
|
|
|
|
});
|
|
...
|
...
|
@@ -135,40 +155,82 @@ export default { |
|
|
|
})
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
//删除单个数据
|
|
|
|
let deleteItem = (row, index) => {
|
|
|
|
let that = this;
|
|
|
|
this.$global.confirm("确认删除吗？", function () {
|
|
|
|
deleteItems = (that, [row.resId]);
|
|
|
|
proxy.$global.confirm("确认删除吗？", function () {
|
|
|
|
deleteItems([row.resId]);
|
|
|
|
})
|
|
|
|
}
|
|
|
|
//删除多个或单个
|
|
|
|
let deleteItems = (that, list) => {
|
|
|
|
let deleteItems = (list) => {
|
|
|
|
let params = {
|
|
|
|
redIds: list.toString()
|
|
|
|
}
|
|
|
|
that.$http.get('/api-web/bResourceExtendParam/delete', params, function (res) {
|
|
|
|
if (res) {
|
|
|
|
that.$global.showMsg('删除成功');
|
|
|
|
loadTableDataList({page: 1, limit: pageSize});
|
|
|
|
proxy.$http.get('/api-web/bResourceExtendParam/delete', params, function (res) {
|
|
|
|
if (res && res.success) {
|
|
|
|
proxy.$global.showMsg('删除成功');
|
|
|
|
loadTableDataList({page: 1, limit: pageSize.value});
|
|
|
|
}
|
|
|
|
// that.$emit('callbackDelete', item)
|
|
|
|
})
|
|
|
|
}
|
|
|
|
//添加
|
|
|
|
let save = () => {
|
|
|
|
//获取所有的端口侦测信息
|
|
|
|
let dataList = [];
|
|
|
|
let getParams = {
|
|
|
|
keyWords: '',
|
|
|
|
resTypes: '',
|
|
|
|
resIds: '',
|
|
|
|
busIds: '',
|
|
|
|
page: '',
|
|
|
|
limit: ''
|
|
|
|
};
|
|
|
|
proxy.$http.get("/api-web/bResourceExtendParam/page", getParams, function (res) {
|
|
|
|
if (res && res.success) {
|
|
|
|
dataList = res.data;
|
|
|
|
}
|
|
|
|
})
|
|
|
|
dataList = dataList.map(item => item.resId);
|
|
|
|
proxy.$global.openWin("template/res/reslist", "选择资源", {oldData: dataList}, ["选择"], function (index) {
|
|
|
|
//获取选中数据
|
|
|
|
let data = proxy.$global.layui.table.checkStatus('reslist_resListTable').data;
|
|
|
|
if (data.length === 0) {
|
|
|
|
//vue层级关系
|
|
|
|
// proxy.$global.showMsg("请至少选择一条数据！", "warning");
|
|
|
|
proxy.$global.layer.msg('请选择一项', {icon: 7, timeout: 3000});
|
|
|
|
return false;
|
|
|
|
}
|
|
|
|
//打开端口侦测配置页面
|
|
|
|
portSenseConfigData.value = data.map(item => item.resId);
|
|
|
|
showPortSense.value = true;
|
|
|
|
proxy.$global.layer.close(index);
|
|
|
|
}, null, ['80%', '81%']);
|
|
|
|
|
|
|
|
}
|
|
|
|
//删除
|
|
|
|
let deleteOther = () => {
|
|
|
|
let list = pitch.value.map(item => {
|
|
|
|
return item.resId;
|
|
|
|
})
|
|
|
|
deleteItems(list);
|
|
|
|
};
|
|
|
|
//重新加载表格数据
|
|
|
|
let loadTableDataList = ({page, limit}) => {
|
|
|
|
getParams.page = page;
|
|
|
|
getParams.pageSize = limit;
|
|
|
|
getListData();
|
|
|
|
getListData({page, limit});
|
|
|
|
}
|
|
|
|
|
|
|
|
//弹框事件
|
|
|
|
//弹框关闭触发
|
|
|
|
let showPortSenseDialog = () => {
|
|
|
|
showPortSense.value = false;
|
|
|
|
};
|
|
|
|
return {
|
|
|
|
count,
|
|
|
|
portSenseData,
|
|
|
|
columns,
|
|
|
|
height,
|
|
|
|
pageSize,
|
|
|
|
loading,
|
|
|
|
|
|
|
|
keyWords,
|
|
|
|
resTypeArr,
|
|
...
|
...
|
@@ -179,12 +241,18 @@ export default { |
|
|
|
deleteItem,
|
|
|
|
onBtnSearch,
|
|
|
|
onReset,
|
|
|
|
|
|
|
|
save,
|
|
|
|
deleteOther,
|
|
|
|
getListData,
|
|
|
|
loadTableDataList,
|
|
|
|
|
|
|
|
getResType,
|
|
|
|
getBizType,
|
|
|
|
|
|
|
|
showPortSense,
|
|
|
|
title,
|
|
|
|
portSenseConfigData,
|
|
|
|
showPortSenseDialog,
|
|
|
|
}
|
|
|
|
}
|
|
|
|
} |
|
|
\ No newline at end of file |
...
|
...
|
|
