| | |
| | | <!-- |
| | | * @Date: 2024-01-05 23:47:53 |
| | | * @LastEditors: Sneed |
| | | * @LastEditTime: 2024-01-29 22:29:51 |
| | | * @LastEditTime: 2024-01-30 20:41:19 |
| | | * @FilePath: /belleson-frontend/Users/mache/Documents/demo/mdc/src/container/mapPreview/Map.vue |
| | | --> |
| | | <template> |
| | |
| | | <td v-if="v.rowspan !== 0 && v.colspan !== 0" :class="{ aisle: v.type === 1 }" |
| | | :width="v.colspan * height + 'px'" :height="v.rowspan * height + 'px'" v-for="v in item" |
| | | :rowspan="v.rowspan" :colspan="v.colspan" :key="v.rowIndex + '-' + v.colIndex"> |
| | | <Device v-if="v.id" :id="v.id" style="width: 100%;height: 100%;" |
| | | :deviceList="deviceList" :plantDeviceList="plantDeviceList"></Device> |
| | | <div class="td-div" :style="{width:v.colspan * height - 2 + 'px',height: v.rowspan * height - 2 + 'px',overflow:'hidden'}"> |
| | | <Device v-if="v.id" :id="v.id" style="width: 100%;height: 100%;" |
| | | :deviceList="deviceList" :plantDeviceList="plantDeviceList"></Device> |
| | | </div> |
| | | </td> |
| | | </tr> |
| | | </table> |
| | |
| | | border: 1px solid #1662DB; |
| | | vertical-align: middle; |
| | | text-align: center; |
| | | |
| | | &>img { |
| | | width: 20px; |
| | | height: 20px; |
| | | cursor: pointer; |
| | | .td-div { |
| | | display: flex; |
| | | align-items: center; |
| | | justify-content: center; |
| | | &>img { |
| | | width: 20px; |
| | | height: 20px; |
| | | cursor: pointer; |
| | | } |
| | | } |
| | | |
| | | |
| | | .machine { |
| | | width: 100%; |