jhnine
/
JCC-RIP
forked from JointCloud/JCC-RIP
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix

This commit is contained in:
ann 2023-03-15 15:41:47 +08:00
parent 562c2949af
commit 117b1725ac
2 changed files with 38 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

45
src/views/prometheusMonitor/earth.vue
View File

@ -1,16 +1,18 @@
<template>
<div>
<div id="earth" />
<div v-if="!globe" class="chinaDetail">
<el-button @click="filterData('ys')">云算中心 {{ ys.length }}</el-button>
<el-button @click="filterData('zs')"><svg-icon icon-class="zs" />智算中心 {{ zs.length }}</el-button>
<el-button @click="filterData('cs')"><svg-icon icon-class="cs" />超算中心 {{ cs.length }}</el-button>
<el-button @click="filterData('dsxs')"><svg-icon icon-class="dsxs" />东数西算 {{ dsxs.length }}</el-button>
<p v-for="(it,ind) in connectionStateMap" :key="ind"><svg-icon :icon-class="connectionStateSVG[ind]" />{{ it + ':' +connectionState[ind] }}</p>
</div>
<div class="switchDataBtn">
<el-button @click="switchData('point')">算力网</el-button>
<el-button @click="switchData('line')">新型网络</el-button>
<transition name="el-zoom-in-bottom">
<div v-show="!globe&&cp" class="chinaDetail">
<el-button @click="filterData('ys')">云算中心 {{ ys.length }}</el-button>
<el-button @click="filterData('zs')"><svg-icon icon-class="zs" />智算中心 {{ zs.length }}</el-button>
<el-button @click="filterData('cs')"><svg-icon icon-class="cs" />超算中心 {{ cs.length }}</el-button>
<el-button @click="filterData('dsxs')"><svg-icon icon-class="dsxs" />东数西算 {{ dsxs.length }}</el-button>
<p v-for="(it,ind) in connectionStateMap" :key="ind"><svg-icon :icon-class="connectionStateSVG[ind]" />{{ it + ':' +connectionState[ind] }}</p>
</div>
</transition>
<div v-show="!globe" class="switchDataBtn">
<el-button :class="cp?'active':''" @click="switchData('point')">算力网</el-button>
<el-button :class="!cp?'active':''" @click="switchData('line')">新型网络</el-button>
</div>
<a class="switchBtn toChina" :class="!globe?'activeBtn':''" @click="toChina"><svg-icon icon-class="china" /></a>
<a class="switchBtn" :class="globe?'activeBtn':''" @click="toWorld"><svg-icon icon-class="globe" /></a>
@ -50,6 +52,7 @@ export default {
dynamicMaterial: undefined,
originPosition: undefined,
globe: true,
cp: true,
flyArr: [],
flyId: 0,
connectionStateMap: {
@ -133,6 +136,7 @@ export default {
},
switchData(type) {
console.log(type)
this.cp = !this.cp
},
toWorld() {
this.globe = true
@ -165,6 +169,7 @@ export default {
this.scene.getObjectByName('pointText').visible = !this.globe
this.camera.lookAt(this.scene.position)
this.cp = true
},
toChina() {
this.globe = false
@ -880,7 +885,7 @@ export default {
ctx.canvas.width = width
// need to set font again after resizing canvas
ctx.textBaseline = 'top'
ctx.font = '85px Arial'
ctx.font = 'bold 85px Arial'
ctx.lineWidth = 20
// ctx.fillStyle = 'rgba(0, 0, 0, 0.5)'
// ctx.fillRect(0, 0, width, 150)
@ -983,5 +988,23 @@ export default {
margin-right: 0.6rem;
}
}
.switchDataBtn{
position: absolute;
bottom: 2vh;
right: 40vw;
.el-button,.el-button + .el-button{
width: 10vw;
margin-bottom: 5px;
padding: 5px 15px;
// width: 100%;
background-color: #b3afaf33;
border-radius: 0;
// text-align: left;
border: 0;
line-height: 3rem;
}
.active{ background-image: linear-gradient(rgba(#3EDFFC,.4),hsla(0,0%,100%,.1),hsla(0,0%,100%,0)); color: #fff;
}
}
</style>

8
vue.config.js
View File

@ -60,8 +60,8 @@ module.exports = {
},
'^/jcc-': {
ws: false,
target: 'https://10.101.15.6/apis', /* 测试环境 */
// target: 'https://jointcloud.net/apis', /* 演示环境 */
// target: 'https://10.101.15.6/apis', /* 测试环境 */
target: 'https://jointcloud.net/apis', /* 演示环境 */
changeOrigin: true,
secure: false
},
@ -79,8 +79,8 @@ module.exports = {
},
'/openapi': {
ws: false,
// target: 'http://grampus.openi.org.cn/',
target: 'https://10.101.15.6/apis',
target: 'http://grampus.openi.org.cn/',
// target: 'https://10.101.15.6/apis',
changeOrigin: true
}
// '^/edgex': {