monitor_v3 / hg-monitor-web · Commits

Go to a project

Authored by 张凯
Commit c30e0477d2473ba54a9ff68386e16b9bd9cf015c 2 parents 944d8301 bd1aa99e

Merge branch 'master' of http://113.200.75.45:82/monitor_v3/hg-monitor-web into master-joke

Inline Side-by-side
Showing 6 changed files with 854 additions and 584 deletions
... ... @@ -28,8 +28,8 @@ li{
/*margin-left:3%;*/
/*margin-top:5%;*/
/* background-color: red; */
background-image: url(/vue3/src/assets/images/machineRoom/img-no-machine.png);
background-size: 100%;
background-image: url(../../src/assets/images/machineRoom/img-no-machine.png);
background-size: 100% 100%;
background-repeat: no-repeat;
position: relative;
... ... @@ -46,20 +46,19 @@ li{
flex-direction:column;
align-items: center;
/* background-color: red; */
margin-bottom: 15px;
}
.serve{
width:382px;
width:315px;
height:61px;
/*margin-left:-3px;*/
background-image: url(/vue3/src/assets/images/machineRoom/img-4Uservice.png);
background-image: url(../../src/assets/images/machineRoom/img-4Uservice.png);
background-size: 100% 100%;
background-repeat: no-repeat;
margin-bottom: 10px;
position: absolute;
bottom: 0;
/*position: absolute;*/
/*bottom: 0;*/
}
.serve-4u-1{
bottom: 66px;
... ... @@ -107,29 +106,29 @@ li{
bottom: 878px;
}
.img-serve-1{
background-image: url(/vue3/src/assets/images/machineRoom/img-1Uservice.png);
background-image: url(../../src/assets/images/machineRoom/img-1Uservice.png);
height:17px;
width:383px;
width: 315px;
}
.img-serve-2{
background-image: url(/vue3/src/assets/images/machineRoom/img-2Uservice.png);
background-image: url(../../src/assets/images/machineRoom/img-2Uservice.png);
height:34px;
width:383px;
width: 315px;
}
.img-serve-6{
background-image: url(/vue3/src/assets/images/machineRoom/img-6Uservice.png);
height:100px;
width:383px;
background-image: url(../../src/assets/images/machineRoom/img-6Uservice.png);
height: 60px;
width: 315px;
}
.img-serve-8{
background-image: url(/vue3/src/assets/images/machineRoom/img-8Uservice.png);
background-image: url(../../src/assets/images/machineRoom/img-8Uservice.png);
height:127px;
width:383px;
width: 315px;
}
.img-serve-10{
background-image: url(/vue3/src/assets/images/machineRoom/img-10Uservice.png);
background-image: url(../../src/assets/images/machineRoom/img-10Uservice.png);
height:157px;
width:383px;
width: 315px;
}
.img-serve-1 .img-serve-text{
font-size: 11px;
... ... @@ -218,21 +217,21 @@ li{
display: flex;
flex-flow: column;
justify-content: center;
margin-left:20px;
}
.info-top{
height:280px;
/*margin-top:-10px;*/
background-image: url(/vue3/src/assets/images/machineRoom/img-machineInfo-bg.png);
background-image: url(../../src/assets/images/machineRoom/img-machineInfo-bg.png);
}
.info-bottom{
height:370px;
margin-top:20px;
background-image: url(/vue3/src/assets/images/machineRoom/img-deviceInfo-bg.png);
background-image: url(../../src/assets/images/machineRoom/img-deviceInfo-bg.png);
}
.contain{
display: flex;
... ... @@ -293,3 +292,32 @@ body::-webkit-scrollbar-track{
-moz-borderd-radius:2em;
borderd-radius:2em;
}
/** 王凤添加 2023-04-29 start */
.serve_small{
height: 35px;
}
.state_small{
width:16px;
height:16px;
margin-top:0px;
margin-left:4px;
}
.lamp_small{
margin-top:-3px;
}
.active{
background: #5686a9;
opacity: 0.6;
}
.img-empty{
margin-left:50px;
margin-top:15px;
width:30px;
height:5px;
}
/** 王凤添加 2023-04-29 end */
... ...
... ... @@ -134,3 +134,32 @@
.machine-room-parent .cursorClass{
cursor: pointer;
}
/* 王凤增加 0416 start */
.cabinet_col{
height: 100%;
width: 9%;
float: left;
}
.img_wd{
background:url("../../src/assets/images/machineRoom/cabinet_small.png") top center no-repeat;
background-size: contain;
line-height:30px;
text-align:center;
color: #fff;
font-size: 12px;
margin-bottom: 5px;
cursor: pointer;
}
.img_light{
background:url(../../src/assets/images/machineRoom/cabinet_small_empty.png) top center no-repeat;
background-size: contain;
}
.small{
height: 800px !important;
}
.empty{
height: 35px;
}
/* 王凤增加 0416 end */
... ...
<!--机柜详细图-->
<div :class="['all']" class=" machine-room-parent">
<!-- 左侧机柜效果图 -->
<div class='contain'>
<!-- 机柜内部服务器 -->
<!--<div class='contain-server'>-->
<!-- &lt;!&ndash; 第一个- &ndash;&gt;-->
<!-- <div class='serve serve_small '>-->
<!-- <div class='img-serve'>-->
<!-- <img src="/vue3/src/assets/images/machineRoom/icon-state.png" alt="" class='state_small'>-->
<!-- <div class='img-serve-text'>-</div>-->
<!-- <div class='lamp'>-->
<!-- <img src="/vue3/src/assets/images/machineRoom/icon-weblogical.png" alt="" class='img-weblog'>-->
<!-- <div class='img-lamp'>-->
<!-- <img src="/vue3/src/assets/images/machineRoom/nocolor.png" alt="">-->
<!-- <img src="/vue3/src/assets/images/machineRoom/nocolor.png" alt="">-->
<!-- <img src="/vue3/src/assets/images/machineRoom/nocolor.png" alt="">-->
<!-- <img src="/vue3/src/assets/images/machineRoom/greenColor.png" alt="">-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class='serve serve_small '>-->
<!-- <div class='img-serve'>-->
<!-- <img src="/vue3/src/assets/images/machineRoom/icon-state.png" alt="" class='state_small'>-->
<!-- <div class='img-serve-text'>-</div>-->
<!-- <div class='lamp'>-->
<!-- <img src="/vue3/src/assets/images/machineRoom/icon-weblogical.png" alt="" class='img-weblog'>-->
<!-- <div class='img-lamp'>-->
<!-- <img src="/vue3/src/assets/images/machineRoom/nocolor.png" alt="">-->
<!-- <img src="/vue3/src/assets/images/machineRoom/nocolor.png" alt="">-->
<!-- <img src="/vue3/src/assets/images/machineRoom/nocolor.png" alt="">-->
<!-- <img src="/vue3/src/assets/images/machineRoom/greenColor.png" alt="">-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class='serve'>-->
<!-- <div class='img-serve'>-->
<!-- <img src="/vue3/src/assets/images/machineRoom/icon-state.png" alt="" class='state'>-->
<!-- <div class='img-serve-text'>-</div>-->
<!-- <div class='lamp'>-->
<!-- <img src="/vue3/src/assets/images/machineRoom/icon-weblogical.png" alt="" class='img-weblog'>-->
<!-- <div class='img-lamp'>-->
<!-- <img src="/vue3/src/assets/images/machineRoom/nocolor.png" alt="">-->
<!-- <img src="/vue3/src/assets/images/machineRoom/nocolor.png" alt="">-->
<!-- <img src="/vue3/src/assets/images/machineRoom/nocolor.png" alt="">-->
<!-- <img src="/vue3/src/assets/images/machineRoom/greenColor.png" alt="">-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class='serve'>-->
<!-- <div class='img-serve'>-->
<!-- <img src="/vue3/src/assets/images/machineRoom/icon-state.png" alt="" class='state'>-->
<!-- <div class='img-serve-text'>-</div>-->
<!-- <div class='lamp'>-->
<!-- <img src="/vue3/src/assets/images/machineRoom/icon-weblogical.png" alt="" class='img-weblog'>-->
<!-- <div class='img-lamp'>-->
<!-- <img src="/vue3/src/assets/images/machineRoom/nocolor.png" alt="">-->
<!-- <img src="/vue3/src/assets/images/machineRoom/nocolor.png" alt="">-->
<!-- <img src="/vue3/src/assets/images/machineRoom/nocolor.png" alt="">-->
<!-- <img src="/vue3/src/assets/images/machineRoom/greenColor.png" alt="">-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class='serve' :class="{ active: isShowDevice == true }">-->
<!-- <div class='img-serve'>-->
<!-- <img src="/vue3/src/assets/images/machineRoom/icon-state.png" alt="" class='state'>-->
<!-- <div class='img-serve-text'>-</div>-->
<!-- <div class='lamp'>-->
<!-- <img src="/vue3/src/assets/images/machineRoom/icon-weblogical.png" alt="" class='img-weblog'>-->
<!-- <div class='img-lamp'>-->
<!-- <img src="/vue3/src/assets/images/machineRoom/nocolor.png" alt="">-->
<!-- <img src="/vue3/src/assets/images/machineRoom/nocolor.png" alt="">-->
<!-- <img src="/vue3/src/assets/images/machineRoom/nocolor.png" alt="">-->
<!-- <img src="/vue3/src/assets/images/machineRoom/greenColor.png" alt="">-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class='serve'>-->
<!-- <div class='img-serve'>-->
<!-- <img src="/vue3/src/assets/images/machineRoom/icon-state.png" alt="" class='state'>-->
<!-- <div class='img-serve-text'>-</div>-->
<!-- <div class='lamp'>-->
<!-- <img src="/vue3/src/assets/images/machineRoom/icon-weblogical.png" alt="" class='img-weblog'>-->
<!-- <div class='img-lamp'>-->
<!-- <img src="/vue3/src/assets/images/machineRoom/nocolor.png" alt="">-->
<!-- <img src="/vue3/src/assets/images/machineRoom/nocolor.png" alt="">-->
<!-- <img src="/vue3/src/assets/images/machineRoom/nocolor.png" alt="">-->
<!-- <img src="/vue3/src/assets/images/machineRoom/greenColor.png" alt="">-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class='serve'>-->
<!-- <div class='img-serve'>-->
<!-- <img src="/vue3/src/assets/images/machineRoom/icon-state.png" alt="" class='state'>-->
<!-- <div class='img-serve-text'>-</div>-->
<!-- <div class='lamp'>-->
<!-- <img src="/vue3/src/assets/images/machineRoom/icon-weblogical.png" alt="" class='img-weblog'>-->
<!-- <div class='img-lamp'>-->
<!-- <img src="/vue3/src/assets/images/machineRoom/nocolor.png" alt="">-->
<!-- <img src="/vue3/src/assets/images/machineRoom/nocolor.png" alt="">-->
<!-- <img src="/vue3/src/assets/images/machineRoom/nocolor.png" alt="">-->
<!-- <img src="/vue3/src/assets/images/machineRoom/greenColor.png" alt="">-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class='serve'>-->
<!-- <div class='img-serve'>-->
<!-- <img src="/vue3/src/assets/images/machineRoom/icon-state.png" alt="" class='state'>-->
<!-- <div class='img-serve-text'>-</div>-->
<!-- <div class='lamp'>-->
<!-- <img src="/vue3/src/assets/images/machineRoom/icon-weblogical.png" alt="" class='img-weblog'>-->
<!-- <div class='img-lamp'>-->
<!-- <img src="/vue3/src/assets/images/machineRoom/nocolor.png" alt="">-->
<!-- <img src="/vue3/src/assets/images/machineRoom/nocolor.png" alt="">-->
<!-- <img src="/vue3/src/assets/images/machineRoom/nocolor.png" alt="">-->
<!-- <img src="/vue3/src/assets/images/machineRoom/greenColor.png" alt="">-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class='serve'>-->
<!-- <div class='img-serve'>-->
<!-- <img src="/vue3/src/assets/images/machineRoom/icon-state.png" alt="" class='state'>-->
<!-- <div class='img-serve-text'>-</div>-->
<!-- <div class='lamp'>-->
<!-- <img src="/vue3/src/assets/images/machineRoom/icon-weblogical.png" alt="" class='img-weblog'>-->
<!-- <div class='img-lamp'>-->
<!-- <img src="/vue3/src/assets/images/machineRoom/nocolor.png" alt="">-->
<!-- <img src="/vue3/src/assets/images/machineRoom/nocolor.png" alt="">-->
<!-- <img src="/vue3/src/assets/images/machineRoom/nocolor.png" alt="">-->
<!-- <img src="/vue3/src/assets/images/machineRoom/greenColor.png" alt="">-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class='serve'>-->
<!-- <div class='img-serve'>-->
<!-- <img src="/vue3/src/assets/images/machineRoom/icon-state.png" alt="" class='state'>-->
<!-- <div class='img-serve-text'>-</div>-->
<!-- <div class='lamp'>-->
<!-- <img src="/vue3/src/assets/images/machineRoom/icon-weblogical.png" alt="" class='img-weblog'>-->
<!-- <div class='img-lamp'>-->
<!-- <img src="/vue3/src/assets/images/machineRoom/nocolor.png" alt="">-->
<!-- <img src="/vue3/src/assets/images/machineRoom/nocolor.png" alt="">-->
<!-- <img src="/vue3/src/assets/images/machineRoom/nocolor.png" alt="">-->
<!-- <img src="/vue3/src/assets/images/machineRoom/greenColor.png" alt="">-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!--</div>-->
<!--机柜内部服务器-->
<div class='contain-server'>
<!-- 第一个物理服务器 -->
<!-- <div :class="['serve',{'img-serve-8':item.uPosition=='1-8U'}]"@click="showDevice(item)" v-for="(item,index) in serviceData">-->
<div :class="'serve '+item.serviceClass " :style="item.uClass" @click="showDevice(item)" v-for="(item,index) in serviceData">
<div :class="'serve '+item.serviceClass " :class="currentIndex == index ? 'active' : '' " :style="item.uClass" @click="showDevice(item,index)" v-for="(item,index) in serviceData">
<div class='img-serve' >
<img src="/vue3/src/assets/images/machineRoom/icon-state.png" alt="" class='state'>
... ...
... ... @@ -190,6 +190,7 @@ export default {
const isShowDevice=Vue.ref(false);
const theirRoom=Vue.ref('');//机房名称
const CabinetNum=props.detailData.name;//机柜编号
const currentIndex = Vue.ref(null);
// 挂载完
Vue.onMounted(() => {
... ... @@ -227,7 +228,7 @@ export default {
proxy.deviceDatas.map((item,index)=>{
if(CabinetNum==item.name){
proxy.infoData=item;
proxy.serviceData=item.deviceData
proxy.serviceData = item.deviceData
item.deviceData.map((itemD,indexD)=>{
// let strArr=itemD.uPosition.split("U");//[0]1-4 [1]U
// let leftStrArr=strArr[0].split('-');//[0]1 [1]4
... ... @@ -253,7 +254,8 @@ export default {
})
}
const showDevice=(item)=>{
const showDevice=(item,index)=>{
proxy.currentIndex = index;
proxy.isShowDevice=true;
proxy.deviceDataInfo=item;
}
... ... @@ -343,7 +345,8 @@ export default {
getDeviceInfo,
getData,
theirRoom,
UpositionBottom
UpositionBottom,
currentIndex
}
}
}
... ...
<div v-if="!isDetailShow" class="outlinediv machine-room-parent" ref="roomTable">
<!--萧山3号机房平面图-->
<div v-if="!isDetailShow" class="outlinediv small" ref="roomTable">
<!-- <span>3号机房平面图</span>-->
<div class="xiaoshanthird-topcabinet">
<table>
<!--<div class="xiaoshanthird-topcabinet">-->
<!-- <table>-->
<tr v-for="(items,indexs) in tableData">
<td v-if="items.length" v-for="(item,index) in items" :class="{'cursorClass':item.isShow}" :name="item.name" :width="item.width" @click="goDetail(item)">
<!--
<img v-if="item.isShow" :src="item.imgEmpty?'/vue3/src/assets/images/machineRoom/emptycabinet.png':'/vue3/src/assets/images/machineRoom/cabinet.png'" class="cabinet" alt="">
-->
<img v-if="item.isShow" src="/vue3/src/assets/images/machineRoom/emptycabinet.png" class="cabinet" alt="">
<span v-if="item.isShow" class="cabinetId">{{item.name}}</span>
</td>
</tr>
</table>
<!-- <tr v-for="(items,indexs) in tableData">-->
<!-- <td v-if="items.length" v-for="(item,index) in items" :class="{'cursorClass':item.isShow}" :name="item.name" :width="item.width" @click="goDetail(item)">-->
<!-- <img v-if="item.isShow" src="/vue3/src/assets/images/machineRoom/emptycabinet.png" class="cabinet" alt="">-->
<!-- <span v-if="item.isShow" class="cabinetId">{{item.name}}</span>-->
<!-- </td>-->
<!-- </tr>-->
<!-- </table>-->
<!--</div>-->
<div class="xiaoshanthird-topcabinet1">
<div v-for="(items,indexs) in tableData" class="cabinet_col">
<div v-for="(item,index) in items" :class="item.clas" @click="goDetail(item)">{{item.name}}</div>
</div>
</div>
</div>
<machineRoomDetail v-if="isDetailShow" :detailData="detailData" :machineData="machineData"></machineRoomDetail>
... ...
... ... @@ -29,579 +29,620 @@ export default {
allowClickData:['E12','E13'],//允许进入详情的机柜
tableData:[
[
{
name:'E1',
isShow:true,
className:'',
imgEmpty:false,
width:''
},
{
name:'E2',
isShow:true,
className:'',
imgEmpty:false,
width:''
},
{
name:'E3',
isShow:true,
className:'',
imgEmpty:false,
width:''
},
{
name:'E4',
isShow:true,
className:'',
imgEmpty:false,
width:''
},
{
name:'E4',
isShow:true,
className:'',
imgEmpty:false,
width:''
},
{
name:'E6',
isShow:true,
className:'',
imgEmpty:false,
width:''
},
name:'K22',
clas:'img_wd'
},{
name:'K21',
clas:'img_wd'
},{
name:'K20',
clas:'img_wd'
},{
name:'K19',
clas:'img_wd'
},{
name:'K18',
clas:'img_wd'
},{
name:'K17',
clas:'img_wd'
},{
name:'K16',
clas:'img_wd'
},{
name:'K15',
clas:'img_wd'
},{
name:'K14',
clas:'img_wd'
},{
name:'K13',
clas:'img_wd'
},{
name:'K12',
clas:'img_wd'
},{
name:'K11',
clas:'img_wd'
},{
name:'K10',
clas:'img_wd'
},{
name:'K9',
clas:'img_wd'
},{
name:'K8',
clas:'img_wd'
}
],
[
{
name:'E7',
isShow:true,
className:'',
imgEmpty:false,
width:''
},
name:'J22',
clas:'img_wd'
},{
name:'J21',
clas:'img_wd'
},{
name:'J20',
clas:'img_wd'
},{
name:'J19',
clas:'img_wd'
},{
name:'J18',
clas:'img_wd'
},{
name:'J17',
clas:'img_wd'
},{
name:'J16',
clas:'img_wd'
},{
name:'J15',
clas:'img_wd'
},{
name:'J14',
clas:'img_wd'
},{
name:'J13',
clas:'img_wd'
},{
name:'J12',
clas:'img_wd'
},{
name:'J11',
clas:'img_wd'
},{
name:'J10',
clas:'img_wd'
},{
name:'J9',
clas:'img_wd'
},{
name:'J8',
clas:'img_wd'
}],
[
{
name:'',
isShow:false,
className:'',
imgEmpty:false,
width:''
},
{
clas:'empty'
},{
name:'',
isShow:false,
className:'',
imgEmpty:false,
width:''
},
{
name:'E10',
isShow:true,
className:'',
imgEmpty:false,
width:''
},
{
name:'E11',
isShow:true,
className:'',
imgEmpty:false,
width:''
},
{
name:'E12',
isShow:true,
className:'',
imgEmpty:false,
width:''
},
{
name:'E13',
isShow:true,
className:'',
imgEmpty:false,
width:''
},
{
name:'E14',
isShow:true,
className:'',
imgEmpty:false,
width:''
},
clas:'empty'
},{
name:'I20',
clas:'img_wd'
},{
name:'I19',
clas:'img_wd'
},{
name:'I18',
clas:'img_wd'
},{
name:'I17',
clas:'img_wd'
},{
name:'I16',
clas:'img_wd'
},{
name:'I15',
clas:'img_wd'
},{
name:'I14',
clas:'img_wd'
},{
name:'I13',
clas:'img_wd'
},{
name:'I12',
clas:'img_wd'
},{
name:'I11',
clas:'img_wd'
},{
name:'I10',
clas:'img_wd'
},{
name:'I9',
clas:'img_wd'
},{
name:'I8',
clas:'img_wd'
}],
[
{
name:'E15',
isShow:true,
className:'',
imgEmpty:false,
width:''
name:'',
clas:'empty'
},{
name:'',
clas:'empty'
},{
name:'H20',
clas:'img_wd'
},{
name:'H19',
clas:'img_wd'
},{
name:'H18',
clas:'img_wd'
},{
name:'H17',
clas:'img_wd'
},{
name:'H16',
clas:'img_wd'
},{
name:'H15',
clas:'img_wd'
},{
name:'H14',
clas:'img_wd'
},{
name:'H13',
clas:'img_wd'
},{
name:'',
clas:'empty'
},{
name:'',
clas:'empty'
},{
name:'H10',
clas:'img_wd'
},{
name:'H9',
clas:'img_wd'
},{
name:'H8',
clas:'img_wd'
}
],
[],
[
{
name:'D1',
isShow:true,
className:'',
imgEmpty:false,
width:''
},
{
name:'D2',
isShow:true,
className:'',
imgEmpty:false,
width:''
},
{
name:'D3',
isShow:true,
className:'',
imgEmpty:false,
width:''
},
{
name:'D4',
isShow:true,
className:'',
imgEmpty:false,
width:''
},
{
name:'D4',
isShow:true,
className:'',
imgEmpty:false,
width:''
},
{
name:'D6',
isShow:true,
className:'',
imgEmpty:false,
width:''
},
{
name:'D7',
isShow:true,
className:'',
imgEmpty:false,
width:''
},
{
name:'D8',
isShow:true,
className:'',
imgEmpty:false,
width:''
},
{
name:'D9',
isShow:true,
className:'',
imgEmpty:false,
width:''
},
{
name:'D10',
isShow:true,
className:'',
imgEmpty:false,
width:''
},
{
name:'D11',
isShow:true,
className:'',
imgEmpty:false,
width:''
},
{
name:'D12',
isShow:true,
className:'',
imgEmpty:false,
width:''
},
{
name:'D13',
isShow:true,
className:'',
imgEmpty:false,
width:''
},
{
name:'D14',
isShow:true,
className:'',
imgEmpty:false,
width:''
},
{
name:'D15',
isShow:true,
className:'',
imgEmpty:false,
width:''
name:'',
clas:'empty'
},{
name:'',
clas:'empty'
},{
name:'G20',
clas:'img_wd'
},{
name:'G19',
clas:'img_wd'
},{
name:'G18',
clas:'img_wd'
},{
name:'G17',
clas:'img_wd'
},{
name:'G16',
clas:'img_wd'
},{
name:'G15',
clas:'img_wd'
},{
name:'G14',
clas:'img_wd'
},{
name:'G13',
clas:'img_wd'
},{
name:'G12',
clas:'img_wd'
},{
name:'G11',
clas:'img_wd'
},{
name:'G10',
clas:'img_wd'
},{
name:'G9',
clas:'img_wd'
},{
name:'G8',
clas:'img_wd'
},{
name:'G7',
clas:'img_wd'
},{
name:'G6',
clas:'img_wd'
},{
name:'G5',
clas:'img_wd'
},{
name:'G4',
clas:'img_wd'
},{
name:'G3',
clas:'img_wd'
},{
name:'G2',
clas:'img_wd'
},{
name:'G1',
clas:'img_wd'
}
],
[],
[
{
name:'C1',
isShow:true,
className:'',
imgEmpty:false,
width:''
},
{
name:'C2',
isShow:true,
className:'',
imgEmpty:false,
width:''
},
{
name:'C3',
isShow:true,
className:'',
imgEmpty:false,
width:''
},
{
name:'C4',
isShow:true,
className:'',
imgEmpty:false,
width:''
},
{
name:'C4',
isShow:true,
className:'',
imgEmpty:false,
width:''
},
{
name:'C6',
isShow:true,
className:'',
imgEmpty:false,
width:''
},
{
name:'C7',
isShow:true,
className:'',
imgEmpty:false,
width:''
},
{
name:'C8',
isShow:true,
className:'',
imgEmpty:false,
width:''
},
{
name:'C9',
isShow:true,
className:'',
imgEmpty:false,
width:''
},
{
name:'C10',
isShow:true,
className:'',
imgEmpty:false,
width:''
},
{
name:'C11',
isShow:true,
className:'',
imgEmpty:false,
width:''
},
{
name:'C12',
isShow:true,
className:'',
imgEmpty:false,
width:''
},
{
name:'C13',
isShow:true,
className:'',
imgEmpty:false,
width:''
},
{
name:'C14',
isShow:true,
className:'',
imgEmpty:false,
width:''
},
{
name:'C15',
isShow:true,
className:'',
imgEmpty:false,
width:''
name:'',
clas:'empty'
},{
name:'',
clas:'empty'
},{
name:'F20',
clas:'img_wd'
},{
name:'F19',
clas:'img_wd'
},{
name:'F18',
clas:'img_wd'
},{
name:'F17',
clas:'img_wd'
},{
name:'F16',
clas:'img_wd'
},{
name:'F15',
clas:'img_wd'
},{
name:'F14',
clas:'img_wd'
},{
name:'F13',
clas:'img_wd'
},{
name:'F12',
clas:'img_wd'
},{
name:'F11',
clas:'img_wd'
},{
name:'F10',
clas:'img_wd'
},{
name:'F9',
clas:'img_wd'
},{
name:'F8',
clas:'img_wd'
},{
name:'F7',
clas:'img_wd'
},{
name:'F6',
clas:'img_wd'
},{
name:'F5',
clas:'img_wd'
},{
name:'F4',
clas:'img_wd'
},{
name:'F3',
clas:'img_wd'
},{
name:'F2',
clas:'img_wd'
},{
name:'F1',
clas:'img_wd'
}
],
[],
[
{
name:'B1',
isShow:true,
className:'',
imgEmpty:false,
width:''
},
{
name:'B2',
isShow:true,
className:'',
imgEmpty:false,
width:''
},
{
name:'B3',
isShow:true,
className:'',
imgEmpty:false,
width:''
},
{
name:'B4',
isShow:true,
className:'',
imgEmpty:false,
width:''
},
{
name:'B5',
isShow:true,
className:'',
imgEmpty:false,
width:''
},
{
name:'B6',
isShow:true,
className:'',
imgEmpty:false,
width:''
},
{
name:'B7',
isShow:true,
className:'',
imgEmpty:false,
width:''
},
{
name:'',
isShow:false,
className:'',
imgEmpty:false,
width:''
},
{
clas:'empty'
},{
name:'',
isShow:false,
className:'',
imgEmpty:false,
width:''
},
{
name:'B10',
isShow:true,
className:'',
imgEmpty:false,
width:''
},
{
name:'B11',
isShow:true,
className:'',
imgEmpty:false,
width:''
},
{
name:'B12',
isShow:true,
className:'',
imgEmpty:false,
width:''
},
{
name:'B13',
isShow:true,
className:'',
imgEmpty:false,
width:''
},
{
name:'B14',
isShow:true,
className:'',
imgEmpty:false,
width:''
},
{
name:'B15',
isShow:true,
className:'',
imgEmpty:false,
width:''
},
{
name:'B16',
isShow:true,
className:'',
imgEmpty:false,
width:''
},
{
name:'B17',
isShow:true,
className:'',
imgEmpty:false,
width:''
clas:'empty'
},{
name:'E15',
clas:'img_wd'
},{
name:'E14',
clas:'img_wd'
},{
name:'E13',
clas:'img_wd'
},{
name:'E12',
clas:'img_wd'
},{
name:'E11',
clas:'img_wd'
},{
name:'E10',
clas:'img_wd'
},{
name:'E9',
clas:'img_wd'
},{
name:'E8',
clas:'img_wd'
},{
name:'',
clas:'empty'
},{
name:'E7',
clas:'img_wd'
},{
name:'E6',
clas:'img_wd'
},{
name:'E5',
clas:'img_wd'
},{
name:'E4',
clas:'img_wd'
},{
name:'E3',
clas:'img_wd'
},{
name:'E2',
clas:'img_wd'
}
],
[],
[{
name:'',
clas:'empty'
},{
name:'',
clas:'empty'
},{
name:'D15',
clas:'img_wd'
},{
name:'D14',
clas:'img_wd'
},{
name:'D13',
clas:'img_wd'
},{
name:'D12',
clas:'img_wd'
},{
name:'D11',
clas:'img_wd'
},{
name:'D10',
clas:'img_wd'
},{
name:'D9',
clas:'img_wd'
},{
name:'D8',
clas:'img_wd'
},{
name:'D7',
clas:'img_wd'
},{
name:'D6',
clas:'img_wd'
},{
name:'D5',
clas:'img_wd'
},{
name:'D4',
clas:'img_wd'
},{
name:'D3',
clas:'img_wd'
},{
name:'D2',
clas:'img_wd'
},{
name:'D1',
clas:'img_wd'
}],
[
{
name:'A1',
isShow:true,
className:'',
imgEmpty:false,
width:''
},
{
name:'A2',
isShow:true,
className:'',
imgEmpty:false,
width:''
},
{
name:'A3',
isShow:true,
className:'',
imgEmpty:false,
width:''
},
{
name:'A4',
isShow:true,
className:'',
imgEmpty:false,
width:''
},
{
name:'A4',
isShow:true,
className:'',
imgEmpty:false,
width:''
},
{
name:'A6',
isShow:true,
className:'',
imgEmpty:false,
width:''
},
{
name:'A7',
isShow:true,
className:'',
imgEmpty:false,
width:''
},
{
name:'A8',
isShow:true,
className:'',
imgEmpty:false,
width:''
},
{
name:'A9',
isShow:true,
className:'',
imgEmpty:false,
width:''
},
{
name:'A10',
isShow:true,
className:'',
imgEmpty:false,
width:''
},
{
name:'A11',
isShow:true,
className:'',
imgEmpty:false,
width:''
},
{
name:'A12',
isShow:true,
className:'',
imgEmpty:false,
width:''
},
{
name:'A13',
isShow:true,
className:'',
imgEmpty:false,
width:''
},
{
name:'A14',
isShow:true,
className:'',
imgEmpty:false,
width:''
},
{
name:'A15',
isShow:true,
className:'',
imgEmpty:false,
width:''
},
{
name:'A16',
isShow:true,
className:'',
imgEmpty:false,
width:''
},
name:'',
clas:'empty'
},{
name:'',
clas:'empty'
},{
name:'C15',
clas:'img_wd'
},{
name:'C14',
clas:'img_wd'
},{
name:'C13',
clas:'img_wd'
},{
name:'C12',
clas:'img_wd'
},{
name:'C11',
clas:'img_wd'
},{
name:'C10',
clas:'img_wd'
},{
name:'C9',
clas:'img_wd'
},{
name:'C8',
clas:'img_wd'
},{
name:'C7',
clas:'img_wd'
},{
name:'C6',
clas:'img_wd'
},{
name:'C5',
clas:'img_wd'
},{
name:'C4',
clas:'img_wd'
},{
name:'C3',
clas:'img_wd'
},{
name:'C2',
clas:'img_wd'
},{
name:'C1',
clas:'img_wd'
}
],
[
{
name:'A17',
isShow:true,
className:'',
imgEmpty:false,
width:''
name:'',
clas:'empty'
},{
name:'',
clas:'empty'
},{
name:'',
clas:'empty'
},{
name:'B17',
clas:'img_wd'
},{
name:'B16',
clas:'img_wd'
},{
name:'B15',
clas:'img_wd'
},{
name:'B14',
clas:'img_wd'
},{
name:'B13',
clas:'img_wd'
},{
name:'B12',
clas:'img_wd'
},{
name:'B11',
clas:'img_wd'
},{
name:'B10',
clas:'img_wd'
},{
name:'',
clas:'empty'
},{
name:'',
clas:'empty'
},{
name:'B7',
clas:'img_wd'
},{
name:'B6',
clas:'img_wd'
},{
name:'B5',
clas:'img_wd'
},{
name:'B4',
clas:'img_wd img_light'
},{
name:'B3',
clas:'img_wd'
},{
name:'B2',
clas:'img_wd'
},{
name:'B1',
clas:'img_wd'
}
],
[{
name:'',
clas:'empty'
},{
name:'',
clas:'empty'
},{
name:'',
clas:'empty'
},{
name:'A17',
clas:'img_wd'
},{
name:'A16',
clas:'img_wd'
},{
name:'A15',
clas:'img_wd'
},{
name:'A14',
clas:'img_wd'
},{
name:'A13',
clas:'img_wd'
},{
name:'A12',
clas:'img_wd'
},{
name:'A11',
clas:'img_wd'
},{
name:'A10',
clas:'img_wd'
},{
name:'A9',
clas:'img_wd'
},{
name:'A8',
clas:'img_wd'
},{
name:'A7',
clas:'img_wd'
},{
name:'A6',
clas:'img_wd'
},{
name:'A5',
clas:'img_wd'
},{
name:'A4',
clas:'img_wd'
},{
name:'A3',
clas:'img_wd'
},{
name:'A2',
clas:'img_wd'
},{
name:'A1',
clas:'img_wd'
}]
]
}
},
... ...