...
|
...
|
@@ -2,11 +2,11 @@ export default { |
|
|
name: 'applicationMoni',
|
|
|
template: '',
|
|
|
components: {},
|
|
|
props:['propsData'],
|
|
|
props:['propsData','applicationMonitorList'],
|
|
|
data () {
|
|
|
return {
|
|
|
titleName:'添加内容',
|
|
|
applicationMonitorVisible: true,
|
|
|
titleName:'应用配置',
|
|
|
// applicationMonitorVisible: true,
|
|
|
columns:[
|
|
|
/*{
|
|
|
prop: 'busTypeName',
|
...
|
...
|
@@ -57,6 +57,9 @@ export default { |
|
|
let page=Vue.ref(1);//当前页
|
|
|
let pageSize=Vue.ref(5);//每页显示条数
|
|
|
let modleId=Vue.ref();//模块id
|
|
|
let applicationMonitorVisible=Vue.ref(true);
|
|
|
let faultConfId=Vue.ref();
|
|
|
let bizName=Vue.ref();
|
|
|
let init = () =>{
|
|
|
proxy.$http.get("/api-web/manage/kpi/list", {}, function(res) {
|
|
|
if (res && res.data) {
|
...
|
...
|
@@ -78,7 +81,7 @@ export default { |
|
|
}
|
|
|
// 点击按钮搜索
|
|
|
let onBtnSearch = () => {
|
|
|
proxy.loadTableDataList();
|
|
|
proxy.getNodeList();
|
|
|
}
|
|
|
//获取接收到的传值 bizid
|
|
|
let setBizId=()=>{
|
...
|
...
|
@@ -86,8 +89,8 @@ export default { |
|
|
proxy.bizId=props.propsData.bizId;
|
|
|
proxy.targetId=props.propsData.targetId;
|
|
|
proxy.busTypeArr=[props.propsData.bizId];
|
|
|
proxy.faultConfId=props.faultConfId;
|
|
|
proxy.bizName=props.bizName;
|
|
|
proxy.faultConfId=props.propsData.faultConfId;
|
|
|
proxy.bizName=props.propsData.bizName;
|
|
|
proxy.modleId=props.propsData.modleId;
|
|
|
}
|
|
|
console.log("*",props.propsData,proxy.bizId,proxy.busTypeArr)
|
...
|
...
|
@@ -181,8 +184,66 @@ export default { |
|
|
|
|
|
|
|
|
}
|
|
|
//重新加载表格数据
|
|
|
let loadTableDataList = ({page, limit}) => {
|
|
|
proxy.page=page;
|
|
|
proxy.pageSize=limit;
|
|
|
proxy.getNodeList()
|
|
|
}
|
|
|
//显示已添加过的应用列表数据
|
|
|
let applicationMonitorListChecked=Vue.ref([]);
|
|
|
let setListData=()=>{
|
|
|
if(props.applicationMonitorList){
|
|
|
props.applicationMonitorList.map((item,index)=>{
|
|
|
proxy.tableDataList.map(v=>{
|
|
|
if(item.streamId==v.streamId){
|
|
|
proxy.applicationMonitorListChecked.push(v)
|
|
|
|
|
|
}
|
|
|
})
|
|
|
|
|
|
})
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
//获取应用监测配置列表数据
|
|
|
let getNodeList=()=>{
|
|
|
let that=this;
|
|
|
proxy.$http.get(`/api-web/fault/conf/npmBase/list`, proxy.getParams(), function (res) {
|
|
|
if (res && res.success) {
|
|
|
proxy.count = res.count;
|
|
|
tableDataList.value = res.data;
|
|
|
|
|
|
proxy.setListData();
|
|
|
}
|
|
|
});
|
|
|
}
|
|
|
//关闭弹框
|
|
|
let closeDialog=()=>{
|
|
|
proxy.restData();
|
|
|
let obj={
|
|
|
targetId:proxy.targetId,
|
|
|
faultConfId:proxy.faultConfId,
|
|
|
|
|
|
}
|
|
|
proxy.$emit('callbackApp',obj);
|
|
|
}
|
|
|
//清除数据
|
|
|
let restData=()=>{
|
|
|
proxy.tableDataList='';
|
|
|
}
|
|
|
|
|
|
return {
|
|
|
closeDialog,
|
|
|
restData,
|
|
|
getNodeList,
|
|
|
faultConfId,
|
|
|
bizName,
|
|
|
applicationMonitorVisible,
|
|
|
applicationMonitorListChecked,
|
|
|
setListData,
|
|
|
loadTableDataList,
|
|
|
modleId,
|
|
|
saveAlldata,
|
|
|
page,
|
...
|
...
|
@@ -213,31 +274,17 @@ export default { |
|
|
},
|
|
|
methods: {
|
|
|
|
|
|
//取消节点列表配置
|
|
|
//取消应用列表配置
|
|
|
cancleList(){
|
|
|
this.applicationMonitorVisible=false;
|
|
|
|
|
|
},
|
|
|
//保存节点添加配置
|
|
|
//保存应用添加配置
|
|
|
saveList(){
|
|
|
this.applicationMonitorVisible=false;
|
|
|
},
|
|
|
//重新加载表格数据
|
|
|
loadTableDataList(val){
|
|
|
this.page=val.page;
|
|
|
this.pageSize=val.limit;
|
|
|
this.getNodeList()
|
|
|
},
|
|
|
//获取应用监测配置列表数据
|
|
|
getNodeList(){
|
|
|
let that=this;
|
|
|
this.$http.get(`/api-web/fault/conf/npmBase/list`, this.getParams(), function (res) {
|
|
|
if (res && res.success) {
|
|
|
that.count = res.count;
|
|
|
that.tableDataList = res.data;
|
|
|
}
|
|
|
});
|
|
|
},
|
|
|
|
|
|
|
|
|
//配置参数
|
|
|
getParams(){
|
|
|
return {
|
...
|
...
|
@@ -251,10 +298,7 @@ export default { |
|
|
pageSize: this.pageSize
|
|
|
}
|
|
|
},
|
|
|
//关闭弹框
|
|
|
closeDialog(){
|
|
|
this.$emit('callbackApp', this.targetId);
|
|
|
},
|
|
|
|
|
|
//保存模块
|
|
|
saveModel(){
|
|
|
let that=this;
|
...
|
...
|
@@ -290,15 +334,9 @@ export default { |
|
|
|
|
|
|
|
|
},
|
|
|
watch:{
|
|
|
applicationMonitorVisible(newValue, oldValue) {
|
|
|
console.log("applicationMonitorVisible",newValue)
|
|
|
|
|
|
}
|
|
|
|
|
|
},
|
|
|
mounted () {
|
|
|
// this.init();
|
|
|
|
|
|
this.setBizId();
|
|
|
this.getNodeList();
|
|
|
},
|
...
|
...
|
|