<template>
|
<div id="zhu">
|
<div class="lie">
|
<div class="hang" style="margin-top: 20%;">
|
<div class="ge" @click="xian(1,6,2)"></div>
|
<div class="ge" @click="xian(1,6,1)"></div>
|
</div>
|
<div class="hang">
|
<div class="ge" @click="xian(1,5,2)"></div>
|
<div class="ge" @click="xian(1,5,1)"></div>
|
</div>
|
<div class="hang">
|
<div class="ge" @click="xian(1,4,2)"></div>
|
<div class="ge" @click="xian(1,4,1)"></div>
|
</div>
|
<div class="hang">
|
<div class="ge" @click="xian(1,3,2)"></div>
|
<div class="ge" @click="xian(1,3,1)"></div>
|
</div>
|
<div class="hang">
|
<div class="ge" @click="xian(1,2,2)"></div>
|
<div class="ge" @click="xian(1,2,1)"></div>
|
</div>
|
<div class="hang">
|
<div class="ge" @click="xian(1,1,2)"></div>
|
<div class="ge" @click="xian(1,1,1)"></div>
|
</div>
|
</div>
|
<div class="lie">
|
<div class="hang" style="margin-top: 20%;">
|
<div class="ge" @click="xian(2,6,2)"></div>
|
<div class="ge" @click="xian(2,6,1)"></div>
|
</div>
|
<div class="hang">
|
<div class="ge" @click="xian(2,5,2)"></div>
|
<div class="ge" @click="xian(2,5,1)"></div>
|
</div>
|
<div class="hang">
|
<div class="ge" @click="xian(2,4,2)"></div>
|
<div class="ge" @click="xian(2,4,1)"></div>
|
</div>
|
<div class="hang">
|
<div class="ge" @click="xian(2,3,2)"></div>
|
<div class="ge" @click="xian(2,3,1)"></div>
|
</div>
|
<div class="hang">
|
<div class="ge" @click="xian(2,2,2)"></div>
|
<div class="ge" @click="xian(2,2,1)"></div>
|
</div>
|
<div class="hang">
|
<div class="ge" @click="xian(2,1,2)"></div>
|
<div class="ge" @click="xian(2,1,1)"></div>
|
</div>
|
</div>
|
<div class="lie">
|
<div class="hang" style="margin-top: 20%;">
|
<div class="ge" @click="xian(3,6,2)"></div>
|
<div class="ge" @click="xian(3,6,1)"></div>
|
</div>
|
<div class="hang">
|
<div class="ge" @click="xian(3,5,2)"></div>
|
<div class="ge" @click="xian(3,5,1)"></div>
|
</div>
|
<div class="hang">
|
<div class="ge" @click="xian(3,4,2)"></div>
|
<div class="ge" @click="xian(3,4,1)"></div>
|
</div>
|
<div class="hang">
|
<div class="ge" @click="xian(3,3,2)"></div>
|
<div class="ge" @click="xian(3,3,1)"></div>
|
</div>
|
<div class="hang">
|
<div class="ge" @click="xian(3,2,2)"></div>
|
<div class="ge" @click="xian(3,2,1)"></div>
|
</div>
|
<div class="hang">
|
<div class="ge" @click="xian(3,1,2)"></div>
|
<div class="ge" @click="xian(3,1,1)"></div>
|
</div>
|
</div>
|
<div class="lie">
|
<div class="hang" style="margin-top: 20%;">
|
<div class="ge" @click="xian(4,6,2)"></div>
|
<div class="ge" @click="xian(1,6,1)"></div>
|
</div>
|
<div class="hang">
|
<div class="ge" @click="xian(4,5,2)"></div>
|
<div class="ge" @click="xian(4,5,1)"></div>
|
</div>
|
<div class="hang">
|
<div class="ge" @click="xian(4,4,2)"></div>
|
<div class="ge" @click="xian(4,4,1)"></div>
|
</div>
|
<div class="hang">
|
<div class="ge" @click="xian(4,3,2)"></div>
|
<div class="ge" @click="xian(4,3,1)"></div>
|
</div>
|
<div class="hang">
|
<div class="ge" @click="xian(4,2,2)"></div>
|
<div class="ge" @click="xian(4,2,1)"></div>
|
</div>
|
<div class="hang">
|
<div class="ge" @click="xian(4,1,2)"></div>
|
<div class="ge" @click="xian(4,1,1)"></div>
|
</div>
|
</div>
|
<div class="lie">
|
<div class="hang" style="margin-top: 20%;">
|
<div class="ge" @click="xian(5,6,2)"></div>
|
<div class="ge" @click="xian(5,6,1)"></div>
|
</div>
|
<div class="hang">
|
<div class="ge" @click="xian(5,5,2)"></div>
|
<div class="ge" @click="xian(5,5,1)"></div>
|
</div>
|
<div class="hang">
|
<div class="ge" @click="xian(5,4,2)"></div>
|
<div class="ge" @click="xian(5,4,1)"></div>
|
</div>
|
<div class="hang">
|
<div class="ge" @click="xian(5,3,2)"></div>
|
<div class="ge" @click="xian(5,3,1)"></div>
|
</div>
|
<div class="hang">
|
<div class="ge" @click="xian(5,2,2)"></div>
|
<div class="ge" @click="xian(5,2,1)"></div>
|
</div>
|
<div class="hang">
|
<div class="ge" @click="xian(5,1,2)"></div>
|
<div class="ge" @click="xian(5,1,1)"></div>
|
</div>
|
</div>
|
<div class="lie">
|
<div class="hang" style="margin-top: 20%;">
|
<div class="ge" @click="xian(6,6,2)"></div>
|
<div class="ge" @click="xian(6,6,1)"></div>
|
</div>
|
<div class="hang">
|
<div class="ge" @click="xian(6,5,2)"></div>
|
<div class="ge" @click="xian(6,5,1)"></div>
|
</div>
|
<div class="hang">
|
<div class="ge" @click="xian(6,4,2)"></div>
|
<div class="ge" @click="xian(6,4,1)"></div>
|
</div>
|
<div class="hang">
|
<div class="ge" @click="xian(6,3,2)"></div>
|
<div class="ge" @click="xian(6,3,1)"></div>
|
</div>
|
<div class="hang">
|
<div class="ge" @click="xian(6,2,2)"></div>
|
<div class="ge" @click="xian(6,2,1)"></div>
|
</div>
|
<div class="hang">
|
<div class="ge" @click="xian(6,1,2)"></div>
|
<div class="ge" @click="xian(6,1,1)"></div>
|
</div>
|
</div>
|
<div class="lie">
|
<div class="hang" style="margin-top: 20%;">
|
<div class="ge" @click="xian(7,6,2)"></div>
|
<div class="ge" @click="xian(7,6,1)"></div>
|
</div>
|
<div class="hang">
|
<div class="ge" @click="xian(7,5,2)"></div>
|
<div class="ge" @click="xian(7,5,1)"></div>
|
</div>
|
<div class="hang">
|
<div class="ge" @click="xian(7,4,2)"></div>
|
<div class="ge" @click="xian(7,4,1)"></div>
|
</div>
|
<div class="hang">
|
<div class="ge" @click="xian(7,3,2)"></div>
|
<div class="ge" @click="xian(7,3,1)"></div>
|
</div>
|
<div class="hang">
|
<div class="ge" @click="xian(7,2,2)"></div>
|
<div class="ge" @click="xian(7,2,1)"></div>
|
</div>
|
<div class="hang">
|
<div class="ge" @click="xian(7,1,2)"></div>
|
<div class="ge" @click="xian(7,1,1)"></div>
|
</div>
|
</div>
|
<div class="lie">
|
<div class="hang" style="margin-top: 20%;">
|
<div class="ge" @click="xian(8,6,2)"></div>
|
<div class="ge" @click="xian(8,6,1)"></div>
|
</div>
|
<div class="hang">
|
<div class="ge" @click="xian(8,5,2)"></div>
|
<div class="ge" @click="xian(8,5,1)"></div>
|
</div>
|
<div class="hang">
|
<div class="ge" @click="xian(8,4,2)"></div>
|
<div class="ge" @click="xian(8,4,1)"></div>
|
</div>
|
<div class="hang">
|
<div class="ge" @click="xian(8,3,2)"></div>
|
<div class="ge" @click="xian(8,3,1)"></div>
|
</div>
|
<div class="hang">
|
<div class="ge" @click="xian(8,2,2)"></div>
|
<div class="ge" @click="xian(8,2,1)"></div>
|
</div>
|
<div class="hang">
|
<div class="ge" @click="xian(8,1,2)"></div>
|
<div class="ge" @click="xian(8,1,1)"></div>
|
</div>
|
</div>
|
<div class="lie">
|
<div class="hang" style="margin-top: 20%;">
|
<div class="ge" @click="xian(9,6,2)"></div>
|
<div class="ge" @click="xian(9,6,1)"></div>
|
</div>
|
<div class="hang">
|
<div class="ge" @click="xian(9,5,2)"></div>
|
<div class="ge" @click="xian(9,5,1)"></div>
|
</div>
|
<div class="hang">
|
<div class="ge" @click="xian(9,4,2)"></div>
|
<div class="ge" @click="xian(9,4,1)"></div>
|
</div>
|
<div class="hang">
|
<div class="ge" @click="xian(9,3,2)"></div>
|
<div class="ge" @click="xian(9,3,1)"></div>
|
</div>
|
<div class="hang">
|
<div class="ge" @click="xian(9,2,2)"></div>
|
<div class="ge" @click="xian(9,2,1)"></div>
|
</div>
|
<div class="hang">
|
<div class="ge" @click="xian(9,1,2)"></div>
|
<div class="ge" @click="xian(9,1,1)"></div>
|
</div>
|
</div>
|
<div class="lie">
|
<div class="hang" style="margin-top: 20%;">
|
<div class="ge" @click="xian(10,6,2)"></div>
|
<div class="ge" @click="xian(10,6,1)"></div>
|
</div>
|
<div class="hang">
|
<div class="ge" @click="xian(10,5,2)"></div>
|
<div class="ge" @click="xian(10,5,1)"></div>
|
</div>
|
<div class="hang">
|
<div class="ge" @click="xian(10,4,2)"></div>
|
<div class="ge" @click="xian(10,4,1)"></div>
|
</div>
|
<div class="hang">
|
<div class="ge" @click="xian(10,3,2)"></div>
|
<div class="ge" @click="xian(10,3,1)"></div>
|
</div>
|
<div class="hang">
|
<div class="ge" @click="xian(10,2,2)"></div>
|
<div class="ge" @click="xian(10,2,1)"></div>
|
</div>
|
<div class="hang">
|
<div class="ge" @click="xian(10,1,2)"></div>
|
<div class="ge" @click="xian(10,1,1)"></div>
|
</div>
|
</div>
|
<div class="lie">
|
<div class="hang" style="margin-top: 20%;">
|
<div class="ge" @click="xian(11,6,2)"></div>
|
<div class="ge" @click="xian(11,6,1)"></div>
|
</div>
|
<div class="hang">
|
<div class="ge" @click="xian(11,5,2)"></div>
|
<div class="ge" @click="xian(11,5,1)"></div>
|
</div>
|
<div class="hang">
|
<div class="ge" @click="xian(11,4,2)"></div>
|
<div class="ge" @click="xian(11,4,1)"></div>
|
</div>
|
<div class="hang">
|
<div class="ge" @click="xian(11,3,2)"></div>
|
<div class="ge" @click="xian(11,3,1)"></div>
|
</div>
|
<div class="hang">
|
<div class="ge" @click="xian(11,2,2)"></div>
|
<div class="ge" @click="xian(11,2,1)"></div>
|
</div>
|
<div class="hang">
|
<div class="ge" @click="xian(11,1,2)"></div>
|
<div class="ge" @click="xian(11,1,1)"></div>
|
</div>
|
</div>
|
<div class="lie">
|
<div class="hang" style="margin-top: 20%;">
|
<div class="ge" @click="xian(12,6,2)"></div>
|
<div class="ge" @click="xian(12,6,1)"></div>
|
</div>
|
<div class="hang">
|
<div class="ge" @click="xian(12,5,2)"></div>
|
<div class="ge" @click="xian(12,5,1)"></div>
|
</div>
|
<div class="hang">
|
<div class="ge" @click="xian(12,4,2)"></div>
|
<div class="ge" @click="xian(12,4,1)"></div>
|
</div>
|
<div class="hang">
|
<div class="ge" @click="xian(12,3,2)"></div>
|
<div class="ge" @click="xian(12,3,1)"></div>
|
</div>
|
<div class="hang">
|
<div class="ge" @click="xian(12,2,2)"></div>
|
<div class="ge" @click="xian(12,2,1)"></div>
|
</div>
|
<div class="hang">
|
<div class="ge" @click="xian(12,1,2)"></div>
|
<div class="ge" @click="xian(12,1,1)"></div>
|
</div>
|
</div>
|
<div class="lie">
|
<div class="hang" style="margin-top: 20%;">
|
<div class="ge" @click="xian(13,6,2)"></div>
|
<div class="ge" @click="xian(13,6,1)"></div>
|
</div>
|
<div class="hang">
|
<div class="ge" @click="xian(13,5,2)"></div>
|
<div class="ge" @click="xian(13,5,1)"></div>
|
</div>
|
<div class="hang">
|
<div class="ge" @click="xian(13,4,2)"></div>
|
<div class="ge" @click="xian(13,4,1)"></div>
|
</div>
|
<div class="hang">
|
<div class="ge" @click="xian(13,3,2)"></div>
|
<div class="ge" @click="xian(13,3,1)"></div>
|
</div>
|
<div class="hang">
|
<div class="ge" @click="xian(13,2,2)"></div>
|
<div class="ge" @click="xian(13,2,1)"></div>
|
</div>
|
<div class="hang">
|
<div class="ge" @click="xian(13,1,2)"></div>
|
<div class="ge" @click="xian(13,1,1)"></div>
|
</div>
|
</div>
|
<div class="lie">
|
<div class="hang" style="margin-top: 20%;">
|
<div class="ge" @click="xian(14,6,2)"></div>
|
<div class="ge" @click="xian(14,6,1)"></div>
|
</div>
|
<div class="hang">
|
<div class="ge" @click="xian(14,5,2)"></div>
|
<div class="ge" @click="xian(14,5,1)"></div>
|
</div>
|
<div class="hang">
|
<div class="ge" @click="xian(14,4,2)"></div>
|
<div class="ge" @click="xian(14,4,1)"></div>
|
</div>
|
<div class="hang">
|
<div class="ge" @click="xian(14,3,2)"></div>
|
<div class="ge" @click="xian(14,3,1)"></div>
|
</div>
|
<div class="hang">
|
<div class="ge" @click="xian(14,2,2)"></div>
|
<div class="ge" @click="xian(14,2,1)"></div>
|
</div>
|
<div class="hang">
|
<div class="ge" @click="xian(14,1,2)"></div>
|
<div class="ge" @click="xian(14,1,1)"></div>
|
</div>
|
</div>
|
<div class="lie">
|
<div class="hang" style="margin-top: 20%;">
|
<div class="ge" @click="xian(15,6,2)"></div>
|
<div class="ge" @click="xian(15,6,1)"></div>
|
</div>
|
<div class="hang">
|
<div class="ge" @click="xian(15,5,2)"></div>
|
<div class="ge" @click="xian(15,5,1)"></div>
|
</div>
|
<div class="hang">
|
<div class="ge" @click="xian(15,4,2)"></div>
|
<div class="ge" @click="xian(15,4,1)"></div>
|
</div>
|
<div class="hang">
|
<div class="ge" @click="xian(15,3,2)"></div>
|
<div class="ge" @click="xian(15,3,1)"></div>
|
</div>
|
<div class="hang">
|
<div class="ge" @click="xian(15,2,2)"></div>
|
<div class="ge" @click="xian(15,2,1)"></div>
|
</div>
|
<div class="hang">
|
<div class="ge" @click="xian(15,1,2)"></div>
|
<div class="ge" @click="xian(15,1,1)"></div>
|
</div>
|
</div>
|
<div class="lie">
|
<div class="hang" style="margin-top: 20%;">
|
<div class="ge" @click="xian(16,6,2)"></div>
|
<div class="ge" @click="xian(16,6,1)"></div>
|
</div>
|
<div class="hang">
|
<div class="ge" @click="xian(16,5,2)"></div>
|
<div class="ge" @click="xian(16,5,1)"></div>
|
</div>
|
<div class="hang">
|
<div class="ge" @click="xian(16,4,2)"></div>
|
<div class="ge" @click="xian(16,4,1)"></div>
|
</div>
|
<div class="hang">
|
<div class="ge" @click="xian(16,3,2)"></div>
|
<div class="ge" @click="xian(16,3,1)"></div>
|
</div>
|
<div class="hang">
|
<div class="ge" @click="xian(16,2,2)"></div>
|
<div class="ge" @click="xian(16,2,1)"></div>
|
</div>
|
<div class="hang">
|
<div class="ge" @click="xian(16,1,2)"></div>
|
<div class="ge" @click="xian(16,1,1)"></div>
|
</div>
|
</div>
|
<div class="lie">
|
<div class="hang" style="margin-top: 20%;">
|
<div class="ge" @click="xian(17,6,2)"></div>
|
<div class="ge" @click="xian(17,6,1)"></div>
|
</div>
|
<div class="hang">
|
<div class="ge" @click="xian(17,5,2)"></div>
|
<div class="ge" @click="xian(17,5,1)"></div>
|
</div>
|
<div class="hang">
|
<div class="ge" @click="xian(17,4,2)"></div>
|
<div class="ge" @click="xian(17,4,1)"></div>
|
</div>
|
<div class="hang">
|
<div class="ge" @click="xian(17,3,2)"></div>
|
<div class="ge" @click="xian(17,3,1)"></div>
|
</div>
|
<div class="hang">
|
<div class="ge" @click="xian(17,2,2)"></div>
|
<div class="ge" @click="xian(17,2,1)"></div>
|
</div>
|
<div class="hang">
|
<div class="ge" @click="xian(17,1,2)"></div>
|
<div class="ge" @click="xian(17,1,1)"></div>
|
</div>
|
</div>
|
<div class="lie">
|
<div class="hang" style="margin-top: 20%;">
|
<div class="ge" @click="xian(18,6,2)"></div>
|
<div class="ge" @click="xian(18,6,1)"></div>
|
</div>
|
<div class="hang">
|
<div class="ge" @click="xian(18,5,2)"></div>
|
<div class="ge" @click="xian(18,5,1)"></div>
|
</div>
|
<div class="hang">
|
<div class="ge" @click="xian(18,4,2)"></div>
|
<div class="ge" @click="xian(18,4,1)"></div>
|
</div>
|
<div class="hang">
|
<div class="ge" @click="xian(18,3,2)"></div>
|
<div class="ge" @click="xian(18,3,1)"></div>
|
</div>
|
<div class="hang">
|
<div class="ge" @click="xian(18,2,2)"></div>
|
<div class="ge" @click="xian(18,2,1)"></div>
|
</div>
|
<div class="hang">
|
<div class="ge" @click="xian(18,1,2)"></div>
|
<div class="ge" @click="xian(18,1,1)"></div>
|
</div>
|
</div>
|
<div class="lie">
|
<div class="hang" style="margin-top: 20%;">
|
<div class="ge" @click="xian(19,6,2)"></div>
|
<div class="ge" @click="xian(19,6,1)"></div>
|
</div>
|
<div class="hang">
|
<div class="ge" @click="xian(19,5,2)"></div>
|
<div class="ge" @click="xian(19,5,1)"></div>
|
</div>
|
<div class="hang">
|
<div class="ge" @click="xian(19,4,2)"></div>
|
<div class="ge" @click="xian(19,4,1)"></div>
|
</div>
|
<div class="hang">
|
<div class="ge" @click="xian(19,3,2)"></div>
|
<div class="ge" @click="xian(19,3,1)"></div>
|
</div>
|
<div class="hang">
|
<div class="ge" @click="xian(19,2,2)"></div>
|
<div class="ge" @click="xian(19,2,1)"></div>
|
</div>
|
<div class="hang">
|
<div class="ge" @click="xian(19,1,2)"></div>
|
<div class="ge" @click="xian(19,1,1)"></div>
|
</div>
|
</div>
|
<div class="lie">
|
<div class="hang" style="margin-top: 20%;">
|
<div class="ge" @click="xian(20,6,2)"></div>
|
<div class="ge" @click="xian(20,6,1)"></div>
|
</div>
|
<div class="hang">
|
<div class="ge" @click="xian(20,5,2)"></div>
|
<div class="ge" @click="xian(20,5,1)"></div>
|
</div>
|
<div class="hang">
|
<div class="ge" @click="xian(20,4,2)"></div>
|
<div class="ge" @click="xian(20,4,1)"></div>
|
</div>
|
<div class="hang">
|
<div class="ge" @click="xian(20,3,2)"></div>
|
<div class="ge" @click="xian(20,3,1)"></div>
|
</div>
|
<div class="hang">
|
<div class="ge" @click="xian(20,2,2)"></div>
|
<div class="ge" @click="xian(20,2,1)"></div>
|
</div>
|
<div class="hang">
|
<div class="ge" @click="xian(20,1,2)"></div>
|
<div class="ge" @click="xian(20,1,1)"></div>
|
</div>
|
</div>
|
<div class="lie">
|
<div class="hang" style="margin-top: 20%;">
|
<div class="ge" @click="xian(21,6,2)"></div>
|
<div class="ge" @click="xian(21,6,1)"></div>
|
</div>
|
<div class="hang">
|
<div class="ge" @click="xian(21,5,2)"></div>
|
<div class="ge" @click="xian(21,5,1)"></div>
|
</div>
|
<div class="hang">
|
<div class="ge" @click="xian(21,4,2)"></div>
|
<div class="ge" @click="xian(21,4,1)"></div>
|
</div>
|
<div class="hang">
|
<div class="ge" @click="xian(21,3,2)"></div>
|
<div class="ge" @click="xian(21,3,1)"></div>
|
</div>
|
<div class="hang">
|
<div class="ge" @click="xian(21,2,2)"></div>
|
<div class="ge" @click="xian(21,2,1)"></div>
|
</div>
|
<div class="hang">
|
<div class="ge" @click="xian(21,1,2)"></div>
|
<div class="ge" @click="xian(21,1,1)"></div>
|
</div>
|
</div>
|
<div class="lie">
|
<div class="hang" style="margin-top: 20%;">
|
<div class="ge" @click="xian(22,6,2)"></div>
|
<div class="ge" @click="xian(22,6,1)"></div>
|
</div>
|
<div class="hang">
|
<div class="ge" @click="xian(22,5,2)"></div>
|
<div class="ge" @click="xian(22,5,1)"></div>
|
</div>
|
<div class="hang">
|
<div class="ge" @click="xian(22,4,2)"></div>
|
<div class="ge" @click="xian(22,4,1)"></div>
|
</div>
|
<div class="hang">
|
<div class="ge" @click="xian(22,3,2)"></div>
|
<div class="ge" @click="xian(22,3,1)"></div>
|
</div>
|
<div class="hang">
|
<div class="ge" @click="xian(22,2,2)"></div>
|
<div class="ge" @click="xian(22,2,1)"></div>
|
</div>
|
<div class="hang">
|
<div class="ge" @click="xian(22,1,2)"></div>
|
<div class="ge" @click="xian(22,1,1)"></div>
|
</div>
|
</div>
|
<div class="lie">
|
<div class="hang" style="margin-top: 20%;">
|
<div class="ge" @click="xian(23,6,2)"></div>
|
<div class="ge" @click="xian(23,6,1)"></div>
|
</div>
|
<div class="hang">
|
<div class="ge" @click="xian(23,5,2)"></div>
|
<div class="ge" @click="xian(23,5,1)"></div>
|
</div>
|
<div class="hang">
|
<div class="ge" @click="xian(23,4,2)"></div>
|
<div class="ge" @click="xian(23,4,1)"></div>
|
</div>
|
<div class="hang">
|
<div class="ge" @click="xian(23,3,2)"></div>
|
<div class="ge" @click="xian(23,3,1)"></div>
|
</div>
|
<div class="hang">
|
<div class="ge" @click="xian(23,2,2)"></div>
|
<div class="ge" @click="xian(23,2,1)"></div>
|
</div>
|
<div class="hang">
|
<div class="ge" @click="xian(23,1,2)"></div>
|
<div class="ge" @click="xian(23,1,1)"></div>
|
</div>
|
</div>
|
<div class="lie">
|
<div class="hang" style="margin-top: 20%;">
|
<div class="ge" @click="xian(24,6,2)"></div>
|
<div class="ge" @click="xian(24,6,1)"></div>
|
</div>
|
<div class="hang">
|
<div class="ge" @click="xian(24,5,2)"></div>
|
<div class="ge" @click="xian(24,5,1)"></div>
|
</div>
|
<div class="hang">
|
<div class="ge" @click="xian(24,4,2)"></div>
|
<div class="ge" @click="xian(24,4,1)"></div>
|
</div>
|
<div class="hang">
|
<div class="ge" @click="xian(24,3,2)"></div>
|
<div class="ge" @click="xian(24,3,1)"></div>
|
</div>
|
<div class="hang">
|
<div class="ge" @click="xian(24,2,2)"></div>
|
<div class="ge" @click="xian(24,2,1)"></div>
|
</div>
|
<div class="hang">
|
<div class="ge" @click="xian(24,1,2)"></div>
|
<div class="ge" @click="xian(24,1,1)"></div>
|
</div>
|
</div>
|
<div class="lie">
|
<div class="hang" style="margin-top: 20%;">
|
<div class="ge" @click="xian(25,6,2)"></div>
|
<div class="ge" @click="xian(25,6,1)"></div>
|
</div>
|
<div class="hang">
|
<div class="ge" @click="xian(25,5,2)"></div>
|
<div class="ge" @click="xian(25,5,1)"></div>
|
</div>
|
<div class="hang">
|
<div class="ge" @click="xian(25,4,2)"></div>
|
<div class="ge" @click="xian(25,4,1)"></div>
|
</div>
|
<div class="hang">
|
<div class="ge" @click="xian(25,3,2)"></div>
|
<div class="ge" @click="xian(25,3,1)"></div>
|
</div>
|
<div class="hang">
|
<div class="ge" @click="xian(25,2,2)"></div>
|
<div class="ge" @click="xian(25,2,1)"></div>
|
</div>
|
<div class="hang">
|
<div class="ge" @click="xian(25,1,2)"></div>
|
<div class="ge" @click="xian(25,1,1)"></div>
|
</div>
|
</div>
|
<div class="lie">
|
<div class="hang" style="margin-top: 20%;">
|
<div class="ge" @click="xian(26,6,2)"></div>
|
<div class="ge" @click="xian(26,6,1)"></div>
|
</div>
|
<div class="hang">
|
<div class="ge" @click="xian(26,5,2)"></div>
|
<div class="ge" @click="xian(26,5,1)"></div>
|
</div>
|
<div class="hang">
|
<div class="ge" @click="xian(26,4,2)"></div>
|
<div class="ge" @click="xian(26,4,1)"></div>
|
</div>
|
<div class="hang">
|
<div class="ge" @click="xian(26,3,2)"></div>
|
<div class="ge" @click="xian(26,3,1)"></div>
|
</div>
|
<div class="hang">
|
<div class="ge" @click="xian(26,2,2)"></div>
|
<div class="ge" @click="xian(26,2,1)"></div>
|
</div>
|
<div class="hang">
|
<div class="ge" @click="xian(26,1,2)"></div>
|
<div class="ge" @click="xian(26,1,1)"></div>
|
</div>
|
</div>
|
<div class="lie">
|
<div class="hang" style="margin-top: 20%;">
|
<div class="ge" @click="xian(27,6,2)"></div>
|
<div class="ge" @click="xian(27,6,1)"></div>
|
</div>
|
<div class="hang">
|
<div class="ge" @click="xian(27,5,2)"></div>
|
<div class="ge" @click="xian(27,5,1)"></div>
|
</div>
|
<div class="hang">
|
<div class="ge" @click="xian(27,4,2)"></div>
|
<div class="ge" @click="xian(27,4,1)"></div>
|
</div>
|
<div class="hang">
|
<div class="ge" @click="xian(27,3,2)"></div>
|
<div class="ge" @click="xian(27,3,1)"></div>
|
</div>
|
<div class="hang">
|
<div class="ge" @click="xian(27,2,2)"></div>
|
<div class="ge" @click="xian(27,2,1)"></div>
|
</div>
|
<div class="hang">
|
<div class="ge" @click="xian(27,1,2)"></div>
|
<div class="ge" @click="xian(27,1,1)"></div>
|
</div>
|
</div>
|
<div class="lie">
|
<div class="hang" style="margin-top: 20%;">
|
<div class="ge" @click="xian(28,6,2)"></div>
|
<div class="ge" @click="xian(28,6,1)"></div>
|
</div>
|
<div class="hang">
|
<div class="ge" @click="xian(28,5,2)"></div>
|
<div class="ge" @click="xian(28,5,1)"></div>
|
</div>
|
<div class="hang">
|
<div class="ge" @click="xian(28,4,2)"></div>
|
<div class="ge" @click="xian(28,4,1)"></div>
|
</div>
|
<div class="hang">
|
<div class="ge" @click="xian(28,3,2)"></div>
|
<div class="ge" @click="xian(28,3,1)"></div>
|
</div>
|
<div class="hang">
|
<div class="ge" @click="xian(28,2,2)"></div>
|
<div class="ge" @click="xian(28,2,1)"></div>
|
</div>
|
<div class="hang">
|
<div class="ge" @click="xian(28,1,2)"></div>
|
<div class="ge" @click="xian(28,1,1)"></div>
|
</div>
|
</div>
|
<div class="lie">
|
<div class="hang" style="margin-top: 20%;">
|
<div class="ge" @click="xian(29,6,2)"></div>
|
<div class="ge" @click="xian(29,6,1)"></div>
|
</div>
|
<div class="hang">
|
<div class="ge" @click="xian(29,5,2)"></div>
|
<div class="ge" @click="xian(29,5,1)"></div>
|
</div>
|
<div class="hang">
|
<div class="ge" @click="xian(29,4,2)"></div>
|
<div class="ge" @click="xian(29,4,1)"></div>
|
</div>
|
<div class="hang">
|
<div class="ge" @click="xian(29,3,2)"></div>
|
<div class="ge" @click="xian(29,3,1)"></div>
|
</div>
|
<div class="hang">
|
<div class="ge" @click="xian(29,2,2)"></div>
|
<div class="ge" @click="xian(29,2,1)"></div>
|
</div>
|
<div class="hang">
|
<div class="ge" @click="xian(29,1,2)"></div>
|
<div class="ge" @click="xian(29,1,1)"></div>
|
</div>
|
</div>
|
<div class="lie">
|
<div class="hang" style="margin-top: 20%;">
|
<div class="ge" @click="xian(30,6,2)"></div>
|
<div class="ge" @click="xian(30,6,1)"></div>
|
</div>
|
<div class="hang">
|
<div class="ge" @click="xian(30,5,2)"></div>
|
<div class="ge" @click="xian(30,5,1)"></div>
|
</div>
|
<div class="hang">
|
<div class="ge" @click="xian(30,4,2)"></div>
|
<div class="ge" @click="xian(30,4,1)"></div>
|
</div>
|
<div class="hang">
|
<div class="ge" @click="xian(30,3,2)"></div>
|
<div class="ge" @click="xian(30,3,1)"></div>
|
</div>
|
<div class="hang">
|
<div class="ge" @click="xian(30,2,2)"></div>
|
<div class="ge" @click="xian(30,2,1)"></div>
|
</div>
|
<div class="hang">
|
<div class="ge" @click="xian(30,1,2)"></div>
|
<div class="ge" @click="xian(30,1,1)"></div>
|
</div>
|
</div>
|
<div class="lie">
|
<div class="hang" style="margin-top: 20%;">
|
<div class="ge" @click="xian(31,6,2)"></div>
|
<div class="ge" @click="xian(31,6,1)"></div>
|
</div>
|
<div class="hang">
|
<div class="ge" @click="xian(31,5,2)"></div>
|
<div class="ge" @click="xian(31,5,1)"></div>
|
</div>
|
<div class="hang">
|
<div class="ge" @click="xian(31,4,2)"></div>
|
<div class="ge" @click="xian(31,4,1)"></div>
|
</div>
|
<div class="hang">
|
<div class="ge" @click="xian(31,3,2)"></div>
|
<div class="ge" @click="xian(31,3,1)"></div>
|
</div>
|
<div class="hang">
|
<div class="ge" @click="xian(31,2,2)"></div>
|
<div class="ge" @click="xian(31,2,1)"></div>
|
</div>
|
<div class="hang">
|
<div class="ge" @click="xian(31,1,2)"></div>
|
<div class="ge" @click="xian(31,1,1)"></div>
|
</div>
|
</div>
|
<div class="lie">
|
<div class="hang" style="margin-top: 20%;">
|
<div class="ge" @click="xian(32,6,2)"></div>
|
<div class="ge" @click="xian(32,6,1)"></div>
|
</div>
|
<div class="hang">
|
<div class="ge" @click="xian(32,5,2)"></div>
|
<div class="ge" @click="xian(32,5,1)"></div>
|
</div>
|
<div class="hang">
|
<div class="ge" @click="xian(32,4,2)"></div>
|
<div class="ge" @click="xian(32,4,1)"></div>
|
</div>
|
<div class="hang">
|
<div class="ge" @click="xian(32,3,2)"></div>
|
<div class="ge" @click="xian(32,3,1)"></div>
|
</div>
|
<div class="hang">
|
<div class="ge" @click="xian(32,2,2)"></div>
|
<div class="ge" @click="xian(32,2,1)"></div>
|
</div>
|
<div class="hang">
|
<div class="ge" @click="xian(32,1,2)"></div>
|
<div class="ge" @click="xian(32,1,1)"></div>
|
</div>
|
</div>
|
<div class="lie">
|
<div class="hang" style="margin-top: 20%;">
|
<div class="ge" @click="xian(33,6,2)"></div>
|
<div class="ge" @click="xian(33,6,1)"></div>
|
</div>
|
<div class="hang">
|
<div class="ge" @click="xian(33,5,2)"></div>
|
<div class="ge" @click="xian(33,5,1)"></div>
|
</div>
|
<div class="hang">
|
<div class="ge" @click="xian(33,4,2)"></div>
|
<div class="ge" @click="xian(33,4,1)"></div>
|
</div>
|
<div class="hang">
|
<div class="ge" @click="xian(33,3,2)"></div>
|
<div class="ge" @click="xian(33,3,1)"></div>
|
</div>
|
<div class="hang">
|
<div class="ge" @click="xian(33,2,2)"></div>
|
<div class="ge" @click="xian(33,2,1)"></div>
|
</div>
|
<div class="hang">
|
<div class="ge" @click="xian(33,1,2)"></div>
|
<div class="ge" @click="xian(33,1,1)"></div>
|
</div>
|
</div>
|
<div class="lie">
|
<div class="hang" style="margin-top: 20%;">
|
<div class="ge" @click="xian(34,6,2)"></div>
|
<div class="ge" @click="xian(34,6,1)"></div>
|
</div>
|
<div class="hang">
|
<div class="ge" @click="xian(34,5,2)"></div>
|
<div class="ge" @click="xian(34,5,1)"></div>
|
</div>
|
<div class="hang">
|
<div class="ge" @click="xian(34,4,2)"></div>
|
<div class="ge" @click="xian(34,4,1)"></div>
|
</div>
|
<div class="hang">
|
<div class="ge" @click="xian(34,3,2)"></div>
|
<div class="ge" @click="xian(34,3,1)"></div>
|
</div>
|
<div class="hang">
|
<div class="ge" @click="xian(34,2,2)"></div>
|
<div class="ge" @click="xian(34,2,1)"></div>
|
</div>
|
<div class="hang">
|
<div class="ge" @click="xian(34,1,2)"></div>
|
<div class="ge" @click="xian(34,1,1)"></div>
|
</div>
|
</div>
|
<div class="lie">
|
<div class="hang" style="margin-top: 20%;">
|
<div class="ge" @click="xian(35,6,2)"></div>
|
<div class="ge" @click="xian(35,6,1)"></div>
|
</div>
|
<div class="hang">
|
<div class="ge" @click="xian(35,5,2)"></div>
|
<div class="ge" @click="xian(35,5,1)"></div>
|
</div>
|
<div class="hang">
|
<div class="ge" @click="xian(35,4,2)"></div>
|
<div class="ge" @click="xian(35,4,1)"></div>
|
</div>
|
<div class="hang">
|
<div class="ge" @click="xian(35,3,2)"></div>
|
<div class="ge" @click="xian(35,3,1)"></div>
|
</div>
|
<div class="hang">
|
<div class="ge" @click="xian(35,2,2)"></div>
|
<div class="ge" @click="xian(35,2,1)"></div>
|
</div>
|
<div class="hang">
|
<div class="ge" @click="xian(35,1,2)"></div>
|
<div class="ge" @click="xian(35,1,1)"></div>
|
</div>
|
</div>
|
<div class="lie">
|
<div class="hang" style="margin-top: 20%;">
|
<div class="ge" @click="xian(36,6,2)"></div>
|
<div class="ge" @click="xian(36,6,1)"></div>
|
</div>
|
<div class="hang">
|
<div class="ge" @click="xian(36,5,2)"></div>
|
<div class="ge" @click="xian(36,5,1)"></div>
|
</div>
|
<div class="hang">
|
<div class="ge" @click="xian(36,4,2)"></div>
|
<div class="ge" @click="xian(36,4,1)"></div>
|
</div>
|
<div class="hang">
|
<div class="ge" @click="xian(36,3,2)"></div>
|
<div class="ge" @click="xian(36,3,1)"></div>
|
</div>
|
<div class="hang">
|
<div class="ge" @click="xian(36,2,2)"></div>
|
<div class="ge" @click="xian(36,2,1)"></div>
|
</div>
|
<div class="hang">
|
<div class="ge" @click="xian(36,1,2)"></div>
|
<div class="ge" @click="xian(36,1,1)"></div>
|
</div>
|
</div>
|
<div class="lie">
|
<div class="hang" style="margin-top: 20%;">
|
<div class="ge" @click="xian(37,6,2)"></div>
|
<div class="ge" @click="xian(37,6,1)"></div>
|
</div>
|
<div class="hang">
|
<div class="ge" @click="xian(37,5,2)"></div>
|
<div class="ge" @click="xian(37,5,1)"></div>
|
</div>
|
<div class="hang">
|
<div class="ge" @click="xian(37,4,2)"></div>
|
<div class="ge" @click="xian(37,4,1)"></div>
|
</div>
|
<div class="hang">
|
<div class="ge" @click="xian(37,3,2)"></div>
|
<div class="ge" @click="xian(37,3,1)"></div>
|
</div>
|
<div class="hang">
|
<div class="ge" @click="xian(37,2,2)"></div>
|
<div class="ge" @click="xian(37,2,1)"></div>
|
</div>
|
<div class="hang">
|
<div class="ge" @click="xian(37,1,2)"></div>
|
<div class="ge" @click="xian(37,1,1)"></div>
|
</div>
|
</div>
|
<div class="lie">
|
<div class="hang" style="margin-top: 20%;">
|
<div class="ge" @click="xian(38,6,2)"></div>
|
<div class="ge" @click="xian(38,6,1)"></div>
|
</div>
|
<div class="hang">
|
<div class="ge" @click="xian(38,5,2)"></div>
|
<div class="ge" @click="xian(38,5,1)"></div>
|
</div>
|
<div class="hang">
|
<div class="ge" @click="xian(38,4,2)"></div>
|
<div class="ge" @click="xian(38,4,1)"></div>
|
</div>
|
<div class="hang">
|
<div class="ge" @click="xian(38,3,2)"></div>
|
<div class="ge" @click="xian(38,3,1)"></div>
|
</div>
|
<div class="hang">
|
<div class="ge" @click="xian(38,2,2)"></div>
|
<div class="ge" @click="xian(38,2,1)"></div>
|
</div>
|
<div class="hang">
|
<div class="ge" @click="xian(38,1,2)"></div>
|
<div class="ge" @click="xian(38,1,1)"></div>
|
</div>
|
</div>
|
<div id="kuang">
|
<div id="ti">
|
<div class="ge" id="a" style="width: 6%;height:60%;margin-top: 1%;margin-left: 1%;"></div>
|
<div class="wen">空闲</div>
|
<div class="ge" id="b" style="width: 6%;height:60%;margin-top: 1%;margin-left: 1%;"></div>
|
<div class="wen">禁用</div>
|
<div class="ge" id="c" style="width: 6%;height:60%;margin-top: 1%;margin-left: 1%;"></div>
|
<div class="wen">锁定</div>
|
<div class="ge" id="e" style="width: 6%;height:60%;margin-top: 1%;margin-left: 1%;"></div>
|
<div class="wen">正常库存</div>
|
<div class="ge" id="d" style="width: 6%;height:60%;margin-top: 1%;margin-left: 1%;"></div>
|
<div class="wen">剔除库存</div>
|
</div>
|
<div id="dian">
|
<div id="zi">当前选择货位位置为：</div>
|
<div id="xian"></div>
|
</div>
|
</div>
|
<div id="zxj" @click="zxj">整形机</div>
|
<div id="kc" @click="kc">出库</div>
|
<div id="gzj" @click="gzj">规整机</div>
|
<div id="kr" @click="kr">入库</div>
|
</div>
|
</template>
|
|
<script setup>
|
import { ref, reactive, nextTick, computed, watch } from "vue";
|
import { onMounted } from "vue";
|
import axios from "axios";
|
import { useStore } from "vuex";
|
import { getCurrentInstance } from "vue";
|
|
const wei = ref("");
|
const weis = ref("");
|
const swei = ref("");
|
const lie = ref("");
|
|
const qu = ref(0);
|
const ji = ref(0);
|
const qu1 = ref(0);
|
const ji1 = ref(0);
|
|
const R_ZXJ_TCMode = ref(false);
|
const R_HC_isReadyWork = ref(false);
|
const R_ZXJ_TC_isready = ref(false);
|
const R_TCMode_TC = ref(false);
|
const R_TC_isready = ref(false);
|
|
const store = useStore();
|
const data = ref({});
|
|
//出库
|
const kc = () => {
|
let t = document.getElementById("zxj");
|
let s = document.getElementById("gzj");
|
//是否选中库
|
if (wei.value != "") {
|
//普通货半自动出库
|
if (ji.value == 1) {
|
//判断列
|
if (lie.value != 38) {
|
//data.value.R_ZXJ_isWork == true &&
|
if (R_ZXJ_TCMode.value == true && R_HC_isReadyWork.value == true) {
|
axios
|
.post(
|
"api/Task/banzidong/?wei=" + wei.value + "&weis=" + weis.value,
|
{}
|
)
|
.then(x => {
|
qu.value = 0;
|
t.style.background = "#f60";
|
if (x.data.message == 1) {
|
alert("出库失败（可能是 “是否出库” 的问题）");
|
} else if (x.data.message == 3) {
|
alert("出库失败（找不到库存）");
|
} else {
|
alert("出库成功");
|
}
|
console.log(x);
|
});
|
} else {
|
alert("信号不正确");
|
}
|
} else {
|
alert("普通出库不能选中38列的库");
|
}
|
|
//剔除货半自动出库
|
} else if (ji1.value == 1) {
|
//判断列
|
if (lie.value == 38) {
|
//判断信号////////////////////////////////////////////////////////////////////////////////
|
if (R_TC_isready.value == true) {
|
axios.post("api/Task/tichuchuku/?wei=" + wei.value, {}).then(x => {
|
qu1.value = 0;
|
s.style.background = "#f60";
|
if (x.data.message == 1) {
|
alert("出库失败（可能是 “是否出库” 的问题）");
|
} else if (x.data.message == 2) {
|
alert("出库成功");
|
} else if (x.data.message == 3) {
|
alert("出库失败");
|
} else if (x.data.message == 4) {
|
alert("库存里面无货");
|
}
|
});
|
}else{
|
alert("信号不正确");
|
}
|
} else {
|
alert("普通出库只能选中38列的库");
|
}
|
}
|
//剔除直接出库
|
} else if (ji1.value == 1 && ji.value == 1) {
|
//判断信号;////////////////////////////////////////////////////////////////////////////////
|
if (
|
R_TC_isready.value == true &&
|
R_ZXJ_TC_isready.value == true &&
|
R_TCMode_TC.value == true
|
) {
|
axios.post("api/Task/zhijiechuku", {}).then(x => {
|
qu.value = 0;
|
t.style.background = "#f60";
|
qu1.value = 0;
|
s.style.background = "#f60";
|
if (x.data.message == 1) {
|
alert("出库失败（可能是 “是否出库” 的问题）");
|
} else if (x.data.message == 2) {
|
alert("出库成功");
|
} else if (x.data.message == 3) {
|
alert("出库失败");
|
}
|
});
|
}
|
} else {
|
alert("请先选中库位");
|
}
|
};
|
|
//入库
|
const kr = () => {
|
let t = document.getElementById("zxj");
|
if (ji.value == 1 && wei.value != "") {
|
if (lie.value == 38) {
|
//判断信号////////////////////////////////////////////////////////////////////////////////
|
if (R_ZXJ_TC_isready.value == true && R_TCMode_TC.value == true) {
|
axios.post("api/Task/tichuruku/?wei=" + wei.value, {}).then(x => {
|
qu.value = 0;
|
t.style.background = "#f60";
|
if (x.data.message == 1) {
|
alert("入库失败（可能是 “是否出库” 的问题）");
|
} else if (x.data.message == 2) {
|
alert("入库成功");
|
} else if (x.data.message == 3) {
|
alert("入库失败");
|
} else if (x.data.message == 4) {
|
alert("库存里面已有货");
|
}
|
});
|
}
|
} else {
|
alert("剔除入库只能选中38列的库");
|
}
|
} else {
|
alert("请先选中库位和整形机");
|
}
|
};
|
|
//选中变色
|
const zxj = () => {
|
let t = document.getElementById("zxj");
|
if (qu.value == 0) {
|
qu.value = 1;
|
ji.value = 1;
|
t.style.background = "red";
|
} else {
|
qu.value = 0;
|
ji.value = 0;
|
t.style.background = "#f60";
|
}
|
};
|
const gzj = () => {
|
let t = document.getElementById("gzj");
|
if (qu1.value == 0) {
|
qu1.value = 1;
|
ji1.value = 1;
|
t.style.background = "red";
|
} else {
|
qu1.value = 0;
|
ji1.value = 0;
|
t.style.background = "#f60";
|
}
|
};
|
const xian = (x, y, w) => {
|
let t = document.getElementById("xian");
|
t.innerHTML = x + "列" + y + "行" + w + "储位";
|
|
let v = document.getElementsByClassName("ge");
|
for (let i = 0; i < v.length; i++) {
|
v[i].style.border = "1px solid blue";
|
}
|
let c = 0;
|
if (y == 1) {
|
if (w == 1) {
|
c = 0;
|
} else {
|
c = 1;
|
}
|
} else if (y == 2) {
|
if (w == 1) {
|
c = 2;
|
} else {
|
c = 3;
|
}
|
} else if (y == 3) {
|
if (w == 1) {
|
c = 4;
|
} else {
|
c = 5;
|
}
|
} else if (y == 4) {
|
if (w == 1) {
|
c = 6;
|
} else {
|
c = 7;
|
}
|
} else if (y == 5) {
|
if (w == 1) {
|
c = 8;
|
} else {
|
c = 9;
|
}
|
} else if (y == 6) {
|
if (w == 1) {
|
c = 10;
|
} else {
|
c = 11;
|
}
|
}
|
let z = x * 12 - 1 - c;
|
//取消选中
|
let s = 0;
|
if (swei.value == z) {
|
v[z].style.border = "1px solid blue";
|
s = 1;
|
weis.value = "";
|
wei.value = "";
|
swei.value = "";
|
}
|
//选中
|
if (s == 0) {
|
swei.value = z;
|
lie.value = x;
|
v[z].style.border = "2px solid red";
|
if (w == 1) {
|
weis.value = x + "-" + y + "-" + 2;
|
wei.value = x + "-" + y + "-" + w;
|
} else {
|
wei.value = x + "-" + y + "-" + 1;
|
weis.value = x + "-" + y + "-" + w;
|
}
|
}
|
};
|
|
//图标显示与获取信号
|
onMounted(() => {
|
nextTick(() => {
|
setInterval(() => {
|
data.value = store.state.homedata;
|
R_ZXJ_TCMode.value = data.value.R_ZXJ_TCMode; //赋值data
|
R_HC_isReadyWork.value = data.value.R_HC_isReadyWork;
|
R_ZXJ_TC_isready.value = data.value.R_ZXJ_TC_isready;
|
R_TCMode_TC.value = data.value.R_TCMode_TC;
|
R_TC_isready.value = data.value.R_TC_isready;
|
|
axios.post("api/LocationInfo/getPageData", { rows: 500 }).then(x => {
|
//console.log(x.data.rows,"111");
|
let w = document.getElementsByClassName("ge");
|
|
let t = 0,
|
tt = 11;
|
//列(开启剔除库位要改38)
|
for (let z = 1, i = 0; z <= 38; z++) {
|
t = tt;
|
//货位
|
for (let a = 1; a <= 12; a++, t--) {
|
//禁用
|
if (x.data.rows[i].enableStatus == 3) {
|
w[t].style.backgroundImage =
|
"url(" + require("@../../../public/Error.png") + ")";
|
//启用
|
} else if (x.data.rows[i].enableStatus == 0) {
|
//空闲
|
if (x.data.rows[i].locationStatus == 0) {
|
w[t].style.backgroundImage = "url('')";
|
//锁定
|
} else if (x.data.rows[i].locationStatus == 1) {
|
w[t].style.backgroundImage =
|
"url(" + require("@../../../public/Lock.png") + ")";
|
//有货
|
} else if (x.data.rows[i].locationStatus == 2) {
|
//普通货
|
if (x.data.rows[i].locationType == 2) {
|
w[t].style.backgroundImage =
|
"url(" + require("@../../../public/Stored.png") + ")";
|
//剔除货
|
} else if (x.data.rows[i].locationType == 1) {
|
w[t].style.backgroundImage =
|
"url(" + require("@../../../public/Stored2.png") + ")";
|
}
|
}
|
}
|
i++;
|
}
|
tt += 12;
|
}
|
});
|
}, 3000);
|
});
|
});
|
</script>
|
|
<style scoped>
|
#kr {
|
width: 4%;
|
height: 4%;
|
position: absolute;
|
top: 73%;
|
left: 55%;
|
border: 1px solid black;
|
text-align: center;
|
line-height: 230%;
|
background: #f60;
|
border-radius: 10%;
|
cursor: pointer;
|
color: white;
|
}
|
#kr:hover {
|
opacity: 0.8;
|
color: black;
|
}
|
#gzj {
|
width: 10%;
|
height: 15%;
|
position: absolute;
|
top: 75%;
|
left: 87%;
|
text-align: center;
|
line-height: 700%;
|
font-size: 20px;
|
border-radius: 10%;
|
border: 1px solid black;
|
cursor: pointer;
|
background: #f60;
|
color: white;
|
}
|
#gzj:hover {
|
opacity: 0.8;
|
color: black;
|
}
|
#kc {
|
width: 4%;
|
height: 4%;
|
position: absolute;
|
top: 73%;
|
left: 45%;
|
border: 1px solid black;
|
text-align: center;
|
line-height: 230%;
|
background: #f60;
|
border-radius: 10%;
|
cursor: pointer;
|
color: white;
|
}
|
#kc:hover {
|
opacity: 0.8;
|
color: black;
|
}
|
#zxj {
|
width: 10%;
|
height: 15%;
|
position: absolute;
|
top: 75%;
|
left: 2%;
|
text-align: center;
|
line-height: 700%;
|
font-size: 20px;
|
border-radius: 10%;
|
border: 1px solid black;
|
cursor: pointer;
|
background: #f60;
|
color: white;
|
}
|
#zxj:hover {
|
opacity: 0.8;
|
color: black;
|
}
|
#b {
|
background-image: url("../../../public/Error.png");
|
}
|
#c {
|
background-image: url("../../../public/Lock.png");
|
}
|
#d {
|
background-image: url("../../../public/Stored2.png");
|
}
|
#e {
|
background-image: url("../../../public/Stored.png");
|
}
|
#zi,
|
#xian {
|
width: 45%;
|
height: 30%;
|
float: left;
|
margin-top: 5%;
|
font-size: 18px;
|
}
|
#dian {
|
width: 30%;
|
height: 80%;
|
float: left;
|
margin-top: 1%;
|
margin-left: 35%;
|
}
|
.wen {
|
width: 12%;
|
height: 30%;
|
float: left;
|
font-size: 15px;
|
margin-top: 3%;
|
margin-left: 1%;
|
text-align: center;
|
}
|
#ti {
|
width: 50%;
|
height: 40%;
|
float: left;
|
margin-left: 25%;
|
margin-top: 0%;
|
}
|
#kuang {
|
width: 90%;
|
height: 20%;
|
float: left;
|
margin-left: 5%;
|
}
|
.ge {
|
width: 90%;
|
height: 30%;
|
float: left;
|
border: 1px solid blue;
|
margin-left: 5%;
|
margin-top: 10%;
|
background-repeat: no-repeat;
|
background-size: 100%;
|
cursor: pointer;
|
}
|
.hang {
|
width: 100%;
|
height: 15%;
|
float: left;
|
}
|
.lie {
|
width: 2.1%;
|
height: 80%;
|
float: left;
|
margin-left: 0.5%;
|
}
|
#zhu {
|
width: 95%;
|
height: 88vh;
|
float: left;
|
border: 1px solid black;
|
margin-left: 2.5%;
|
margin-top: 1%;
|
position: relative;
|
}
|
</style>
|
