| | |
|---|
| | | height: 35px;
|
|---|
| | |
|
|---|
| | | position: absolute;
|
|---|
| | | width: 3.07px;
|
|---|
| | | width: 3.08px;
|
|---|
| | | /* width: 4.22px; */
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .gezi:nth-child(22),
|
|---|
| | | /* .gezi:nth-child(22),
|
|---|
| | | .gezi:nth-child(43),
|
|---|
| | | .gezi:nth-child(64),
|
|---|
| | | .gezi:nth-child(85) {
|
|---|
| | | margin-left: 7px;
|
|---|
| | | /* margin-left: 10px; */
|
|---|
| | | }
|
|---|
| | | margin-left: 10px;
|
|---|
| | | } */
|
|---|
| | |
|
|---|
| | |
|
|---|
| | |
|
|---|
| | |
|---|
| | | <div class="blocks" style="position: relative;">
|
|---|
| | | <div style="display:flex;position: absolute;float:left;z-index: 999;top:102px;left:237px;">
|
|---|
| | | <div :class="getStatusClass(item.state)" v-for="(item,index) in cagelist1" :key="item['date']"
|
|---|
| | | :style="{ height: 35 * item['glassWidth'] + 'px',left:3.07*index+'px' }" @click="showcageinfo(item['cage'])"></div>
|
|---|
| | | :style="{ height: 35 * item['glassWidth'] + 'px', left: 3.07 * index+(item['cage']-1)*6.8 + 'px' }"
|
|---|
| | | @click="showcageinfo(item['cage'])"></div>
|
|---|
| | | </div>
|
|---|
| | | <div style="display:flex;position: absolute;float:left;z-index: 999;top:102px;left:640px;">
|
|---|
| | | <div :class="getStatusClass(item.state)" v-for="(item,index) in cagelist2" :key="item['date']"
|
|---|
| | | :style="{ height: 35 * item['glassWidth'] + 'px',left:3.07*index+'px' }" @click="showcageinfo(item['cage'])"></div>
|
|---|
| | | :style="{ height: 35 * item['glassWidth'] + 'px', left: 3.07 * index+(item['cage']-6)*6.8 + 'px' }"
|
|---|
| | | @click="showcageinfo(item['cage'])"></div>
|
|---|
| | | </div>
|
|---|
| | | <div style="display:flex;position: absolute;float:left;z-index: 999;top:139px;left:237px;">
|
|---|
| | | <div :class="getStatusClass(item.state)" v-for="(item,index) in cagelist3" :key="item['date']"
|
|---|
| | | :style="{ height: 35 * item['glassWidth'] + 'px', top: item['width'] * 35 - 35 + 'px',left:3.07*index+'px' }"
|
|---|
| | | :style="{ height: 35 * item['glassWidth'] + 'px', top: item['width'] * 35 - 35 + 'px', left: 3.07 * index+(item['cage']-1)*6.8 + 'px' }"
|
|---|
| | | @click="showcageinfo(item['cage'])">
|
|---|
| | | </div>
|
|---|
| | | </div>
|
|---|
| | | <div style="display:flex;position: absolute;float:left;z-index: 999;top:139px;left:640px;">
|
|---|
| | | <div :class="getStatusClass(item.state)" v-for="(item,index) in cagelist4" :key="item['date']"
|
|---|
| | | :style="{ height: 35 * item['glassWidth'] + 'px', top: item['width'] * 35 - 35 + 'px',left:3.07*index+'px' }"
|
|---|
| | | :style="{ height: 35 * item['glassWidth'] + 'px', top: item['width'] * 35 - 35 + 'px', left: 3.07 * index+(item['cage']-6)*6.8 + 'px' }"
|
|---|
| | | @click="showcageinfo(item['cage'])"></div>
|
|---|
| | | </div>
|
|---|
| | | <div class="blocks-img" :style="{ left: car1 + 'px', top: '16px' }"></div>
|
|---|
