|
|
@@ -61,41 +61,48 @@
|
|
|
<div style="width: 9vw;border:0.5vw solid #000;">
|
|
|
<div style="width: 8vw;height: 86px;position:relative" @click="clickCabinet(1)">
|
|
|
<img style="width: 8vw;height: 86px" src="@/assets/images/cabinet1.png" />
|
|
|
+ <div class="indexDivLeft">{{ getStatus(1) }}</div>
|
|
|
<div class="indexDiv">{{ formatIndex(1) }}</div>
|
|
|
</div>
|
|
|
<div style="width: 8vw;height: 42px;position:relative" @click="clickCabinet(2)">
|
|
|
<img style="width: 8vw;height: 42px;" src="@/assets/images/cabinet2.png" />
|
|
|
+ <div class="indexDivLeft">{{ getStatus(2) }}</div>
|
|
|
<div class="indexDiv">{{ formatIndex(2) }}</div>
|
|
|
</div>
|
|
|
<div style="width: 8vw;height: 28px;position:relative" @click="clickCabinet(index + 3)"
|
|
|
v-for="(item, index) in 6">
|
|
|
<img style="width: 8vw;height: 28px;" src="@/assets/images/cabinet3.png" />
|
|
|
+ <div class="indexDivLeft">{{ getStatus(index+3) }}</div>
|
|
|
<div class="indexDiv">{{ formatIndex(index + 3) }}</div>
|
|
|
</div>
|
|
|
<div style="width: 8vw;height: 42px;position:relative" @click="clickCabinet(index + 9)"
|
|
|
v-for="(item, index) in 3">
|
|
|
<img style="width: 8vw;height: 42px;" src="@/assets/images/cabinet3.png" />
|
|
|
+ <div class="indexDivLeft">{{ getStatus(index+9) }}</div>
|
|
|
<div class="indexDiv">{{ formatIndex(index + 9) }}</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div style="width: 9vw;border:0.5vw solid #000;">
|
|
|
<div style="width: 8vw;height: 86px;position:relative" @click="clickCabinet(12)">
|
|
|
<img style="width: 8vw;height: 86px" src="@/assets/images/cabinet1.png" />
|
|
|
+ <div class="indexDivLeft">{{ getStatus(12) }}</div>
|
|
|
<div class="indexDiv">{{ formatIndex(12) }}</div>
|
|
|
</div>
|
|
|
<div style="width: 8vw;height: 154px;position:relative" @click="clickCabinet(13)">
|
|
|
<img style="width: 8vw;height: 154px;" src="@/assets/images/cabinet2.png" />
|
|
|
- <div class="indexDiv">{{ formatIndex(13) }}</div>
|
|
|
+ <!-- <div class="indexDiv">{{ formatIndex(13) }}</div> -->
|
|
|
</div>
|
|
|
- <div style="width: 8vw;height: 28px;position:relative" @click="clickCabinet(index + 14)"
|
|
|
+ <div style="width: 8vw;height: 28px;position:relative" @click="clickCabinet(index + 13)"
|
|
|
v-for="(item, index) in 2">
|
|
|
<img style="width: 8vw;height: 28px;" src="@/assets/images/cabinet3.png" />
|
|
|
- <div class="indexDiv">{{ formatIndex(index + 14) }}</div>
|
|
|
+ <div class="indexDivLeft">{{ getStatus(index+13) }}</div>
|
|
|
+ <div class="indexDiv">{{ formatIndex(index + 13) }}</div>
|
|
|
</div>
|
|
|
- <div style="width: 8vw;height: 42px;position:relative" @click="clickCabinet(index + 16)"
|
|
|
+ <div style="width: 8vw;height: 42px;position:relative" @click="clickCabinet(index + 15)"
|
|
|
v-for="(item, index) in 3">
|
|
|
<img style="width: 8vw;height: 42px;" src="@/assets/images/cabinet3.png" />
|
|
|
- <div class="indexDiv">{{ formatIndex(index + 16) }}</div>
|
|
|
+ <div class="indexDivLeft">{{ getStatus(index+15) }}</div>
|
|
|
+ <div class="indexDiv">{{ formatIndex(index + 15) }}</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -105,81 +112,96 @@
|
|
|
<div style="width: 9vw;border:0.5vw solid #000;">
|
|
|
<div style="width: 8vw;height: 86px;position:relative" @click="clickCabinet(1)">
|
|
|
<img style="width: 8vw;height: 86px" src="@/assets/images/cabinet1.png" />
|
|
|
+ <div class="indexDivLeft">{{ getStatus(1) }}</div>
|
|
|
<div class="indexDiv">{{ formatIndex(1) }}</div>
|
|
|
</div>
|
|
|
<div style="width: 8vw;height: 42px;position:relative" @click="clickCabinet(2)">
|
|
|
<img style="width: 8vw;height: 42px;" src="@/assets/images/cabinet2.png" />
|
|
|
+ <div class="indexDivLeft">{{ getStatus(2) }}</div>
|
|
|
<div class="indexDiv">{{ formatIndex(2) }}</div>
|
|
|
</div>
|
|
|
<div style="width: 8vw;height: 28px;position:relative" @click="clickCabinet(index + 3)"
|
|
|
v-for="(item, index) in 6">
|
|
|
<img style="width: 8vw;height: 28px;" src="@/assets/images/cabinet3.png" />
|
|
|
+ <div class="indexDivLeft">{{ getStatus(index+3) }}</div>
|
|
|
<div class="indexDiv">{{ formatIndex(index + 3) }}</div>
|
|
|
</div>
|
|
|
<div style="width: 8vw;height: 42px;position:relative" @click="clickCabinet(index + 9)"
|
|
|
v-for="(item, index) in 3">
|
|
|
<img style="width: 8vw;height: 42px;" src="@/assets/images/cabinet3.png" />
|
|
|
+ <div class="indexDivLeft">{{ getStatus(index+9) }}</div>
|
|
|
<div class="indexDiv">{{ formatIndex(index + 9) }}</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div style="width: 9vw;border:0.5vw solid #000;">
|
|
|
<div style="width: 8vw;height: 86px;position:relative" @click="clickCabinet(12)">
|
|
|
<img style="width: 8vw;height: 86px" src="@/assets/images/cabinet1.png" />
|
|
|
+ <div class="indexDivLeft">{{ getStatus(12) }}</div>
|
|
|
<div class="indexDiv">{{ formatIndex(12) }}</div>
|
|
|
</div>
|
|
|
<div style="width: 8vw;height: 42px;position:relative" @click="clickCabinet(13)">
|
|
|
<img style="width: 8vw;height: 42px;" src="@/assets/images/cabinet2.png" />
|
|
|
+ <div class="indexDivLeft">{{ getStatus(13) }}</div>
|
|
|
<div class="indexDiv">{{ formatIndex(13) }}</div>
|
|
|
</div>
|
|
|
<div style="width: 8vw;height: 28px;position:relative" @click="clickCabinet(index + 14)"
|
|
|
v-for="(item, index) in 6">
|
|
|
<img style="width: 8vw;height: 28px;" src="@/assets/images/cabinet3.png" />
|
|
|
+ <div class="indexDivLeft">{{ getStatus(index+14) }}</div>
|
|
|
<div class="indexDiv">{{ formatIndex(index + 14) }}</div>
|
|
|
</div>
|
|
|
<div style="width: 8vw;height: 42px;position:relative" @click="clickCabinet(index + 20)"
|
|
|
v-for="(item, index) in 3">
|
|
|
<img style="width: 8vw;height: 42px;" src="@/assets/images/cabinet3.png" />
|
|
|
+ <div class="indexDivLeft">{{ getStatus(index+20) }}</div>
|
|
|
<div class="indexDiv">{{ formatIndex(index + 20) }}</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div style="width: 9vw;border:0.5vw solid #000;">
|
|
|
<div style="width: 8vw;height: 86px;position:relative" @click="clickCabinet(23)">
|
|
|
<img style="width: 8vw;height: 86px" src="@/assets/images/cabinet1.png" />
|
|
|
+ <div class="indexDivLeft">{{ getStatus(23) }}</div>
|
|
|
<div class="indexDiv">{{ formatIndex(23) }}</div>
|
|
|
</div>
|
|
|
<div style="width: 8vw;height: 42px;position:relative" @click="clickCabinet(24)">
|
|
|
<img style="width: 8vw;height: 42px;" src="@/assets/images/cabinet2.png" />
|
|
|
+ <div class="indexDivLeft">{{ getStatus(24) }}</div>
|
|
|
<div class="indexDiv">{{ formatIndex(24) }}</div>
|
|
|
</div>
|
|
|
<div style="width: 8vw;height: 28px;position:relative" @click="clickCabinet(index + 25)"
|
|
|
v-for="(item, index) in 6">
|
|
|
<img style="width: 8vw;height: 28px;" src="@/assets/images/cabinet3.png" />
|
|
|
+ <div class="indexDivLeft">{{ getStatus(index+25) }}</div>
|
|
|
<div class="indexDiv">{{ formatIndex(index + 25) }}</div>
|
|
|
</div>
|
|
|
<div style="width: 8vw;height: 42px;position:relative" @click="clickCabinet(index + 31)"
|
|
|
v-for="(item, index) in 3">
|
|
|
<img style="width: 8vw;height: 42px;" src="@/assets/images/cabinet3.png" />
|
|
|
+ <div class="indexDivLeft">{{ getStatus(index+31) }}</div>
|
|
|
<div class="indexDiv">{{ formatIndex(index + 31) }}</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div style="width: 9vw;border:0.5vw solid #000;">
|
|
|
<div style="width: 8vw;height: 86px;position:relative" @click="clickCabinet(34)">
|
|
|
<img style="width: 8vw;height: 86px" src="@/assets/images/cabinet1.png" />
|
|
|
+ <div class="indexDivLeft">{{ getStatus(34) }}</div>
|
|
|
<div class="indexDiv">{{ formatIndex(34) }}</div>
|
|
|
</div>
|
|
|
<div style="width: 8vw;height: 154px;position:relative" @click="clickCabinet(35)">
|
|
|
<img style="width: 8vw;height: 154px;" src="@/assets/images/cabinet2.png" />
|
|
|
- <div class="indexDiv">{{ formatIndex(35) }}</div>
|
|
|
+ <!-- <div class="indexDiv">{{ formatIndex(35) }}</div> -->
|
|
|
</div>
|
|
|
- <div style="width: 8vw;height: 28px;position:relative" @click="clickCabinet(index + 36)"
|
|
|
+ <div style="width: 8vw;height: 28px;position:relative" @click="clickCabinet(index + 35)"
|
|
|
v-for="(item, index) in 2">
|
|
|
<img style="width: 8vw;height: 28px;" src="@/assets/images/cabinet3.png" />
|
|
|
- <div class="indexDiv">{{ formatIndex(index + 36) }}</div>
|
|
|
+ <div class="indexDivLeft">{{ getStatus(index+35) }}</div>
|
|
|
+ <div class="indexDiv">{{ formatIndex(index + 35) }}</div>
|
|
|
</div>
|
|
|
- <div style="width: 8vw;height: 42px;position:relative" @click="clickCabinet(index + 38)"
|
|
|
+ <div style="width: 8vw;height: 42px;position:relative" @click="clickCabinet(index + 37)"
|
|
|
v-for="(item, index) in 3">
|
|
|
<img style="width: 8vw;height: 42px;" src="@/assets/images/cabinet3.png" />
|
|
|
- <div class="indexDiv">{{ formatIndex(index + 38) }}</div>
|
|
|
+ <div class="indexDivLeft">{{ getStatus(index+37) }}</div>
|
|
|
+ <div class="indexDiv">{{ formatIndex(index + 37) }}</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -266,68 +288,68 @@
|
|
|
</div>
|
|
|
<div style="width: 8vw;height: 154px;position:relative" @click="clickCabinet(35)">
|
|
|
<img style="width: 8vw;height: 154px;" src="@/assets/images/cabinet2.png" />
|
|
|
- <div class="indexDivLeft">{{ getStatus(35) }}</div>
|
|
|
- <div class="indexDiv">{{ formatIndex(35) }}</div>
|
|
|
+ <!-- <div class="indexDivLeft">{{ getStatus(35) }}</div>
|
|
|
+ <div class="indexDiv">{{ formatIndex(35) }}</div> -->
|
|
|
</div>
|
|
|
- <div style="width: 8vw;height: 28px;position:relative" @click="clickCabinet(index + 36)"
|
|
|
+ <div style="width: 8vw;height: 28px;position:relative" @click="clickCabinet(index + 35)"
|
|
|
v-for="(item, index) in 2">
|
|
|
<img style="width: 8vw;height: 28px;" src="@/assets/images/cabinet3.png" />
|
|
|
- <div class="indexDivLeft">{{ getStatus(index+36) }}</div>
|
|
|
- <div class="indexDiv">{{ formatIndex(index + 36) }}</div>
|
|
|
+ <div class="indexDivLeft">{{ getStatus(index+35) }}</div>
|
|
|
+ <div class="indexDiv">{{ formatIndex(index + 35) }}</div>
|
|
|
</div>
|
|
|
- <div style="width: 8vw;height: 42px;position:relative" @click="clickCabinet(index + 38)"
|
|
|
+ <div style="width: 8vw;height: 42px;position:relative" @click="clickCabinet(index + 37)"
|
|
|
v-for="(item, index) in 3">
|
|
|
<img style="width: 8vw;height: 42px;" src="@/assets/images/cabinet3.png" />
|
|
|
- <div class="indexDivLeft">{{ getStatus(index+38) }}</div>
|
|
|
- <div class="indexDiv">{{ formatIndex(index + 38) }}</div>
|
|
|
+ <div class="indexDivLeft">{{ getStatus(index+37) }}</div>
|
|
|
+ <div class="indexDiv">{{ formatIndex(index + 37) }}</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div style="width: 9vw;border:0.5vw solid #000;">
|
|
|
- <div style="width: 8vw;height: 86px;position:relative" @click="clickCabinet(41)">
|
|
|
+ <div style="width: 8vw;height: 86px;position:relative" @click="clickCabinet(40)">
|
|
|
<img style="width: 8vw;height: 86px" src="@/assets/images/cabinet1.png" />
|
|
|
- <div class="indexDivLeft">{{ getStatus(41) }}</div>
|
|
|
- <div class="indexDiv">{{ formatIndex(41) }}</div>
|
|
|
+ <div class="indexDivLeft">{{ getStatus(40) }}</div>
|
|
|
+ <div class="indexDiv">{{ formatIndex(40) }}</div>
|
|
|
</div>
|
|
|
- <div style="width: 8vw;height: 42px;position:relative" @click="clickCabinet(42)">
|
|
|
+ <div style="width: 8vw;height: 42px;position:relative" @click="clickCabinet(41)">
|
|
|
<img style="width: 8vw;height: 42px;" src="@/assets/images/cabinet2.png" />
|
|
|
- <div class="indexDivLeft">{{ getStatus(42) }}</div>
|
|
|
- <div class="indexDiv">{{ formatIndex(42) }}</div>
|
|
|
+ <div class="indexDivLeft">{{ getStatus(41) }}</div>
|
|
|
+ <div class="indexDiv">{{ formatIndex(41) }}</div>
|
|
|
</div>
|
|
|
- <div style="width: 8vw;height: 28px;position:relative" @click="clickCabinet(index + 43)"
|
|
|
+ <div style="width: 8vw;height: 28px;position:relative" @click="clickCabinet(index + 42)"
|
|
|
v-for="(item, index) in 6">
|
|
|
<img style="width: 8vw;height: 28px;" src="@/assets/images/cabinet3.png" />
|
|
|
- <div class="indexDivLeft">{{ getStatus(index+43) }}</div>
|
|
|
- <div class="indexDiv">{{ formatIndex(index + 43) }}</div>
|
|
|
+ <div class="indexDivLeft">{{ getStatus(index+42) }}</div>
|
|
|
+ <div class="indexDiv">{{ formatIndex(index + 42) }}</div>
|
|
|
</div>
|
|
|
- <div style="width: 8vw;height: 42px;position:relative" @click="clickCabinet(index + 49)"
|
|
|
+ <div style="width: 8vw;height: 42px;position:relative" @click="clickCabinet(index + 48)"
|
|
|
v-for="(item, index) in 3">
|
|
|
<img style="width: 8vw;height: 42px;" src="@/assets/images/cabinet3.png" />
|
|
|
- <div class="indexDivLeft">{{ getStatus(index+49) }}</div>
|
|
|
- <div class="indexDiv">{{ formatIndex(index + 49) }}</div>
|
|
|
+ <div class="indexDivLeft">{{ getStatus(index+48) }}</div>
|
|
|
+ <div class="indexDiv">{{ formatIndex(index + 48) }}</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div style="width: 9vw;border:0.5vw solid #000;">
|
|
|
- <div style="width: 8vw;height: 86px;position:relative" @click="clickCabinet(52)">
|
|
|
+ <div style="width: 8vw;height: 86px;position:relative" @click="clickCabinet(51)">
|
|
|
<img style="width: 8vw;height: 86px" src="@/assets/images/cabinet1.png" />
|
|
|
- <div class="indexDivLeft">{{ getStatus(52) }}</div>
|
|
|
- <div class="indexDiv">{{ formatIndex(52) }}</div>
|
|
|
+ <div class="indexDivLeft">{{ getStatus(51) }}</div>
|
|
|
+ <div class="indexDiv">{{ formatIndex(51) }}</div>
|
|
|
</div>
|
|
|
- <div style="width: 8vw;height: 42px;position:relative" @click="clickCabinet(53)">
|
|
|
+ <div style="width: 8vw;height: 42px;position:relative" @click="clickCabinet(52)">
|
|
|
<img style="width: 8vw;height: 42px;" src="@/assets/images/cabinet2.png" />
|
|
|
- <div class="indexDivLeft">{{ getStatus(53) }}</div>
|
|
|
- <div class="indexDiv">{{ formatIndex(53) }}</div>
|
|
|
+ <div class="indexDivLeft">{{ getStatus(52) }}</div>
|
|
|
+ <div class="indexDiv">{{ formatIndex(52) }}</div>
|
|
|
</div>
|
|
|
- <div style="width: 8vw;height: 28px;position:relative" @click="clickCabinet(index + 54)"
|
|
|
+ <div style="width: 8vw;height: 28px;position:relative" @click="clickCabinet(index + 53)"
|
|
|
v-for="(item, index) in 6">
|
|
|
<img style="width: 8vw;height: 28px;" src="@/assets/images/cabinet3.png" />
|
|
|
- <div class="indexDivLeft">{{ getStatus(index+54) }}</div>
|
|
|
- <div class="indexDiv">{{ formatIndex(index + 54) }}</div>
|
|
|
+ <div class="indexDivLeft">{{ getStatus(index+53) }}</div>
|
|
|
+ <div class="indexDiv">{{ formatIndex(index + 53) }}</div>
|
|
|
</div>
|
|
|
- <div style="width: 8vw;height: 42px;position:relative" @click="clickCabinet(index + 60)"
|
|
|
+ <div style="width: 8vw;height: 42px;position:relative" @click="clickCabinet(index + 59)"
|
|
|
v-for="(item, index) in 3">
|
|
|
<img style="width: 8vw;height: 42px;" src="@/assets/images/cabinet3.png" />
|
|
|
- <div class="indexDivLeft">{{ getStatus(index+60) }}</div>
|
|
|
- <div class="indexDiv">{{ formatIndex(index + 60) }}</div>
|
|
|
+ <div class="indexDivLeft">{{ getStatus(index+59) }}</div>
|
|
|
+ <div class="indexDiv">{{ formatIndex(index + 59) }}</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|