64 lines
1.8 KiB
JavaScript
64 lines
1.8 KiB
JavaScript
|
import { get } from '@/utils/http'
|
||
|
|
export default {
|
||
|
|
data () {
|
||
|
|
return {
|
||
|
|
relationDomainData: [],
|
||
|
|
relationAppData: [],
|
||
|
|
showMoreApp: false,
|
||
|
|
showMoreDomain: false,
|
||
|
|
moreDataDomain: [],
|
||
|
|
moreDataApp: [],
|
||
|
|
showDomainMore: false,
|
||
|
|
showAppMore: false
|
||
|
|
}
|
||
|
|
},
|
||
|
|
methods: {
|
||
|
|
getRelatedServerData () {
|
||
|
|
get(this.relatedServerDomainUrl, this.getQueryParams()).then(response => {
|
||
|
|
if (response.code === 200) {
|
||
|
|
this.relationDomainData = response.data.result
|
||
|
|
this.relatedServerWidth(this.relationDomainData, 'relatedDomain')
|
||
|
|
}
|
||
|
|
})
|
||
|
|
get(this.relatedServerAppUrl, this.getQueryParams()).then(response => {
|
||
|
|
if (response.code === 200) {
|
||
|
|
this.relationAppData = response.data.result
|
||
|
|
this.relatedServerWidth(this.relationAppData, 'relatedServerApp')
|
||
|
|
}
|
||
|
|
})
|
||
|
|
},
|
||
|
|
relatedServerWidth (data, value) {
|
||
|
|
const relatedServerWidth = this.$refs.relationship.offsetWidth
|
||
|
|
let sum = 0
|
||
|
|
let flag = true
|
||
|
|
data.map((item, index) => {
|
||
|
|
if (this.$refs[value + index]) {
|
||
|
|
const width = this.$refs[value + index].offsetWidth + 22
|
||
|
|
if (width) {
|
||
|
|
sum += width
|
||
|
|
if (flag && relatedServerWidth < sum) {
|
||
|
|
flag = false
|
||
|
|
this.showDomainMore = true
|
||
|
|
}
|
||
|
|
}
|
||
|
|
item.show = flag
|
||
|
|
}
|
||
|
|
return item
|
||
|
|
})
|
||
|
|
console.log(data)
|
||
|
|
},
|
||
|
|
more (data, showMore, index) {
|
||
|
|
if (index === 1) {
|
||
|
|
this.moreDataDomain = data
|
||
|
|
this.showMoreDomain = !showMore
|
||
|
|
this.showMoreApp = false
|
||
|
|
}
|
||
|
|
if (index === 2) {
|
||
|
|
this.moreDataApp = data
|
||
|
|
this.showMoreApp = !showMore
|
||
|
|
this.showMoreDomain = false
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|