gfwleak/nezha-nezha-fronted
Archived
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix：解决asset。tableTitle 删除后的影响

Browse Source
This commit is contained in:
zhangyu
2021-04-25 16:28:09 +08:00
parent 78ed94c1c8
commit de5fe9f1c6
18 changed files with 84 additions and 66 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
nezha-fronted/src/components/charts/chart-detail.vue
View File

@@ -319,23 +319,23 @@ export default {
oldSearchTime: [], oldSearchTime: [],
assetKey: { assetKey: {
host: this.$t('asset.tableTitle.host'), host: this.$t('asset.host'),
id: 'Id', id: 'Id',
assetType: this.$t('asset.tableTitle.assetType'), assetType: this.$t('asset.assetType'),
sn: this.$t('asset.tableTitle.device'), sn: this.$t('asset.device'),
state: this.$t('asset.tableTitle.assetState'), state: this.$t('asset.assetState'),
pingRtt: this.$t('asset.tableTitle.assetPing'), pingRtt: this.$t('asset.assetPing'),
dataCenter: this.$t('asset.tableTitle.dataCenter'), dataCenter: this.$t('asset.dataCenter'),
cabinet: this.$t('asset.tableTitle.cabinet'), cabinet: this.$t('asset.cabinet'),
model: this.$t('asset.tableTitle.model'), model: this.$t('asset.model'),
vendor: this.$t('asset.tableTitle.vendor'), vendor: this.$t('asset.vendor'),
purchaseDate: this.$t('asset.tableTitle.procurementDate'), purchaseDate: this.$t('asset.procurementDate'),
principal: this.$t('asset.tableTitle.principal'), principal: this.$t('asset.principal'),
tel: this.$t('asset.tableTitle.principalTel'), tel: this.$t('asset.principalTel'),
pingStatus: this.$t('asset.tableTitle.assetPing'), pingStatus: this.$t('asset.assetPing'),
pingLastReply: this.$t('asset.tableTitle.lastReply'), pingLastReply: this.$t('asset.lastReply'),
endpoint: this.$t('asset.tableTitle.modules'), endpoint: this.$t('asset.modules'),
alert: this.$t('asset.tableTitle.alerts'), alert: this.$t('asset.alerts'),
tags: this.$t('overall.tag') tags: this.$t('overall.tag')
}, },
projectKey: { projectKey: {

4
nezha-fronted/src/components/charts/chart-list.vue
View File

@@ -288,7 +288,6 @@ export default {
}, },
watch: { watch: {
panelDataList (n) { panelDataList (n) {
console.log(n)
this.getData(this.filter) this.getData(this.filter)
} }
}, },
@@ -672,7 +671,6 @@ export default {
return return
} }
if (param.from == this.$CONSTANTS.fromRoute.chartTemp) { if (param.from == this.$CONSTANTS.fromRoute.chartTemp) {
console.log(this.panelDataList)
this.dataList = this.panelDataList this.dataList = this.panelDataList
this.$nextTick(() => { this.$nextTick(() => {
this.dataList.forEach((item, index) => { this.dataList.forEach((item, index) => {
@@ -762,7 +760,6 @@ export default {
}) })
}, },
loadChartData (scrollTop) { loadChartData (scrollTop) {
console.log(scrollTop)
if (this.dataList.length > 0) { if (this.dataList.length > 0) {
this.dataList.forEach((item, index) => { this.dataList.forEach((item, index) => {
if (!item.isLoaded) { if (!item.isLoaded) {
@@ -1751,7 +1748,6 @@ export default {
}, },
// 懒加载，判断网页区域，加载可见区的prom数据 // 懒加载，判断网页区域，加载可见区的prom数据
handleElementInViewport (ele, scrollTop, item, index, isSearch) { handleElementInViewport (ele, scrollTop, item, index, isSearch) {
console.log(ele, scrollTop, item, index)
/* /*
网页被卷去的高：document.body.scrollTop 网页被卷去的高：document.body.scrollTop
网页正文全文高：document.body.scrollHeight 网页正文全文高：document.body.scrollHeight

2
nezha-fronted/src/components/common/bottomBox/bottomBox.vue
View File

@@ -122,7 +122,7 @@ export default {
}, },
module: { module: {
moduleTabTitle: [ moduleTabTitle: [
{ prop: 'endpoint', name: this.$t('asset.tableTitle.endpoint') }, { prop: 'endpoint', name: this.$t('asset.endpoint') },
{ prop: 'moduleAlertMessage', name: 'Alerts' }, { prop: 'moduleAlertMessage', name: 'Alerts' },
{ prop: 'panel', name: 'Detail' } { prop: 'panel', name: 'Detail' }
] ]

8
nezha-fronted/src/components/common/bottomBox/tabs/alertMessageTab.vue
View File

@@ -3,8 +3,8 @@
<div class="sub-top-tools"> <div class="sub-top-tools">
<div class="sub-list-tabs" v-if="from===fromRoute.module"> <div class="sub-list-tabs" v-if="from===fromRoute.module">
<div class="sub-list-tab-title">{{obj.name}}</div> <div class="sub-list-tab-title">{{obj.name}}</div>
<div @click="changeTab('endpoint')" class="sub-list-tab" id="endpoint-tab-change-endpoint">{{$t("asset.tableTitle.modules")}}</div> <div @click="changeTab('endpoint')" class="sub-list-tab" id="endpoint-tab-change-endpoint">{{$t("asset.modules")}}</div>
<div class="sub-list-tab sub-list-tab-active" >{{$t("asset.tableTitle.alerts")}}</div> <div class="sub-list-tab sub-list-tab-active" >{{$t("asset.alerts")}}</div>
</div> </div>
<div class="sub-list-tabs" v-else> <div class="sub-list-tabs" v-else>
<div class="sub-list-tab-title"> <div class="sub-list-tab-title">
@@ -13,8 +13,8 @@
<template v-if="from == $CONSTANTS.fromRoute.endpoint"><div class="sub-list-tab-title">{{$t("project.endpoint.endpointId")}}: {{obj ? obj.id : ''}}</div></template> <template v-if="from == $CONSTANTS.fromRoute.endpoint"><div class="sub-list-tab-title">{{$t("project.endpoint.endpointId")}}: {{obj ? obj.id : ''}}</div></template>
</div><div :id="from+'-change-panelordetail'" </div><div :id="from+'-change-panelordetail'"
@click="changeTab(from == $CONSTANTS.fromRoute.asset || from == $CONSTANTS.fromRoute.rule || from == $CONSTANTS.fromRoute.endpoint? 'panel' : 'detail')" class="sub-list-tab">{{$t("overall.detail")}}</div><div @click="changeTab(from == $CONSTANTS.fromRoute.asset || from == $CONSTANTS.fromRoute.rule || from == $CONSTANTS.fromRoute.endpoint? 'panel' : 'detail')" class="sub-list-tab">{{$t("overall.detail")}}</div><div
class="sub-list-tab sub-list-tab-active">{{$t("asset.tableTitle.alerts")}}</div><div v-if="from == $CONSTANTS.fromRoute.asset" :id="from+'-change-modules'" class="sub-list-tab sub-list-tab-active">{{$t("asset.alerts")}}</div><div v-if="from == $CONSTANTS.fromRoute.asset" :id="from+'-change-modules'"
@click="changeTab('endpoint')" class="sub-list-tab" v-has="'asset_endpoint_view'">{{$t("asset.tableTitle.modules")}}</div> @click="changeTab('endpoint')" class="sub-list-tab" v-has="'asset_endpoint_view'">{{$t("asset.modules")}}</div>
<div @click="changeTab('endpointQuery')" class="sub-list-tab" v-has="'project_endpoint_query_chart_view'" v-if="from == $CONSTANTS.fromRoute.endpoint" :id="from+'-change-endpoint'">{{$t("overall.query")}}</div> <div @click="changeTab('endpointQuery')" class="sub-list-tab" v-has="'project_endpoint_query_chart_view'" v-if="from == $CONSTANTS.fromRoute.endpoint" :id="from+'-change-endpoint'">{{$t("overall.query")}}</div>
</div> </div>
<div class="top-tool-right"> <div class="top-tool-right">

2
nezha-fronted/src/components/common/bottomBox/tabs/assetTab.vue
View File

@@ -98,7 +98,7 @@ export default {
disabled: false disabled: false
}, { }, {
id: 23, id: 23,
name: this.$t('asset.tableTitle.cabinet'), name: this.$t('asset.cabinet'),
type: 'input', type: 'input',
label: 'cabinetName', label: 'cabinetName',
disabled: false disabled: false

2
nezha-fronted/src/components/common/bottomBox/tabs/endpointQueryTab.vue
View File

@@ -22,7 +22,7 @@
<div class="sub-list-tabs"> <div class="sub-list-tabs">
<div class="sub-list-tab-title">{{$t("project.endpoint.endpointId")}}: {{currentEndpoint ? currentEndpoint.id : ''}}</div><div <div class="sub-list-tab-title">{{$t("project.endpoint.endpointId")}}: {{currentEndpoint ? currentEndpoint.id : ''}}</div><div
class="sub-list-tab" @click="changeTab('panel')" id="endpoint-query-changepanel">{{$t("overall.detail")}}</div> class="sub-list-tab" @click="changeTab('panel')" id="endpoint-query-changepanel">{{$t("overall.detail")}}</div>
<div class="sub-list-tab" @click="changeTab('alertMessage')" id="endpoint-query-alertMessage">{{$t("asset.tableTitle.alerts")}}</div> <div class="sub-list-tab" @click="changeTab('alertMessage')" id="endpoint-query-alertMessage">{{$t("asset.alerts")}}</div>
<div class="sub-list-tab sub-list-tab-active">{{$t("overall.query")}}</div> <div class="sub-list-tab sub-list-tab-active">{{$t("overall.query")}}</div>
</div> </div>
<div class="top-tool-right"> <div class="top-tool-right">

8
nezha-fronted/src/components/common/bottomBox/tabs/endpointTab.vue
View File

@@ -4,13 +4,13 @@
<div class="sub-list-tabs" v-if="from===fromRoute.asset"> <div class="sub-list-tabs" v-if="from===fromRoute.asset">
<div class="sub-list-tab-title">{{obj.host}}</div> <div class="sub-list-tab-title">{{obj.host}}</div>
<div class="sub-list-tab" @click="changeTab('panel')" id="endpoint-tab-change-panel">{{$t("overall.detail")}}</div> <div class="sub-list-tab" @click="changeTab('panel')" id="endpoint-tab-change-panel">{{$t("overall.detail")}}</div>
<div @click="changeTab('alertMessage')" class="sub-list-tab" v-has="'asset_alerts_view'" id="endpoint-tab-change-alertmsg">{{$t("asset.tableTitle.alerts")}}</div> <div @click="changeTab('alertMessage')" class="sub-list-tab" v-has="'asset_alerts_view'" id="endpoint-tab-change-alertmsg">{{$t("asset.alerts")}}</div>
<div class="sub-list-tab sub-list-tab-active">{{$t("asset.tableTitle.modules")}}</div> <div class="sub-list-tab sub-list-tab-active">{{$t("asset.modules")}}</div>
</div> </div>
<div class="sub-list-tabs" v-if="from===fromRoute.module"> <div class="sub-list-tabs" v-if="from===fromRoute.module">
<div class="sub-list-tab-title">{{obj.name}}</div> <div class="sub-list-tab-title">{{obj.name}}</div>
<div class="sub-list-tab sub-list-tab-active">{{$t("asset.tableTitle.modules")}}</div> <div class="sub-list-tab sub-list-tab-active">{{$t("asset.modules")}}</div>
<div @click="changeTab('alertMessage')" class="sub-list-tab" id="endpoint-tab-change-alertmsg">{{$t("asset.tableTitle.alerts")}}</div> <div @click="changeTab('alertMessage')" class="sub-list-tab" id="endpoint-tab-change-alertmsg">{{$t("asset.alerts")}}</div>
</div> </div>
<div class="top-tool-right"> <div class="top-tool-right">
<div class="top-tool-search"> <div class="top-tool-search">

8
nezha-fronted/src/components/common/bottomBox/tabs/panelTab.vue
View File

@@ -10,14 +10,14 @@
<template v-else-if="from == $CONSTANTS.fromRoute.endpoint">{{$t("project.endpoint.endpointId")}}: {{obj.id}}</template> <template v-else-if="from == $CONSTANTS.fromRoute.endpoint">{{$t("project.endpoint.endpointId")}}: {{obj.id}}</template>
</div><div class="sub-list-tab sub-list-tab-active" v-if="from == $CONSTANTS.fromRoute.model">{{$t("dashboard.panel.title")}}</div><template v-if="from == $CONSTANTS.fromRoute.asset"><div </div><div class="sub-list-tab sub-list-tab-active" v-if="from == $CONSTANTS.fromRoute.model">{{$t("dashboard.panel.title")}}</div><template v-if="from == $CONSTANTS.fromRoute.asset"><div
class="sub-list-tab sub-list-tab-active">{{$t("overall.detail")}}</div><div class="sub-list-tab sub-list-tab-active">{{$t("overall.detail")}}</div><div
@click="changeTab('alertMessage')" class="sub-list-tab" v-has="'asset_alerts_view'" id="panel-tab-change-asset-alertmsg">{{$t("asset.tableTitle.alerts")}}</div><div @click="changeTab('alertMessage')" class="sub-list-tab" v-has="'asset_alerts_view'" id="panel-tab-change-asset-alertmsg">{{$t("asset.alerts")}}</div><div
@click="changeTab('endpoint')" class="sub-list-tab" v-has="'asset_endpoint_view'" id="panel-tab-change-endpoint">{{$t("asset.tableTitle.modules")}}</div> @click="changeTab('endpoint')" class="sub-list-tab" v-has="'asset_endpoint_view'" id="panel-tab-change-endpoint">{{$t("asset.modules")}}</div>
</template><template v-if="from == $CONSTANTS.fromRoute.rule"><div </template><template v-if="from == $CONSTANTS.fromRoute.rule"><div
class="sub-list-tab sub-list-tab-active">{{$t("overall.detail")}}</div><div class="sub-list-tab sub-list-tab-active">{{$t("overall.detail")}}</div><div
@click="changeTab('alertMessage')" class="sub-list-tab" v-has="'rule_alerts_view'" id="panel-tab-change-rule-alertmsg">{{$t("asset.tableTitle.alerts")}}</div> @click="changeTab('alertMessage')" class="sub-list-tab" v-has="'rule_alerts_view'" id="panel-tab-change-rule-alertmsg">{{$t("asset.alerts")}}</div>
</template><template v-if="from == $CONSTANTS.fromRoute.endpoint"><div </template><template v-if="from == $CONSTANTS.fromRoute.endpoint"><div
class="sub-list-tab sub-list-tab-active">{{$t("overall.detail")}}</div><div class="sub-list-tab sub-list-tab-active">{{$t("overall.detail")}}</div><div
@click="changeTab('alertMessage')" class="sub-list-tab " v-has="'project_endpoint_alerts_view'">{{$t("asset.tableTitle.alerts")}}</div><div @click="changeTab('alertMessage')" class="sub-list-tab " v-has="'project_endpoint_alerts_view'">{{$t("asset.alerts")}}</div><div
@click="changeTab('endpointQuery')" class="sub-list-tab" v-has="'project_endpoint_query_chart_view'">{{$t("overall.query")}}</div> @click="changeTab('endpointQuery')" class="sub-list-tab" v-has="'project_endpoint_query_chart_view'">{{$t("overall.query")}}</div>
</template> </template>
</div> </div>

1
nezha-fronted/src/components/common/language/cn.js
View File

@@ -545,6 +545,7 @@ const cn = {
principal: '负责人', principal: '负责人',
tel: '电话', tel: '电话',
featureTitle: '属性', featureTitle: '属性',
endpoint: 'Endpoint',
endpointUpNum: '代表正常的数量', endpointUpNum: '代表正常的数量',
endpointNum: '代表总的数量', endpointNum: '代表总的数量',
active: '存活', // "存活", active: '存活', // "存活",

1
nezha-fronted/src/components/common/language/en.js
View File

@@ -552,6 +552,7 @@ const en = {
principal: 'Administrator', // '负责人' principal: 'Administrator', // '负责人'
tel: 'Telephone', // '电话' tel: 'Telephone', // '电话'
featureTitle: 'Attribute', featureTitle: 'Attribute',
endpoint: 'Endpoint',
endpointUpNum: 'It\'s a normal number', endpointUpNum: 'It\'s a normal number',
endpointNum: 'Represents the total quantity', endpointNum: 'Represents the total quantity',
active: 'Alive', // "存活", active: 'Alive', // "存活",

5
nezha-fronted/src/components/common/pickTime.vue
View File

@@ -9,6 +9,7 @@
<span class="nz-btn nz-btn-text" ><slot name="added-text"></slot></span> <span class="nz-btn nz-btn-text" ><slot name="added-text"></slot></span>
</button> </button>
<button id="browser-go" class="top-tool-btn top-tool-btn--dropdown" @mouseenter="dropdownHandler(true)" @mouseleave="dropdownHandler(false)"> <button id="browser-go" class="top-tool-btn top-tool-btn--dropdown" @mouseenter="dropdownHandler(true)" @mouseleave="dropdownHandler(false)">
<span class="select-refresh-time" v-if="interval !== -1">{{interLabel}}</span>
<i class="nz-icon nz-icon-arrow-down" style="font-size: 12px;"></i> <i class="nz-icon nz-icon-arrow-down" style="font-size: 12px;"></i>
<transition name="el-zoom-in-top"> <transition name="el-zoom-in-top">
<ul v-show="dropdownShow" class="el-dropdown-menu el-popper el-dropdown-menu--mini nz-dropdown"> <ul v-show="dropdownShow" class="el-dropdown-menu el-popper el-dropdown-menu--mini nz-dropdown">
@@ -85,7 +86,8 @@ export default {
intervalTimer: null, intervalTimer: null,
interval: -1, interval: -1,
unit: 2, unit: 2,
dropdownShow: false dropdownShow: false,
interLabel: ''
} }
}, },
created () { created () {
@@ -96,6 +98,7 @@ export default {
selectInterval (val) { selectInterval (val) {
this.visible = false this.visible = false
this.interval = val.value this.interval = val.value
this.interLabel = val.value
console.info(this.interval, val) console.info(this.interval, val)
if (!this.showTimePicker && val && val.value != -1) { if (!this.showTimePicker && val && val.value != -1) {
this.intervalTimer = setInterval(() => { this.intervalTimer = setInterval(() => {

14
nezha-fronted/src/components/common/project/popData/assetTable.vue
View File

@@ -151,32 +151,32 @@ export default {
mainTableHeight: '100%', mainTableHeight: '100%',
tableTitle: [ tableTitle: [
{ {
label: this.$t('asset.tableTitle.host'), label: this.$t('asset.host'),
prop: 'HOST', prop: 'HOST',
show: true, show: true,
width: 130, width: 130,
fixed: 'left' fixed: 'left'
}, },
{ {
label: this.$t('asset.tableTitle.device'), label: this.$t('asset.device'),
prop: 'SN', prop: 'SN',
show: true, show: true,
width: 130 width: 130
}, },
{ {
label: this.$t('asset.tableTitle.assetType'), label: this.$t('asset.assetType'),
prop: 'assetType', prop: 'assetType',
show: true show: true
}, { }, {
label: this.$t('asset.tableTitle.assetState'), label: this.$t('asset.assetState'),
prop: 'state', prop: 'state',
show: true show: true
}, { }, {
label: this.$t('asset.tableTitle.assetPing'), label: this.$t('asset.assetPing'),
prop: 'pingStatus', prop: 'pingStatus',
show: true show: true
}, { }, {
label: this.$t('asset.tableTitle.alerts'), label: this.$t('asset.alerts'),
prop: 'Alert', prop: 'Alert',
show: true, show: true,
width: 100 width: 100
@@ -287,7 +287,7 @@ export default {
this.esc(false) this.esc(false)
}, },
messageStyle (e) { messageStyle (e) {
if (e.column.label == 'Alerts' || e.column.label == this.$t('asset.tableTitle.alerts')) { if (e.column.label == 'Alerts' || e.column.label == this.$t('asset.alerts')) {
if (e.row.alertNum > 0) { if (e.row.alertNum > 0) {
return 'danger' return 'danger'
} else { } else {

2
nezha-fronted/src/components/common/project/popData/endpointTable.vue
View File

@@ -261,7 +261,7 @@ export default {
this.esc(false) this.esc(false)
}, },
messageStyle (e) { messageStyle (e) {
if (e.column.label == 'Alerts' || e.column.label == this.$t('asset.tableTitle.alerts')) { if (e.column.label == 'Alerts' || e.column.label == this.$t('asset.alerts')) {
if (e.row.alertNum > 0) { if (e.row.alertNum > 0) {
return 'danger' return 'danger'
} else { } else {

36
nezha-fronted/src/components/common/rightBox/addEndpointBox.vue
View File

@@ -310,50 +310,50 @@ export default {
assetListHalf: false, assetListHalf: false,
assetTableTitle: [ assetTableTitle: [
{ {
label: this.$t('asset.tableTitle.name'), label: this.$t('asset.name'),
prop: 'name', prop: 'name',
show: false, show: false,
allowed: true, allowed: true,
minWidth: '200' minWidth: '200'
}, },
{ {
label: this.$t('asset.tableTitle.sn'), label: this.$t('asset.sn'),
prop: 'sn', prop: 'sn',
show: true, show: true,
minWidth: '200' minWidth: '200'
}, },
{ {
label: this.$t('asset.tableTitle.manageIp'), label: this.$t('asset.manageIp'),
prop: 'manageIp', prop: 'manageIp',
show: true, show: true,
minWidth: '200' minWidth: '200'
}, { }, {
label: this.$t('asset.tableTitle.brand'), label: this.$t('asset.brand'),
prop: 'brand', prop: 'brand',
show: true, show: true,
minWidth: '100' minWidth: '100'
}, { }, {
label: this.$t('asset.tableTitle.model'), label: this.$t('asset.model'),
prop: 'model', prop: 'model',
show: true, show: true,
minWidth: '100' minWidth: '100'
}, { }, {
label: this.$t('asset.tableTitle.dc'), label: this.$t('asset.dc'),
prop: 'dc', prop: 'dc',
show: true, show: true,
minWidth: '100' minWidth: '100'
}, { }, {
label: this.$t('asset.tableTitle.cabinet'), label: this.$t('asset.cabinet'),
prop: 'cabinet', prop: 'cabinet',
show: true, show: true,
minWidth: '100' minWidth: '100'
}, { }, {
label: this.$t('asset.tableTitle.type'), label: this.$t('asset.type'),
prop: 'type', prop: 'type',
show: true, show: true,
minWidth: '100' minWidth: '100'
}, { }, {
label: this.$t('asset.tableTitle.state'), label: this.$t('asset.state'),
prop: 'state', prop: 'state',
show: true, show: true,
minWidth: '100' minWidth: '100'
@@ -371,63 +371,63 @@ export default {
zheze_none: true, zheze_none: true,
searchLabelList: [{ searchLabelList: [{
id: 10, id: 10,
name: this.$t('asset.tableTitle.sn'), name: this.$t('asset.sn'),
type: 'input', type: 'input',
label: 'sn', label: 'sn',
disabled: false disabled: false
}, },
{ {
id: 11, id: 11,
name: this.$t('asset.tableTitle.name'), name: this.$t('asset.name'),
type: 'input', type: 'input',
label: 'name', label: 'name',
disabled: false disabled: false
}, },
{ {
id: 11, id: 11,
name: this.$t('asset.tableTitle.manageIp'), name: this.$t('asset.manageIp'),
type: 'input', type: 'input',
label: 'manageIp', label: 'manageIp',
disabled: false disabled: false
}, },
{ {
id: 11, id: 11,
name: this.$t('asset.tableTitle.brand'), name: this.$t('asset.brand'),
type: 'input', type: 'input',
label: 'brand', label: 'brand',
disabled: false disabled: false
}, },
{ {
id: 11, id: 11,
name: this.$t('asset.tableTitle.model'), name: this.$t('asset.model'),
type: 'input', type: 'input',
label: 'model', label: 'model',
disabled: false disabled: false
}, },
{ {
id: 11, id: 11,
name: this.$t('asset.tableTitle.dc'), name: this.$t('asset.dc'),
type: 'input', type: 'input',
label: 'dc', label: 'dc',
disabled: false disabled: false
}, },
{ {
id: 11, id: 11,
name: this.$t('asset.tableTitle.cabinet'), name: this.$t('asset.cabinet'),
type: 'input', type: 'input',
label: 'cabinet', label: 'cabinet',
disabled: false disabled: false
}, },
{ {
id: 11, id: 11,
name: this.$t('asset.tableTitle.type'), name: this.$t('asset.type'),
type: 'input', type: 'input',
label: 'type', label: 'type',
disabled: false disabled: false
}, },
{ {
id: 11, id: 11,
name: this.$t('asset.tableTitle.state'), name: this.$t('asset.state'),
type: 'input', type: 'input',
label: 'state', label: 'state',
disabled: false disabled: false

2
nezha-fronted/src/components/common/rightBox/asset/assetBatchEditBox.vue
View File

@@ -302,7 +302,7 @@ export default {
disabled: false disabled: false
}, { }, {
id: 23, id: 23,
name: this.$t('asset.tableTitle.cabinet'), name: this.$t('asset.cabinet'),
type: 'input', type: 'input',
label: 'cabinetName', label: 'cabinetName',
disabled: false disabled: false

16
nezha-fronted/src/components/common/table/settings/chartTmplTable.vue
View File

@@ -34,7 +34,7 @@
</template> </template>
<template slot-scope="scope" :column="item"> <template slot-scope="scope" :column="item">
<span v-if="item.prop==='varType'">{{scope.row[item.prop]===1?'Asset':'endpoint'}}</span> <span v-if="item.prop==='varType'">{{scope.row[item.prop]===1?'Asset':'endpoint'}}</span>
<span v-else-if="item.prop==='type'" :class="'asd'">{{scope.row[item.prop]}}</span> <span v-else-if="item.prop==='type'" :class="typeIcon(scope.row)">{{scope.row[item.prop]}}</span>
<span v-else-if="scope.row[item.prop]">{{scope.row[item.prop] || '-'}}</span> <span v-else-if="scope.row[item.prop]">{{scope.row[item.prop] || '-'}}</span>
<template v-else>-</template> <template v-else>-</template>
</template> </template>
@@ -92,6 +92,20 @@ export default {
} }
] ]
} }
},
methods: {
typeIcon (row) {
let str = 'nz-icon'
switch (row.type) {
case 'line':
str += 'nz-icon-multitext'
break
default :
str += 'nz-icon-multitext'
break
}
return str
}
} }
} }
</script> </script>

5
nezha-fronted/src/components/common/table/settings/moduleTable.vue
View File

@@ -44,7 +44,7 @@
</template> </template>
<template v-else-if="item.prop === 'endpointNum'"> <template v-else-if="item.prop === 'endpointNum'">
<span class="endpoint-num" @click="showBottomBox('endpoint', scope.row)"> <span class="endpoint-num" @click="showBottomBox('endpoint', scope.row)">
<i class="nz-icon nz-icon-endpoint" :class="scope.row[item.prop]>0?'colorEF7458':'colorEF7458'"/> <i class="nz-icon nz-icon-overview-endpoint color969dea"/>
{{scope.row[item.prop]}} {{scope.row[item.prop]}}
</span> </span>
</template> </template>
@@ -146,6 +146,9 @@ export default {
.color23BF9A{ .color23BF9A{
color: #23BF9A; color: #23BF9A;
} }
.color969dea{
color: #969dea;
}
.endpoint-num, .alert-num{ .endpoint-num, .alert-num{
cursor: pointer; cursor: pointer;
} }

2
nezha-fronted/src/components/page/asset/asset.vue
View File

@@ -170,7 +170,7 @@ export default {
disabled: false disabled: false
}, { }, {
id: 23, id: 23,
name: this.$t('asset.tableTitle.cabinet'), name: this.$t('asset.cabinet'),
type: 'input', type: 'input',
label: 'cabinetName', label: 'cabinetName',
disabled: false disabled: false