|  | @@ -145,8 +145,42 @@ function showIO(data) {
 | 
	
		
			
				|  |  |      return myChart;
 | 
	
		
			
				|  |  |  }
 | 
	
		
			
				|  |  |  
 | 
	
		
			
				|  |  | -function showLine() {
 | 
	
		
			
				|  |  | -    window.fetch("/system/GetCounterHistory", {
 | 
	
		
			
				|  |  | +function getServers() {
 | 
	
		
			
				|  |  | +    window.fetch("/system/GetServers", {
 | 
	
		
			
				|  |  | +        credentials: 'include',
 | 
	
		
			
				|  |  | +        method: 'GET',
 | 
	
		
			
				|  |  | +        mode: 'cors'
 | 
	
		
			
				|  |  | +    }).then(function(response) {
 | 
	
		
			
				|  |  | +        return response.json();
 | 
	
		
			
				|  |  | +    }).then(function(data) {
 | 
	
		
			
				|  |  | +        var arr=[];
 | 
	
		
			
				|  |  | +        for (var i = 0; i < data.length; i++) {
 | 
	
		
			
				|  |  | +            arr.push({name:data[i],value:data[i]});
 | 
	
		
			
				|  |  | +        }
 | 
	
		
			
				|  |  | +
 | 
	
		
			
				|  |  | +        xmSelect.render({
 | 
	
		
			
				|  |  | +            el: '#servers',
 | 
	
		
			
				|  |  | +            tips: '请选择服务器',
 | 
	
		
			
				|  |  | +            model: {
 | 
	
		
			
				|  |  | +                 icon: 'hidden',
 | 
	
		
			
				|  |  | +                 label: { type: 'text' }
 | 
	
		
			
				|  |  | +            },
 | 
	
		
			
				|  |  | +            radio: true,
 | 
	
		
			
				|  |  | +            clickClose: true,
 | 
	
		
			
				|  |  | +            autoRow: true, //选项过多,自动换行
 | 
	
		
			
				|  |  | +            data:arr,
 | 
	
		
			
				|  |  | +            on: function (data) {
 | 
	
		
			
				|  |  | +                if (data.arr.length>0) {
 | 
	
		
			
				|  |  | +                    showLine(data.arr[0].value);
 | 
	
		
			
				|  |  | +                }
 | 
	
		
			
				|  |  | +            }
 | 
	
		
			
				|  |  | +        });
 | 
	
		
			
				|  |  | +    });
 | 
	
		
			
				|  |  | +}
 | 
	
		
			
				|  |  | +
 | 
	
		
			
				|  |  | +function showLine(ip) {
 | 
	
		
			
				|  |  | +    clearInterval(window.counterInterval);
 | 
	
		
			
				|  |  | +    window.fetch("/system/GetCounterHistory?ip="+ip, {
 | 
	
		
			
				|  |  |          credentials: 'include',
 | 
	
		
			
				|  |  |          method: 'GET',
 | 
	
		
			
				|  |  |          mode: 'cors'
 | 
	
	
		
			
				|  | @@ -238,38 +272,38 @@ function showLine() {
 | 
	
		
			
				|  |  |          });
 | 
	
		
			
				|  |  |          var rateChart = showSpeed();
 | 
	
		
			
				|  |  |          var ioChart = showIO(data);
 | 
	
		
			
				|  |  | -        setInterval(function() {
 | 
	
		
			
				|  |  | -                DotNet.invokeMethodAsync('Masuit.MyBlogs.Core', 'GetCurrentPerformanceCounter').then(item => {
 | 
	
		
			
				|  |  | -                    data.cpu.push([item.time, item.cpuLoad.toFixed(2)]);
 | 
	
		
			
				|  |  | -                    data.mem.push([item.time, item.memoryUsage.toFixed(2)]);
 | 
	
		
			
				|  |  | -                    data.read.push([item.time, item.diskRead.toFixed(2)]);
 | 
	
		
			
				|  |  | -                    data.write.push([item.time, item.diskWrite.toFixed(2)]);
 | 
	
		
			
				|  |  | -                    data.up.push([item.time, item.upload.toFixed(2)]);
 | 
	
		
			
				|  |  | -                    data.down.push([item.time, item.download.toFixed(2)]);
 | 
	
		
			
				|  |  | -                    myChart.setOption({
 | 
	
		
			
				|  |  | -                        series: [{
 | 
	
		
			
				|  |  | -                                data: data.cpu
 | 
	
		
			
				|  |  | -                            }, {
 | 
	
		
			
				|  |  | -                                data: data.mem
 | 
	
		
			
				|  |  | -                            }]
 | 
	
		
			
				|  |  | -                    });
 | 
	
		
			
				|  |  | -                    ioChart.setOption({
 | 
	
		
			
				|  |  | -                        series: [{
 | 
	
		
			
				|  |  | -                                data: data.read
 | 
	
		
			
				|  |  | -                            }, {
 | 
	
		
			
				|  |  | -                                data: data.write
 | 
	
		
			
				|  |  | -                            }, {
 | 
	
		
			
				|  |  | -                                data: data.up
 | 
	
		
			
				|  |  | -                            }, {
 | 
	
		
			
				|  |  | -                                data: data.down
 | 
	
		
			
				|  |  | -                            }]
 | 
	
		
			
				|  |  | -                    });
 | 
	
		
			
				|  |  | -                    let option = rateChart.getOption();
 | 
	
		
			
				|  |  | -                    option.series[0].data[0].value = item.cpuLoad.toFixed(2);
 | 
	
		
			
				|  |  | -                    option.series[0].data[1].value = item.memoryUsage.toFixed(2);
 | 
	
		
			
				|  |  | -                    rateChart.setOption(option, true);
 | 
	
		
			
				|  |  | +        window.counterInterval = setInterval(function() {
 | 
	
		
			
				|  |  | +            DotNet.invokeMethodAsync('Masuit.MyBlogs.Core', 'GetCurrentPerformanceCounter').then(item => {
 | 
	
		
			
				|  |  | +                data.cpu.push([item.time, item.cpuLoad.toFixed(2)]);
 | 
	
		
			
				|  |  | +                data.mem.push([item.time, item.memoryUsage.toFixed(2)]);
 | 
	
		
			
				|  |  | +                data.read.push([item.time, item.diskRead.toFixed(2)]);
 | 
	
		
			
				|  |  | +                data.write.push([item.time, item.diskWrite.toFixed(2)]);
 | 
	
		
			
				|  |  | +                data.up.push([item.time, item.upload.toFixed(2)]);
 | 
	
		
			
				|  |  | +                data.down.push([item.time, item.download.toFixed(2)]);
 | 
	
		
			
				|  |  | +                myChart.setOption({
 | 
	
		
			
				|  |  | +                    series: [{
 | 
	
		
			
				|  |  | +                        data: data.cpu
 | 
	
		
			
				|  |  | +                    }, {
 | 
	
		
			
				|  |  | +                        data: data.mem
 | 
	
		
			
				|  |  | +                    }]
 | 
	
		
			
				|  |  | +                });
 | 
	
		
			
				|  |  | +                ioChart.setOption({
 | 
	
		
			
				|  |  | +                    series: [{
 | 
	
		
			
				|  |  | +                        data: data.read
 | 
	
		
			
				|  |  | +                    }, {
 | 
	
		
			
				|  |  | +                        data: data.write
 | 
	
		
			
				|  |  | +                    }, {
 | 
	
		
			
				|  |  | +                        data: data.up
 | 
	
		
			
				|  |  | +                    }, {
 | 
	
		
			
				|  |  | +                        data: data.down
 | 
	
		
			
				|  |  | +                    }]
 | 
	
		
			
				|  |  |                  });
 | 
	
		
			
				|  |  | -            }, 2000);
 | 
	
		
			
				|  |  | +                let option = rateChart.getOption();
 | 
	
		
			
				|  |  | +                option.series[0].data[0].value = item.cpuLoad.toFixed(2);
 | 
	
		
			
				|  |  | +                option.series[0].data[1].value = item.memoryUsage.toFixed(2);
 | 
	
		
			
				|  |  | +                rateChart.setOption(option, true);
 | 
	
		
			
				|  |  | +            });
 | 
	
		
			
				|  |  | +        }, 2000);
 | 
	
		
			
				|  |  |      }).catch(function(e) {
 | 
	
		
			
				|  |  |          console.error(e);
 | 
	
		
			
				|  |  |      });
 |