| | |
| | | :style="{ position: 'absolute', |
| | | top: `${rect.y}px`, |
| | | left: `${rect.x}px`, |
| | | width: `${rect.widtha}px`, |
| | | height: `${rect.heighta}px`, |
| | | width: `${rect.width}px`, |
| | | height: `${rect.height}px`, |
| | | backgroundColor: rect.isActive ? '#ADFF2F' : getRectColor1(rect.state) }"> |
| | | <div class="centered-text"> |
| | | <div style="font-size: 15px;font-weight: bold;">{{ rect.glassId }}</div> |
| | |
| | | :style="{ position: 'absolute', |
| | | top: `${rect.y}px`, |
| | | left: `${rect.x}px`, |
| | | width: `${rect.widtha}px`, |
| | | height: `${rect.heighta}px`, |
| | | width: `${rect.width}px`, |
| | | height: `${rect.height}px`, |
| | | backgroundColor: rect.isActive ? '#ADFF2F' : getRectColor2(rect.state) }"> |
| | | <div class="centered-text"> |
| | | <div style="font-size: 15px;font-weight: bold;">{{ rect.glassId }}</div> |
| | |
| | | @click="showDialoga(rect)" |
| | | class="rect" |
| | | :style="{ position: 'absolute', top: `${rect.y}px`, left: `${rect.x}px`, |
| | | width: `${rect.widtha}px`, height: `${rect.heighta}px`, |
| | | width: `${rect.width}px`, height: `${rect.height}px`, |
| | | backgroundColor: rect.isActive ? '#ADFF2F' : getRectColora(rect.state) }"> |
| | | <div class="centered-text"> |
| | | <div style="font-size: 15px;font-weight: bold;">{{ rect.glassId }}</div> |
| | |
| | | @click="showDialogb(rect)" |
| | | class="rect" |
| | | :style="{ position: 'absolute', top: `${rect.y}px`, left: `${rect.x}px`, |
| | | width: `${rect.widtha}px`, height: `${rect.heighta}px`, |
| | | width: `${rect.width}px`, height: `${rect.height}px`, |
| | | backgroundColor: rect.isActive ? '#ADFF2F' : getRectColorb(rect.state) }"> |
| | | <!-- backgroundColor: rect.state === 4 ? '#911005' : '#f8e3c5' }"> --> |
| | | <div class="centered-text"> |