diff --git a/nezha-fronted/src/components/charts/chart-alert-list.vue b/nezha-fronted/src/components/charts/chart-alert-list.vue index 3f4c7c4f5..9dc39422c 100644 --- a/nezha-fronted/src/components/charts/chart-alert-list.vue +++ b/nezha-fronted/src/components/charts/chart-alert-list.vue @@ -24,7 +24,7 @@ {{chartData.name}} - + diff --git a/nezha-fronted/src/components/charts/chart-bar-statistics.vue b/nezha-fronted/src/components/charts/chart-bar-statistics.vue index 21a7179c9..03a458296 100644 --- a/nezha-fronted/src/components/charts/chart-bar-statistics.vue +++ b/nezha-fronted/src/components/charts/chart-bar-statistics.vue @@ -24,7 +24,7 @@ {{chartData.name}} - + diff --git a/nezha-fronted/src/components/charts/chart-group.vue b/nezha-fronted/src/components/charts/chart-group.vue index fb5bf5b2f..333994f7a 100644 --- a/nezha-fronted/src/components/charts/chart-group.vue +++ b/nezha-fronted/src/components/charts/chart-group.vue @@ -18,7 +18,7 @@ {{chartData.name}} ({{chartData.children.length}} charts) - + diff --git a/nezha-fronted/src/components/charts/chart-pie.vue b/nezha-fronted/src/components/charts/chart-pie.vue index f43ad09f6..e6f22092d 100644 --- a/nezha-fronted/src/components/charts/chart-pie.vue +++ b/nezha-fronted/src/components/charts/chart-pie.vue @@ -24,7 +24,7 @@ {{chartData.name}} - + diff --git a/nezha-fronted/src/components/charts/chart-single-stat.vue b/nezha-fronted/src/components/charts/chart-single-stat.vue index ce005fa16..fdfaa2b84 100644 --- a/nezha-fronted/src/components/charts/chart-single-stat.vue +++ b/nezha-fronted/src/components/charts/chart-single-stat.vue @@ -24,7 +24,7 @@ {{chartData.name}} - + diff --git a/nezha-fronted/src/components/charts/chart-table.vue b/nezha-fronted/src/components/charts/chart-table.vue index 9e01cbd63..5f7a4022d 100644 --- a/nezha-fronted/src/components/charts/chart-table.vue +++ b/nezha-fronted/src/components/charts/chart-table.vue @@ -25,7 +25,7 @@ {{chartData.name}} - + diff --git a/nezha-fronted/src/components/charts/chart-url.vue b/nezha-fronted/src/components/charts/chart-url.vue index 31bee50da..a59d4010c 100644 --- a/nezha-fronted/src/components/charts/chart-url.vue +++ b/nezha-fronted/src/components/charts/chart-url.vue @@ -12,7 +12,7 @@ {{chartData.name}} - + diff --git a/nezha-fronted/src/components/charts/line-chart-block.vue b/nezha-fronted/src/components/charts/line-chart-block.vue index ede15e67d..ab1cd9ae5 100644 --- a/nezha-fronted/src/components/charts/line-chart-block.vue +++ b/nezha-fronted/src/components/charts/line-chart-block.vue @@ -38,7 +38,7 @@ {{chartData.name}} - + diff --git a/nezha-fronted/src/components/charts/text-chart.vue b/nezha-fronted/src/components/charts/text-chart.vue index 08114c064..bf57174f1 100644 --- a/nezha-fronted/src/components/charts/text-chart.vue +++ b/nezha-fronted/src/components/charts/text-chart.vue @@ -12,7 +12,7 @@ {{chartData.name}} - + diff --git a/nezha-fronted/src/components/common/language/cn.js b/nezha-fronted/src/components/common/language/cn.js index aa2286d27..f2c5842a0 100644 --- a/nezha-fronted/src/components/common/language/cn.js +++ b/nezha-fronted/src/components/common/language/cn.js @@ -336,7 +336,8 @@ const cn = { moreTitle: '仅显示 20 个时间序列。', moreTitleOther: '仅显示 10 条数据。', showAll: '全部显示 ', - showAllOther: '全部数据 ' + showAllOther: '全部数据 ', + addChartTemp: 'addChartTemp' }, metric: { name: '指标名称', @@ -563,7 +564,23 @@ const cn = { usernamePrompt: '用户名提示', passwordPrompt: '密码提示', snmpCredential: 'SNMP凭证', - authProtocol: '认证协议' + authProtocol: '认证协议', + id: 'ID', + device: 'SN', + assetState: '状态', + modules: 'Endpoint', + alerts: '告警信息', + dataCenter: '数据中心', + manufacturer: '厂商', + procurementDate: '购买日期', + principalTel: '电话', + option: '操作', + assetPing: 'Ping', + lastReply: 'Ping最后应答', + vendor: '厂商', + name: 'Name', + dc: '数据中心', + type: '主机地址' }, config: { config: '设置', diff --git a/nezha-fronted/src/components/common/language/en.js b/nezha-fronted/src/components/common/language/en.js index f25ed0a2c..99fbd86af 100644 --- a/nezha-fronted/src/components/common/language/en.js +++ b/nezha-fronted/src/components/common/language/en.js @@ -345,7 +345,8 @@ const en = { moreTitle: 'Showing only 20 time series. ', moreTitleOther: 'Showing only 10 the data. ', showAll: 'Show all ', - showAllOther: 'All Data' + showAllOther: 'All Data', + addChartTemp: 'addChartTemp' }, metric: { name: 'Metric name', // "指标名称" @@ -571,7 +572,22 @@ const en = { usernamePrompt: 'Username prompt', passwordPrompt: 'Password prompt', snmpCredential: 'SNMP credential', - authProtocol: 'Auth protocol' + authProtocol: 'Auth protocol', + id: 'ID', // ID + device: 'SN', // SN + assetState: 'State', // '状态' + assetPing: 'Ping', + lastReply: 'Ping last reply', + modules: 'Endpoint', // '组件' + alerts: 'Alerts', // '告警信息' + dataCenter: 'Data center', // DC + vendor: 'Vendor', // '厂商' + procurementDate: 'Purchase date', // '购买日期' + principalTel: 'Telephone', // '电话' + option: 'Operation', // "操作" + name: 'Name', + dc: 'DataCenter', + type: 'Types', }, config: { config: 'Settings', // "设置" @@ -682,9 +698,9 @@ const en = { latitude: 'Latitude', lnglat: 'Coordinate' }, - cabinet:{ - editCabinet:'Edit Cabinet', - createCabinet:'Create Cabinet', + cabinet: { + editCabinet: 'Edit Cabinet', + createCabinet: 'Create Cabinet' }, model: { model: 'Asset model', @@ -752,11 +768,11 @@ const en = { replay: 'Replay', skipTip: 'Skip no operation time' }, - loginHost:'Login host', - loginUser:'Login user', - sourceIp:'Source IP', - sourceUser:'Source user', - SessionId:'Session ID', + loginHost: 'Login host', + loginUser: 'Login user', + sourceIp: 'Source IP', + sourceUser: 'Source user', + SessionId: 'Session ID' }, operationlog: { operationlog: 'Operation log', @@ -831,8 +847,8 @@ const en = { defaultCabinetUsize: 'Cabinet U size', second: 'second', day: 'day', - sessionTimeout:'Session timeout', - minute:'minute', + sessionTimeout: 'Session timeout', + minute: 'minute', maxSeries: 'Query max series', unsaved: 'Unsaved prompt', mapConfig: 'Map center', @@ -1016,7 +1032,7 @@ const en = { expressionError: 'Please fill in the "expression" value' }, chartTemp: { - chartTemp: 'Chart template', + chartTemp: 'Chart template' } }, alert: { diff --git a/nezha-fronted/src/components/common/mixin/dataList.js b/nezha-fronted/src/components/common/mixin/dataList.js index 6a3778cb2..e565280bc 100644 --- a/nezha-fronted/src/components/common/mixin/dataList.js +++ b/nezha-fronted/src/components/common/mixin/dataList.js @@ -20,6 +20,7 @@ export default { customTableTitle: [] // 自定义列工具的数据 }, mainTableHeight: this.$tableHeight.normal, // 主列表table高度 + searchTableHeight: this.$tableHeight.search, // 主列表table高度 batchDeleteObjs: [], object: {}, diff --git a/nezha-fronted/src/components/common/project/topologyL5.vue b/nezha-fronted/src/components/common/project/topologyL5.vue index d680b5c1a..acc05ad19 100644 --- a/nezha-fronted/src/components/common/project/topologyL5.vue +++ b/nezha-fronted/src/components/common/project/topologyL5.vue @@ -529,7 +529,7 @@ export default { deep: true, immediate: true, handler (n) { - if (n.id) { + if (n && n.id) { if (getTopology(this.topologyIndex)) { getTopology(this.topologyIndex).destroy() setTopology(this.topologyIndex, null) diff --git a/nezha-fronted/src/components/common/project/topologyPrev.vue b/nezha-fronted/src/components/common/project/topologyPrev.vue index 6a3fe3843..586a29ad4 100644 --- a/nezha-fronted/src/components/common/project/topologyPrev.vue +++ b/nezha-fronted/src/components/common/project/topologyPrev.vue @@ -3,13 +3,13 @@ @import "./L5/css/props.css"; diff --git a/nezha-fronted/src/components/page/dashboard/panel.vue b/nezha-fronted/src/components/page/dashboard/panel.vue index d182c6e0e..c90a8a4a7 100644 --- a/nezha-fronted/src/components/page/dashboard/panel.vue +++ b/nezha-fronted/src/components/page/dashboard/panel.vue @@ -91,6 +91,7 @@ + @@ -107,6 +108,9 @@ + + + @@ -121,6 +125,7 @@ import pickTime from '../../common/pickTime' import exportXLSX from '../../common/exportXLSX' import selectPanel from '../../common/popBox/selectPanel' import panelBox from '@/components/common/rightBox/panelBox' +import chartTempBox from '@/components/common/rightBox/chartTempBox' export default { name: 'panel', @@ -131,6 +136,7 @@ export default { visible: false, rightBox: { // 面板弹出框相关 chart: { show: false }, + chartTemp: { show: false }, panel: { show: false } }, tableHover: false, @@ -166,6 +172,12 @@ export default { pageSize: -1, // 此处获取所有数据,所以设置一个较大的值 total: 0 }, + blankChartTemp: { + varType: 1, + pid: '', + panelId: '', + varIds: [] + }, chartsData: [], // 中间部分图表相关数据 panelData: [], panelDataDragTmp: [], @@ -204,7 +216,8 @@ export default { 'pick-time': pickTime, 'export-excel': exportXLSX, selectPanel, - 'panel-box': panelBox + 'panel-box': panelBox, + chartTempBox }, methods: { // 刷新 @@ -290,6 +303,11 @@ export default { this.chart.panelName = this.showPanel.name this.rightBox.chart.show = true }, + addChartByTemp () { + this.chart = Object.assign({},this.blankChartTemp) + this.chart.panelId = this.showPanel.id + this.rightBox.chartTemp.show = true + }, addGroupItem (groupId) { this.chart = this.newChart() this.chart.groupId = groupId @@ -317,6 +335,12 @@ export default { } */ }, + closeChartTempBox () { + this.rightBox.chartTemp.show = false + /* if (refresh) { + + } */ + }, closePanelBox (refresh) { this.rightBox.panel.show = false /* if (refresh) { diff --git a/nezha-fronted/src/components/page/monitor/endpoint/endpointList.vue b/nezha-fronted/src/components/page/monitor/endpoint/endpointList.vue index 81666cfa8..64c00eb0f 100644 --- a/nezha-fronted/src/components/page/monitor/endpoint/endpointList.vue +++ b/nezha-fronted/src/components/page/monitor/endpoint/endpointList.vue @@ -44,7 +44,7 @@ v-loading="slotProps.loading" :api="url" :custom-table-title="tools.customTableTitle" - :height="mainTableHeight" + :height="searchTableHeight" :table-data="tableData" :tableId="tableId" @del="del" diff --git a/nezha-fronted/src/components/page/monitor/project/projectList.vue b/nezha-fronted/src/components/page/monitor/project/projectList.vue index b982d3007..81332b1bd 100644 --- a/nezha-fronted/src/components/page/monitor/project/projectList.vue +++ b/nezha-fronted/src/components/page/monitor/project/projectList.vue @@ -89,10 +89,49 @@ export default { } }, methods: { + getTableData (params) { + if (params && Object.keys(params).length > 0) { + for (const key in params) { + this.$set(this.searchLabel, key, params[key]) + } + } + this.$set(this.searchLabel, 'pageNo', this.pageObj.pageNo) + this.$set(this.searchLabel, 'pageSize', this.pageObj.pageSize) + this.tools.loading = true + this.$get(this.url, { ...this.searchLabel, ...this.searchCheckBox }).then(response => { + this.tools.loading = false + if (response.code === 200) { + for (let i = 0; i < response.data.list.length; i++) { + response.data.list[i].status = response.data.list[i].status + '' + } + if (!this.$store.state.currentProject.id) { + this.$store.commit('currentProjectChange', response.data.list[0]) + } + this.tableData = response.data.list + this.pageObj.total = response.data.total + if (!this.scrollbarWrap) { + this.$nextTick(() => { + this.scrollbarWrap = this.$refs.dataTable.$refs.dataTable.bodyWrapper + this.toTopBtnHandler(this.scrollbarWrap) + }) + } + } + }) + } }, computed: { }, + created () { + console.log(this.$store.state.currentProject) + }, mounted () { + }, + destroyed () { + this.$store.commit('currentProjectChange', { + id: '', + name: '', + remark: '' + }) } } diff --git a/nezha-fronted/src/main.js b/nezha-fronted/src/main.js index 8e3ffafd1..d4d22406a 100644 --- a/nezha-fronted/src/main.js +++ b/nezha-fronted/src/main.js @@ -52,6 +52,7 @@ Vue.prototype.$chartResizeTool = chartResizeTool Vue.prototype.$tableSet = tableSet Vue.prototype.$tableHeight = { // 列表页表格的高度 normal: 'calc(100% - 48px)', // 常规高度,特例在下方定义 + search: 'calc(100% - 240px)', // 常规高度,特例在下方定义 openSubList: { // 打开二级列表后的高度 mainList: 'calc(100% - 60px)', subList: 'calc(100% - 38px)',