@ -40,7 +40,7 @@
< div class = "arrow" > < / div > < div class = "arrow" > < / div >
< / div > < / div >
< div v-for ="(item, index) in topo" v-if="index < 5" class="switch" > < div v-for ="(item, index) in topo" v-if="index < 5" class="switch" >
< div : class = "'line ' + (item.netWorkStatus ? '' : 'liner')" > < / div > < div : class = "'line ' + (item.netWorkStatus ? '' : 'liner')" style = "height: 70px;margin-top: -10px;" > < / div >
< div < div
: class = "'arrowdown ' + (item.netWorkStatus ? '' : 'arrowr')" : class = "'arrowdown ' + (item.netWorkStatus ? '' : 'arrowr')"
> < / div > > < / div >
@ -54,11 +54,6 @@
> < / div > > < / div >
< img v -if = " item.netWorkStatus " src = "./switch1.png" / > < img v -if = " item.netWorkStatus " src = "./switch1.png" / >
< img v -else src = "./switch0.png" / > < img v -else src = "./switch0.png" / >
<!-- < div
: class = "
'c-name c-namesw ' + ( item . netWorkStatus ? '' : 'c-namer' )
"
> < / div > -- >
< div : class = "'c-desc ' + (item.netWorkStatus ? '' : 'c-descr')" > < div : class = "'c-desc ' + (item.netWorkStatus ? '' : 'c-descr')" >
< div > 桩号 ： { { item . stakeMark } } < / div > < div > 桩号 ： { { item . stakeMark } } < / div >
< div > IP ： { { item . switchIp } } < / div > < div > IP ： { { item . switchIp } } < / div >
@ -78,7 +73,7 @@
< / div > < / div >
< div class = "c" style = "margin-top: -5px" > < div class = "c" style = "margin-top: -5px" >
< div v-for ="(item, index) in topo" v-if="index >= 5" class="switch" > < div v-for ="(item, index) in topo" v-if="index >= 5" class="switch" >
< div : class = "'line ' + (item.netWorkStatus ? '' : 'liner')" > < / div > < div : class = "'line ' + (item.netWorkStatus ? '' : 'liner')" style = "height: 70px;margin-top: -10px;" > < / div >
< div < div
: class = "'arrowdown ' + (item.netWorkStatus ? '' : 'arrowr')" : class = "'arrowdown ' + (item.netWorkStatus ? '' : 'arrowr')"
> < / div > > < / div >
@ -168,7 +163,7 @@
v - for = "(idv, idvx) in itm.dcDeviceList" v - for = "(idv, idvx) in itm.dcDeviceList"
class = "device-item" class = "device-item"
> >
< img src = "./t10.png "/ > < img :src ="require(`./t${itm.netWorkStatus}${idv.childType||'1-1'}.svg`) "/ >
< el -tooltip < el -tooltip
class = "item" class = "item"
effect = "dark" effect = "dark"
@ -221,12 +216,6 @@ export default {
} , } ,
mounted ( ) { mounted ( ) {
this . bind ( ) ; this . bind ( ) ;
request ( {
url : "/type/list" ,
method : "get" ,
} ) . then ( ( res ) => {
console . log ( res ) ;
} ) ;
} , } ,
methods : { methods : {
bind ( ) { bind ( ) {
@ -261,7 +250,6 @@ export default {
let cards = [ ] ; let cards = [ ] ;
let topo = [ ] ; let topo = [ ] ;
const list = this . map . children [ e - 1 ] . children ; const list = this . map . children [ e - 1 ] . children ;
const list1 = list . filter ( ( x ) => x . ringNetWork === 1 ) ; const list1 = list . filter ( ( x ) => x . ringNetWork === 1 ) ;
if ( list1 ) { if ( list1 ) {
cards . push ( { cards . push ( {
