NEZ-787 fix: 修复Asset model页面,点击Open terminal,Duplicate,Silence alert按钮无反应

This commit is contained in:
@changcode
2021-07-01 17:56:01 +08:00
parent f2277d7014
commit c715a96321
6 changed files with 82 additions and 25 deletions

View File

@@ -26,10 +26,12 @@
:height="mainTableHeight"
:now-time="nowTime"
:table-data="tableData"
:alertMessageTabNew="true"
@del="del"
@edit="edit"
@orderBy="tableDataSort"
@reload="getTableData"
@addSilence="addSilence"
@selectionChange="selectionChange"
@showBottomBox="(target, item) => { $refs.dataList.showBottomBox(target, item) }"
@toDelete="toDeleteMessage"
@@ -55,6 +57,7 @@
</div>
<chart ref="messageChart" :unit="chartUnit" name="alertMessageChart"></chart>
</el-dialog>
<transition name="right-box"><alert-silence-box v-if='silenceBoxShow' :alert-silence="objectSilence" @close="closeSilenceBox"></alert-silence-box></transition>
</div>
</template>
@@ -69,6 +72,7 @@ import alertMessageTable from '@/components/common/table/alert/alertMessageTable
import chartDataFormat from '@/components/charts/chartDataFormat'
import chart from '@/components/page/dashboard/overview/chart'
import { alertMessage as alertMessageConstant, fromRoute } from '@/components/common/js/constants'
import alertSilenceBox from '@/components/common/rightBox/alertSilenceBox'
export default {
name: 'alertMessageTab',
@@ -76,6 +80,7 @@ export default {
components: {
nzBottomDataList,
alertMessageTable,
alertSilenceBox,
chart
},
props: {
@@ -97,6 +102,22 @@ export default {
url: 'alert/message',
tableId: 'alertMessageModule', // 需要分页的table的id用于记录每页数量
state: '1',
blankSilenceObject: {
id: '',
startAt: '',
endAt: '',
ruleId: '',
type: 'asset',
linkId: '',
remark: '',
time: [],
matchers: [
{ name: '', value: '', regex: 0 }
],
name: ''
},
objectSilence: {},
silenceBoxShow: false,
searchMsg: { // 给搜索框子组件传递的信息
searchLabelList: [
{

View File

@@ -22,6 +22,9 @@
:assetTab="true"
@del="del"
@edit="edit"
@cli="cli"
@duplicate="duplicate"
@addSilence="addSilence"
@orderBy="tableDataSort"
@reload="getTableData"
@selectionChange="selectionChange"
@@ -45,6 +48,7 @@
@close="closeRightBox"
@refresh="getTableData"></asset-box>
</transition>
<transition name="right-box"><alert-silence-box v-if='silenceBoxShow' :alert-silence="objectSilence" @close="closeSilenceBox"></alert-silence-box></transition>
</div>
</template>
@@ -55,13 +59,16 @@ import nzBottomDataList from '@/components/common/bottomBox/nzBottomDataList'
import assetTable from '@/components/common/table/asset/assetTable'
import assetBox from '@/components/common/rightBox/asset/assetBox'
import { fromRoute } from "@/components/common/js/constants";
import alertSilenceBox from '@/components/common/rightBox/alertSilenceBox'
export default {
name: 'assetTab',
mixins: [dataListMixin, subDataListMixin],
components: {
nzBottomDataList,
assetTable,
assetBox
assetBox,
alertSilenceBox
},
data () {
return {
@@ -96,6 +103,11 @@ export default {
disabled: false
}]
},
blankSilenceObject: {
startAt: ''
},
objectSilence: {},
silenceBoxShow: false,
searchLabel: { dcIds: this.obj.id },
brandData: [],
modelData: [],
@@ -107,6 +119,10 @@ export default {
}
},
methods: {
duplicate (row) {
this.object = { ...row, id: '', name: `${row.name}-copy` }
this.rightBox.show = true
},
getStateData () {
return new Promise(resolve => {
this.$get('asset/stateConf').then(response => {
@@ -176,8 +192,15 @@ export default {
resolve()
})
})
},
cli (row) {
const consoleParam = {
id: row.id,
host: row.manageIp,
port: row.authProtocolPort
}
this.$store.commit('addConsole', consoleParam)
}
},
watch: {
obj: {

View File

@@ -25,6 +25,7 @@
@del="del"
@edit="edit"
@orderBy="tableDataSort"
@addSilence="addSilence"
@reload="getTableData"
@selectionChange="selectionChange"
></endpoint-table>
@@ -36,6 +37,7 @@
<transition name="right-box">
<edit-endpoint-box-new v-if="rightBox.editShow" :module="object" @close="closeRightEditBox" :disabled="true" :optionType="'edit'"></edit-endpoint-box-new>
</transition>
<transition name="right-box"><alert-silence-box v-if='silenceBoxShow' :alert-silence="objectSilence" @close="closeSilenceBox"></alert-silence-box></transition>
</div>
</template>
@@ -46,6 +48,7 @@ import nzBottomDataList from '@/components/common/bottomBox/nzBottomDataList'
import endpointTable from '@/components/common/table/settings/endpointTable'
import EditEndpointBoxNew from '@/components/common/rightBox/editEndpointBoxNew'
import { fromRoute } from "@/components/common/js/constants";
import alertSilenceBox from '@/components/common/rightBox/alertSilenceBox'
export default {
name: 'terminalLogTab',
@@ -53,7 +56,8 @@ export default {
components: {
nzBottomDataList,
endpointTable,
EditEndpointBoxNew
EditEndpointBoxNew,
alertSilenceBox
},
watch: {
obj: {
@@ -87,6 +91,11 @@ export default {
}
]
},
blankSilenceObject: {
startAt: ''
},
objectSilence: {},
silenceBoxShow: false,
nowTime: '',
rightBox: {
editShow: false,

View File

@@ -148,7 +148,8 @@ export default {
showOption: {
type: Boolean,
default: true
}
},
alertMessageTabNew: Boolean
},
mixins: [table, bus],
data () {

View File

@@ -167,6 +167,9 @@ export default {
]
}
},
mounted () {
console.log(this.userData)
},
methods: {
showTableTooltip,
hideTableTooltip,

View File

@@ -107,7 +107,7 @@
<i class="nz-icon nz-icon-more3"></i>
</div>
<el-dropdown-menu slot="dropdown">
<el-dropdown-item :command="['endpointQuery', scope.row]"><i class="nz-icon nz-icon-search"></i><span class="operation-dropdown-text">{{$t('overall.query')}}</span></el-dropdown-item>
<el-dropdown-item v-if="!endpointTab" :command="['endpointQuery', scope.row]"><i class="nz-icon nz-icon-search"></i><span class="operation-dropdown-text">{{$t('overall.query')}}</span></el-dropdown-item>
<el-dropdown-item v-if="!endpointTab" v-has="'monitor_endpoint_edit'" :command="['edit', scope.row]"><i class="nz-icon nz-icon-edit"></i><span class="operation-dropdown-text">{{$t('overall.edit')}}</span></el-dropdown-item>
<el-dropdown-item v-has="'monitor_endpoint_delete'" :command="['delete', scope.row, `sys/endpoint?ids=${scope.row.id}`]"><i class="nz-icon nz-icon-delete"></i><span class="operation-dropdown-text">{{$t('overall.delete')}}</span></el-dropdown-item>
<el-dropdown-item v-has="'alertSilence_add'" :command="['fastSilence', scope.row, 'endpoint']"><i class="nz-icon nz-icon-fast-silence"></i><span class="operation-dropdown-text">{{$t('overall.silenceAlert')}}</span></el-dropdown-item>