|
|
|
export default {
|
|
|
|
name: 'portSense',
|
|
|
|
template: '',
|
|
|
|
components: {},
|
|
|
|
data() {
|
|
|
|
},
|
|
|
|
setup(props, {attrs, slots, emit}) {
|
|
|
|
const {proxy} = Vue.getCurrentInstance();
|
|
|
|
const columns = [
|
|
|
|
{
|
|
|
|
prop: 'resName',
|
|
|
|
label: '资源名称',
|
|
|
|
sortable: true,
|
|
|
|
align: 'center',
|
|
|
|
},
|
|
|
|
{
|
|
|
|
prop: 'ip',
|
|
|
|
label: 'ip地址',
|
|
|
|
sortable: true,
|
|
|
|
align: 'center',
|
|
|
|
},
|
|
|
|
{
|
|
|
|
prop: 'resTypeName',
|
|
|
|
label: '资源类型',
|
|
|
|
sortable: true,
|
|
|
|
align: 'center',
|
|
|
|
},
|
|
|
|
{
|
|
|
|
prop: 'lastCollTime',
|
|
|
|
label: '最近采集时间',
|
|
|
|
sortable: true,
|
|
|
|
align: 'center',
|
|
|
|
},
|
|
|
|
{
|
|
|
|
prop: 'linkState',
|
|
|
|
label: '连接状态',
|
|
|
|
sortable: true,
|
|
|
|
align: 'center',
|
|
|
|
}
|
|
|
|
];
|
|
|
|
//配置列表总数
|
|
|
|
let count = Vue.ref(0);
|
|
|
|
//搜索关键字
|
|
|
|
let keyWords = Vue.ref('');
|
|
|
|
//列表数据
|
|
|
|
let portSenseData = Vue.ref([{resName:'123',ip:'1.2.3.4'}]);
|
|
|
|
//资源类型数据
|
|
|
|
let resTypeArr = Vue.ref([]);
|
|
|
|
//业务类型数据
|
|
|
|
let busTypeArr = Vue.ref([]);
|
|
|
|
//业务类型
|
|
|
|
let busTypeList = Vue.ref([]);
|
|
|
|
//资源类型数据
|
|
|
|
let resIdArr = Vue.ref([]);
|
|
|
|
//列表高度
|
|
|
|
let height = Vue.ref(window.innerHeight - 150);
|
|
|
|
//列表分页
|
|
|
|
let pageSize = Vue.ref(50);
|
|
|
|
let init = () => {
|
|
|
|
proxy.$http.get("/api-web/home/business/findAllBusType", {}, function (res) {
|
|
|
|
if (res && res.data) {
|
|
|
|
busTypeList.value = res.data;
|
|
|
|
}
|
|
|
|
})
|
|
|
|
}
|
|
|
|
// 挂载完
|
|
|
|
Vue.onMounted(() => {
|
|
|
|
init();
|
|
|
|
getListData();
|
|
|
|
})
|
|
|
|
|
|
|
|
//定义列表参数
|
|
|
|
let getParams = Vue.ref({
|
|
|
|
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;
|
|
|
|
}
|
|
|
|
})
|
|
|
|
}
|
|
|
|
// 点击按钮搜索
|
|
|
|
let onBtnSearch = () => {
|
|
|
|
loadTableDataList({page: 1, limit: pageSize});
|
|
|
|
}
|
|
|
|
// 重置
|
|
|
|
let onReset = () => {
|
|
|
|
keyWords.value = '';
|
|
|
|
resTypeArr.value = '';
|
|
|
|
resIdArr.value = '';
|
|
|
|
busTypeArr.value = '';
|
|
|
|
}
|
|
|
|
//获取资源类型
|
|
|
|
let getResType = (arr) => {
|
|
|
|
let types = arr.map(function (v) {
|
|
|
|
return v.id;
|
|
|
|
});
|
|
|
|
resTypeArr.value = types;
|
|
|
|
loadTableDataList({page: 1, limit: pageSize});
|
|
|
|
}
|
|
|
|
//获取业务系统
|
|
|
|
let getBizType = (arr) => {
|
|
|
|
let types = arr.map(function (v) {
|
|
|
|
return v.busId;
|
|
|
|
});
|
|
|
|
busTypeArr.value = types;
|
|
|
|
loadTableDataList({page: 1, limit: pageSize});
|
|
|
|
}
|
|
|
|
|
|
|
|
//表格全选事件
|
|
|
|
let selectionChange = (val) => {
|
|
|
|
proxy.portSenseData.map((v, i) => {
|
|
|
|
v.checked = false;
|
|
|
|
});
|
|
|
|
let selectData = val;
|
|
|
|
if (selectData.length > 0) {
|
|
|
|
selectData.map((item, index) => {
|
|
|
|
proxy.portSenseData.map((v, i) => {
|
|
|
|
if (item.id == v.id) {
|
|
|
|
v.checked = true;
|
|
|
|
}
|
|
|
|
})
|
|
|
|
})
|
|
|
|
} else {
|
|
|
|
proxy.portSenseData.map((v, i) => {
|
|
|
|
v.checked = false;
|
|
|
|
})
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
//删除单个数据
|
|
|
|
let deleteItem = (row, index) => {
|
|
|
|
let that = this;
|
|
|
|
this.$global.confirm("确认删除吗？", function () {
|
|
|
|
deleteItems = (that, [row.resId]);
|
|
|
|
})
|
|
|
|
}
|
|
|
|
//删除多个或单个
|
|
|
|
let deleteItems = (that, 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});
|
|
|
|
}
|
|
|
|
// that.$emit('callbackDelete', item)
|
|
|
|
})
|
|
|
|
}
|
|
|
|
|
|
|
|
//重新加载表格数据
|
|
|
|
let loadTableDataList = ({page, limit}) => {
|
|
|
|
getParams.page = page;
|
|
|
|
getParams.pageSize = limit;
|
|
|
|
getListData();
|
|
|
|
}
|
|
|
|
return {
|
|
|
|
count,
|
|
|
|
portSenseData,
|
|
|
|
columns,
|
|
|
|
height,
|
|
|
|
pageSize,
|
|
|
|
|
|
|
|
keyWords,
|
|
|
|
resTypeArr,
|
|
|
|
busTypeArr,
|
|
|
|
busTypeList,
|
|
|
|
|
|
|
|
selectionChange,
|
|
|
|
deleteItem,
|
|
|
|
onBtnSearch,
|
|
|
|
onReset,
|
|
|
|
|
|
|
|
getListData,
|
|
|
|
loadTableDataList,
|
|
|
|
|
|
|
|
getResType,
|
|
|
|
getBizType,
|
|
|
|
}
|
|
|
|
}
|
|
|
|
} |
|
|
\ No newline at end of file |
...
|
...
|
|
