|
@@ -23,7 +23,7 @@
|
|
</el-card>
|
|
</el-card>
|
|
</el-col>
|
|
</el-col>
|
|
|
|
|
|
- <el-col :span="12">
|
|
|
|
|
|
+ <el-col :span="13">
|
|
<el-card shadow="hover" body-style="padding:1px">
|
|
<el-card shadow="hover" body-style="padding:1px">
|
|
<memory-util :charData="memoryUtil" :id="'chart2'"></memory-util>
|
|
<memory-util :charData="memoryUtil" :id="'chart2'"></memory-util>
|
|
</el-card>
|
|
</el-card>
|
|
@@ -40,13 +40,13 @@
|
|
</el-row>
|
|
</el-row>
|
|
|
|
|
|
<el-row type="flex" :gutter="90">
|
|
<el-row type="flex" :gutter="90">
|
|
- <el-col :span="12" :offset="1">
|
|
|
|
|
|
+ <el-col :span="11" :offset="1">
|
|
<el-card shadow="hover" body-style="padding:1px">
|
|
<el-card shadow="hover" body-style="padding:1px">
|
|
<cpu-load-view :charData="cpuLoad" :id="'chart3'"></cpu-load-view>
|
|
<cpu-load-view :charData="cpuLoad" :id="'chart3'"></cpu-load-view>
|
|
</el-card>
|
|
</el-card>
|
|
</el-col>
|
|
</el-col>
|
|
|
|
|
|
- <el-col :span="12">
|
|
|
|
|
|
+ <el-col :span="13">
|
|
<el-card shadow="hover" body-style="padding:1px">
|
|
<el-card shadow="hover" body-style="padding:1px">
|
|
<disk-usge-view :charData="diskUsge" :id="'chart4'"></disk-usge-view>
|
|
<disk-usge-view :charData="diskUsge" :id="'chart4'"></disk-usge-view>
|
|
</el-card>
|
|
</el-card>
|
|
@@ -63,13 +63,13 @@
|
|
</el-row>
|
|
</el-row>
|
|
|
|
|
|
<el-row type="flex" :gutter="100">
|
|
<el-row type="flex" :gutter="100">
|
|
- <el-col :span="12" :offset="1">
|
|
|
|
|
|
+ <el-col :span="11" :offset="1">
|
|
<el-card shadow="hover" body-style="padding:1px">
|
|
<el-card shadow="hover" body-style="padding:1px">
|
|
<inode-util-view :charData="inodeUtil" :id="'chart5'" ></inode-util-view>
|
|
<inode-util-view :charData="inodeUtil" :id="'chart5'" ></inode-util-view>
|
|
</el-card>
|
|
</el-card>
|
|
</el-col>
|
|
</el-col>
|
|
|
|
|
|
- <el-col :span="12">
|
|
|
|
|
|
+ <el-col :span="13">
|
|
<el-card shadow="hover" body-style="padding:1px">
|
|
<el-card shadow="hover" body-style="padding:1px">
|
|
<disk-read-write-throughout-view :charData="diskReadWriteThroughout" :id="'chart6'" ></disk-read-write-throughout-view>
|
|
<disk-read-write-throughout-view :charData="diskReadWriteThroughout" :id="'chart6'" ></disk-read-write-throughout-view>
|
|
</el-card>
|
|
</el-card>
|
|
@@ -84,14 +84,14 @@
|
|
</el-col>
|
|
</el-col>
|
|
</el-row>
|
|
</el-row>
|
|
|
|
|
|
- <el-row type="flex" :gutter="130">
|
|
|
|
- <el-col :span="12" :offset="1">
|
|
|
|
|
|
+ <el-row type="flex" :gutter="100">
|
|
|
|
+ <el-col :span="11" :offset="1">
|
|
<el-card shadow="hover" body-style="padding:1px">
|
|
<el-card shadow="hover" body-style="padding:1px">
|
|
<iop-read-write-view :charData="iopReadWrite" :id="'chart7'" ></iop-read-write-view>
|
|
<iop-read-write-view :charData="iopReadWrite" :id="'chart7'" ></iop-read-write-view>
|
|
</el-card>
|
|
</el-card>
|
|
</el-col>
|
|
</el-col>
|
|
|
|
|
|
- <el-col :span="12">
|
|
|
|
|
|
+ <el-col :span="13">
|
|
<el-card shadow="hover" body-style="padding:5px">
|
|
<el-card shadow="hover" body-style="padding:5px">
|
|
<net-view :charData="netState" :id="'chart8'"> </net-view>
|
|
<net-view :charData="netState" :id="'chart8'"> </net-view>
|
|
</el-card>
|
|
</el-card>
|
|
@@ -104,8 +104,8 @@
|
|
</el-col>
|
|
</el-col>
|
|
</el-row>
|
|
</el-row>
|
|
|
|
|
|
- <el-row type="flex" :gutter="130">
|
|
|
|
- <el-col :span="12" :offset="1">
|
|
|
|
|
|
+ <el-row type="flex" :gutter="100">
|
|
|
|
+ <el-col :span="11" :offset="1">
|
|
<el-card shadow="hover" body-style="padding:5px">
|
|
<el-card shadow="hover" body-style="padding:5px">
|
|
<pod-view :charData="podState" :id="'chart9'"> </pod-view>
|
|
<pod-view :charData="podState" :id="'chart9'"> </pod-view>
|
|
</el-card>
|
|
</el-card>
|
|
@@ -141,15 +141,15 @@ export default {
|
|
///kapis/monitoring.kubesphere.io/v1alpha3/cluster
|
|
///kapis/monitoring.kubesphere.io/v1alpha3/cluster
|
|
data() {
|
|
data() {
|
|
return {
|
|
return {
|
|
-
|
|
|
|
|
|
+
|
|
};
|
|
};
|
|
},
|
|
},
|
|
computed: {
|
|
computed: {
|
|
-
|
|
|
|
|
|
+
|
|
//CPU使用率
|
|
//CPU使用率
|
|
cpuUtil() {
|
|
cpuUtil() {
|
|
var cpuUtil = [];
|
|
var cpuUtil = [];
|
|
-
|
|
|
|
|
|
+
|
|
const physical = this.$store.state.monitor.physicalMonitor;
|
|
const physical = this.$store.state.monitor.physicalMonitor;
|
|
|
|
|
|
cpuUtil.splice(0, cpuUtil.length); //清零
|
|
cpuUtil.splice(0, cpuUtil.length); //清零
|
|
@@ -163,7 +163,7 @@ export default {
|
|
});
|
|
});
|
|
|
|
|
|
}
|
|
}
|
|
-
|
|
|
|
|
|
+
|
|
return cpuUtil;
|
|
return cpuUtil;
|
|
},
|
|
},
|
|
|
|
|
|
@@ -201,7 +201,7 @@ export default {
|
|
});
|
|
});
|
|
|
|
|
|
}
|
|
}
|
|
-
|
|
|
|
|
|
+
|
|
return diskUsge;
|
|
return diskUsge;
|
|
},
|
|
},
|
|
|
|
|
|
@@ -302,7 +302,7 @@ export default {
|
|
// type: "容器运行异常数目",
|
|
// type: "容器运行异常数目",
|
|
// });
|
|
// });
|
|
// });
|
|
// });
|
|
-
|
|
|
|
|
|
+
|
|
|
|
|
|
|
|
|
|
//容器运行数目
|
|
//容器运行数目
|
|
@@ -345,7 +345,7 @@ var diskReadWriteThroughout = [];
|
|
type: "网络数接受",
|
|
type: "网络数接受",
|
|
});
|
|
});
|
|
});
|
|
});
|
|
-
|
|
|
|
|
|
+
|
|
|
|
|
|
|
|
|
|
//网络发出
|
|
//网络发出
|
|
@@ -403,7 +403,7 @@ var diskReadWriteThroughout = [];
|
|
},
|
|
},
|
|
},
|
|
},
|
|
mounted() {
|
|
mounted() {
|
|
-
|
|
|
|
|
|
+
|
|
},
|
|
},
|
|
|
|
|
|
beforeMount() {},
|
|
beforeMount() {},
|
|
@@ -435,7 +435,7 @@ var diskReadWriteThroughout = [];
|
|
return newDate.toLocaleString();
|
|
return newDate.toLocaleString();
|
|
},
|
|
},
|
|
|
|
|
|
-
|
|
|
|
|
|
+
|
|
|
|
|
|
//获取数据
|
|
//获取数据
|
|
getPhysicalMonitor() {
|
|
getPhysicalMonitor() {
|
|
@@ -470,7 +470,7 @@ var diskReadWriteThroughout = [];
|
|
|
|
|
|
value.forEach((test) => {
|
|
value.forEach((test) => {
|
|
physical[key] = value;
|
|
physical[key] = value;
|
|
-
|
|
|
|
|
|
+
|
|
});
|
|
});
|
|
});
|
|
});
|
|
// console.log('33333333333');
|
|
// console.log('33333333333');
|
|
@@ -484,4 +484,4 @@ var diskReadWriteThroughout = [];
|
|
};
|
|
};
|
|
</script>
|
|
</script>
|
|
<style lang="scss" scoped>
|
|
<style lang="scss" scoped>
|
|
-</style>
|
|
|
|
|
|
+</style>
|