feat:更新字体图标库 以及 批量新增endpoint 关不不提示的问题

This commit is contained in:
zhangyu
2021-08-06 10:12:09 +08:00
parent cea63d4743
commit 6eda2c2e41
10 changed files with 45 additions and 36 deletions

View File

@@ -1,5 +1,5 @@
<template>
<div class="right-box right-box-modify-endpoint" v-clickoutside="{obj:endpoint,func:clickOutside}">
<div class="right-box right-box-modify-endpoint" v-clickoutside="{obj:batchEndpoint,func:clickOutside}">
<div class="right-box__header">
<!-- begin--标题-->
<div class="header__title">{{$t("overall.batchAddEndpoint")}}</div>
@@ -26,7 +26,7 @@
title="ChartSearch"
key-field="id"
show-field="name"
v-model="moduleIds"
v-model="batchEndpoint.moduleIds"
class="form-control"
:result-format="resultFormat"
></v-selectpage>
@@ -44,7 +44,7 @@
title="ChartSearch"
key-field="id"
show-field="name"
v-model="assetIds"
v-model="batchEndpoint.assetIds"
class="form-control"
:result-format="resultFormat"
></v-selectpage>
@@ -55,7 +55,7 @@
<div class="right-box-line"></div>
<el-table
:data="tableData"
:data="batchEndpoint.tableData"
:height="'calc(100% - 400px)'"
:class="showError?'error' : ''"
style="width:calc(100% - 70px);margin-left: 15px;min-height:400px"
@@ -130,7 +130,7 @@
<button @click="generate" id="ep-generate" class="footer__btn">
<span>{{$t('overall.generate')}}</span>
</button>
<button @click="save" class="footer__btn" id="ep-add" :class="!tableData.length?'nz-btn-disabled':''" :disabled="!tableData.length">
<button @click="save" class="footer__btn" id="ep-add" :class="!batchEndpoint.tableData.length?'nz-btn-disabled':''" :disabled="!batchEndpoint.tableData.length">
<span>{{$t('overall.save')}}</span>
</button>
</div>
@@ -166,8 +166,11 @@ export default {
{ required: true, message: this.$t('validate.required'), trigger: 'change' }
]
},
moduleIds: '',
assetIds: '',
batchEndpoint:{
moduleIds: '',
assetIds: '',
tableData: []
},
assetDataList: [],
moduleList: [],
language: localStorage.getItem('nz-language'),
@@ -247,7 +250,6 @@ export default {
assetLoading: true,
rightBox: { show: false, title: this.$t('project.endpoint.createEndpoint'), isEdit: false },
optionType: 'batchAdd',
tableData: [],
endpointTableTitle: [ // 原始table列
{
label: this.$t('project.endpoint.name'),
@@ -312,17 +314,16 @@ export default {
})
},
generate () {
if (!this.assetIds || !this.moduleIds) {
if (!this.batchEndpoint.assetIds || !this.batchEndpoint.moduleIds) {
this.$message.error('Please select module or asset')
}
this.$post('/monitor/endpoint/render', { moduleIds: this.moduleIds, assetIds: this.assetIds }).then(res => {
console.log(res)
this.$post('/monitor/endpoint/render', { moduleIds: this.batchEndpoint.moduleIds, assetIds: this.batchEndpoint.assetIds }).then(res => {
res.data.list.forEach(item => {
item.configs = JSON.parse(item.configs)
item.moduleId = item.module.id
item.assetId = item.asset.id
})
this.tableData = res.data.list
this.batchEndpoint.tableData = res.data.list
})
},
// 保存endpoint
@@ -330,7 +331,7 @@ export default {
if (this.prevent_opt.save) { return } ;
this.prevent_opt.save = true
this.showError = false
if (!this.tableData.length) {
if (!this.batchEndpoint.tableData.length) {
this.prevent_opt.save = false
this.showError = true
return
@@ -338,7 +339,7 @@ export default {
// 对endpointList进行处理避免携带过多无用数据
this.$refs.addEndpoint.validate((valid) => {
if (valid) {
const paramsArr = this.tableData.map(item => {
const paramsArr = this.batchEndpoint.tableData.map(item => {
const obj = JSON.parse(JSON.stringify(item))
obj.configs = JSON.stringify(obj.configs)
return {
@@ -371,19 +372,18 @@ export default {
closeRightBox (isEdit, endpoint, isAll) {
this.rightBox.show = false
if (!isEdit) { return }
this.tableData.forEach((item, index) => {
this.batchEndpoint.tableData.forEach((item, index) => {
if (item.id === endpoint.id) {
this.tableData[index] = { ...endpoint }
this.batchEndpoint.tableData[index] = { ...endpoint }
}
})
this.tableData = [...this.tableData]
this.batchEndpoint.tableData = [...this.batchEndpoint.tableData]
},
del (index) {
this.tableData.splice(index, 1)
this.batchEndpoint.tableData.splice(index, 1)
},
edit (row) {
this.object = row
console.log(this.object)
// this.object.configs = JSON.parse(this.object.configs)
this.object.projectId = this.object.project.id
this.object.moduleId = this.object.module.id
@@ -447,7 +447,7 @@ export default {
this.getAssetList()
},
watch: {
tableData: {
'batchEndpoint.tableData': {
deep: true,
handler (n) {
this.showError = false