![\"\u7edf\u8ba1\u670d\u52a1\u5668CPU\u3001\u5185\u5b58\u3001\u78c1\u76d8\u3001\u7f51\u7edcIO\u3001\u961f\u5217\u3001\u6570\u636e\u5e93\u5360\u7528\u7a7a\u95f4\u7b49\u7b49\u4fe1\u606f_\u78c1\u76d8\"](\"https:\/\/www.wsisp.com\/helps\/wp-content\/uploads\/2025\/05\/20250513232107-6823d3e37545f.jpg\" "\\"\u5728\u8fd9\u91cc\u63d2\u5165\u56fe\u7247\u63cf\u8ff0\\"")
<\/p>\n<\/p>\n
![\"\u7edf\u8ba1\u670d\u52a1\u5668CPU\u3001\u5185\u5b58\u3001\u78c1\u76d8\u3001\u7f51\u7edcIO\u3001\u961f\u5217\u3001\u6570\u636e\u5e93\u5360\u7528\u7a7a\u95f4\u7b49\u7b49\u4fe1\u606f_\u7f51\u7edc_02\"](\"https:\/\/www.wsisp.com\/helps\/wp-content\/uploads\/2025\/05\/20250513232107-6823d3e39ba1f.png\" "\\"\u5728\u8fd9\u91cc\u63d2\u5165\u56fe\u7247\u63cf\u8ff0\\"")
<\/p>\n
![\"\u7edf\u8ba1\u670d\u52a1\u5668CPU\u3001\u5185\u5b58\u3001\u78c1\u76d8\u3001\u7f51\u7edcIO\u3001\u961f\u5217\u3001\u6570\u636e\u5e93\u5360\u7528\u7a7a\u95f4\u7b49\u7b49\u4fe1\u606f_\u7f51\u7edcIO_03\"](\"https:\/\/www.wsisp.com\/helps\/wp-content\/uploads\/2025\/05\/20250513232108-6823d3e42907e.png\" "\\"\u5728\u8fd9\u91cc\u63d2\u5165\u56fe\u7247\u63cf\u8ff0\\"")
<\/p>\n
\u5b57\u6bb5\u4ecb\u7ecd<\/p>\n
![\"\u7edf\u8ba1\u670d\u52a1\u5668CPU\u3001\u5185\u5b58\u3001\u78c1\u76d8\u3001\u7f51\u7edcIO\u3001\u961f\u5217\u3001\u6570\u636e\u5e93\u5360\u7528\u7a7a\u95f4\u7b49\u7b49\u4fe1\u606f_\u7f51\u7edcIO_04\"](\"https:\/\/www.wsisp.com\/helps\/wp-content\/uploads\/2025\/05\/20250513232108-6823d3e4a98e5.png\" "\\"\u5728\u8fd9\u91cc\u63d2\u5165\u56fe\u7247\u63cf\u8ff0\\"")
<\/p>\n
![\"\u7edf\u8ba1\u670d\u52a1\u5668CPU\u3001\u5185\u5b58\u3001\u78c1\u76d8\u3001\u7f51\u7edcIO\u3001\u961f\u5217\u3001\u6570\u636e\u5e93\u5360\u7528\u7a7a\u95f4\u7b49\u7b49\u4fe1\u606f_\u5185\u5b58_05\"](\"https:\/\/www.wsisp.com\/helps\/wp-content\/uploads\/2025\/05\/20250513232109-6823d3e531f47.png\" "\\"\u5728\u8fd9\u91cc\u63d2\u5165\u56fe\u7247\u63cf\u8ff0\\"")
<\/p>\n
![\"\u7edf\u8ba1\u670d\u52a1\u5668CPU\u3001\u5185\u5b58\u3001\u78c1\u76d8\u3001\u7f51\u7edcIO\u3001\u961f\u5217\u3001\u6570\u636e\u5e93\u5360\u7528\u7a7a\u95f4\u7b49\u7b49\u4fe1\u606f_\u7f51\u7edcIO_06\"](\"https:\/\/www.wsisp.com\/helps\/wp-content\/uploads\/2025\/05\/20250513232109-6823d3e5aeccd.png\" "\\"\u5728\u8fd9\u91cc\u63d2\u5165\u56fe\u7247\u63cf\u8ff0\\"")
<\/p>\n
![\"\u7edf\u8ba1\u670d\u52a1\u5668CPU\u3001\u5185\u5b58\u3001\u78c1\u76d8\u3001\u7f51\u7edcIO\u3001\u961f\u5217\u3001\u6570\u636e\u5e93\u5360\u7528\u7a7a\u95f4\u7b49\u7b49\u4fe1\u606f_\u78c1\u76d8_07\"](\"https:\/\/www.wsisp.com\/helps\/wp-content\/uploads\/2025\/05\/20250513232110-6823d3e63a859.png\" "\\"\u5728\u8fd9\u91cc\u63d2\u5165\u56fe\u7247\u63cf\u8ff0\\"")
<\/p>\n
\u767b\u5f55\u540e\u590d\u5236 <\/p>\n
<template>
\n <BasicLayout :left='left' :middle='middle' :right='right'>
\n <template v-slot:right_view>
\n <div class='h100vh-100'>
\n <MonitorServiceProcessTableButton @notice='notice'><\/MonitorServiceProcessTableButton>
\n <MonitorServiceProcessTable ref="monitorServiceProcess"><\/MonitorServiceProcessTable>
\n <\/div>
\n <\/template>
\n <\/BasicLayout>
\n<\/template><\/p>\n
<script>
\nimport BasicLayout from '@\/layouts\/BasicLayout';
\nimport MonitorServiceProcessTableButton from "@\/views\/monitor\/monitorServiceProcess\/MonitorServiceProcessTableButton";
\nimport MonitorServiceProcessTable from "@\/views\/monitor\/monitorServiceProcess\/MonitorServiceProcessTable";<\/p>\n
export default {
\n name: "monitorServiceProcessPage",
\n components:{
\n BasicLayout,
\n MonitorServiceProcessTableButton,
\n MonitorServiceProcessTable
\n },
\n data() {
\n return {
\n left: {
\n show: false,
\n name: ''
\n },
\n middle: {
\n show: false,
\n name: ''
\n },
\n right: {
\n show: true,
\n crumb: `${this.$t('Security.securityManage')}`+'\/' + `${this.$t('Monitor.monitor')}` + '\/' + `${this.$t('Monitor.task.monitoringServiceProcess')}`
\n }
\n };
\n },
\n methods: {
\n notice(type) {
\n switch (type) {
\n case 'refresh':
\n this.$refs.monitorServiceProcess.getMonitorServiceProcessListData();
\n break;
\n case 'doActiveTask':
\n this.$refs.monitorServiceProcess.doActiveTask();
\n break;
\n case 'doUnactiveTask':
\n this.$refs.monitorServiceProcess.doUnactiveTask();
\n break;
\n default:
\n }
\n }
\n }
\n}
\n<\/script><\/p>\n
<style scoped><\/p>\n
<\/style> <\/p>\n
\u767b\u5f55\u540e\u590d\u5236 <\/p>\n
<template>
\n <div class='h100-40 width-100vw h-scroll'>
\n <ejs-grid ref='grid' height='calc(100% – 0px)' :dataSource='monitorServiceProcessData' :contextMenuItems="contextMenuItems" :contextMenuOpen='menuBeforeOpenFunc' :contextMenuClick='menuClickFunc'
\n :selectionSettings='selectionOptions' :allowReordering='true' :allowResizing='true' >
\n <e-columns>
\n <e-column type='checkbox' textAlign='Center' width='66'><\/e-column>
\n <e-column field='componentName' :headerText='$t("Topo.service") + $t("DeployManagement.type")' textAlign='Center' minWidth='10' clipMode='EllipsisWithTooltip'><\/e-column>
\n <e-column field='state' :headerText='$t("DeployManagement.runStatus")' :disableHtmlEncode='false' :formatter='formatActiveState' textAlign='Center' minWidth='10' clipMode='EllipsisWithTooltip'><\/e-column>
\n <e-column field='description' :headerText='$t("MCS.description")' textAlign='Center' minWidth='10' clipMode='EllipsisWithTooltip'><\/e-column>
\n <e-column field='activeTime' :headerText='$t("Monitor.systemLog.productStart")' textAlign='Center' minWidth='10' type='date' :format='dateFormatOptions' clipMode='EllipsisWithTooltip'><\/e-column>
\n <e-column field='unactiveTime' :headerText='$t("Pm.hangupTime")' textAlign='Center' minWidth='10' type='date' :format='dateFormatOptions' clipMode='EllipsisWithTooltip'><\/e-column>
\n <\/e-columns>
\n <\/ejs-grid>
\n <ejs-pager ref='pager' @click='getMonitorServiceProcessListData' :currentPage='page.pageNo' :pageSize='page.pageSize' :totalRecordsCount='page.totalCount' :pageCount='page.pageCount'><\/ejs-pager>
\n <\/div>
\n<\/template><\/p>\n
<script>
\nimport { EventBus } from '..\/..\/..\/plugins\/eventBus';<\/p>\n
export default {
\n name: "monitorServiceProcessTable",
\n data() {
\n return {
\n selectionOptions: { type: 'Multiple' },
\n dateFormatOptions: { type: 'date', format: 'yyyy-MM-dd HH:mm:ss' },
\n contextMenuItems: [{
\n text: `${this.$t('Alarm.refresh')}`
\n }, {
\n text: `${this.$t('Monitor.systemLog.startup')}`
\n }, {
\n text: `${this.$t('Monitor.systemLog.shutdown')}`
\n }],
\n page: {
\n pageNo: 1,
\n pageSize: 15,
\n totalCount: 3,
\n pageCount: 1
\n },
\n monitorServiceProcessData: [],
\n }
\n },
\n methods: {
\n formatActiveState(grids, data) {
\n let color = '';
\n switch (data.state) {
\n case 'down':
\n color = 'red';
\n break;
\n case 'up':
\n color = 'green';
\n break;
\n case 'exception':
\n color = 'orange';
\n break;
\n default:
\n break;
\n }
\n return `<span style='background-color:${color};font-size: 12px;display: inline-block;width: 55px;height: 22px;color: #fff;line-height: 22px;' >${data.state}<\/span>`;
\n },
\n getCheckedData(selectOnly) {
\n \/\/ false: \u4e0d\u652f\u6301\u591a\u9009 true: \u652f\u6301\u591a\u9009
\n const selectedRecords = this.$refs.grid.getSelectedRecords();
\n if (selectedRecords.length < 1) {
\n EventBus.$emit('toast', {type: 'warning', content: this.$t('Alarm.no_checked')});
\n return false;
\n }
\n if (selectedRecords.length > 1 && !selectOnly) {
\n EventBus.$emit('toast', {type: 'warning', content: this.$t('Common.tips.onlyOneSelect')});
\n return false;
\n }
\n return selectedRecords;
\n },
\n getCheckedVals() {
\n const ids = [];
\n const checkedData = this.getCheckedData(true);
\n for (let i = 0; i < checkedData.length; i++) {
\n ids.push(checkedData[i].id);
\n }
\n return ids;
\n },
\n \/\/\u6279\u91cf\u67e5\u8be2
\n getMonitorServiceProcessListData() {
\n console.log("******getMonitorServiceProcessListData()")
\n \/\/\u83b7\u53d6\u8868\u683c\u6570\u636e
\n const This = this;
\n This.$axios.get('\/lte\/ems\/oss\/component\/state', {
\n }).then((response) => {
\n if (response && response.data.errorCode === 'SUCCESS') {
\n const result = response.data.resultVal;
\n let getResult = result
\n getResult.forEach(item => {
\n if (item.description != "" || item.description != null || item.description != undefined) {
\n item.description = this.$t(item.description);
\n }
\n })
\n This.monitorServiceProcessData = getResult;
\n }
\n });
\n },
\n \/\/\u542f\u52a8\u670d\u52a1
\n doActiveTask() {
\n console.log("******doActiveTask()")
\n const This = this;
\n const checkedData = This.getCheckedData(true);
\n const list = [];
\n for (let i = 0; i < checkedData.length; i++) {
\n list.push({state: 1, id: checkedData[i].id, activeTime: new Date()});
\n }
\n let str = This.$t('Track.activation');
\n if (checkedData) {
\n This.$layer.confirm({
\n title: this.$t('System.tip'),
\n msg: `${str}?`,
\n btn1: {
\n msg: this.$t('Alarm.cancel')
\n },
\n btn2: {
\n msg: this.$t('Alarm.confirm'),
\n func: () => {
\n This.$axios.post('\/lte\/ems\/oss\/component\/updateMonitorServiceProcess', {list: list}).then((response) => {
\n if (response && response.data.errorCode === 'SUCCESS') {
\n EventBus.$emit('toast', {type: 'success', content: this.$t('Alarm.success')});
\n } else if (response && response.data.errorCode === '1001') {
\n EventBus.$emit('toast', {type: 'error', content: this.$t(response.data.errorString)});
\n } else if (response && response.data.errorCode === '16002') {
\n EventBus.$emit('toast', {type: 'error', content: this.$t('ErrorCode.16002')});
\n } else {
\n EventBus.$emit('toast', {type: 'error', content: this.$t('Alarm.error')});
\n }
\n This.getMonitorServiceProcessListData();
\n });
\n }
\n }
\n });
\n }
\n },
\n \/\/\u6302\u8d77\u670d\u52a1
\n doUnactiveTask() {
\n console.log("******doUnactiveTask()")
\n const This = this;
\n const checkedData = This.getCheckedData(true);
\n const list = [];
\n for (let i = 0; i < checkedData.length; i++) {
\n list.push({state: 0, id: checkedData[i].id, unactiveTime: new Date()});
\n }
\n let str = This.$t('Track.hangup');
\n if (checkedData) {
\n This.$layer.confirm({
\n title: this.$t('System.tip'),
\n msg: `${str}?`,
\n btn1: {
\n msg: this.$t('Alarm.cancel')
\n },
\n btn2: {
\n msg: this.$t('Alarm.confirm'),
\n func: () => {
\n This.$axios.post('\/lte\/ems\/oss\/component\/updateMonitorServiceProcess', {list: list}).then((response) => {
\n if (response && response.data.errorCode === 'SUCCESS') {
\n EventBus.$emit('toast', {type: 'success', content: this.$t('Alarm.success')});
\n } else if (response && response.data.errorCode === '1002') {
\n EventBus.$emit('toast', {type: 'error', content: this.$t(response.data.errorString)});
\n } else if (response && response.data.errorCode === '16001') {
\n EventBus.$emit('toast', {type: 'error', content: this.$t('ErrorCode.16001')});
\n } else {
\n EventBus.$emit('toast', {type: 'error', content: this.$t('Alarm.error')});
\n }
\n This.getMonitorServiceProcessListData();
\n });
\n }
\n }
\n });
\n }
\n },
\n menuBeforeOpenFunc(menuArgs) { \/\/ \u5c4f\u853d\u8868\u5934\u7684\u53f3\u952e\u4e8b\u4ef6
\n if (!menuArgs.rowInfo.rowIndex && menuArgs.rowInfo.rowIndex !== 0) {
\n menuArgs.cancel = true;
\n }
\n const childList = menuArgs.element.querySelectorAll('li.e-menu-item');
\n if (this.getCheckedData(true).length > 1) {
\n childList[2].style.display = 'none';
\n } else {
\n childList[2].style.display = 'block';
\n }
\n },
\n menuClickFunc(menuArgs) { \/\/ \u4e3a\u53f3\u952e\u5206\u914d\u4e8b\u4ef6
\n console.log("******menuArgs:", menuArgs)
\n switch (menuArgs.element.innerText) {
\n case `${this.$t('Alarm.refresh')}`:
\n this.getMonitorServiceProcessListData();
\n break;
\n case `${this.$t('Monitor.systemLog.startup')}`:
\n this.doActiveTask();
\n break;
\n case `${this.$t('Monitor.systemLog.shutdown')}`:
\n this.doUnactiveTask();
\n break;
\n default:
\n }
\n }
\n },
\n mounted() {
\n this.getMonitorServiceProcessListData();
\n }
\n}
\n<\/script><\/p>\n
<style scoped><\/p>\n
<\/style> <\/p>\n
\u767b\u5f55\u540e\u590d\u5236 <\/p>\n
<template>
\n <div class='h-toolbarBg'>
\n <ejs-toolbar>
\n <e-items>
\n <e-item prefixIcon='icon hero-icon hero-icon-refresh' :tooltipText='$t("Alarm.refresh")' :click='notices' eventType='refresh'><\/e-item>
\n <e-item prefixIcon='icon hero-icon hero-icon-start-up' :tooltipText='$t("Monitor.systemLog.startup")' :click='notices' eventType='doActiveTask'><\/e-item>
\n <e-item prefixIcon='icon hero-icon hero-icon-disable' :tooltipText='$t("Monitor.systemLog.shutdown")' :click='notices' eventType='doUnactiveTask'><\/e-item>
\n <\/e-items>
\n <\/ejs-toolbar>
\n <\/div>
\n<\/template><\/p>\n
<script>
\nexport default {
\n name: "monitorServiceProcessTableButton",
\n methods: {
\n notices(args) {
\n this.$emit('notice', args.item.eventType);
\n }
\n }
\n}
\n<\/script><\/p>\n
<style scoped><\/p>\n
<\/style> <\/p>\n
\u767b\u5f55\u540e\u590d\u5236 <\/p>\n
<template>
\n <div id="addReportTaskContainer">
\n <form id="monitorTaskForm">
\n <div class="row h-row-inputBox">
\n <div class="col-sm-6 h-col-inputBox">
\n <div class="form-group">
\n <div class="e-float-input">
\n <div class="h-inputLit"><span class="h-red-code">* <\/span>{{$t('Monitor.task.taskName')}}:<\/div>
\n <input name="taskName" :placeholder="$t('Monitor.task.taskName')" v-model="monitorTask.taskName"
\n class="e-input e-input-group" maxlength="20" \/>
\n <div class="error"><\/div>
\n <\/div>
\n <\/div>
\n <\/div>
\n <div class="col-sm-6 h-col-inputBox" style="display: none">
\n <div class="form-group">
\n <div class="e-float-input">
\n <div class="h-inputLit"><span class="h-red-code">* <\/span>{{$t('Monitor.task.product')}}:<\/div>
\n <ejs-dropdownlist :dataSource="productList" v-model="monitorTask.product" name="product"
\n :fields="fieldsFormat" @change="productChange" ><\/ejs-dropdownlist>
\n <div class="error"><\/div>
\n <\/div>
\n <\/div>
\n <\/div>
\n <div class="col-sm-6 h-col-inputBox">
\n <div class="form-group">
\n <div class="e-float-input">
\n <div class="h-inputLit"><span class="h-red-code">* <\/span>{{$t('Monitor.record.diskSpaceThreshold')}}:<\/div>
\n <input name="spaceThreshold" :placeholder="$t('Monitor.record.diskSpaceThreshold')" v-model="monitorThresholdPo.spaceThreshold"
\n class="e-input e-input-group" maxlength="20" \/>
\n <div class="error"><\/div>
\n <\/div>
\n <\/div>
\n <\/div>
\n <\/div>
\n <div class="row h-row-inputBox">
\n <div class="col-sm-6 h-col-inputBox">
\n <div class="form-group">
\n <div class="e-float-input">
\n <div class="h-inputLit"><span class="h-red-code">* <\/span>{{$t('Monitor.record.cpuThreshold')}}:<\/div>
\n <input name="cpuThreshold" :placeholder="$t('Monitor.record.cpuThreshold')" v-model="monitorThresholdPo.cpuThreshold"
\n class="e-input e-input-group" maxlength="20" \/>
\n <div class="error"><\/div>
\n <\/div>
\n <\/div>
\n <\/div>
\n <div class="col-sm-6 h-col-inputBox">
\n <div class="form-group">
\n <div class="e-float-input">
\n <div class="h-inputLit"><span class="h-red-code">* <\/span>{{$t('Monitor.record.memoryThreshold')}}:<\/div>
\n <input name="memoryThreshold" :placeholder="$t('Monitor.record.memoryThreshold')" v-model="monitorThresholdPo.memoryThreshold"
\n class="e-input e-input-group" maxlength="20" \/>
\n <div class="error"><\/div>
\n <\/div>
\n <\/div>
\n <\/div>
\n <\/div>
\n <div class="row h-row-inputBox">
\n <div class="col-sm-6 h-col-inputBox">
\n <div class="form-group">
\n <div class="e-float-input">
\n <div class="h-inputLit"><span class="h-red-code">* <\/span>{{$t('Monitor.task.sampleStart')}}:<\/div>
\n <ejs-datetimepicker :format="dateFormat" v-model="monitorTask.sampleStart" ref="startTime" name="sampleStart"
\n class="e-input" :allowEdit="false" @keydown.native="stopEvent" :locale="locale"><\/ejs-datetimepicker>
\n <div class="error"><\/div>
\n <\/div>
\n <\/div>
\n <\/div>
\n <div class="col-sm-6 h-col-inputBox">
\n <div class="form-group">
\n <div class="e-float-input">
\n <div class="h-inputLit"><span class="h-red-code">* <\/span>{{$t('Monitor.task.sampleEnd')}}:<\/div>
\n <ejs-datetimepicker :format="dateFormat" v-model="monitorTask.sampleEnd" ref="endTime" name="sampleEnd"
\n class="e-input" :allowEdit="false" :min="monitorTask.sampleStart" @keydown.native="stopEvent" :locale="locale"><\/ejs-datetimepicker>
\n <div class="error"><\/div>
\n <\/div>
\n <\/div>
\n <\/div>
\n <\/div>
\n <\/form>
\n <\/div>
\n<\/template><\/p>\n
<script>
\n import { CheckBoxSelection } from '@syncfusion\/ej2-vue-dropdowns';
\n import { FormValidator } from "@syncfusion\/ej2-vue-inputs";
\n import mixin from '..\/..\/..\/mixin\/mixin';<\/p>\n
export default {
\n name: 'AddReportTask',
\n mixins: [mixin],
\n displayFlag : 'none',
\n props: {
\n baseType: Number,
\n },
\n components: {
\n },
\n data() {
\n return {
\n formValidator: '',
\n dateFormat: "yyyy-MM-dd HH:mm:ss",
\n locale: localStorage.getItem('locale'),
\n currentDay: new Date(),
\n productList: [],
\n monitorTask: {
\n taskName: '',
\n product: 'PLATFORM',
\n sampleStart: '',
\n sampleEnd: '',
\n },
\n monitorThresholdPo: {
\n cpuThreshold: '',
\n memoryThreshold: '',
\n spaceThreshold: '',
\n },
\n fieldsFormat: {
\n text: "text",
\n value: "value"
\n },
\n formatList: [
\n { text: "csv", value: "csv" },
\n { text: "excel", value: "excel" },
\n ],
\n validateOptions: {
\n customPlacement: function(inputElement, errorElement) {
\n console.log("******validateOptions-inputElement:", inputElement)
\n console.log("******validateOptions-errorElement:", errorElement)<\/p>\n
inputElement = inputElement.closest('.form-group').querySelector('.error');
\n inputElement.parentElement.appendChild(errorElement);
\n },
\n rules: {
\n 'taskName': {
\n required: [true, `${this.$t('Monitor.placeholder.taskName')}`],
\n },
\n \/\/ 'product': {
\n \/\/ required: [true, `${this.$t('Monitor.placeholder.product')}`],
\n \/\/ },
\n 'cpuThreshold': {
\n number: [true, this.$t('MCS.insertNum')],
\n max: [100, this.$t('System.input1t100')],
\n },
\n 'spaceThreshold': {
\n number: [true, this.$t('MCS.insertNum')],
\n max: [100, this.$t('System.input1t100')],
\n },
\n 'memoryThreshold': {
\n number: [true, this.$t('MCS.insertNum')],
\n max: [100, this.$t('System.input1t100')],
\n },
\n 'sampleStart': {
\n required: [true, `${this.$t('Monitor.placeholder.sampleStart')}`],
\n },
\n 'sampleEnd': {
\n required: [true, `${this.$t('Monitor.placeholder.sampleEnd')}`],
\n },
\n }
\n }
\n }
\n },
\n methods: {
\n init(){
\n this.getProductList();
\n this.formValidator = new FormValidator('#monitorTaskForm', this.validateOptions);
\n },
\n getProductList() {
\n this.$axios.get("\/lte\/ems\/sys\/monitor\/log\/findProducts").then(response => {
\n let resultVal = response.data.resultVal;
\n resultVal = resultVal.filter(item => !item.includes('ems_5gc') && !item.includes('ems_gnb') && !item.includes('ems_tr069'));
\n for (let i = 0; i < resultVal.length; i++) {
\n this.productList.push({
\n text: resultVal[i],
\n value: resultVal[i],
\n });
\n }
\n });
\n },
\n productChange() {
\n this.monitorTask.product = msg.value;
\n },
\n getMonitorTask() {
\n return {
\n monitorTask: {
\n taskName: this.monitorTask.taskName,
\n product: this.monitorTask.product,
\n sampleStart: (new Date(this.monitorTask.sampleStart)).getTime(),
\n sampleEnd: (new Date(this.monitorTask.sampleEnd)).getTime(),
\n },
\n monitorThresholdPo: {
\n cpuThreshold: this.monitorThresholdPo.cpuThreshold,
\n memoryThreshold: this.monitorThresholdPo.memoryThreshold,
\n spaceThreshold: this.monitorThresholdPo.spaceThreshold,
\n },
\n }
\n },
\n validation() {
\n let status = this.formValidator.validate();
\n return status;
\n },
\n stopEvent(event) {
\n if (event.keyCode == 13) {
\n event.cancelBubble = true;
\n event.returnValue = false;
\n return false;
\n }
\n }
\n }
\n };
\n<\/script> <\/p>\n
\u767b\u5f55\u540e\u590d\u5236 <\/p>\n
<template>
\n <div>
\n <div class="h-toolbarBg">
\n <ejs-toolbar :items="toolbarItems"><\/ejs-toolbar>
\n <\/div>
\n <div class="h100-80 h-scroll">
\n <ejs-grid :dataSource="monitorTaskLogData" :allowPaging="true" ref="grid" :allowExcelExport='true' >
\n <e-columns>
\n <!– <e-column type="checkbox" width="50" textAlign="center"><\/e-column> –>
\n <e-column field="code" :visible="false"><\/e-column>
\n <e-column field="name" :headerText="$t('Monitor.record.product')" width="120" textAlign="Center"><\/e-column>
\n <\/e-columns>
\n <\/ejs-grid>
\n <\/div>
\n <\/div>
\n<\/template>
\n<script>
\nimport BasicLayout from '..\/..\/..\/layouts\/BasicLayout';
\nimport { EventBus } from '..\/..\/..\/plugins\/eventBus';<\/p>\n
export default {
\n name: 'monitorSystemLog',
\n components: {
\n BasicLayout,
\n },
\n data() {
\n return {
\n toolbarItems: [
\n { prefixIcon: 'icon hero-icon hero-icon-confirm', tooltipText: this.$t('Monitor.systemLog.startup'), click: this.startup },
\n { prefixIcon: 'icon hero-icon hero-icon-disable', tooltipText: this.$t('Monitor.systemLog.shutdown'), click: this.shutdown },
\n ],
\n monitorTaskLogData: [],
\n product: '',
\n productList: [],
\n };
\n },
\n mounted() {
\n let That = this;
\n },
\n methods: {
\n getproductList() {
\n const url = '\/lte\/ems\/sys\/monitor\/log\/getProducts';
\n const That = this;
\n this.axios.get(url).then(response => {
\n let productList = response.data.filter(item => !item.name.includes('ems_5gc') && !item.name.includes('ems_gnb') && !item.name.includes('ems_tr069'));
\n That.monitorTaskLogData = productList;
\n });
\n },
\n startup() {
\n const record = this.getRecord();
\n debugger
\n if (record.length === 0) {
\n EventBus.$emit('toast', {type: 'warning', content: this.$t('Common.tips.selectOne')});
\n return null;
\n }
\n if (record.length !== 1) {
\n EventBus.$emit('toast', {type: 'warning', content: this.$t('Common.tips.onlyOneSelect')});
\n return null;
\n }
\n const url = '\/lte\/ems\/sys\/monitor\/log\/startShell?code=' + record[0].code;
\n this.axios.get(url).then(response => {
\n const result = response.data;
\n if(result) {
\n EventBus.$emit('toast', {type: 'success', content: this.$t('Monitor.systemLog.startupSuccess')});
\n } else {
\n EventBus.$emit('toast', {type: 'error', content: this.$t('Monitor.systemLog.startupFail')});
\n }
\n });
\n },
\n shutdown() {
\n const record = this.getRecord();
\n debugger
\n if (record.length === 0) {
\n EventBus.$emit('toast', {type: 'warning', content: this.$t('Common.tips.selectOne')});
\n return null;
\n }
\n if (record.length !== 1) {
\n EventBus.$emit('toast', {type: 'warning', content: this.$t('Common.tips.onlyOneSelect')});
\n return null;
\n }
\n const url = '\/lte\/ems\/sys\/monitor\/log\/shutdownShell?code=' + record[0].code;
\n this.axios.get(url).then(response => {
\n const result = response.data;
\n if(result) {
\n EventBus.$emit('toast', {type: 'success', content: this.$t('Monitor.systemLog.shutdownSuccess')});
\n } else {
\n EventBus.$emit('toast', {type: 'error', content: this.$t('Monitor.systemLog.shutdownFail')});
\n }
\n });
\n },
\n getRecord() {
\n const result = this.$refs.grid.getSelectedRecords();
\n if (result === null || result === '') {
\n this.$parent.showToast('warning',`${this.$t('Common.tips.noSelect')}`);
\n return null;
\n }
\n return result;
\n },
\n },
\n watch: {
\n screenHeight(val) {
\n this.screenHeight = val;
\n }
\n }
\n};
\n<\/script> <\/p>\n
\u767b\u5f55\u540e\u590d\u5236 <\/p>\n
<template>
\n <div id="addReportTaskContainer">
\n <form id="reportTaskForm">
\n <div class="row h-row-inputBox">
\n <div class="col-sm-6 h-col-inputBox">
\n <div class="form-group">
\n <div class="e-float-input">
\n <div class="h-inputLit"><span class="h-red-code">* <\/span>{{$t('Monitor.task.taskName')}}:<\/div>
\n <input name="taskName" v-model="monitorTask.taskName"
\n class="e-input e-input-group" maxlength="20" \/>
\n <div class="error"><\/div>
\n <\/div>
\n <\/div>
\n <\/div>
\n <div class="col-sm-6 h-col-inputBox" style="display: none">
\n <div class="form-group">
\n <div class="e-float-input">
\n <div class="h-inputLit"><span class="h-red-code">* <\/span>{{$t('Monitor.task.product')}}:<\/div>
\n <input name="product" v-model="monitorTask.product" readonly="readonly"
\n class="e-input e-input-group" maxlength="20" \/>
\n <div class="error"><\/div>
\n <\/div>
\n <\/div>
\n <\/div>
\n <div class="col-sm-6 h-col-inputBox">
\n <div class="form-group">
\n <div class="e-float-input">
\n <div class="h-inputLit"><span class="h-red-code">* <\/span>{{$t('Monitor.record.diskSpaceThreshold')}}:<\/div>
\n <input name="spaceThreshold" :placeholder="$t('Monitor.record.diskSpaceThreshold')" v-model="monitorThresholdPo.spaceThreshold"
\n class="e-input e-input-group" maxlength="20" \/>
\n <div class="error"><\/div>
\n <\/div>
\n <\/div>
\n <\/div>
\n <\/div>
\n <div class="row h-row-inputBox">
\n <div class="col-sm-6 h-col-inputBox">
\n <div class="form-group">
\n <div class="e-float-input">
\n <div class="h-inputLit"><span class="h-red-code">* <\/span>{{$t('Monitor.record.cpuThreshold')}}:<\/div>
\n <input name="cpuThreshold" v-model="monitorThresholdPo.cpuThreshold"
\n class="e-input e-input-group" maxlength="20" \/>
\n <div class="error"><\/div>
\n <\/div>
\n <\/div>
\n <\/div>
\n <div class="col-sm-6 h-col-inputBox">
\n <div class="form-group">
\n <div class="e-float-input">
\n <div class="h-inputLit"><span class="h-red-code">* <\/span>{{$t('Monitor.record.memoryThreshold')}}:<\/div>
\n <input name="memoryThreshold" v-model="monitorThresholdPo.memoryThreshold"
\n class="e-input e-input-group" maxlength="20" \/>
\n <div class="error"><\/div>
\n <\/div>
\n <\/div>
\n <\/div>
\n <\/div>
\n <div class="row h-row-inputBox">
\n <div class="col-sm-6 h-col-inputBox">
\n <div class="form-group">
\n <div class="e-float-input">
\n <div class="h-inputLit"><span class="h-red-code">* <\/span>{{$t('Monitor.task.sampleStart')}}:<\/div>
\n <ejs-datepicker :format="dateFormat" v-model="monitorTask.sampleStart" ref="startTime" name="sampleStart" readonly="readonly"
\n class="e-input" :allowEdit="false" @keydown.native="stopEvent" :locale="locale"><\/ejs-datepicker>
\n <\/div>
\n <\/div>
\n <\/div>
\n <div class="col-sm-6 h-col-inputBox">
\n <div class="form-group">
\n <div class="e-float-input">
\n <div class="h-inputLit"><span class="h-red-code">* <\/span>{{$t('Monitor.task.sampleEnd')}}:<\/div>
\n <ejs-datepicker :format="dateFormat" v-model="monitorTask.sampleEnd" ref="endTime" name="sampleEnd" readonly="readonly"
\n class="e-input" :allowEdit="false" @keydown.native="stopEvent" :locale="locale"><\/ejs-datepicker>
\n <\/div>
\n <\/div>
\n <\/div>
\n <\/div>
\n <\/form>
\n <\/div>
\n<\/template>
\n<script>
\n import { CheckBoxSelection } from '@syncfusion\/ej2-vue-dropdowns';
\n import { FormValidator } from "@syncfusion\/ej2-vue-inputs";
\n import mixin from '..\/..\/..\/mixin\/mixin';<\/p>\n
export default {
\n name: 'AddReportTask',
\n mixins: [mixin],
\n displayFlag : 'none',
\n props: {
\n baseType: Number,
\n },
\n components: {
\n },
\n data() {
\n return {
\n formValidator: '',
\n dateFormat: "yyyy-MM-dd HH:mm:ss",
\n locale: localStorage.getItem('locale'),
\n currentDay: new Date(),
\n monitorTask: {
\n taskId:'',
\n taskName: '',
\n product: '',
\n sampleStart: '',
\n sampleEnd: '',
\n },
\n monitorThresholdPo: {
\n cpuThreshold: '',
\n memoryThreshold: '',
\n spaceThreshold: '',
\n },
\n productList: [],
\n fieldsFormat: {
\n text: "text",
\n value: "value"
\n },
\n formatList: [
\n { text: "csv", value: "csv" },
\n { text: "excel", value: "excel" },
\n ],
\n validateOptions: {
\n customPlacement: function(inputElement, errorElement) {
\n console.log("******validateOptions-inputElement:", inputElement)
\n console.log("******validateOptions-errorElement:", errorElement)<\/p>\n
inputElement = inputElement.closest('.form-group').querySelector('.error');
\n inputElement.parentElement.appendChild(errorElement);
\n },
\n rules: {
\n 'taskName': {
\n required: [true, `${this.$t('Monitor.placeholder.taskName')}`],
\n },
\n \/\/ 'product': {
\n \/\/ required: [true, `${this.$t('Monitor.placeholder.product')}`],
\n \/\/ },
\n 'cpuThreshold': {
\n number: [true, this.$t('MCS.insertNum')],
\n max: [100, this.$t('System.input1t100')],
\n },
\n 'spaceThreshold': {
\n number: [true, this.$t('MCS.insertNum')],
\n max: [100, this.$t('System.input1t100')],
\n },
\n 'memoryThreshold': {
\n number: [true, this.$t('MCS.insertNum')],
\n max: [100, this.$t('System.input1t100')],
\n },
\n 'sampleStart': {
\n required: [true, `${this.$t('Monitor.placeholder.sampleStart')}`],
\n },
\n 'sampleEnd': {
\n required: [true, `${this.$t('Monitor.placeholder.sampleEnd')}`],
\n },
\n }
\n }<\/p>\n
}
\n },
\n methods: {
\n init(editId){
\n this.monitorTask.taskId = editId
\n const baseUrl = '\/lte\/ems\/sys\/monitor\/task\/queryId';
\n const params = { params: {
\n id: editId
\n } };
\n const That = this;
\n this.axios.get(baseUrl, params).then(response => {
\n const result = response.data;
\n var monitorTask = result.monitorTask;
\n this.monitorTask.taskName = monitorTask.taskName;
\n this.monitorTask.product = monitorTask.product;
\n if(monitorTask.sampleStart != null && monitorTask.sampleStart != ''){
\n this.monitorTask.sampleStart = new Date(monitorTask.sampleStart).Format("yyyy-MM-dd HH:mm:ss");
\n }
\n if(monitorTask.sampleEnd != null && monitorTask.sampleEnd != ''){
\n this.monitorTask.sampleEnd = new Date(monitorTask.sampleEnd).Format("yyyy-MM-dd HH:mm:ss");
\n }
\n var monitorThresholdPo = result.monitorThresholdPo;
\n this.monitorThresholdPo.cpuThreshold = monitorThresholdPo.cpuThreshold;
\n this.monitorThresholdPo.memoryThreshold = monitorThresholdPo.memoryThreshold;
\n this.monitorThresholdPo.spaceThreshold = monitorThresholdPo.spaceThreshold;
\n });
\n this.formValidator = new FormValidator('#reportTaskForm', this.validateOptions);
\n },
\n getMonitorTask() {
\n return {
\n monitorTask: {
\n id:this.monitorTask.taskId,
\n taskName: this.monitorTask.taskName,
\n product: this.monitorTask.product,
\n sampleStart: (new Date(this.monitorTask.sampleStart)).getTime(),
\n sampleEnd: (new Date(this.monitorTask.sampleEnd)).getTime(),
\n },
\n monitorThresholdPo: {
\n cpuThreshold: this.monitorThresholdPo.cpuThreshold,
\n memoryThreshold: this.monitorThresholdPo.memoryThreshold,
\n spaceThreshold: this.monitorThresholdPo.spaceThreshold,
\n },
\n }
\n },
\n validation() {
\n let status = this.formValidator.validate();
\n return status;
\n },
\n stopEvent(event) {
\n if (event.keyCode == 13) {
\n event.cancelBubble = true;
\n event.returnValue = false;
\n return false;
\n }
\n }
\n }
\n };
\n<\/script> <\/p>\n
\u767b\u5f55\u540e\u590d\u5236 <\/p>\n
<template>
\n <BasicLayout :left="left" :middle="middle" :right="right">
\n <template v-slot:right_view>
\n <div class="h-toolbarBg">
\n <!– <ejs-toolbar :items="toolbarItems"> –>
\n <ejs-toolbar>
\n <e-items>
\n <e-item v-if = 'isShow_Operation' prefixIcon='icon hero-icon hero-icon-business-operation' :tooltipText="$t('Monitor.systemLog.operation')" :click="operationShow"><\/e-item>
\n <e-item v-if = 'isShow_Refresh' prefixIcon='icon hero-icon hero-icon-refresh' :tooltipText="$t('Alarm.refresh')" :click="refreshGrid"><\/e-item>
\n <\/e-items>
\n <\/ejs-toolbar>
\n <div class='h-inputBox'>
\n {{$t('Monitor.task.product')}}:
\n <ejs-dropdownlist :dataSource="productList" v-model="product"
\n :fields="fieldsType" name="productCheck" @change="productChange" ><\/ejs-dropdownlist>
\n <\/div><\/p>\n
<div class='h-inputBox'>
\n {{$t('Monitor.systemLog.logType')}}:
\n <ejs-dropdownlist :dataSource="logTypeList" v-model="logType"
\n :fields="fieldsType" name="logTypeCheck" @change="logTypeChange" ><\/ejs-dropdownlist>
\n <\/div>
\n <\/div>
\n <div class="h100-80 h-scroll">
\n <ejs-grid :dataSource="monitorSystemLogData" :allowPaging="true" ref="grid" :pageSettings="pageSettings" :height="screenHeight" :allowExcelExport='true' >
\n <e-columns>
\n <!– <e-column type="checkbox" width="50" textAlign="center"><\/e-column> –>
\n <e-column field="id" :visible="false"><\/e-column>
\n <e-column field="product" :headerText="$t('Monitor.systemLog.product')" width="120" textAlign="Center"><\/e-column>
\n <e-column field="systemInfo" :headerText="$t('Monitor.systemLog.systemInfo')" width="120" textAlign="Center"><\/e-column>
\n <!– <e-column field="processInfo" :headerText="$t('Monitor.systemLog.processInfo')" width="120" textAlign="Center"><\/e-column> –>
\n <e-column field="logType" :headerText="$t('Monitor.systemLog.logType')" :formatter='logTypeFormat' width="120" textAlign="Center"><\/e-column>
\n <e-column field="recordTime" :headerText="$t('Monitor.systemLog.recordTime')" :format="dateFormat" width="120" textAlign="Center" clipMode="EllipsisWithTooltip"><\/e-column>
\n <e-column field="productStart" :headerText="$t('Monitor.systemLog.productStart')" :format="dateFormat" width="120" textAlign="Center" clipMode="EllipsisWithTooltip"><\/e-column>
\n <e-column field="productEnd" :headerText="$t('Monitor.systemLog.productEnd')" :format="dateFormat" width="120" textAlign="Center" clipMode="EllipsisWithTooltip"><\/e-column>
\n <e-column field="message" :headerText="$t('Monitor.systemLog.message')" width="120" textAlign="Center"><\/e-column>
\n <\/e-columns>
\n <\/ejs-grid>
\n <ejs-pager
\n ref="pager"
\n :pageSize="pageSettings.pageSize"
\n :pageCount="page.pageCount"
\n :currentPage="page.pageNo"
\n :totalRecordsCount="page.totalRecordsCount"
\n @click="getMonitorTaskList"
\n ><\/ejs-pager>
\n <\/div>
\n <CustomDialog ref="productOperationDialog" v-bind:element="operatDialog.element" v-bind:styles="operatDialog.styles" >
\n <template v-slot:dialog-content>
\n <ProductOperation ref="productOperationPage"><\/ProductOperation>
\n <\/template>
\n <\/CustomDialog>
\n <\/template>
\n <\/BasicLayout>
\n<\/template>
\n<script>
\nimport CustomDialog from "..\/..\/components\/common\/CustomDialog";
\nimport BasicLayout from '..\/..\/layouts\/BasicLayout';
\nimport {ExcelExport} from '@syncfusion\/ej2-vue-grids';
\nimport ProductOperation from '.\/monitorTask\/productOperation';<\/p>\n
export default {
\n name: 'monitorSystemLog',
\n provide: {
\n grid: [ExcelExport]
\n },
\n components: {
\n CustomDialog,
\n BasicLayout,
\n ProductOperation,
\n },
\n data() {
\n return {
\n isShow_Operation: JSON.parse(sessionStorage.getItem('authMap')).monitor_system_log.Operation,
\n isShow_Refresh: JSON.parse(sessionStorage.getItem('authMap')).monitor_system_log.Refresh,
\n monitorSystemLogData: [],
\n left: { show: false, name: '' },
\n middle: { show: false, name: '' },
\n right: { show: true, crumb: `${this.$t('Security.securityManage')}`+'\/' + `${this.$t('Monitor.monitor')}` + '\/' + `${this.$t('Monitor.systemLog.titleName')}` },
\n toolbarItems: [
\n { prefixIcon: 'icon hero-icon hero-icon-business-operation', tooltipText: this.$t('Monitor.systemLog.operation'), click: this.operationShow },
\n { prefixIcon: 'icon hero-icon hero-icon-refresh', tooltipText: this.$t('Alarm.refresh'), click: this.refreshGrid },
\n ],
\n product: '',
\n logType: '',
\n productList: [],
\n logTypeList: [
\n { text: `${this.$t('MCS.all')}`, value: "" },
\n { text: `${this.$t('Monitor.systemLog.run')}`, value: "run" },
\n { text: `${this.$t('Monitor.systemLog.start')}`, value: "start" },
\n ],
\n pageSettings: { pageSize: 15 },
\n page: {
\n pageCount: 4,
\n totalRecordsCount: 0,
\n pageNo: 1,
\n },
\n dateFormat: {
\n type: 'date', format: 'yyyy-MM-dd HH:mm:ss'
\n },
\n fieldsType: {
\n text: "text",
\n value: "value"
\n },
\n addStatus: true,
\n operatDialog: {
\n element: {
\n target: '#app',
\n isClose: true,
\n refName: 'productOperationDialog',
\n buttonGroup: [
\n {
\n click: this.dialogHide,
\n buttonModel: { content: `${this.$t('Common.close')}` }
\n },
\n ],
\n title: `${this.$t('Monitor.systemLog.operation')}`
\n },
\n styles: {
\n width: '500px',
\n height: '500px',
\n model: true,
\n visible: false
\n }
\n },
\n screenHeight: document.body.clientHeight – 240
\n };
\n },
\n mounted() {
\n this.getMonitorTaskList();
\n this.getProductList();
\n let That = this;
\n },
\n methods: {
\n logTypeFormat(grids, data) {
\n if(data.logType == 'run'){
\n return `${this.$t('Monitor.systemLog.run')}`;
\n }else if(data.logType == 'start'){
\n return `${this.$t('Monitor.systemLog.start')}`;
\n }
\n },
\n getMonitorTaskList() {
\n const url = '\/lte\/ems\/sys\/monitor\/log\/queryMonitorSysLog';
\n this.page.pageNo = this.$refs.pager.ej2Instances.currentPage;
\n const params = { params: {
\n product: this.product,
\n logType: this.logType,
\n pageNo: this.page.pageNo,
\n pageSize: this.pageSettings.pageSize
\n } };
\n const That = this;
\n this.axios.get(url, params).then(response => {
\n const result = response.data.result;
\n result.forEach((v) => {
\n if (!!v.recordTime) {
\n let date = new Date();
\n date.setTime(v.recordTime);
\n v.recordTime = date;
\n }
\n if (!!v.productStart) {
\n let date = new Date();
\n date.setTime(v.productStart);
\n v.productStart = date;
\n }
\n if (!!v.productEnd) {
\n let date = new Date();
\n date.setTime(v.productEnd);
\n v.productEnd = date;
\n }
\n \/\/ if (v.logType =='start' && v.status == '0') {
\n \/\/ v.productEnd = null;
\n \/\/ }
\n });
\n That.monitorSystemLogData = result;
\n That.page.totalRecordsCount = response.data.totalCount;
\n });
\n },
\n productChange(msg){
\n this.product = msg.value;
\n this.getMonitorTaskList();
\n },
\n operationShow() {
\n this.$refs.productOperationPage.getproductList();
\n this.$refs.productOperationDialog.show();
\n },
\n logTypeChange(msg){
\n this.logType = msg.value;
\n this.getMonitorTaskList();
\n },
\n getProductList() {
\n this.$axios.get("\/lte\/ems\/sys\/monitor\/log\/findProducts").then(response => {
\n let resultVal = response.data.resultVal;
\n resultVal = resultVal.filter(item => !item.includes('ems_5gc') && !item.includes('ems_gnb') && !item.includes('ems_tr069'));
\n this.productList.push({ text: `${this.$t('MCS.all')}`, value: "" });
\n for (let i = 0; i < resultVal.length; i++) {
\n this.productList.push({
\n text: resultVal[i],
\n value: resultVal[i],
\n });
\n }
\n });
\n },<\/p>\n
dialogHide() {
\n this.$refs.productOperationDialog.clear();
\n this.$refs.productOperationDialog.close();
\n },
\n filterMonitorTask() {
\n this.getMonitorTaskList();
\n },
\n refreshGrid() {
\n this.product='';
\n this.logType='';
\n this.getMonitorTaskList();
\n },
\n },
\n watch: {
\n screenHeight(val) {
\n this.screenHeight = val;
\n }
\n }
\n};
\n<\/script> <\/p>\n
\u767b\u5f55\u540e\u590d\u5236 <\/p>\n
<template>
\n <BasicLayout :left="left" :middle="middle" :right="right">
\n <template v-slot:right_view>
\n <div class="h-toolbarBg">
\n <!– <ejs-toolbar :items="toolbarItems"> –>
\n <ejs-toolbar>
\n <e-items>
\n <e-item v-if='isShow_Add' prefixIcon='icon hero-icon hero-icon-add' :tooltipText="$t('Security.add')" :click="showAddDialog"><\/e-item>
\n <e-item v-if='isShow_Start' prefixIcon='icon hero-icon hero-icon-start-up' :tooltipText="$t('Pm.startUp')" :click="activeMonitorTask"><\/e-item>
\n <e-item v-if='isShow_Pause' prefixIcon='icon hero-icon hero-icon-disable' :tooltipText="$t('System.deactiveTask')" :click="deactiveMonitorTask"><\/e-item>
\n <e-item v-if='isShow_Modify' prefixIcon='icon hero-icon hero-icon-edit' :tooltipText="$t('Track.detail')" :click="showEditDialog"><\/e-item>
\n <e-item v-if='isShow_Delete' prefixIcon='icon hero-icon hero-icon-remove' :tooltipText="$t('Security.delete')" :click="deleteMonitorTask"><\/e-item>
\n <e-item v-if='isShow_Refresh' prefixIcon='icon hero-icon hero-icon-refresh' :tooltipText="$t('Alarm.refresh')" :click="refreshGrid"><\/e-item>
\n <\/e-items>
\n <\/ejs-toolbar>
\n <div class='h-inputBox'>
\n <ejs-textbox v-model='keyword' :placeholder='$t("Monitor.task.taskName")' @keyup.enter.native="filterMonitorTask" maxLength='20'><\/ejs-textbox>
\n <\/div>
\n <\/div>
\n <div class="h100-80 h-scroll">
\n <ejs-grid :dataSource="monitorTaskData" :allowPaging="true" ref="grid" :pageSettings="pageSettings" :height="screenHeight" :allowExcelExport='true' >
\n <e-columns>
\n <e-column type="checkbox" width="50" textAlign="center"><\/e-column>
\n <e-column field="id" :visible="false"><\/e-column>
\n <e-column field="taskName" :headerText="$t('Monitor.task.taskName')" width="120" textAlign="Center"><\/e-column>
\n <!–<e-column field="product" :headerText="$t('Monitor.task.product')" width="120" textAlign="Center"><\/e-column>–>
\n <e-column field="sampleStart" :headerText="$t('Monitor.task.sampleStart')" :format="dateFormat" width="120" textAlign="Center" clipMode="EllipsisWithTooltip"><\/e-column>
\n <e-column field="sampleEnd" :headerText="$t('Monitor.task.sampleEnd')" :format="dateFormat" width="120" textAlign="Center" clipMode="EllipsisWithTooltip"><\/e-column>
\n <e-column field="exeState" :headerText="$t('Monitor.task.exeState')" :formatter='exeStateFormat' width="120" textAlign="Center"><\/e-column>
\n <\/e-columns>
\n <\/ejs-grid>
\n <ejs-pager
\n ref="pager"
\n :pageSize="pageSettings.pageSize"
\n :pageCount="page.pageCount"
\n :currentPage="page.pageNo"
\n :totalRecordsCount="page.totalRecordsCount"
\n @click="getMonitorTaskList"
\n ><\/ejs-pager>
\n <\/div>
\n <CustomDialog ref="addMonitorTaskDialog" v-bind:element="addDialog.element" v-bind:styles="addDialog.styles" >
\n <template v-slot:dialog-content>
\n <AddMonitorTask ref="addMonitorTaskPage"><\/AddMonitorTask>
\n <\/template>
\n <\/CustomDialog>
\n <CustomDialog ref="showMonitorTaskDialog" v-bind:element="editDialog.element" v-bind:styles="editDialog.styles" >
\n <template v-slot:dialog-content>
\n <ShowMonitorTask ref="showMonitorTaskPage"><\/ShowMonitorTask>
\n <\/template>
\n <\/CustomDialog>
\n <\/template>
\n <\/BasicLayout>
\n<\/template>
\n<script>
\nimport CustomDialog from "..\/..\/components\/common\/CustomDialog";
\nimport BasicLayout from '..\/..\/layouts\/BasicLayout';
\nimport AddMonitorTask from '.\/monitorTask\/addMonitorTask';
\nimport ShowMonitorTask from '.\/monitorTask\/showMonitorTask';
\nimport {ExcelExport} from '@syncfusion\/ej2-vue-grids';
\nimport {EventBus} from "..\/..\/plugins\/eventBus";<\/p>\n
export default {
\n name: 'monitorTask',
\n provide: {
\n grid: [ExcelExport]
\n },
\n components: {
\n CustomDialog,
\n BasicLayout,
\n AddMonitorTask,
\n ShowMonitorTask,
\n },
\n data() {
\n return {
\n isShow_Add: JSON.parse(sessionStorage.getItem('authMap')).monitor_task.Add,
\n isShow_Start: JSON.parse(sessionStorage.getItem('authMap')).monitor_task.Start,
\n isShow_Pause: JSON.parse(sessionStorage.getItem('authMap')).monitor_task.Pause,
\n isShow_Modify: JSON.parse(sessionStorage.getItem('authMap')).monitor_task.Modify,
\n isShow_Delete: JSON.parse(sessionStorage.getItem('authMap')).monitor_task.Delete,
\n isShow_Refresh: JSON.parse(sessionStorage.getItem('authMap')).monitor_task.Refresh,
\n monitorTaskData: [],
\n left: { show: false, name: '' },
\n middle: { show: false, name: '' },
\n right: { show: true, crumb: `${this.$t('Security.securityManage')}`+'\/' + `${this.$t('Monitor.monitor')}` + '\/' + `${this.$t('Monitor.task.titleName')}` },
\n toolbarItems: [
\n { prefixIcon: 'icon hero-icon hero-icon-add', tooltipText: this.$t('Security.add'), click: this.showAddDialog },
\n { prefixIcon: 'icon hero-icon hero-icon-start-up', tooltipText: this.$t('Pm.startUp'), click: this.activeMonitorTask },
\n { prefixIcon: 'icon hero-icon hero-icon-disable', tooltipText: this.$t('System.deactiveTask'), click: this.deactiveMonitorTask },
\n { prefixIcon: 'icon hero-icon hero-icon-edit', tooltipText: this.$t('Track.detail'), click: this.showEditDialog },
\n { prefixIcon: 'icon hero-icon hero-icon-remove', tooltipText: this.$t('Security.delete'), click: this.deleteMonitorTask },
\n { prefixIcon: 'icon hero-icon hero-icon-refresh', tooltipText: this.$t('Alarm.refresh'), click: this.refreshGrid },
\n ],
\n keyword: '',
\n pageSettings: { pageSize: 15 },
\n page: {
\n pageCount: 4,
\n totalRecordsCount: 0,
\n pageNo: 1,
\n },
\n dateFormat: {
\n type: 'date', format: 'yyyy-MM-dd HH:mm:ss'
\n },
\n addStatus: true,
\n addDialog: {
\n element: {
\n target: '#app',
\n isClose: true,
\n refName: 'addMonitorTaskDialog',
\n buttonGroup: [
\n {
\n click: this.dialogHide,
\n buttonModel: { content: `${this.$t('Common.cancel')}` }
\n },
\n {
\n click: this.addMonitorTask,
\n buttonModel: { content: `${this.$t('Common.ok')}`, cssClass: 'primary-btn' }
\n }
\n ],
\n title: `${this.$t('Pm.addMonitorTask')}`
\n },
\n styles: {
\n width: '860px',
\n height: '700px',
\n model: true,
\n visible: false
\n }
\n },
\n editDialog: {
\n element: {
\n target: '#app',
\n isClose: true,
\n refName: 'showMonitorTaskDialog',
\n buttonGroup: [
\n {
\n click: this.modiyMonitorTask,
\n buttonModel: {content: `${this.$t('Common.ok')}`, cssClass: 'primary-btn' }
\n },<\/p>\n
{
\n click: this.dialogHide,
\n buttonModel: { content: `${this.$t('Common.close')}` }
\n },
\n ],
\n title: `${this.$t('Pm.updateMonitorTask')}`
\n },
\n styles: {
\n width: '860px',
\n height: '700px',
\n model: true,
\n visible: false
\n }
\n },
\n screenHeight: document.body.clientHeight – 240
\n };
\n },
\n mounted() {
\n this.getMonitorTaskList();
\n let That = this;
\n },
\n methods: {
\n exeStateFormat(grids, data) {
\n if(data.exeState == 0){
\n return `${this.$t('Monitor.task.notStarted')}`;
\n }else if(data.exeState == 1){
\n return `${this.$t('Monitor.task.inUse')}`;
\n }else if(data.exeState == 2){
\n return `${this.$t('Monitor.task.exeFinish')}`;
\n }else if(data.exeState == 3){
\n return `${this.$t('System.deactiveTask')}`;
\n }
\n },
\n getMonitorTaskList() {
\n const url = '\/lte\/ems\/sys\/monitor\/task\/query';
\n this.page.pageNo = this.$refs.pager.ej2Instances.currentPage;
\n const params = { params: {
\n taskName: this.keyword,
\n pageNo: this.page.pageNo,
\n pageSize: this.pageSettings.pageSize
\n } };
\n const That = this;
\n this.axios.get(url, params).then(response => {
\n const result = response.data.result;
\n result.forEach((v) => {
\n if (!!v.sampleStart) {
\n let date = new Date();
\n date.setTime(v.sampleStart);
\n v.sampleStart = date;
\n }
\n if (!!v.sampleEnd) {
\n let date = new Date();
\n date.setTime(v.sampleEnd);
\n v.sampleEnd = date;
\n }
\n });
\n That.monitorTaskData = result;
\n That.page.totalRecordsCount = response.data.totalCount;
\n });
\n },
\n filterMonitorTask() {
\n this.getMonitorTaskList();
\n },
\n getRecord() {
\n const result = this.$refs.grid.getSelectedRecords();
\n if (result === null || result === '') {
\n this.$parent.showToast('warning',`${this.$t('Common.tips.noSelect')}`);
\n return null;
\n }
\n return result;
\n },
\n showAddDialog() {
\n this.$refs.addMonitorTaskPage.init();
\n this.$refs.addMonitorTaskDialog.show();
\n },
\n showEditDialog() {
\n const record = this.getRecord();
\n if (record.length === 0) {
\n this.$parent.showToast('warning',`${this.$t('Common.tips.selectOne')}`);
\n return null;
\n }
\n if (record.length !== 1) {
\n this.$parent.showToast('warning',`${this.$t('Common.tips.onlyOneSelect')}`);
\n return null;
\n }
\n for(let i=0; i<record.length; i++){
\n if(1== record[i].exeState){
\n this.$parent.showToast('warning',`${this.$t('Monitor.task.activeMonitor')}`);
\n return null;
\n }
\n }
\n this.editId = record[0].id;
\n this.$refs.showMonitorTaskPage.init(this.editId);
\n this.$refs.showMonitorTaskDialog.show();
\n },
\n activeMonitorTask() {
\n const url = "\/lte\/ems\/sys\/monitor\/task\/active";
\n let record = this.getRecord();
\n if (record == null) {
\n return null;
\n }
\n if (record.length === 0) {
\n this.$parent.showToast('warning',`${this.$t('Common.tips.selectOne')}`);
\n return null;
\n } else if (record.length > 1) {
\n EventBus.$emit('toast', { type: 'warning', content: this.$t('DeployManagement.pleaseSelectOneData') });
\n return false;
\n }
\n for(let i=0; i<record.length; i++){
\n if(3 !== record[i].exeState){
\n this.$parent.showToast('warning',`${this.$t('Monitor.task.activeMonitor')}`);
\n return null;
\n }
\n }<\/p>\n
for(let i=0; i<this.monitorTaskData.length; i++){
\n if(1 == this.monitorTaskData[i].exeState){
\n this.$parent.showToast('warning',`${this.$t('Monitor.task.oneActiveMonitor')}`);
\n return null;
\n }
\n }
\n let That = this;
\n const params = [];
\n record.forEach((r, i) => {
\n params.push(r.id);
\n });
\n var currentDate = new Date();
\n if (currentDate > record[0].sampleEnd) {
\n That.$parent.showToast('error', `${this.$t('Common.tips.taskExpired')}`);
\n return null;
\n }
\n this.axios.post(url, params).then(response => {
\n const result = response.data;
\n if(result){
\n That.$parent.showToast('success', `${this.$t('Common.tips.success')}`);
\n That.getMonitorTaskList();
\n }else{
\n That.$parent.showToast('error', `${this.$t('Common.tips.failure')}`);
\n }
\n });
\n },
\n deactiveMonitorTask() {
\n const url = "\/lte\/ems\/sys\/monitor\/task\/deactive";
\n let record = this.getRecord();
\n if (record == null) {
\n return null;
\n }
\n if (record.length === 0) {
\n this.$parent.showToast('warning',`${this.$t('Common.tips.selectOne')}`);
\n return null;
\n }
\n for(let i=0; i<record.length; i++){
\n if(1 !== record[i].exeState){
\n this.$parent.showToast('warning',`${this.$t('Monitor.task.deactiveMonitor')}`);
\n return null;
\n }
\n }
\n let That = this;
\n const params = [];
\n record.forEach((r, i) => {
\n params.push(r.id);
\n });
\n this.axios.post(url, params).then(response => {
\n const result = response.data;
\n if(result){
\n That.$parent.showToast('success', `${this.$t('Common.tips.success')}`);
\n That.getMonitorTaskList();
\n }else{
\n That.$parent.showToast('error', `${this.$t('Common.tips.failure')}`);
\n }
\n });
\n },
\n deleteMonitorTask() {
\n const record = this.getRecord();
\n if (record.length === 0) {
\n this.$parent.showToast('warning',`${this.$t('Common.tips.selectOne')}`);
\n return null;
\n }
\n for(let i=0; i<record.length; i++){
\n if(1 === record[i].exeState){
\n this.$parent.showToast('warning',`${this.$t('Monitor.task.deleteMonitor')}`);
\n return null;
\n }
\n }
\n const url = '\/lte\/ems\/sys\/monitor\/task\/delete';
\n const params = [];
\n record.forEach((r, i) => {
\n params.push(r.id);
\n });
\n let That = this;
\n this.$layer.confirm({
\n msg: `${this.$t('Common.tips.confirmTip')}`,
\n btn1: {
\n msg: `${this.$t('Common.cancel')}`
\n },
\n btn2: {
\n msg: `${this.$t('Common.ok')}`,
\n func: () => {
\n That.axios.post(url, params).then(response => {
\n if (response.data) {
\n That.$parent.showToast('success', `${this.$t('Common.tips.success')}`);
\n That.getMonitorTaskList();
\n } else {
\n That.$parent.showToast('error', `${this.$t('Common.tips.failure')}`);
\n }
\n });
\n }
\n }
\n });
\n },
\n addMonitorTask() {
\n let status = this.$refs.addMonitorTaskPage.validation();
\n if(!status){
\n return;
\n }
\n const url = '\/lte\/ems\/sys\/monitor\/task\/add';
\n const monitorTaskPo = this.$refs.addMonitorTaskPage.getMonitorTask();
\n console.log("******addMonitorTask-monitorTaskPo:", monitorTaskPo)<\/p>\n
if(monitorTaskPo == null) {
\n return;
\n }
\n let That = this;
\n this.axios.post(url, monitorTaskPo).then(response => {
\n const result = response.data;
\n if(result==true) {
\n That.$parent.showToast('success', `${this.$t('Common.tips.success')}`);
\n That.getMonitorTaskList();
\n That.$refs.addMonitorTaskDialog.clear();
\n That.$refs.addMonitorTaskDialog.close();
\n } else if (result==false){
\n That.$parent.showToast('error', `${this.$t('Common.tips.failure')}`);
\n }else {
\n That.$parent.showToast('error', `${this.$t('Security.failureMessage')}`);
\n }
\n });
\n },
\n modiyMonitorTask() {
\n let status = this.$refs.showMonitorTaskPage.validation();
\n if(!status){
\n return;
\n }
\n const url = '\/lte\/ems\/sys\/monitor\/task\/modify';
\n const monitorTaskPo = this.$refs.showMonitorTaskPage.getMonitorTask();
\n console.log("******modiyMonitorTask-monitorTaskPo:", monitorTaskPo)<\/p>\n
if(monitorTaskPo == null) {
\n return;
\n }
\n let That = this;
\n this.axios.post(url, monitorTaskPo).then(response => {
\n const result = response.data;
\n if(result) {
\n That.$parent.showToast('success', `${this.$t('Common.tips.success')}`);
\n That.getMonitorTaskList();
\n That.$refs.showMonitorTaskDialog.clear();
\n That.$refs.showMonitorTaskDialog.close();
\n } else {
\n That.$parent.showToast('error', `${this.$t('Common.tips.failure')}`);
\n }
\n });
\n },
\n dialogHide() {
\n this.$refs.addMonitorTaskDialog.clear();
\n this.$refs.addMonitorTaskDialog.close();
\n this.$refs.showMonitorTaskDialog.clear();
\n this.$refs.showMonitorTaskDialog.clear();
\n },
\n refreshGrid() {
\n this.keyword='';
\n this.getMonitorTaskList();
\n },
\n getCheckedData(selectOnly) {
\n \/\/ false: \u4e0d\u652f\u6301\u591a\u9009 true: \u652f\u6301\u591a\u9009
\n const selectedRecords = this.$refs.grid.getSelectedRecords();
\n if (selectedRecords.length < 1) {
\n \/\/ EventBus.$emit('toast', {type: 'warning', content: this.$t('Alarm.no_checked')});
\n this.$parent.showToast('warning',`${this.$t('Alarm.no_checked')}`);<\/p>\n
return false;
\n }
\n if (selectedRecords.length > 1 && !selectOnly) {
\n \/\/ EventBus.$emit('toast', {type: 'warning', content: this.$t('Common.tips.onlyOneSelect')});
\n this.$parent.showToast('warning',`${this.$t('Common.tips.onlyOneSelect')}`);
\n return false;
\n }
\n return selectedRecords;
\n },
\n },
\n watch: {
\n screenHeight(val) {
\n this.screenHeight = val;
\n }
\n }
\n};
\n<\/script> <\/p>\n
\u767b\u5f55\u540e\u590d\u5236 <\/p>\n
<template>
\n <div class="h100vh-140">
\n <div class="h-toolbarBg">
\n <ejs-toolbar :items="toolbarItems">
\n <!– <ejs-toolbar>
\n <e-items>
\n <e-item prefixIcon='icon hero-icon hero-icon-refresh' tooltipText="$t('Alarm.refresh')" :click="refreshGrid"><\/e-item>
\n <\/e-items> –>
\n <\/ejs-toolbar>
\n <!–<div class='h-inputBox'>–>
\n <!– <ejs-dropdownlist :dataSource="productList" v-model="product"–>
\n <!– :fields="fieldsType" name="productCheck" @change="productChange" ><\/ejs-dropdownlist>–>
\n <!–<\/div>–>
\n <div class="h-inputBox">
\n {{$t('Monitor.task.sampleStart')}}:
\n <ejs-datetimepicker ref="dataStart" class="e-input e-disabled e-input-group" name="StartDate"
\n :format="dateFormat.format" v-model="monitorTask.sampleStart" :locale="locale" @change="getMonitorTaskList" ><\/ejs-datetimepicker><\/p>\n
{{$t('Monitor.task.sampleEnd')}}:
\n <ejs-datetimepicker ref="dataEnd" class="e-input e-disabled e-input-group" name="EndDate"
\n :format="dateFormat.format" v-model="monitorTask.sampleEnd" :locale="locale" @change="getMonitorTaskList"><\/ejs-datetimepicker>
\n <\/div>
\n <\/div>
\n <div class="h100-80 h-scroll">
\n <ejs-grid :dataSource="monitorTaskLogData" :allowPaging="true" ref="grid" :pageSettings="pageSettings" :height="screenHeight" :allowExcelExport='true' >
\n <e-columns>
\n <!– <e-column type="checkbox" width="50" textAlign="center"><\/e-column> –>
\n <e-column field="id" :visible="false"><\/e-column>
\n <!–<e-column field="product" :headerText="$t('Monitor.record.product')" width="120" textAlign="Center"><\/e-column>–>
\n <e-column field="systemInfo" :headerText="$t('Monitor.record.systemInfo')" width="240" textAlign="Center" clipMode='EllipsisWithTooltip'><\/e-column>
\n <!– <e-column field="taskId" :headerText="$t('Monitor.record.taskId')" width="120" textAlign="Center"><\/e-column> –>
\n <e-column field="recoreTime" :headerText="$t('Monitor.record.recoreTime')" :format="dateFormat" width="120" textAlign="Center" clipMode="EllipsisWithTooltip"><\/e-column>
\n <e-column field="cpu" :headerText="$t('Monitor.record.cpu')" width="120" textAlign="Center" clipMode='EllipsisWithTooltip'><\/e-column>
\n <e-column field="cpuThreshold" :visible="false" :headerText="$t('Monitor.record.cpuThreshold')" width="120" textAlign="Center" clipMode='EllipsisWithTooltip'><\/e-column>
\n <e-column field="memory" :headerText="$t('Monitor.record.memory')" width="120" textAlign="Center" clipMode='EllipsisWithTooltip'><\/e-column>
\n <e-column field="memoryThreshold" :visible="false" :headerText="$t('Monitor.record.memoryThreshold')" width="120" textAlign="Center" clipMode='EllipsisWithTooltip'><\/e-column>
\n <e-column field="space" :headerText="$t('Monitor.record.diskSpace')" width="120" textAlign="Center" clipMode='EllipsisWithTooltip'><\/e-column>
\n <e-column field="spaceThreshold" :visible="false" :headerText="$t('Monitor.record.diskSpaceThreshold')" width="120" textAlign="Center" clipMode='EllipsisWithTooltip'><\/e-column>
\n <e-column field="networkRxRate" :headerText="$t('Monitor.record.networkRxRate')" width="120" textAlign="Center" clipMode='EllipsisWithTooltip'><\/e-column>
\n <e-column field="networkTxRate" :headerText="$t('Monitor.record.networkTxRate')" width="120" textAlign="Center" clipMode='EllipsisWithTooltip'><\/e-column>
\n <e-column field="iopsKbRead" :headerText="$t('Monitor.record.IOPSKbRead')" width="120" textAlign="Center" clipMode='EllipsisWithTooltip'><\/e-column>
\n <e-column field="iopsKbWrite" :headerText="$t('Monitor.record.IOPSKbWrite')" width="120" textAlign="Center" clipMode='EllipsisWithTooltip'><\/e-column>
\n <e-column field="queueOperands" :headerText="$t('Monitor.record.queueOperands')" width="120" textAlign="Center" clipMode='EllipsisWithTooltip'><\/e-column>
\n <e-column field="databaseDiskSpaceIsUsed" :headerText="$t('Monitor.record.databaseDiskSpaceIsUsed')" width="120" textAlign="Center" clipMode='EllipsisWithTooltip'><\/e-column>
\n <e-column field="snmpAlarmDataSize" :headerText="$t('Monitor.record.snmpAlarmDataSize')" width="120" textAlign="Center" clipMode='EllipsisWithTooltip'><\/e-column>
\n <\/e-columns>
\n <\/ejs-grid>
\n <ejs-pager
\n ref="pager"
\n :pageSize="pageSettings.pageSize"
\n :pageCount="page.pageCount"
\n :currentPage="page.pageNo"
\n :totalRecordsCount="page.totalRecordsCount"
\n @click="getMonitorTaskList"
\n ><\/ejs-pager>
\n <\/div>
\n <\/div>
\n<\/template>
\n<script>
\nimport {ExcelExport} from '@syncfusion\/ej2-vue-grids';<\/p>\n
export default {
\n name: 'monitorSystemLog',
\n provide: {
\n grid: [ExcelExport]
\n },
\n components: {
\n },
\n data() {
\n return {
\n isShow_Refresh: JSON.parse(sessionStorage.getItem('authMap')).monitor_system_log.Refresh,
\n monitorTaskLogData: [],
\n left: { show: false, name: '' },
\n middle: { show: false, name: '' },
\n right: { show: true, crumb: `${this.$t('Security.securityManage')}`+'\/' + `${this.$t('Monitor.monitor')}` + '\/' + `${this.$t('Monitor.record.titleName')}` },
\n toolbarItems: [
\n { prefixIcon: 'icon hero-icon hero-icon-refresh', tooltipText: this.$t('Alarm.refresh'), click: this.refreshGrid },
\n ],
\n locale: localStorage.getItem('locale'),
\n product: '',
\n productList: [],
\n pageSettings: { pageSize: 15 },
\n page: {
\n pageCount: 4,
\n totalRecordsCount: 0,
\n pageNo: 1,
\n },
\n monitorTask: {
\n taskName: '',
\n product: 'PLATFORM',
\n sampleStart: '',
\n sampleEnd: '',
\n },
\n dateFormat: {
\n type: 'date', format: 'yyyy-MM-dd HH:mm:ss'
\n },
\n fieldsType: {
\n text: "text",
\n value: "value"
\n },
\n addStatus: true,
\n screenHeight: document.body.clientHeight – 240
\n };
\n },
\n mounted() {
\n this.getMonitorTaskList();
\n this.getProductList();
\n let That = this;
\n },
\n methods: {
\n typeFormat(grids, data) {
\n if(data.exeCycle == 'run'){
\n return `${this.$t('Monitor.record.run')}`;
\n }else if(data.exeCycle == 'start'){
\n return `${this.$t('Monitor.record.start')}`;
\n }
\n },
\n getMonitorTaskList() {
\n const url = '\/lte\/ems\/sys\/monitor\/log\/queryMonitorTaskLog';
\n this.page.pageNo = this.$refs.pager.ej2Instances.currentPage;
\n const params = { params: {
\n product: this.product,
\n pageNo: this.page.pageNo,
\n pageSize: this.pageSettings.pageSize,
\n startTime:this.monitorTask.sampleStart=='' ? '' : Date.parse(this.monitorTask.sampleStart),
\n endTime:this.monitorTask.sampleEnd=='' ? '' : Date.parse(this.monitorTask.sampleEnd)
\n } };
\n const That = this;
\n this.axios.get(url, params).then(response => {
\n const result = response.data.result;
\n result.forEach((v) => {
\n if (!!v.recoreTime) {
\n let date = new Date();
\n date.setTime(v.recoreTime);
\n v.recoreTime = date;
\n }
\n });
\n That.monitorTaskLogData = result;
\n That.page.totalRecordsCount = response.data.totalCount;
\n });
\n },
\n productChange(msg){
\n this.product = msg.value;
\n this.getMonitorTaskList();
\n },
\n getProductList() {
\n this.$axios.get("\/lte\/ems\/sys\/monitor\/log\/findProducts").then(response => {
\n let resultVal = response.data.resultVal;
\n resultVal = resultVal.filter(item => !item.includes('ems_5gc') && !item.includes('ems_gnb') && !item.includes('ems_tr069'));
\n this.productList.push({ text: "All", value: "" });
\n for (let i = 0; i < resultVal.length; i++) {
\n this.productList.push({
\n text: resultVal[i],
\n value: resultVal[i],
\n });
\n }
\n });
\n },
\n filterMonitorTask() {
\n this.getMonitorTaskList();
\n },
\n refreshGrid() {
\n this.product='';
\n this.getMonitorTaskList();
\n },
\n },
\n watch: {
\n screenHeight(val) {
\n this.screenHeight = val;
\n }
\n }
\n};
\n<\/script> <\/p>\n
\u767b\u5f55\u540e\u590d\u5236 <\/p>\n
<template>
\n <div class='h100vh-150 h-normalBg'>
\n <div class='h-ainfoBg'>
\n <div class='h-ainfo'>
\n <span class='icon hero-icon hero-icon-detailcode'><\/span>
\n <span>{{$t('Monitor.realTimeMonitoring.CPUUtilization')}}： {{ CPUUtilization }}%<\/span>
\n <\/div>
\n <\/div>
\n <div class='h-normalContainter'>
\n <div class='row h-nomargin h-full-container width-100vw h100-80'>
\n <div id='cpuMonitor' class='width-100vw h100' style="height:599px"><\/div>
\n <\/div>
\n <\/div>
\n <\/div>
\n<\/template>
\n<script>
\nimport echarts from 'echarts';<\/p>\n
export default{
\n name: "realtimeCpuMonitor",
\n data() {
\n return {
\n data: [],
\n charts: "",
\n app: {},
\n myChart: null,
\n xData: [],
\n CPUUtilization: 0
\n };
\n },
\n methods: {
\n initData() {
\n this.myChart = echarts.init(document.getElementById('cpuMonitor'));
\n for (var i=0;i<12;i++){
\n if(i==11){
\n this.xData.push('0');
\n }else if (i==0){
\n this.xData.push('60s')
\n }else{
\n this.xData.push('');
\n }
\n this.data.push('-');
\n }
\n let option = this.getChartOption();
\n if (option && typeof option === 'object') {
\n this.myChart.setOption(option);
\n }
\n },
\n random(min,max){
\n return Math.floor(Math.random()*(max-min))+min;
\n },
\n randomData() {
\n return this.random(20,60);
\n },
\n getMonitorData(CPUUtilization) {
\n this.CPUUtilization=CPUUtilization;
\n if(this.data.length>=12){
\n this.data.shift();
\n }
\n this.data.push(CPUUtilization);
\n this.myChart.clear();
\n this.myChart.setOption(this.getChartOption(),true);
\n this.myChart.resize();
\n },
\n getChartOption() {
\n const option = {
\n title: {
\n text: ''
\n },
\n tooltip: {
\n trigger: 'axis',
\n formatter: function (params) {
\n return params[0].value;
\n },
\n axisPointer: {
\n animation: false
\n }
\n },
\n xAxis: {
\n type: 'category',
\n data: this.xData,
\n boundaryGap: false
\n },
\n yAxis: {
\n name: "%",
\n type: 'value',
\n min: 0,
\n max: 100,
\n axisLabel: {
\n formatter: '{value}'
\n }
\n },
\n series: [
\n {
\n type: 'line',
\n areaStyle: {
\n color: {
\n type: 'linear',
\n x: 0,
\n y: 0,
\n x2: 0,
\n y2: 1,
\n colorStops: [
\n {
\n offset: 0,
\n color: 'rgb(232,248,252)'
\n },
\n {
\n offset: 1,
\n color: 'rgb(203,227,243)'
\n }
\n ],
\n global: false
\n }
\n },
\n data: this.data,
\n lineStyle: {
\n color: '#4097c9'
\n }
\n }
\n ]
\n };
\n return option;
\n }
\n },
\n mounted() {
\n this.initData();
\n }
\n}
\n<\/script> <\/p>\n
\u767b\u5f55\u540e\u590d\u5236 <\/p>\n
<template>
\n <div class='h100vh-150 h-normalBg'>
\n <div class='h-ainfoBg'>
\n <div class='h-ainfo'>
\n <span class='icon hero-icon hero-icon-detailcode'><\/span>
\n <span>{{$t('Monitor.realTimeMonitoring.diskSize')}}： {{ diskSize }}GB<\/span>
\n <span>{{$t('Monitor.realTimeMonitoring.diskUsage')}}： {{ diskUsage }}GB<\/span>
\n <span>{{$t('Monitor.realTimeMonitoring.diskUtilization')}}： {{ diskUtilization }}%<\/span>
\n <\/div>
\n <\/div>
\n <div class='h-normalContainter'>
\n <div class='row h-nomargin h-full-container width-100vw h100-80'>
\n <div id='diskMonitor' class='width-100vw h100' style="height:599px"><\/div>
\n <\/div>
\n <\/div>
\n <\/div>
\n<\/template>
\n<script>
\nimport echarts from 'echarts';<\/p>\n
export default{
\n name: "realtimeMemoryMonitor",
\n data() {
\n return {
\n data: [],
\n charts: "",
\n app: {},
\n myChart: null,
\n xData: [],
\n diskSize: 0,
\n diskUsage: 0,
\n diskUtilization: 0,
\n };
\n },
\n methods: {
\n initData() {
\n this.myChart = echarts.init(document.getElementById('diskMonitor'));
\n for (var i=0;i<12;i++){
\n if(i==11){
\n this.xData.push('0');
\n }else if (i==0){
\n this.xData.push('60s')
\n }else{
\n this.xData.push('');
\n }
\n this.data.push('-');
\n }
\n let option = this.getChartOption();
\n if (option && typeof option === 'object') {
\n this.myChart.setOption(option);
\n }
\n this.getMonitorData();
\n },
\n random(min,max){
\n return Math.floor(Math.random()*(max-min))+min;
\n },
\n randomData() {
\n return this.random(5600,7000);
\n },
\n getMonitorData(diskSize, diskUsage, diskUtilization) {
\n this.diskSize = diskSize;
\n this.diskUsage = diskUsage;
\n this.diskUtilization = diskUtilization;
\n if(this.data.length >= 12){
\n this.data.shift();
\n }
\n this.data.push(diskUsage);
\n this.myChart.clear();
\n this.myChart.setOption(this.getChartOption(),true);
\n this.myChart.resize();
\n },
\n getChartOption() {
\n const option = {
\n title: {
\n text: ''
\n },
\n tooltip: {
\n trigger: 'axis',
\n formatter: function (params) {
\n return params[0].value;
\n },
\n axisPointer: {
\n animation: false
\n }
\n },
\n xAxis: {
\n type: 'category',
\n data: this.xData,
\n boundaryGap: false
\n },
\n yAxis: {
\n name: "GB",
\n type: 'value',
\n axisLabel: {
\n formatter: '{value}'
\n }
\n },
\n series: [
\n {
\n type: 'line',
\n areaStyle: {
\n color: {
\n type: 'linear',
\n x: 0,
\n y: 0,
\n x2: 0,
\n y2: 1,
\n colorStops: [
\n {
\n offset: 0,
\n color: 'rgb(220,236,203)'
\n },
\n {
\n offset: 1,
\n color: 'rgb(196,228,172)'
\n }
\n ],
\n global: false
\n }
\n },
\n data: this.data,
\n lineStyle: {
\n color: '#4da40d'
\n }
\n }
\n ]
\n };
\n return option;
\n }
\n },
\n mounted() {
\n this.initData();
\n },
\n beforeDestroy() {
\n try {
\n clearInterval(this.clock);
\n } catch (e) {
\n console.log(e);
\n }
\n }
\n}
\n<\/script> <\/p>\n
\u767b\u5f55\u540e\u590d\u5236 <\/p>\n
<template>
\n <div class='h100vh-150 h-normalBg'>
\n <div class='h-ainfoBg'>
\n <div class='h-ainfo'>
\n <span class='icon hero-icon hero-icon-detailcode'><\/span>
\n <span>{{$t('Monitor.realTimeMonitoring.memoryTotal')}}： {{ memoryTotal }}GB<\/span>
\n <span>{{$t('Monitor.realTimeMonitoring.memoryUsage')}}： {{ memoryUsage }}GB<\/span>
\n <span>{{$t('Monitor.realTimeMonitoring.memoryUtilization')}}： {{ memoryUsageRatio }}%<\/span>
\n <\/div>
\n <\/div>
\n <div class='h-normalContainter'>
\n <div class='row h-nomargin h-full-container width-100vw h100-80'>
\n <div id='memoryMonitor' class='width-100vw h100' style="height:599px"><\/div>
\n <\/div>
\n <\/div>
\n <\/div>
\n<\/template>
\n<script>
\nimport echarts from 'echarts';<\/p>\n
export default{
\n name: "realtimeMemoryMonitor",
\n data() {
\n return {
\n data: [],
\n charts: "",
\n app: {},
\n myChart: null,
\n xData: [],
\n memoryUsage: 0,
\n memoryTotal: 0,
\n memoryUsageRatio: 0,
\n };
\n },
\n methods: {
\n initData() {
\n this.myChart = echarts.init(document.getElementById('memoryMonitor'));
\n for (var i=0;i<12;i++){
\n if(i==11){
\n this.xData.push('0');
\n }else if (i==0){
\n this.xData.push('60s')
\n }else{
\n this.xData.push('');
\n }
\n this.data.push('-');
\n }
\n let option = this.getChartOption();
\n if (option && typeof option === 'object') {
\n this.myChart.setOption(option);
\n }
\n },
\n random(min,max){
\n return Math.floor(Math.random()*(max-min))+min;
\n },
\n randomData() {
\n return this.random(5600,7000);
\n },
\n getMonitorData(memoryTotal, memoryUsage, memoryUsageRatio) {
\n this.memoryTotal = memoryTotal;
\n this.memoryUsage = memoryUsage;
\n this.memoryUsageRatio = memoryUsageRatio;
\n if(this.data.length>=12){
\n this.data.shift();
\n }
\n this.data.push(memoryUsage);
\n this.myChart.clear();
\n this.myChart.setOption(this.getChartOption(),true);
\n this.myChart.resize();
\n },
\n getChartOption() {
\n const option = {
\n title: {
\n text: ''
\n },
\n tooltip: {
\n trigger: 'axis',
\n formatter: function (params) {
\n return params[0].value;
\n },
\n axisPointer: {
\n animation: false
\n }
\n },
\n xAxis: {
\n type: 'category',
\n data: this.xData,
\n boundaryGap: false
\n },
\n yAxis: {
\n name: "GB",
\n type: 'value',
\n axisLabel: {
\n formatter: '{value}'
\n }
\n },
\n series: [
\n {
\n type: 'line',
\n areaStyle: {
\n color: {
\n type: 'linear',
\n x: 0,
\n y: 0,
\n x2: 0,
\n y2: 1,
\n colorStops: [
\n {
\n offset: 0,
\n color: 'rgb(244,234,246)'
\n },
\n {
\n offset: 1,
\n color: 'rgb(209,169,220)'
\n }
\n ],
\n global: false
\n }
\n },
\n data: this.data,
\n lineStyle: {
\n color: '#8d29a8'
\n }
\n }
\n ]
\n };
\n return option;
\n }
\n },
\n mounted() {
\n this.initData();
\n }
\n}
\n<\/script> <\/p>\n
\u767b\u5f55\u540e\u590d\u5236 <\/p>\n
<template>
\n <BasicLayout :left="left" :middle="middle" :right="right">
\n <template v-slot:right_view>
\n <div class="h-outTabs">
\n <ejs-tab ref="tabObj" id="tab_orientation" heightAdjustMode="Auto" :selected='selected' :selectedItem="0">
\n <e-tabitems>
\n <e-tabitem :header="headerText1" content="#idv1"><\/e-tabitem>
\n <e-tabitem :header="headerText2" content="#idv2"><\/e-tabitem>
\n <e-tabitem :header="headerText3" content="#idv3"><\/e-tabitem>
\n <e-tabitem :header="headerText4" content="#idv4"><\/e-tabitem>
\n <\/e-tabitems>
\n <\/ejs-tab>
\n <\/div>
\n <div id="idv1" style="display: none">
\n <MonitorTaskLog><\/MonitorTaskLog>
\n <\/div>
\n <div id="idv2" style="display: none">
\n <RealtimeCpuMonitor ref='realtimeCpuMonitor'><\/RealtimeCpuMonitor>
\n <\/div>
\n <div id="idv3" style="display: none">
\n <RealtimeMemoryMonitor ref='realtimeMemoryMonitor'><\/RealtimeMemoryMonitor>
\n <\/div>
\n <div id="idv4" style="display: none">
\n <RealtimeDiskMonitor ref='realtimeDiskMonitor'><\/RealtimeDiskMonitor>
\n <\/div>
\n <\/template>
\n <\/BasicLayout>
\n<\/template>
\n<script>
\nimport BasicLayout from '..\/..\/layouts\/BasicLayout';
\nimport RealtimeCpuMonitor from '.\/RealtimeCpuMonitor';
\nimport RealtimeMemoryMonitor from '.\/RealtimeMemoryMonitor';
\nimport RealtimeDiskMonitor from '.\/RealtimeDiskMonitor';
\nimport socketInstance from '..\/..\/plugins\/stompSock';
\nimport MonitorTaskLog from '..\/..\/views\/monitor\/MonitorTaskLog';<\/p>\n
export default{
\n name: "realtimeMonitor",
\n components: {
\n MonitorTaskLog,
\n BasicLayout,
\n RealtimeCpuMonitor,
\n RealtimeMemoryMonitor,
\n RealtimeDiskMonitor
\n },
\n data() {
\n return {
\n left: { show: false, name: '' },
\n middle: { show: false, name: '' },
\n right: { show: true, crumb: `${this.$t('Security.securityManage')}`+'\/' + `${this.$t('Monitor.monitor')}` + '\/' + `${this.$t('Monitor.realTimeMonitoring.crumb')}` },
\n headerText1: { text: `${this.$t('Monitor.record.titleName')}` },
\n headerText2: { text: `${this.$t('Monitor.realTimeMonitoring.CPUUtilization')}` },
\n headerText3: { text: `${this.$t('Monitor.realTimeMonitoring.memoryUsage')}` },
\n headerText4: { text: `${this.$t('Monitor.realTimeMonitoring.diskUsage')}`},
\n websocketSetting: [
\n { topic: '\/user\/#\/realTimeMonitoring', clientId: 'monitoring', callback: this.websocketCallback }
\n ],
\n };
\n },
\n methods: {
\n selected(args){
\n const index = args.selectedIndex;
\n if (index === 0) {
\n } else {
\n }
\n },
\n websocketInit() {
\n socketInstance.init(this.websocketSetting);
\n },
\n websocketCallback(msg) {
\n const data = JSON.parse(msg.body);
\n const CPUUtilization = data.CPUUsage;
\n this.$refs.realtimeCpuMonitor.getMonitorData(CPUUtilization);
\n const memoryTotal = data.memoryTotal;
\n const memoryUsage = data.memoryUsage;
\n const memoryUsageRatio = data.memoryUsageRatio;
\n this.$refs.realtimeMemoryMonitor.getMonitorData(memoryTotal, memoryUsage, memoryUsageRatio);
\n const diskTotal = data.diskTotal;
\n const diskUsage = data.diskUsage;
\n const diskUtilization = data.diskUsageRatio;
\n this.$refs.realtimeDiskMonitor.getMonitorData(diskTotal, diskUsage, diskUtilization);
\n }
\n },
\n mounted() {
\n this.websocketInit();
\n },
\n beforeDestroy() {
\n for (let i = 0; i < this.websocketSetting.length; i++) {
\n socketInstance.stopReceiveTopicMsg(this.websocketSetting[i].clientId, this.websocketSetting[i].topic);
\n }
\n }
\n}
\n<\/script> <\/p>\n
\u767b\u5f55\u540e\u590d\u5236 <\/p>\n
"record": {
\n "systemInfo": "System Info",
\n "product": "Product",
\n "memory": "Memory Usage Threshold(%)",
\n "titleName": "System Monitor Record",
\n "recoreTime": "Record Time",
\n "memoryThreshold": "Memory Usage Threshold(%)",
\n "cpuThreshold": "Cpu Usage Threshold(%)",
\n "diskSpaceThreshold": "Disk Space Usage Threshold(%)",
\n "diskSpace": "Disk Space Usage Threshold(%)",
\n "cpu": "Cpu Usage Threshold(%)",
\n "taskId": "Task ID",
\n "networkRxRate": "Network Rx Rate\/s",
\n "networkTxRate": "Network Tx Rate\/s",
\n "IOPSKbRead": "IOPS kB_read\/s",
\n "IOPSKbWrite": "IOPS kB_wrtn\/s",
\n "queueOperands": "Total number of stored queue operations\/s",
\n "databaseDiskSpaceIsUsed": "Database disk space used in the file system",
\n "snmpAlarmDataSize": "SBI alarm number\/s",
\n }, <\/p>\n
\u767b\u5f55\u540e\u590d\u5236 <\/p>\n
"record": {
\n "systemInfo": "\u7cfb\u7edf\u4fe1\u606f",
\n "product": "\u4ea7\u54c1",
\n "memory": "\u5185\u5b58\u4f7f\u7528\u7387\u9608\u503c(%)",
\n "titleName": "\u7cfb\u7edf\u76d1\u63a7\u8bb0\u5f55",
\n "recoreTime": "\u8bb0\u5f55\u65f6\u95f4",
\n "memoryThreshold": "\u5185\u5b58\u4f7f\u7528\u7387\u9608\u503c(%)",
\n "cpuThreshold": "Cpu\u4f7f\u7528\u7387\u9608\u503c(%)",
\n "diskSpaceThreshold": "\u78c1\u76d8\u7a7a\u95f4\u4f7f\u7528\u7387\u9608\u503c(%)",
\n "diskSpace": "\u78c1\u76d8\u7a7a\u95f4\u4f7f\u7528\u7387\u9608\u503c(%)",
\n "cpu": "Cpu\u4f7f\u7528\u7387\u9608\u503c(%)",
\n "taskId": "\u4efb\u52a1id",
\n "networkRxRate": "\u7f51\u7edc\u63a5\u6536\u6570\u636e\u5305\u901f\u7387\/s",
\n "networkTxRate": "\u7f51\u7edc\u53d1\u9001\u6570\u636e\u5305\u901f\u7387\/s",
\n "IOPSKbRead": "IOPS\u8bfb\u53d6\u6570\u636e\u91cf\/s",
\n "IOPSKbWrite": "IOPS\u5199\u5165\u6570\u636e\u91cf\/s",
\n "queueOperands": "\u5b58\u50a8\u961f\u5217\u64cd\u4f5c\u603b\u6570\/s",
\n "databaseDiskSpaceIsUsed": "\u6587\u4ef6\u7cfb\u7edf\u4e2d\u6570\u636e\u5e93\u78c1\u76d8\u7a7a\u95f4\u5360\u7528\u5927\u5c0f",
\n "snmpAlarmDataSize": "\u5357\u5411\u544a\u8b66\u6570\u91cf\/s",
\n }, <\/p>\n
\u767b\u5f55\u540e\u590d\u5236 <\/p>\n
package com.hero.lte.ems.monitor.controller;<\/p>\n
import com.alibaba.fastjson.JSONObject;
\nimport com.hero.lte.ems.db.orm.mybatis.Page;
\nimport com.hero.lte.ems.monitor.entity.MonitorTask;
\nimport com.hero.lte.ems.monitor.entity.po.MonitorTaskPo;
\nimport com.hero.lte.ems.monitor.entity.po.MonitorThresholdPo;
\nimport com.hero.lte.ems.monitor.eunm.MonitorTaskStateEnum;
\nimport com.hero.lte.ems.monitor.service.IMonitorTaskService;
\nimport com.hero.lte.ems.monitor.take.MonitorTaskExe;
\nimport com.hero.lte.ems.monitor.util.UUIDGennerator;
\nimport com.hero.lte.ems.security.entity.Account;
\nimport com.hero.lte.ems.security.entity.Log;
\nimport com.hero.lte.ems.security.service.ILogService;
\nimport io.swagger.annotations.Api;
\nimport org.apache.shiro.SecurityUtils;
\nimport org.apache.shiro.subject.Subject;
\nimport org.slf4j.Logger;
\nimport org.slf4j.LoggerFactory;
\nimport org.springframework.beans.factory.annotation.Autowired;
\nimport org.springframework.scheduling.annotation.Scheduled;
\nimport org.springframework.web.bind.annotation.RequestBody;
\nimport org.springframework.web.bind.annotation.RequestMapping;
\nimport org.springframework.web.bind.annotation.RequestMethod;
\nimport org.springframework.web.bind.annotation.ResponseBody;
\nimport org.springframework.web.bind.annotation.RestController;<\/p>\n
import java.io.BufferedReader;
\nimport java.io.File;
\nimport java.io.FileReader;
\nimport java.io.IOException;
\nimport java.nio.file.Files;
\nimport java.security.MessageDigest;
\nimport java.security.NoSuchAlgorithmException;
\nimport java.util.HashMap;
\nimport java.util.List;
\nimport java.util.Map;<\/p>\n
\/**
\n * @author l22898
\n *\/
\n@Api(value = "MonitorTaskController",tags={"\u7cfb\u7edf\u76d1\u63a7\u4efb\u52a1"})
\n@RestController
\n@RequestMapping("\/lte\/ems\/sys\/monitor\/task\/")
\npublic class MonitorTaskController {<\/p>\n
private static final Logger logger = LoggerFactory.getLogger(MonitorTaskController.class);<\/p>\n
@Autowired
\n private IMonitorTaskService monitorTaskService;<\/p>\n
@Autowired
\n private ILogService logService;<\/p>\n
private String monitorFilePath = "\/home\/ems\/ems_eam\/conf\/monitorFiles.properties";
\n private String checkoutFilePath = "\/home\/ems\/ems_eam\/conf\/checkout.properties";<\/p>\n
@ResponseBody
\n @RequestMapping(value = "query", method = RequestMethod.GET)
\n public Page<MonitorTask> getPmGnbReportTaskList(MonitorTask monitorTask, Page<MonitorTask> page){
\n Long currentTimeMillis = System.currentTimeMillis();
\n boolean expired = false;
\n Page<MonitorTask> pageReturn = new Page<>();
\n try{
\n page.setParam(monitorTask);
\n pageReturn = monitorTaskService.getMonitorTaskList(page);
\n for (MonitorTask task : pageReturn.getResult()) {
\n if (task.getExeState() != 3 && currentTimeMillis > task.getSampleEnd()) {
\n expired = true;
\n task.setExeState(3);
\n monitorTaskService.updateMonitorTask(task);
\n }
\n }
\n if (expired) {
\n pageReturn = monitorTaskService.getMonitorTaskList(page);
\n }<\/p>\n
}catch (Exception e){
\n logger.error("\u7cfb\u7edf\u76d1\u63a7\u4efb\u52a1\u67e5\u8be2\u5931\u8d25" ,e);
\n }
\n return pageReturn;
\n }<\/p>\n
@ResponseBody
\n @RequestMapping(value = "queryId", method = RequestMethod.GET)
\n public MonitorTaskPo getPmGnbReportTask(String id){
\n MonitorTaskPo monitorTaskPo = new MonitorTaskPo();
\n try{
\n \/\/\u67e5\u8be2\u4efb\u52a1
\n MonitorTask monitorTask = monitorTaskService.getMonitorTask(id);
\n JSONObject jsonObject = JSONObject.parseObject(monitorTask.getThreshold());
\n MonitorThresholdPo monitorThresholdPo = JSONObject.toJavaObject(jsonObject, MonitorThresholdPo.class);
\n monitorTaskPo.setMonitorTask(monitorTask);
\n monitorTaskPo.setMonitorThresholdPo(monitorThresholdPo);
\n }catch (Exception e){
\n logger.error("\u7cfb\u7edf\u76d1\u63a7\u4efb\u52a1\u67e5\u8be2\u5931\u8d25" ,e);
\n }
\n return monitorTaskPo;
\n }<\/p>\n
\/**
\n * \u65b0\u589e
\n * @param monitorTaskPo
\n * @returnwq
\n *\/
\n @ResponseBody
\n @RequestMapping(value = "add", method = RequestMethod.POST)
\n public String insertMonitorTask(@RequestBody MonitorTaskPo monitorTaskPo) {
\n String result = "true";
\n try {
\n if(monitorTaskPo == null){
\n return "false";
\n }
\n MonitorTask monitorTask = monitorTaskPo.getMonitorTask();
\n String taskName = monitorTask.getTaskName();
\n \/\/\u6839\u636e\u4efb\u52a1\u540d\u79f0\u67e5\u8be2\u662f\u5426\u5b58\u5728
\n List<MonitorTask> monitorTasks = monitorTaskService.queryDataByTaskName(taskName);
\n if(monitorTasks.size() > 0){
\n logger.error("\u4efb\u52a1\u540d\u79f0\u91cd\u590d");
\n return "Duplicate task name.";
\n }
\n monitorTask.setId(UUIDGennerator.generator());
\n monitorTask.setExeState(MonitorTaskStateEnum.IN_SUSPEND.getCode());
\n monitorTask.setThreshold(JSONObject.toJSONString(monitorTaskPo.getMonitorThresholdPo()));
\n monitorTaskService.insertMonitorTask(monitorTask);
\n MonitorTaskExe.setMonitorTaskMap(monitorTask);
\n } catch (Exception e) {
\n logger.error("\u7cfb\u7edf\u76d1\u63a7\u4efb\u52a1\u65b0\u589e\u5931\u8d25" ,e);
\n result = "false";
\n }finally {
\n Subject subject = SecurityUtils.getSubject();
\n Account account;
\n if (subject != null) {
\n account = (Account) subject.getPrincipal();
\n String username = account.getUsername();
\n String userId = account.getUserId();
\n String ip = account.getIp();
\n int status;
\n if(result.equals("true")){
\n status = 1;
\n }else {
\n status = 2;
\n }
\n this.addOperateLog(userId,username,status,"res.create_monitor_task",ip,"Create a system monitoring task.");
\n }<\/p>\n
}
\n return result;
\n }<\/p>\n
@ResponseBody
\n @RequestMapping(value = "modify", method = RequestMethod.POST)
\n public boolean updateMonitorTask(@RequestBody MonitorTaskPo monitorTaskPo) {
\n boolean result = true;
\n try {
\n if(monitorTaskPo == null){
\n return false;
\n }
\n MonitorTask monitorTask = monitorTaskPo.getMonitorTask();
\n MonitorTask modifyResult = monitorTaskService.getMonitorTask(monitorTask.getId());
\n monitorTask.setExeState(modifyResult.getExeState());
\n monitorTask.setThreshold(JSONObject.toJSONString(monitorTaskPo.getMonitorThresholdPo()));
\n monitorTaskService.updateMonitorTask(monitorTask);
\n MonitorTaskExe.setMonitorTaskMap(monitorTask);
\n } catch (Exception e) {
\n logger.error("\u7cfb\u7edf\u76d1\u63a7\u4efb\u52a1\u4fee\u6539\u5931\u8d25" ,e);
\n result = false;
\n }finally {
\n Subject subject = SecurityUtils.getSubject();
\n Account account;
\n if (subject != null) {
\n account = (Account) subject.getPrincipal();
\n String username = account.getUsername();
\n String userId = account.getUserId();
\n String ip = account.getIp();
\n int status;
\n if(result){
\n status = 1;
\n }else {
\n status = 2;
\n }
\n this.addOperateLog(userId,username,status,"res.modify_monitor_task",ip,"Modify a system monitoring task.");
\n }
\n }<\/p>\n
return result;
\n }<\/p>\n
\/**
\n * \u6682\u505c
\n * @param idList
\n * @return
\n *\/
\n @ResponseBody
\n @RequestMapping(value = "deactive", method = RequestMethod.POST)
\n public boolean deactiveMonitorTask(@RequestBody List<String> idList) {
\n boolean result = true;
\n try {
\n if(idList != null && idList.size() > 0){
\n monitorTaskService.deactiveMonitorTask(idList);
\n }
\n MonitorTaskExe.deactiveMonitorTaskMap(idList);
\n } catch (Exception e) {
\n logger.error("\u7cfb\u7edf\u76d1\u63a7\u4efb\u52a1\u6682\u505c\u5931\u8d25" ,e);
\n result = false;
\n }
\n return result;
\n }<\/p>\n
\/**
\n * \u542f\u52a8
\n * @param idList
\n * @return
\n *\/
\n @ResponseBody
\n @RequestMapping(value = "active", method = RequestMethod.POST)
\n public boolean activeMonitorTask(@RequestBody List<String> idList) {
\n boolean result = true;
\n try {
\n if(idList != null && idList.size() > 0){
\n monitorTaskService.activeMonitorTask(idList);
\n }
\n MonitorTaskExe.activeMonitorTaskMap(idList);
\n } catch (Exception e) {
\n logger.error("\u7cfb\u7edf\u76d1\u63a7\u4efb\u52a1\u542f\u52a8\u5931\u8d25" ,e);
\n result = false;
\n }
\n return result;
\n }<\/p>\n
\/**
\n * \u5220\u9664
\n * @param idList
\n * @id
\n *\/
\n @ResponseBody
\n @RequestMapping(value = "delete", method = RequestMethod.POST)
\n public boolean delete(@RequestBody List<String> idList) {
\n boolean result = true;
\n try {
\n if(idList != null && idList.size() > 0){
\n monitorTaskService.deleteMonitorTask(idList);
\n }
\n MonitorTaskExe.deleteMonitorTaskMap(idList);
\n } catch (Exception e) {
\n logger.error("\u7cfb\u7edf\u76d1\u63a7\u4efb\u52a1\u5220\u9664\u5931\u8d25" ,e);
\n result = false;
\n }finally {
\n Subject subject = SecurityUtils.getSubject();
\n Account account;
\n if (subject != null) {
\n account = (Account) subject.getPrincipal();
\n String username = account.getUsername();
\n String userId = account.getUserId();
\n String ip = account.getIp();
\n int status;
\n if(result){
\n status = 1;
\n }else {
\n status = 2;
\n }
\n this.addOperateLog(userId,username,status,"res.delete_monitor_task",ip,"Delete a system monitoring task.");
\n }
\n }
\n return result;
\n }<\/p>\n
@Scheduled(cron = "0 1 0 * * ?")
\n public void modifyExpiredTaskStatus() {
\n logger.info("-modifyExpiredTaskStatus-begin");
\n Long currentTimeMillis = System.currentTimeMillis();
\n List<MonitorTask> list = monitorTaskService.getMonitorTaskAll();
\n for (MonitorTask task : list) {
\n if (task.getExeState() != 3 && currentTimeMillis > task.getSampleEnd()) {
\n task.setExeState(3);
\n monitorTaskService.updateMonitorTask(task);
\n }
\n }
\n }<\/p>\n
public void addOperateLog(String userId,String userName,int updateStatus,String featureId,String ip,String ExecData){
\n Log log = new Log();
\n log.setAccountId(userId);
\n log.setAccountName(userName);
\n log.setModuleId("res.security#res.system_monitor#res.monitor_task");
\n log.setFeatureId(featureId);
\n log.setExecTime(System.currentTimeMillis());
\n log.setExecType(2);
\n log.setResult(updateStatus);
\n \/\/ Create a system monitoring task
\n \/\/ Modify a system monitoring task
\n \/\/ Delete a system monitoring task
\n log.setExecData(ExecData);
\n log.setIp(ip);
\n logService.addOperateLog(log);
\n }<\/p>\n
@Scheduled(cron = "0 0 0\/1 * * ?")
\n public void monitorWhetherFilesAreTamperedWith() {
\n logger.info("Monitor whether files are tampered begin!");
\n \/\/ \u8bfb\u53d6 checkout.properties \u6587\u4ef6
\n Map<String, String> expectedMD5Map = readExpectedMD5(checkoutFilePath);
\n if (expectedMD5Map == null) return;<\/p>\n
\/\/ \u8bfb\u53d6 monitorFiles.properties \u6587\u4ef6\u5e76\u8fdb\u884c MD5 \u6821\u9a8c
\n try (BufferedReader reader = new BufferedReader(new FileReader(monitorFilePath))) {
\n String filePath;
\n while ((filePath = reader.readLine()) != null) {
\n filePath = filePath.trim(); \/\/ \u53bb\u6389\u524d\u540e\u7a7a\u683c
\n if (expectedMD5Map.containsKey(filePath)) {
\n String expectedMD5 = expectedMD5Map.get(filePath);
\n String calculatedMD5 = calculateMD5(new File(filePath));<\/p>\n
if (calculatedMD5 == null) {
\n logger.error("Monitor whether files are tampered, Error calculating MD5 for file:{}", filePath);
\n continue;
\n }<\/p>\n
\/\/ \u6bd4\u8f83 MD5 \u503c
\n if (!calculatedMD5.equalsIgnoreCase(expectedMD5)) {
\n logger.error("Monitor whether files are tampered, Error: MD5 mismatch for:{}, Expected:{}, but got:{}, The conclusion document has been tampered with!", filePath, expectedMD5, calculatedMD5);
\n }
\n } else {
\n logger.warn("Monitor whether files are tampered, Warning: No expected MD5 found for:{}", filePath);
\n }
\n }
\n } catch (IOException e) {
\n logger.error("Monitor whether files are tampered, Exception:{}", e.getMessage());
\n }
\n }<\/p>\n
private static Map<String, String> readExpectedMD5(String checkoutFilePath) {
\n Map<String, String> md5Map = new HashMap<>();
\n try (BufferedReader reader = new BufferedReader(new FileReader(checkoutFilePath))) {
\n String line;
\n while ((line = reader.readLine()) != null) {
\n String[] parts = line.split("=");
\n if (parts.length == 2) {
\n String filePath = parts[0].trim();
\n String md5Value = parts[1].trim();
\n md5Map.put(filePath, md5Value);
\n } else {
\n logger.error("Skipping invalid line in checkout.properties:{}", line);
\n }
\n }
\n } catch (IOException e) {
\n logger.error("readExpectedMD5-Exception:{}", e.getMessage());
\n }
\n return md5Map;
\n }<\/p>\n
private static String calculateMD5(File file) {
\n try {
\n MessageDigest md = MessageDigest.getInstance("MD5");
\n byte[] bytes = Files.readAllBytes(file.toPath());
\n byte[] digest = md.digest(bytes);<\/p>\n
StringBuilder sb = new StringBuilder();
\n for (byte b : digest) {
\n sb.append(String.format("%02x", b));
\n }
\n return sb.toString();
\n } catch (IOException | NoSuchAlgorithmException e) {
\n logger.error("calculateMD5-Exception:{}", e.getMessage());
\n return null;
\n }
\n }
\n} <\/p>\n
\u767b\u5f55\u540e\u590d\u5236 <\/p>\n
package com.hero.lte.ems.monitor.service;<\/p>\n
import com.hero.lte.ems.db.orm.mybatis.Page;
\nimport com.hero.lte.ems.framework.exception.LteException;
\nimport com.hero.lte.ems.monitor.entity.MonitorTask;<\/p>\n
import java.util.List;
\nimport java.util.Map;<\/p>\n
public interface IMonitorTaskService {<\/p>\n
Page<MonitorTask> getMonitorTaskList(Page<MonitorTask> pager);<\/p>\n
List<MonitorTask> getMonitorTaskAll();<\/p>\n
MonitorTask getMonitorTask(String id) throws LteException ;<\/p>\n
int insertMonitorTask(MonitorTask monitorTask);<\/p>\n
int updateMonitorTask(Map<String, Object> map);<\/p>\n
int deleteMonitorTask(List<String> idList);<\/p>\n
int deactiveMonitorTask(List<String> idList);<\/p>\n
int activeMonitorTask(List<String> idList);<\/p>\n
int updateMonitorTask(MonitorTask monitorTask);<\/p>\n
List<MonitorTask> queryDataByTaskName(String taskName);
\n} <\/p>\n
\u767b\u5f55\u540e\u590d\u5236 <\/p>\n
package com.hero.lte.ems.monitor.service.impl;<\/p>\n
import com.hero.lte.ems.db.orm.mybatis.Page;
\nimport com.hero.lte.ems.framework.exception.LteException;
\nimport com.hero.lte.ems.monitor.dao.MonitorTaskMapper;
\nimport com.hero.lte.ems.monitor.entity.MonitorTask;
\nimport com.hero.lte.ems.monitor.service.IMonitorTaskService;
\nimport com.hero.lte.ems.security.config.aop.LogAnnotation;
\nimport org.slf4j.Logger;
\nimport org.slf4j.LoggerFactory;
\nimport org.springframework.stereotype.Service;<\/p>\n
import javax.annotation.Resource;
\nimport java.util.List;
\nimport java.util.Map;<\/p>\n
\/**
\n * @author l22898
\n *\/
\n@Service
\npublic class MonitorTaskServiceImpl implements IMonitorTaskService {<\/p>\n
private static final Logger LOGGER = LoggerFactory.getLogger(MonitorTaskServiceImpl.class);<\/p>\n
@Resource
\n private MonitorTaskMapper monitorTaskMapper;<\/p>\n
@Override
\n public Page<MonitorTask> getMonitorTaskList(Page<MonitorTask> pager){
\n List<MonitorTask> monitorTaskList = monitorTaskMapper.findMonitorTaskPage(pager, pager.getParam());
\n return pager;
\n }<\/p>\n
@Override
\n public List<MonitorTask> getMonitorTaskAll(){
\n List<MonitorTask> monitorTaskList = monitorTaskMapper.findMonitorTaskAll();
\n return monitorTaskList;
\n }<\/p>\n
@Override
\n public MonitorTask getMonitorTask(String id) throws LteException {
\n return monitorTaskMapper.findById(id);
\n }<\/p>\n
@Override
\n public int insertMonitorTask(MonitorTask monitorTask){
\n return monitorTaskMapper.insertMonitorTask(monitorTask);
\n }<\/p>\n
@Override
\n public int updateMonitorTask(MonitorTask monitorTask){
\n return monitorTaskMapper.modMonitorTask(monitorTask);
\n }<\/p>\n
@Override
\n public List<MonitorTask> queryDataByTaskName(String taskName) {<\/p>\n
return monitorTaskMapper.queryDataByTaskName(taskName);
\n }<\/p>\n
@Override
\n public int updateMonitorTask(Map<String, Object> map){
\n return monitorTaskMapper.updateMonitorTask(map);
\n }<\/p>\n
@Override
\n public int deleteMonitorTask(List<String> idList){
\n return monitorTaskMapper.deleteMonitorTask(idList);
\n }<\/p>\n
@Override
\n @LogAnnotation(module = "res.security#res.system_monitor", feature = "res.alarm_mod", type = 2)
\n public int deactiveMonitorTask(List<String> idList) {
\n return monitorTaskMapper.deactiveMonitorTask(idList);
\n }<\/p>\n
@Override
\n @LogAnnotation(module = "res.security#res.system_monitor", feature = "res.alarm_mod", type = 2)
\n public int activeMonitorTask(List<String> idList) {
\n return monitorTaskMapper.activeMonitorTask(idList);
\n }
\n} <\/p>\n
\u767b\u5f55\u540e\u590d\u5236 <\/p>\n
package com.hero.lte.ems.monitor.dao;<\/p>\n
import com.hero.lte.ems.db.orm.mybatis.Page;
\nimport com.hero.lte.ems.monitor.entity.MonitorTask;
\nimport com.hero.lte.ems.monitor.entity.MonitorTaskLog;
\nimport org.apache.ibatis.annotations.Param;<\/p>\n
import java.util.List;
\nimport java.util.Map;<\/p>\n
public interface MonitorTaskMapper {<\/p>\n
MonitorTask findById(String id);<\/p>\n
List<MonitorTask> findMonitorTaskPage(@Param("page") Page pager, @Param("monitorTask") MonitorTask monitorTask);<\/p>\n
List<MonitorTask> findMonitorTaskAll();<\/p>\n
int insertMonitorTask(MonitorTask monitorTask);<\/p>\n
int updateMonitorTask(Map<String, Object> map);<\/p>\n
int deleteMonitorTask(@Param("idList")List<String> idList);<\/p>\n
int deactiveMonitorTask(@Param("idList")List<String> idList);<\/p>\n
int activeMonitorTask(@Param("idList")List<String> idList);<\/p>\n
int modMonitorTask(MonitorTask monitorTask);<\/p>\n
List<MonitorTask> queryDataByTaskName(@Param("taskName") String taskName);
\n} <\/p>\n
\u6587\u7ae0\u6d4f\u89c8\u9605\u8bfb905\u6b21\uff0c\u70b9\u8d5e26\u6b21\uff0c\u6536\u85cf14\u6b21\u3002\u3010\u4ee3\u7801\u3011\u7edf\u8ba1\u670d\u52a1\u5668CPU\u3001\u5185\u5b58\u3001\u78c1\u76d8\u3001\u7f51\u7edcIO\u3001\u961f\u5217\u3001\u6570\u636e\u5e93\u5360\u7528\u7a7a\u95f4\u7b49\u7b49\u4fe1\u606f\u3002<\/p>\n","protected":false},"author":2,"featured_media":37101,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"topic":[],"class_list":["post-37108","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-server"],"yoast_head":"\n