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{ @@ -28,8 +28,8 @@ li{
28 /*margin-left:3%;*/ 28 /*margin-left:3%;*/
29 /*margin-top:5%;*/ 29 /*margin-top:5%;*/
30 /* background-color: red; */ 30 /* background-color: red; */
31 - background-image: url(/vue3/src/assets/images/machineRoom/img-no-machine.png);  
32 - background-size: 100%; 31 + background-image: url(../../src/assets/images/machineRoom/img-no-machine.png);
  32 + background-size: 100% 100%;
33 background-repeat: no-repeat; 33 background-repeat: no-repeat;
34 position: relative; 34 position: relative;
35 35
@@ -46,20 +46,19 @@ li{ @@ -46,20 +46,19 @@ li{
46 flex-direction:column; 46 flex-direction:column;
47 align-items: center; 47 align-items: center;
48 /* background-color: red; */ 48 /* background-color: red; */
49 - 49 + margin-bottom: 15px;
50 } 50 }
51 51
52 52
53 .serve{ 53 .serve{
54 - width:382px; 54 + width:315px;
55 height:61px; 55 height:61px;
56 /*margin-left:-3px;*/ 56 /*margin-left:-3px;*/
57 - background-image: url(/vue3/src/assets/images/machineRoom/img-4Uservice.png); 57 + background-image: url(../../src/assets/images/machineRoom/img-4Uservice.png);
58 background-size: 100% 100%; 58 background-size: 100% 100%;
59 background-repeat: no-repeat; 59 background-repeat: no-repeat;
60 - margin-bottom: 10px;  
61 - position: absolute;  
62 - bottom: 0; 60 + /*position: absolute;*/
  61 + /*bottom: 0;*/
63 } 62 }
64 .serve-4u-1{ 63 .serve-4u-1{
65 bottom: 66px; 64 bottom: 66px;
@@ -107,29 +106,29 @@ li{ @@ -107,29 +106,29 @@ li{
107 bottom: 878px; 106 bottom: 878px;
108 } 107 }
109 .img-serve-1{ 108 .img-serve-1{
110 - background-image: url(/vue3/src/assets/images/machineRoom/img-1Uservice.png); 109 + background-image: url(../../src/assets/images/machineRoom/img-1Uservice.png);
111 height:17px; 110 height:17px;
112 - width:383px; 111 + width: 315px;
113 } 112 }
114 .img-serve-2{ 113 .img-serve-2{
115 - background-image: url(/vue3/src/assets/images/machineRoom/img-2Uservice.png); 114 + background-image: url(../../src/assets/images/machineRoom/img-2Uservice.png);
116 height:34px; 115 height:34px;
117 - width:383px; 116 + width: 315px;
118 } 117 }
119 .img-serve-6{ 118 .img-serve-6{
120 - background-image: url(/vue3/src/assets/images/machineRoom/img-6Uservice.png);  
121 - height:100px;  
122 - width:383px; 119 + background-image: url(../../src/assets/images/machineRoom/img-6Uservice.png);
  120 + height: 60px;
  121 + width: 315px;
123 } 122 }
124 .img-serve-8{ 123 .img-serve-8{
125 - background-image: url(/vue3/src/assets/images/machineRoom/img-8Uservice.png); 124 + background-image: url(../../src/assets/images/machineRoom/img-8Uservice.png);
126 height:127px; 125 height:127px;
127 - width:383px; 126 + width: 315px;
128 } 127 }
129 .img-serve-10{ 128 .img-serve-10{
130 - background-image: url(/vue3/src/assets/images/machineRoom/img-10Uservice.png); 129 + background-image: url(../../src/assets/images/machineRoom/img-10Uservice.png);
131 height:157px; 130 height:157px;
132 - width:383px; 131 + width: 315px;
133 } 132 }
134 .img-serve-1 .img-serve-text{ 133 .img-serve-1 .img-serve-text{
135 font-size: 11px; 134 font-size: 11px;
@@ -218,21 +217,21 @@ li{ @@ -218,21 +217,21 @@ li{
218 display: flex; 217 display: flex;
219 flex-flow: column; 218 flex-flow: column;
220 justify-content: center; 219 justify-content: center;
221 - 220 + margin-left:20px;
222 } 221 }
223 222
224 223
225 .info-top{ 224 .info-top{
226 height:280px; 225 height:280px;
227 /*margin-top:-10px;*/ 226 /*margin-top:-10px;*/
228 - background-image: url(/vue3/src/assets/images/machineRoom/img-machineInfo-bg.png); 227 + background-image: url(../../src/assets/images/machineRoom/img-machineInfo-bg.png);
229 228
230 } 229 }
231 230
232 .info-bottom{ 231 .info-bottom{
233 height:370px; 232 height:370px;
234 margin-top:20px; 233 margin-top:20px;
235 - background-image: url(/vue3/src/assets/images/machineRoom/img-deviceInfo-bg.png); 234 + background-image: url(../../src/assets/images/machineRoom/img-deviceInfo-bg.png);
236 } 235 }
237 .contain{ 236 .contain{
238 display: flex; 237 display: flex;
@@ -293,3 +292,32 @@ body::-webkit-scrollbar-track{ @@ -293,3 +292,32 @@ body::-webkit-scrollbar-track{
293 -moz-borderd-radius:2em; 292 -moz-borderd-radius:2em;
294 borderd-radius:2em; 293 borderd-radius:2em;
295 } 294 }
  295 +
  296 +/** 王凤添加 2023-04-29 start */
  297 +
  298 +.serve_small{
  299 + height: 35px;
  300 +}
  301 +.state_small{
  302 + width:16px;
  303 + height:16px;
  304 + margin-top:0px;
  305 + margin-left:4px;
  306 +}
  307 +.lamp_small{
  308 + margin-top:-3px;
  309 +}
  310 +
  311 +.active{
  312 + background: #5686a9;
  313 + opacity: 0.6;
  314 +}
  315 +
  316 +.img-empty{
  317 + margin-left:50px;
  318 + margin-top:15px;
  319 + width:30px;
  320 + height:5px;
  321 +}
  322 +
  323 +/** 王凤添加 2023-04-29 end */
@@ -134,3 +134,32 @@ @@ -134,3 +134,32 @@
134 .machine-room-parent .cursorClass{ 134 .machine-room-parent .cursorClass{
135 cursor: pointer; 135 cursor: pointer;
136 } 136 }
  137 +
  138 +/* 王凤增加 0416 start */
  139 +.cabinet_col{
  140 + height: 100%;
  141 + width: 9%;
  142 + float: left;
  143 +}
  144 +.img_wd{
  145 + background:url("../../src/assets/images/machineRoom/cabinet_small.png") top center no-repeat;
  146 + background-size: contain;
  147 + line-height:30px;
  148 + text-align:center;
  149 + color: #fff;
  150 + font-size: 12px;
  151 + margin-bottom: 5px;
  152 + cursor: pointer;
  153 +}
  154 +.img_light{
  155 + background:url(../../src/assets/images/machineRoom/cabinet_small_empty.png) top center no-repeat;
  156 + background-size: contain;
  157 +}
  158 +.small{
  159 + height: 800px !important;
  160 +}
  161 +.empty{
  162 + height: 35px;
  163 +}
  164 +
  165 +/* 王凤增加 0416 end */
  1 +<!--机柜详细图-->
1 <div :class="['all']" class=" machine-room-parent"> 2 <div :class="['all']" class=" machine-room-parent">
2 <!-- 左侧机柜效果图 --> 3 <!-- 左侧机柜效果图 -->
3 <div class='contain'> 4 <div class='contain'>
4 <!-- 机柜内部服务器 --> 5 <!-- 机柜内部服务器 -->
  6 + <!--<div class='contain-server'>-->
  7 + <!-- &lt;!&ndash; 第一个- &ndash;&gt;-->
  8 + <!-- <div class='serve serve_small '>-->
  9 + <!-- <div class='img-serve'>-->
  10 + <!-- <img src="/vue3/src/assets/images/machineRoom/icon-state.png" alt="" class='state_small'>-->
  11 + <!-- <div class='img-serve-text'>-</div>-->
  12 + <!-- <div class='lamp'>-->
  13 + <!-- <img src="/vue3/src/assets/images/machineRoom/icon-weblogical.png" alt="" class='img-weblog'>-->
  14 + <!-- <div class='img-lamp'>-->
  15 + <!-- <img src="/vue3/src/assets/images/machineRoom/nocolor.png" alt="">-->
  16 + <!-- <img src="/vue3/src/assets/images/machineRoom/nocolor.png" alt="">-->
  17 + <!-- <img src="/vue3/src/assets/images/machineRoom/nocolor.png" alt="">-->
  18 + <!-- <img src="/vue3/src/assets/images/machineRoom/greenColor.png" alt="">-->
  19 + <!-- </div>-->
  20 + <!-- </div>-->
  21 +
  22 + <!-- </div>-->
  23 + <!-- </div>-->
  24 + <!-- <div class='serve serve_small '>-->
  25 + <!-- <div class='img-serve'>-->
  26 + <!-- <img src="/vue3/src/assets/images/machineRoom/icon-state.png" alt="" class='state_small'>-->
  27 + <!-- <div class='img-serve-text'>-</div>-->
  28 + <!-- <div class='lamp'>-->
  29 + <!-- <img src="/vue3/src/assets/images/machineRoom/icon-weblogical.png" alt="" class='img-weblog'>-->
  30 + <!-- <div class='img-lamp'>-->
  31 + <!-- <img src="/vue3/src/assets/images/machineRoom/nocolor.png" alt="">-->
  32 + <!-- <img src="/vue3/src/assets/images/machineRoom/nocolor.png" alt="">-->
  33 + <!-- <img src="/vue3/src/assets/images/machineRoom/nocolor.png" alt="">-->
  34 + <!-- <img src="/vue3/src/assets/images/machineRoom/greenColor.png" alt="">-->
  35 + <!-- </div>-->
  36 + <!-- </div>-->
  37 +
  38 + <!-- </div>-->
  39 + <!-- </div>-->
  40 + <!-- <div class='serve'>-->
  41 + <!-- <div class='img-serve'>-->
  42 + <!-- <img src="/vue3/src/assets/images/machineRoom/icon-state.png" alt="" class='state'>-->
  43 + <!-- <div class='img-serve-text'>-</div>-->
  44 + <!-- <div class='lamp'>-->
  45 + <!-- <img src="/vue3/src/assets/images/machineRoom/icon-weblogical.png" alt="" class='img-weblog'>-->
  46 + <!-- <div class='img-lamp'>-->
  47 + <!-- <img src="/vue3/src/assets/images/machineRoom/nocolor.png" alt="">-->
  48 + <!-- <img src="/vue3/src/assets/images/machineRoom/nocolor.png" alt="">-->
  49 + <!-- <img src="/vue3/src/assets/images/machineRoom/nocolor.png" alt="">-->
  50 + <!-- <img src="/vue3/src/assets/images/machineRoom/greenColor.png" alt="">-->
  51 + <!-- </div>-->
  52 + <!-- </div>-->
  53 +
  54 + <!-- </div>-->
  55 + <!-- </div>-->
  56 + <!-- <div class='serve'>-->
  57 + <!-- <div class='img-serve'>-->
  58 +
  59 + <!-- <img src="/vue3/src/assets/images/machineRoom/icon-state.png" alt="" class='state'>-->
  60 + <!-- <div class='img-serve-text'>-</div>-->
  61 + <!-- <div class='lamp'>-->
  62 + <!-- <img src="/vue3/src/assets/images/machineRoom/icon-weblogical.png" alt="" class='img-weblog'>-->
  63 + <!-- <div class='img-lamp'>-->
  64 + <!-- <img src="/vue3/src/assets/images/machineRoom/nocolor.png" alt="">-->
  65 + <!-- <img src="/vue3/src/assets/images/machineRoom/nocolor.png" alt="">-->
  66 + <!-- <img src="/vue3/src/assets/images/machineRoom/nocolor.png" alt="">-->
  67 + <!-- <img src="/vue3/src/assets/images/machineRoom/greenColor.png" alt="">-->
  68 + <!-- </div>-->
  69 + <!-- </div>-->
  70 +
  71 + <!-- </div>-->
  72 + <!-- </div>-->
  73 + <!-- <div class='serve' :class="{ active: isShowDevice == true }">-->
  74 + <!-- <div class='img-serve'>-->
  75 +
  76 + <!-- <img src="/vue3/src/assets/images/machineRoom/icon-state.png" alt="" class='state'>-->
  77 + <!-- <div class='img-serve-text'>-</div>-->
  78 + <!-- <div class='lamp'>-->
  79 + <!-- <img src="/vue3/src/assets/images/machineRoom/icon-weblogical.png" alt="" class='img-weblog'>-->
  80 + <!-- <div class='img-lamp'>-->
  81 + <!-- <img src="/vue3/src/assets/images/machineRoom/nocolor.png" alt="">-->
  82 + <!-- <img src="/vue3/src/assets/images/machineRoom/nocolor.png" alt="">-->
  83 + <!-- <img src="/vue3/src/assets/images/machineRoom/nocolor.png" alt="">-->
  84 + <!-- <img src="/vue3/src/assets/images/machineRoom/greenColor.png" alt="">-->
  85 + <!-- </div>-->
  86 + <!-- </div>-->
  87 + <!-- </div>-->
  88 + <!-- </div>-->
  89 + <!-- <div class='serve'>-->
  90 + <!-- <div class='img-serve'>-->
  91 + <!-- <img src="/vue3/src/assets/images/machineRoom/icon-state.png" alt="" class='state'>-->
  92 + <!-- <div class='img-serve-text'>-</div>-->
  93 + <!-- <div class='lamp'>-->
  94 + <!-- <img src="/vue3/src/assets/images/machineRoom/icon-weblogical.png" alt="" class='img-weblog'>-->
  95 + <!-- <div class='img-lamp'>-->
  96 + <!-- <img src="/vue3/src/assets/images/machineRoom/nocolor.png" alt="">-->
  97 + <!-- <img src="/vue3/src/assets/images/machineRoom/nocolor.png" alt="">-->
  98 + <!-- <img src="/vue3/src/assets/images/machineRoom/nocolor.png" alt="">-->
  99 + <!-- <img src="/vue3/src/assets/images/machineRoom/greenColor.png" alt="">-->
  100 + <!-- </div>-->
  101 + <!-- </div>-->
  102 + <!-- </div>-->
  103 + <!-- </div>-->
  104 + <!-- <div class='serve'>-->
  105 + <!-- <div class='img-serve'>-->
  106 + <!-- <img src="/vue3/src/assets/images/machineRoom/icon-state.png" alt="" class='state'>-->
  107 + <!-- <div class='img-serve-text'>-</div>-->
  108 + <!-- <div class='lamp'>-->
  109 + <!-- <img src="/vue3/src/assets/images/machineRoom/icon-weblogical.png" alt="" class='img-weblog'>-->
  110 + <!-- <div class='img-lamp'>-->
  111 + <!-- <img src="/vue3/src/assets/images/machineRoom/nocolor.png" alt="">-->
  112 + <!-- <img src="/vue3/src/assets/images/machineRoom/nocolor.png" alt="">-->
  113 + <!-- <img src="/vue3/src/assets/images/machineRoom/nocolor.png" alt="">-->
  114 + <!-- <img src="/vue3/src/assets/images/machineRoom/greenColor.png" alt="">-->
  115 + <!-- </div>-->
  116 + <!-- </div>-->
  117 + <!-- </div>-->
  118 + <!-- </div>-->
  119 + <!-- <div class='serve'>-->
  120 + <!-- <div class='img-serve'>-->
  121 + <!-- <img src="/vue3/src/assets/images/machineRoom/icon-state.png" alt="" class='state'>-->
  122 + <!-- <div class='img-serve-text'>-</div>-->
  123 + <!-- <div class='lamp'>-->
  124 + <!-- <img src="/vue3/src/assets/images/machineRoom/icon-weblogical.png" alt="" class='img-weblog'>-->
  125 + <!-- <div class='img-lamp'>-->
  126 + <!-- <img src="/vue3/src/assets/images/machineRoom/nocolor.png" alt="">-->
  127 + <!-- <img src="/vue3/src/assets/images/machineRoom/nocolor.png" alt="">-->
  128 + <!-- <img src="/vue3/src/assets/images/machineRoom/nocolor.png" alt="">-->
  129 + <!-- <img src="/vue3/src/assets/images/machineRoom/greenColor.png" alt="">-->
  130 + <!-- </div>-->
  131 + <!-- </div>-->
  132 + <!-- </div>-->
  133 + <!-- </div>-->
  134 + <!-- <div class='serve'>-->
  135 + <!-- <div class='img-serve'>-->
  136 + <!-- <img src="/vue3/src/assets/images/machineRoom/icon-state.png" alt="" class='state'>-->
  137 + <!-- <div class='img-serve-text'>-</div>-->
  138 + <!-- <div class='lamp'>-->
  139 + <!-- <img src="/vue3/src/assets/images/machineRoom/icon-weblogical.png" alt="" class='img-weblog'>-->
  140 + <!-- <div class='img-lamp'>-->
  141 + <!-- <img src="/vue3/src/assets/images/machineRoom/nocolor.png" alt="">-->
  142 + <!-- <img src="/vue3/src/assets/images/machineRoom/nocolor.png" alt="">-->
  143 + <!-- <img src="/vue3/src/assets/images/machineRoom/nocolor.png" alt="">-->
  144 + <!-- <img src="/vue3/src/assets/images/machineRoom/greenColor.png" alt="">-->
  145 + <!-- </div>-->
  146 + <!-- </div>-->
  147 + <!-- </div>-->
  148 + <!-- </div>-->
  149 + <!-- <div class='serve'>-->
  150 + <!-- <div class='img-serve'>-->
  151 + <!-- <img src="/vue3/src/assets/images/machineRoom/icon-state.png" alt="" class='state'>-->
  152 + <!-- <div class='img-serve-text'>-</div>-->
  153 + <!-- <div class='lamp'>-->
  154 + <!-- <img src="/vue3/src/assets/images/machineRoom/icon-weblogical.png" alt="" class='img-weblog'>-->
  155 + <!-- <div class='img-lamp'>-->
  156 + <!-- <img src="/vue3/src/assets/images/machineRoom/nocolor.png" alt="">-->
  157 + <!-- <img src="/vue3/src/assets/images/machineRoom/nocolor.png" alt="">-->
  158 + <!-- <img src="/vue3/src/assets/images/machineRoom/nocolor.png" alt="">-->
  159 + <!-- <img src="/vue3/src/assets/images/machineRoom/greenColor.png" alt="">-->
  160 + <!-- </div>-->
  161 + <!-- </div>-->
  162 + <!-- </div>-->
  163 + <!-- </div>-->
  164 + <!--</div>-->
  165 +
  166 +
  167 + <!--机柜内部服务器-->
5 <div class='contain-server'> 168 <div class='contain-server'>
6 <!-- 第一个物理服务器 --> 169 <!-- 第一个物理服务器 -->
7 -<!-- <div :class="['serve',{'img-serve-8':item.uPosition=='1-8U'}]"@click="showDevice(item)" v-for="(item,index) in serviceData">-->  
8 - <div :class="'serve '+item.serviceClass " :style="item.uClass" @click="showDevice(item)" v-for="(item,index) in serviceData"> 170 + <div :class="'serve '+item.serviceClass " :class="currentIndex == index ? 'active' : '' " :style="item.uClass" @click="showDevice(item,index)" v-for="(item,index) in serviceData">
9 <div class='img-serve' > 171 <div class='img-serve' >
10 172
11 <img src="/vue3/src/assets/images/machineRoom/icon-state.png" alt="" class='state'> 173 <img src="/vue3/src/assets/images/machineRoom/icon-state.png" alt="" class='state'>
@@ -190,6 +190,7 @@ export default { @@ -190,6 +190,7 @@ export default {
190 const isShowDevice=Vue.ref(false); 190 const isShowDevice=Vue.ref(false);
191 const theirRoom=Vue.ref('');//机房名称 191 const theirRoom=Vue.ref('');//机房名称
192 const CabinetNum=props.detailData.name;//机柜编号 192 const CabinetNum=props.detailData.name;//机柜编号
  193 + const currentIndex = Vue.ref(null);
193 194
194 // 挂载完 195 // 挂载完
195 Vue.onMounted(() => { 196 Vue.onMounted(() => {
@@ -227,7 +228,7 @@ export default { @@ -227,7 +228,7 @@ export default {
227 proxy.deviceDatas.map((item,index)=>{ 228 proxy.deviceDatas.map((item,index)=>{
228 if(CabinetNum==item.name){ 229 if(CabinetNum==item.name){
229 proxy.infoData=item; 230 proxy.infoData=item;
230 - proxy.serviceData=item.deviceData 231 + proxy.serviceData = item.deviceData
231 item.deviceData.map((itemD,indexD)=>{ 232 item.deviceData.map((itemD,indexD)=>{
232 // let strArr=itemD.uPosition.split("U");//[0]1-4 [1]U 233 // let strArr=itemD.uPosition.split("U");//[0]1-4 [1]U
233 // let leftStrArr=strArr[0].split('-');//[0]1 [1]4 234 // let leftStrArr=strArr[0].split('-');//[0]1 [1]4
@@ -253,7 +254,8 @@ export default { @@ -253,7 +254,8 @@ export default {
253 }) 254 })
254 255
255 } 256 }
256 - const showDevice=(item)=>{ 257 + const showDevice=(item,index)=>{
  258 + proxy.currentIndex = index;
257 proxy.isShowDevice=true; 259 proxy.isShowDevice=true;
258 proxy.deviceDataInfo=item; 260 proxy.deviceDataInfo=item;
259 } 261 }
@@ -343,7 +345,8 @@ export default { @@ -343,7 +345,8 @@ export default {
343 getDeviceInfo, 345 getDeviceInfo,
344 getData, 346 getData,
345 theirRoom, 347 theirRoom,
346 - UpositionBottom 348 + UpositionBottom,
  349 + currentIndex
347 } 350 }
348 } 351 }
349 } 352 }
1 -<div v-if="!isDetailShow" class="outlinediv machine-room-parent" ref="roomTable"> 1 +<!--萧山3号机房平面图-->
  2 +<div v-if="!isDetailShow" class="outlinediv small" ref="roomTable">
2 <!-- <span>3号机房平面图</span>--> 3 <!-- <span>3号机房平面图</span>-->
3 - <div class="xiaoshanthird-topcabinet">  
4 - <table> 4 + <!--<div class="xiaoshanthird-topcabinet">-->
  5 + <!-- <table>-->
5 6
6 - <tr v-for="(items,indexs) in tableData">  
7 - <td v-if="items.length" v-for="(item,index) in items" :class="{'cursorClass':item.isShow}" :name="item.name" :width="item.width" @click="goDetail(item)">  
8 -<!--  
9 - <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="">  
10 --->  
11 - <img v-if="item.isShow" src="/vue3/src/assets/images/machineRoom/emptycabinet.png" class="cabinet" alt="">  
12 - <span v-if="item.isShow" class="cabinetId">{{item.name}}</span>  
13 - </td>  
14 - </tr>  
15 - </table> 7 + <!-- <tr v-for="(items,indexs) in tableData">-->
  8 + <!-- <td v-if="items.length" v-for="(item,index) in items" :class="{'cursorClass':item.isShow}" :name="item.name" :width="item.width" @click="goDetail(item)">-->
  9 + <!-- <img v-if="item.isShow" src="/vue3/src/assets/images/machineRoom/emptycabinet.png" class="cabinet" alt="">-->
  10 + <!-- <span v-if="item.isShow" class="cabinetId">{{item.name}}</span>-->
  11 + <!-- </td>-->
  12 + <!-- </tr>-->
  13 + <!-- </table>-->
  14 + <!--</div>-->
  15 +
  16 +
  17 + <div class="xiaoshanthird-topcabinet1">
  18 + <div v-for="(items,indexs) in tableData" class="cabinet_col">
  19 + <div v-for="(item,index) in items" :class="item.clas" @click="goDetail(item)">{{item.name}}</div>
  20 + </div>
16 </div> 21 </div>
  22 +
  23 +
17 </div> 24 </div>
18 <machineRoomDetail v-if="isDetailShow" :detailData="detailData" :machineData="machineData"></machineRoomDetail> 25 <machineRoomDetail v-if="isDetailShow" :detailData="detailData" :machineData="machineData"></machineRoomDetail>
@@ -29,579 +29,620 @@ export default { @@ -29,579 +29,620 @@ export default {
29 allowClickData:['E12','E13'],//允许进入详情的机柜 29 allowClickData:['E12','E13'],//允许进入详情的机柜
30 tableData:[ 30 tableData:[
31 [ 31 [
32 -  
33 - {  
34 - name:'E1',  
35 - isShow:true,  
36 - className:'',  
37 - imgEmpty:false,  
38 - width:''  
39 - },  
40 - {  
41 - name:'E2',  
42 - isShow:true,  
43 - className:'',  
44 - imgEmpty:false,  
45 - width:''  
46 - },  
47 { 32 {
48 - name:'E3',  
49 - isShow:true,  
50 - className:'',  
51 - imgEmpty:false,  
52 - width:''  
53 - },  
54 - {  
55 - name:'E4',  
56 - isShow:true,  
57 - className:'',  
58 - imgEmpty:false,  
59 - width:''  
60 - },  
61 - {  
62 - name:'E4',  
63 - isShow:true,  
64 - className:'',  
65 - imgEmpty:false,  
66 - width:''  
67 - },  
68 - {  
69 - name:'E6',  
70 - isShow:true,  
71 - className:'',  
72 - imgEmpty:false,  
73 - width:''  
74 - }, 33 + name:'K22',
  34 + clas:'img_wd'
  35 + },{
  36 + name:'K21',
  37 + clas:'img_wd'
  38 + },{
  39 + name:'K20',
  40 + clas:'img_wd'
  41 + },{
  42 + name:'K19',
  43 + clas:'img_wd'
  44 + },{
  45 + name:'K18',
  46 + clas:'img_wd'
  47 + },{
  48 + name:'K17',
  49 + clas:'img_wd'
  50 + },{
  51 + name:'K16',
  52 + clas:'img_wd'
  53 + },{
  54 + name:'K15',
  55 + clas:'img_wd'
  56 + },{
  57 + name:'K14',
  58 + clas:'img_wd'
  59 + },{
  60 + name:'K13',
  61 + clas:'img_wd'
  62 + },{
  63 + name:'K12',
  64 + clas:'img_wd'
  65 + },{
  66 + name:'K11',
  67 + clas:'img_wd'
  68 + },{
  69 + name:'K10',
  70 + clas:'img_wd'
  71 + },{
  72 + name:'K9',
  73 + clas:'img_wd'
  74 + },{
  75 + name:'K8',
  76 + clas:'img_wd'
  77 + }
  78 + ],
  79 + [
75 { 80 {
76 - name:'E7',  
77 - isShow:true,  
78 - className:'',  
79 - imgEmpty:false,  
80 - width:''  
81 - }, 81 + name:'J22',
  82 + clas:'img_wd'
  83 + },{
  84 + name:'J21',
  85 + clas:'img_wd'
  86 + },{
  87 + name:'J20',
  88 + clas:'img_wd'
  89 + },{
  90 + name:'J19',
  91 + clas:'img_wd'
  92 + },{
  93 + name:'J18',
  94 + clas:'img_wd'
  95 + },{
  96 + name:'J17',
  97 + clas:'img_wd'
  98 + },{
  99 + name:'J16',
  100 + clas:'img_wd'
  101 + },{
  102 + name:'J15',
  103 + clas:'img_wd'
  104 + },{
  105 + name:'J14',
  106 + clas:'img_wd'
  107 + },{
  108 + name:'J13',
  109 + clas:'img_wd'
  110 + },{
  111 + name:'J12',
  112 + clas:'img_wd'
  113 + },{
  114 + name:'J11',
  115 + clas:'img_wd'
  116 + },{
  117 + name:'J10',
  118 + clas:'img_wd'
  119 + },{
  120 + name:'J9',
  121 + clas:'img_wd'
  122 + },{
  123 + name:'J8',
  124 + clas:'img_wd'
  125 + }],
  126 + [
82 { 127 {
83 name:'', 128 name:'',
84 - isShow:false,  
85 - className:'',  
86 - imgEmpty:false,  
87 - width:''  
88 - },  
89 - { 129 + clas:'empty'
  130 + },{
90 name:'', 131 name:'',
91 - isShow:false,  
92 - className:'',  
93 - imgEmpty:false,  
94 - width:''  
95 - },  
96 - {  
97 - name:'E10',  
98 - isShow:true,  
99 - className:'',  
100 - imgEmpty:false,  
101 - width:''  
102 - },  
103 - {  
104 - name:'E11',  
105 - isShow:true,  
106 - className:'',  
107 - imgEmpty:false,  
108 - width:''  
109 - },  
110 - {  
111 - name:'E12',  
112 - isShow:true,  
113 - className:'',  
114 - imgEmpty:false,  
115 - width:''  
116 - },  
117 - {  
118 - name:'E13',  
119 - isShow:true,  
120 - className:'',  
121 - imgEmpty:false,  
122 - width:''  
123 - },  
124 - {  
125 - name:'E14',  
126 - isShow:true,  
127 - className:'',  
128 - imgEmpty:false,  
129 - width:''  
130 - }, 132 + clas:'empty'
  133 + },{
  134 + name:'I20',
  135 + clas:'img_wd'
  136 + },{
  137 + name:'I19',
  138 + clas:'img_wd'
  139 + },{
  140 + name:'I18',
  141 + clas:'img_wd'
  142 + },{
  143 + name:'I17',
  144 + clas:'img_wd'
  145 + },{
  146 + name:'I16',
  147 + clas:'img_wd'
  148 + },{
  149 + name:'I15',
  150 + clas:'img_wd'
  151 + },{
  152 + name:'I14',
  153 + clas:'img_wd'
  154 + },{
  155 + name:'I13',
  156 + clas:'img_wd'
  157 + },{
  158 + name:'I12',
  159 + clas:'img_wd'
  160 + },{
  161 + name:'I11',
  162 + clas:'img_wd'
  163 + },{
  164 + name:'I10',
  165 + clas:'img_wd'
  166 + },{
  167 + name:'I9',
  168 + clas:'img_wd'
  169 + },{
  170 + name:'I8',
  171 + clas:'img_wd'
  172 + }],
  173 + [
131 { 174 {
132 - name:'E15',  
133 - isShow:true,  
134 - className:'',  
135 - imgEmpty:false,  
136 - width:'' 175 + name:'',
  176 + clas:'empty'
  177 + },{
  178 + name:'',
  179 + clas:'empty'
  180 + },{
  181 + name:'H20',
  182 + clas:'img_wd'
  183 + },{
  184 + name:'H19',
  185 + clas:'img_wd'
  186 + },{
  187 + name:'H18',
  188 + clas:'img_wd'
  189 + },{
  190 + name:'H17',
  191 + clas:'img_wd'
  192 + },{
  193 + name:'H16',
  194 + clas:'img_wd'
  195 + },{
  196 + name:'H15',
  197 + clas:'img_wd'
  198 + },{
  199 + name:'H14',
  200 + clas:'img_wd'
  201 + },{
  202 + name:'H13',
  203 + clas:'img_wd'
  204 + },{
  205 + name:'',
  206 + clas:'empty'
  207 + },{
  208 + name:'',
  209 + clas:'empty'
  210 + },{
  211 + name:'H10',
  212 + clas:'img_wd'
  213 + },{
  214 + name:'H9',
  215 + clas:'img_wd'
  216 + },{
  217 + name:'H8',
  218 + clas:'img_wd'
137 } 219 }
138 ], 220 ],
139 - [],  
140 [ 221 [
141 -  
142 - {  
143 - name:'D1',  
144 - isShow:true,  
145 - className:'',  
146 - imgEmpty:false,  
147 - width:''  
148 - },  
149 - {  
150 - name:'D2',  
151 - isShow:true,  
152 - className:'',  
153 - imgEmpty:false,  
154 - width:''  
155 - },  
156 - {  
157 - name:'D3',  
158 - isShow:true,  
159 - className:'',  
160 - imgEmpty:false,  
161 - width:''  
162 - },  
163 - {  
164 - name:'D4',  
165 - isShow:true,  
166 - className:'',  
167 - imgEmpty:false,  
168 - width:''  
169 - },  
170 - {  
171 - name:'D4',  
172 - isShow:true,  
173 - className:'',  
174 - imgEmpty:false,  
175 - width:''  
176 - },  
177 - {  
178 - name:'D6',  
179 - isShow:true,  
180 - className:'',  
181 - imgEmpty:false,  
182 - width:''  
183 - },  
184 - {  
185 - name:'D7',  
186 - isShow:true,  
187 - className:'',  
188 - imgEmpty:false,  
189 - width:''  
190 - },  
191 - {  
192 - name:'D8',  
193 - isShow:true,  
194 - className:'',  
195 - imgEmpty:false,  
196 - width:''  
197 - },  
198 - {  
199 - name:'D9',  
200 - isShow:true,  
201 - className:'',  
202 - imgEmpty:false,  
203 - width:''  
204 - },  
205 - {  
206 - name:'D10',  
207 - isShow:true,  
208 - className:'',  
209 - imgEmpty:false,  
210 - width:''  
211 - },  
212 - {  
213 - name:'D11',  
214 - isShow:true,  
215 - className:'',  
216 - imgEmpty:false,  
217 - width:''  
218 - },  
219 { 222 {
220 - name:'D12',  
221 - isShow:true,  
222 - className:'',  
223 - imgEmpty:false,  
224 - width:''  
225 - },  
226 - {  
227 - name:'D13',  
228 - isShow:true,  
229 - className:'',  
230 - imgEmpty:false,  
231 - width:''  
232 - },  
233 - {  
234 - name:'D14',  
235 - isShow:true,  
236 - className:'',  
237 - imgEmpty:false,  
238 - width:''  
239 - },  
240 - {  
241 - name:'D15',  
242 - isShow:true,  
243 - className:'',  
244 - imgEmpty:false,  
245 - width:'' 223 + name:'',
  224 + clas:'empty'
  225 + },{
  226 + name:'',
  227 + clas:'empty'
  228 + },{
  229 + name:'G20',
  230 + clas:'img_wd'
  231 + },{
  232 + name:'G19',
  233 + clas:'img_wd'
  234 + },{
  235 + name:'G18',
  236 + clas:'img_wd'
  237 + },{
  238 + name:'G17',
  239 + clas:'img_wd'
  240 + },{
  241 + name:'G16',
  242 + clas:'img_wd'
  243 + },{
  244 + name:'G15',
  245 + clas:'img_wd'
  246 + },{
  247 + name:'G14',
  248 + clas:'img_wd'
  249 + },{
  250 + name:'G13',
  251 + clas:'img_wd'
  252 + },{
  253 + name:'G12',
  254 + clas:'img_wd'
  255 + },{
  256 + name:'G11',
  257 + clas:'img_wd'
  258 + },{
  259 + name:'G10',
  260 + clas:'img_wd'
  261 + },{
  262 + name:'G9',
  263 + clas:'img_wd'
  264 + },{
  265 + name:'G8',
  266 + clas:'img_wd'
  267 + },{
  268 + name:'G7',
  269 + clas:'img_wd'
  270 + },{
  271 + name:'G6',
  272 + clas:'img_wd'
  273 + },{
  274 + name:'G5',
  275 + clas:'img_wd'
  276 + },{
  277 + name:'G4',
  278 + clas:'img_wd'
  279 + },{
  280 + name:'G3',
  281 + clas:'img_wd'
  282 + },{
  283 + name:'G2',
  284 + clas:'img_wd'
  285 + },{
  286 + name:'G1',
  287 + clas:'img_wd'
246 } 288 }
247 ], 289 ],
248 - [],  
249 [ 290 [
250 -  
251 - {  
252 - name:'C1',  
253 - isShow:true,  
254 - className:'',  
255 - imgEmpty:false,  
256 - width:''  
257 - },  
258 { 291 {
259 - name:'C2',  
260 - isShow:true,  
261 - className:'',  
262 - imgEmpty:false,  
263 - width:''  
264 - },  
265 - {  
266 - name:'C3',  
267 - isShow:true,  
268 - className:'',  
269 - imgEmpty:false,  
270 - width:''  
271 - },  
272 - {  
273 - name:'C4',  
274 - isShow:true,  
275 - className:'',  
276 - imgEmpty:false,  
277 - width:''  
278 - },  
279 - {  
280 - name:'C4',  
281 - isShow:true,  
282 - className:'',  
283 - imgEmpty:false,  
284 - width:''  
285 - },  
286 - {  
287 - name:'C6',  
288 - isShow:true,  
289 - className:'',  
290 - imgEmpty:false,  
291 - width:''  
292 - },  
293 - {  
294 - name:'C7',  
295 - isShow:true,  
296 - className:'',  
297 - imgEmpty:false,  
298 - width:''  
299 - },  
300 - {  
301 - name:'C8',  
302 - isShow:true,  
303 - className:'',  
304 - imgEmpty:false,  
305 - width:''  
306 - },  
307 - {  
308 - name:'C9',  
309 - isShow:true,  
310 - className:'',  
311 - imgEmpty:false,  
312 - width:''  
313 - },  
314 - {  
315 - name:'C10',  
316 - isShow:true,  
317 - className:'',  
318 - imgEmpty:false,  
319 - width:''  
320 - },  
321 - {  
322 - name:'C11',  
323 - isShow:true,  
324 - className:'',  
325 - imgEmpty:false,  
326 - width:''  
327 - },  
328 - {  
329 - name:'C12',  
330 - isShow:true,  
331 - className:'',  
332 - imgEmpty:false,  
333 - width:''  
334 - },  
335 - {  
336 - name:'C13',  
337 - isShow:true,  
338 - className:'',  
339 - imgEmpty:false,  
340 - width:''  
341 - },  
342 - {  
343 - name:'C14',  
344 - isShow:true,  
345 - className:'',  
346 - imgEmpty:false,  
347 - width:''  
348 - },  
349 - {  
350 - name:'C15',  
351 - isShow:true,  
352 - className:'',  
353 - imgEmpty:false,  
354 - width:'' 292 + name:'',
  293 + clas:'empty'
  294 + },{
  295 + name:'',
  296 + clas:'empty'
  297 + },{
  298 + name:'F20',
  299 + clas:'img_wd'
  300 + },{
  301 + name:'F19',
  302 + clas:'img_wd'
  303 + },{
  304 + name:'F18',
  305 + clas:'img_wd'
  306 + },{
  307 + name:'F17',
  308 + clas:'img_wd'
  309 + },{
  310 + name:'F16',
  311 + clas:'img_wd'
  312 + },{
  313 + name:'F15',
  314 + clas:'img_wd'
  315 + },{
  316 + name:'F14',
  317 + clas:'img_wd'
  318 + },{
  319 + name:'F13',
  320 + clas:'img_wd'
  321 + },{
  322 + name:'F12',
  323 + clas:'img_wd'
  324 + },{
  325 + name:'F11',
  326 + clas:'img_wd'
  327 + },{
  328 + name:'F10',
  329 + clas:'img_wd'
  330 + },{
  331 + name:'F9',
  332 + clas:'img_wd'
  333 + },{
  334 + name:'F8',
  335 + clas:'img_wd'
  336 + },{
  337 + name:'F7',
  338 + clas:'img_wd'
  339 + },{
  340 + name:'F6',
  341 + clas:'img_wd'
  342 + },{
  343 + name:'F5',
  344 + clas:'img_wd'
  345 + },{
  346 + name:'F4',
  347 + clas:'img_wd'
  348 + },{
  349 + name:'F3',
  350 + clas:'img_wd'
  351 + },{
  352 + name:'F2',
  353 + clas:'img_wd'
  354 + },{
  355 + name:'F1',
  356 + clas:'img_wd'
355 } 357 }
356 ], 358 ],
357 - [],  
358 [ 359 [
359 360
360 { 361 {
361 - name:'B1',  
362 - isShow:true,  
363 - className:'',  
364 - imgEmpty:false,  
365 - width:''  
366 - },  
367 - {  
368 - name:'B2',  
369 - isShow:true,  
370 - className:'',  
371 - imgEmpty:false,  
372 - width:''  
373 - },  
374 - {  
375 - name:'B3',  
376 - isShow:true,  
377 - className:'',  
378 - imgEmpty:false,  
379 - width:''  
380 - },  
381 - {  
382 - name:'B4',  
383 - isShow:true,  
384 - className:'',  
385 - imgEmpty:false,  
386 - width:''  
387 - },  
388 - {  
389 - name:'B5',  
390 - isShow:true,  
391 - className:'',  
392 - imgEmpty:false,  
393 - width:''  
394 - },  
395 - {  
396 - name:'B6',  
397 - isShow:true,  
398 - className:'',  
399 - imgEmpty:false,  
400 - width:''  
401 - },  
402 - {  
403 - name:'B7',  
404 - isShow:true,  
405 - className:'',  
406 - imgEmpty:false,  
407 - width:''  
408 - },  
409 - {  
410 name:'', 362 name:'',
411 - isShow:false,  
412 - className:'',  
413 - imgEmpty:false,  
414 - width:''  
415 - },  
416 - { 363 + clas:'empty'
  364 + },{
417 name:'', 365 name:'',
418 - isShow:false,  
419 - className:'',  
420 - imgEmpty:false,  
421 - width:''  
422 - },  
423 - {  
424 - name:'B10',  
425 - isShow:true,  
426 - className:'',  
427 - imgEmpty:false,  
428 - width:''  
429 - },  
430 - {  
431 - name:'B11',  
432 - isShow:true,  
433 - className:'',  
434 - imgEmpty:false,  
435 - width:''  
436 - },  
437 - {  
438 - name:'B12',  
439 - isShow:true,  
440 - className:'',  
441 - imgEmpty:false,  
442 - width:''  
443 - },  
444 - {  
445 - name:'B13',  
446 - isShow:true,  
447 - className:'',  
448 - imgEmpty:false,  
449 - width:''  
450 - },  
451 - {  
452 - name:'B14',  
453 - isShow:true,  
454 - className:'',  
455 - imgEmpty:false,  
456 - width:''  
457 - },  
458 - {  
459 - name:'B15',  
460 - isShow:true,  
461 - className:'',  
462 - imgEmpty:false,  
463 - width:''  
464 - },  
465 - {  
466 - name:'B16',  
467 - isShow:true,  
468 - className:'',  
469 - imgEmpty:false,  
470 - width:''  
471 - },  
472 - {  
473 - name:'B17',  
474 - isShow:true,  
475 - className:'',  
476 - imgEmpty:false,  
477 - width:'' 366 + clas:'empty'
  367 + },{
  368 + name:'E15',
  369 + clas:'img_wd'
  370 + },{
  371 + name:'E14',
  372 + clas:'img_wd'
  373 + },{
  374 + name:'E13',
  375 + clas:'img_wd'
  376 + },{
  377 + name:'E12',
  378 + clas:'img_wd'
  379 + },{
  380 + name:'E11',
  381 + clas:'img_wd'
  382 + },{
  383 + name:'E10',
  384 + clas:'img_wd'
  385 + },{
  386 + name:'E9',
  387 + clas:'img_wd'
  388 + },{
  389 + name:'E8',
  390 + clas:'img_wd'
  391 + },{
  392 + name:'',
  393 + clas:'empty'
  394 + },{
  395 + name:'E7',
  396 + clas:'img_wd'
  397 + },{
  398 + name:'E6',
  399 + clas:'img_wd'
  400 + },{
  401 + name:'E5',
  402 + clas:'img_wd'
  403 + },{
  404 + name:'E4',
  405 + clas:'img_wd'
  406 + },{
  407 + name:'E3',
  408 + clas:'img_wd'
  409 + },{
  410 + name:'E2',
  411 + clas:'img_wd'
478 } 412 }
479 ], 413 ],
480 - [], 414 + [{
  415 + name:'',
  416 + clas:'empty'
  417 + },{
  418 + name:'',
  419 + clas:'empty'
  420 + },{
  421 + name:'D15',
  422 + clas:'img_wd'
  423 + },{
  424 + name:'D14',
  425 + clas:'img_wd'
  426 + },{
  427 + name:'D13',
  428 + clas:'img_wd'
  429 + },{
  430 + name:'D12',
  431 + clas:'img_wd'
  432 + },{
  433 + name:'D11',
  434 + clas:'img_wd'
  435 + },{
  436 + name:'D10',
  437 + clas:'img_wd'
  438 + },{
  439 + name:'D9',
  440 + clas:'img_wd'
  441 + },{
  442 + name:'D8',
  443 + clas:'img_wd'
  444 + },{
  445 + name:'D7',
  446 + clas:'img_wd'
  447 + },{
  448 + name:'D6',
  449 + clas:'img_wd'
  450 + },{
  451 + name:'D5',
  452 + clas:'img_wd'
  453 + },{
  454 + name:'D4',
  455 + clas:'img_wd'
  456 + },{
  457 + name:'D3',
  458 + clas:'img_wd'
  459 + },{
  460 + name:'D2',
  461 + clas:'img_wd'
  462 + },{
  463 + name:'D1',
  464 + clas:'img_wd'
  465 + }],
481 [ 466 [
482 -  
483 - {  
484 - name:'A1',  
485 - isShow:true,  
486 - className:'',  
487 - imgEmpty:false,  
488 - width:''  
489 - },  
490 - {  
491 - name:'A2',  
492 - isShow:true,  
493 - className:'',  
494 - imgEmpty:false,  
495 - width:''  
496 - },  
497 - {  
498 - name:'A3',  
499 - isShow:true,  
500 - className:'',  
501 - imgEmpty:false,  
502 - width:''  
503 - },  
504 - {  
505 - name:'A4',  
506 - isShow:true,  
507 - className:'',  
508 - imgEmpty:false,  
509 - width:''  
510 - },  
511 - {  
512 - name:'A4',  
513 - isShow:true,  
514 - className:'',  
515 - imgEmpty:false,  
516 - width:''  
517 - },  
518 - {  
519 - name:'A6',  
520 - isShow:true,  
521 - className:'',  
522 - imgEmpty:false,  
523 - width:''  
524 - },  
525 { 467 {
526 - name:'A7',  
527 - isShow:true,  
528 - className:'',  
529 - imgEmpty:false,  
530 - width:''  
531 - },  
532 - {  
533 - name:'A8',  
534 - isShow:true,  
535 - className:'',  
536 - imgEmpty:false,  
537 - width:''  
538 - },  
539 - {  
540 - name:'A9',  
541 - isShow:true,  
542 - className:'',  
543 - imgEmpty:false,  
544 - width:''  
545 - },  
546 - {  
547 - name:'A10',  
548 - isShow:true,  
549 - className:'',  
550 - imgEmpty:false,  
551 - width:''  
552 - },  
553 - {  
554 - name:'A11',  
555 - isShow:true,  
556 - className:'',  
557 - imgEmpty:false,  
558 - width:''  
559 - },  
560 - {  
561 - name:'A12',  
562 - isShow:true,  
563 - className:'',  
564 - imgEmpty:false,  
565 - width:''  
566 - },  
567 - {  
568 - name:'A13',  
569 - isShow:true,  
570 - className:'',  
571 - imgEmpty:false,  
572 - width:''  
573 - },  
574 - {  
575 - name:'A14',  
576 - isShow:true,  
577 - className:'',  
578 - imgEmpty:false,  
579 - width:''  
580 - },  
581 - {  
582 - name:'A15',  
583 - isShow:true,  
584 - className:'',  
585 - imgEmpty:false,  
586 - width:''  
587 - },  
588 - {  
589 - name:'A16',  
590 - isShow:true,  
591 - className:'',  
592 - imgEmpty:false,  
593 - width:''  
594 - }, 468 + name:'',
  469 + clas:'empty'
  470 + },{
  471 + name:'',
  472 + clas:'empty'
  473 + },{
  474 + name:'C15',
  475 + clas:'img_wd'
  476 + },{
  477 + name:'C14',
  478 + clas:'img_wd'
  479 + },{
  480 + name:'C13',
  481 + clas:'img_wd'
  482 + },{
  483 + name:'C12',
  484 + clas:'img_wd'
  485 + },{
  486 + name:'C11',
  487 + clas:'img_wd'
  488 + },{
  489 + name:'C10',
  490 + clas:'img_wd'
  491 + },{
  492 + name:'C9',
  493 + clas:'img_wd'
  494 + },{
  495 + name:'C8',
  496 + clas:'img_wd'
  497 + },{
  498 + name:'C7',
  499 + clas:'img_wd'
  500 + },{
  501 + name:'C6',
  502 + clas:'img_wd'
  503 + },{
  504 + name:'C5',
  505 + clas:'img_wd'
  506 + },{
  507 + name:'C4',
  508 + clas:'img_wd'
  509 + },{
  510 + name:'C3',
  511 + clas:'img_wd'
  512 + },{
  513 + name:'C2',
  514 + clas:'img_wd'
  515 + },{
  516 + name:'C1',
  517 + clas:'img_wd'
  518 + }
  519 + ],
  520 + [
595 { 521 {
596 - name:'A17',  
597 - isShow:true,  
598 - className:'',  
599 - imgEmpty:false,  
600 - width:'' 522 + name:'',
  523 + clas:'empty'
  524 + },{
  525 + name:'',
  526 + clas:'empty'
  527 + },{
  528 + name:'',
  529 + clas:'empty'
  530 + },{
  531 + name:'B17',
  532 + clas:'img_wd'
  533 + },{
  534 + name:'B16',
  535 + clas:'img_wd'
  536 + },{
  537 + name:'B15',
  538 + clas:'img_wd'
  539 + },{
  540 + name:'B14',
  541 + clas:'img_wd'
  542 + },{
  543 + name:'B13',
  544 + clas:'img_wd'
  545 + },{
  546 + name:'B12',
  547 + clas:'img_wd'
  548 + },{
  549 + name:'B11',
  550 + clas:'img_wd'
  551 + },{
  552 + name:'B10',
  553 + clas:'img_wd'
  554 + },{
  555 + name:'',
  556 + clas:'empty'
  557 + },{
  558 + name:'',
  559 + clas:'empty'
  560 + },{
  561 + name:'B7',
  562 + clas:'img_wd'
  563 + },{
  564 + name:'B6',
  565 + clas:'img_wd'
  566 + },{
  567 + name:'B5',
  568 + clas:'img_wd'
  569 + },{
  570 + name:'B4',
  571 + clas:'img_wd img_light'
  572 + },{
  573 + name:'B3',
  574 + clas:'img_wd'
  575 + },{
  576 + name:'B2',
  577 + clas:'img_wd'
  578 + },{
  579 + name:'B1',
  580 + clas:'img_wd'
601 } 581 }
602 ], 582 ],
603 - 583 + [{
  584 + name:'',
  585 + clas:'empty'
  586 + },{
  587 + name:'',
  588 + clas:'empty'
  589 + },{
  590 + name:'',
  591 + clas:'empty'
  592 + },{
  593 + name:'A17',
  594 + clas:'img_wd'
  595 + },{
  596 + name:'A16',
  597 + clas:'img_wd'
  598 + },{
  599 + name:'A15',
  600 + clas:'img_wd'
  601 + },{
  602 + name:'A14',
  603 + clas:'img_wd'
  604 + },{
  605 + name:'A13',
  606 + clas:'img_wd'
  607 + },{
  608 + name:'A12',
  609 + clas:'img_wd'
  610 + },{
  611 + name:'A11',
  612 + clas:'img_wd'
  613 + },{
  614 + name:'A10',
  615 + clas:'img_wd'
  616 + },{
  617 + name:'A9',
  618 + clas:'img_wd'
  619 + },{
  620 + name:'A8',
  621 + clas:'img_wd'
  622 + },{
  623 + name:'A7',
  624 + clas:'img_wd'
  625 + },{
  626 + name:'A6',
  627 + clas:'img_wd'
  628 + },{
  629 + name:'A5',
  630 + clas:'img_wd'
  631 + },{
  632 + name:'A4',
  633 + clas:'img_wd'
  634 + },{
  635 + name:'A3',
  636 + clas:'img_wd'
  637 + },{
  638 + name:'A2',
  639 + clas:'img_wd'
  640 + },{
  641 + name:'A1',
  642 + clas:'img_wd'
  643 + }]
604 ] 644 ]
  645 +
605 } 646 }
606 }, 647 },
607 648