| | |
| | | </div> |
| | | <div class="row rowMy1"> |
| | | <div class="cell" v-for="(cell, cellIndex) in item.data" :key="cellIndex" v-show="cellIndex >= 20 && cellIndex < 40"> |
| | | <span class="textK" :style="{ background: setBgColor(cell.placeStatus), boxShadow: '0 1px 1px' + setBgColor(cell.placeStatus) }"> |
| | | <span class="textK" :style="{ background: setBgColor(cell.placeStatus), boxShadow: '0 1px 1px' + setBgColor(cell.placeStatus) }" @click="handleClick(cell)"> |
| | | <!-- {{ cell.laneNo }} --> |
| | | {{ cell.placeCode }} |
| | | <!-- {{ cell.layerNo }}{{ cell.columnNo }} --> |
| | |
| | | </div> |
| | | <div class="row rowMy2"> |
| | | <div class="cell" v-for="(cell, cellIndex) in item.data" :key="cellIndex" v-show="cellIndex >= 40 && cellIndex <= 60"> |
| | | <span class="textK" :style="{ background: setBgColor(cell.placeStatus), boxShadow: '0 1px 1px' + setBgColor(cell.placeStatus) }"> |
| | | <span class="textK" :style="{ background: setBgColor(cell.placeStatus), boxShadow: '0 1px 1px' + setBgColor(cell.placeStatus) }" @click="handleClick(cell)"> |
| | | <!-- {{ cell.laneNo }} --> |
| | | {{ cell.placeCode }} |
| | | <!-- {{ cell.layerNo }}{{ cell.columnNo }} --> |
| | |
| | | |
| | | const dialogVisible = ref(false); // 弹框可见性 |
| | | |
| | | const handleClick = (row: any, column: any) => { |
| | | console.log(row, column); |
| | | const handleClick = (row: any) => { |
| | | proxy.$refs['propDetailRef'].openDialog(row); |
| | | }; |
| | | |
| | |
| | | } |
| | | |
| | | .cell { |
| | | border: 1px solid gray; /* 每个格子的黑线 */ |
| | | border: 1px solid #c1c1c1; /* 每个格子的黑线 */ |
| | | height: 50px; /* 每个格子的高度 */ |
| | | display: inline-block; |
| | | justify-content: center; |
| | | align-items: center; /* 居中显示内容 */ |
| | | width: 25px; |
| | | width: 49px; |
| | | } |
| | | |
| | | .rowMy0 { |