| | |
|---|
| | | <a-button type="primary" icon="save" size="large" @click="saveDevicePositionAndSizeByApi">保存位置</a-button> |
|---|
| | | </div> |
|---|
| | | <div class="device-status-info"> |
|---|
| | | <div v-for="item in deviceStatusList" :key="item.value" class="single-status-info"> |
|---|
| | | <a-space v-for="item in deviceStatusList" :key="item.value" class="single-status-info"> |
|---|
| | | <div>{{ item.label }}</div> |
|---|
| | | <div class="status-square" :style="{ backgroundColor: item.color }"></div> |
|---|
| | | <div>{{ getDeviceNumberByStatus(item.value) }}</div> |
|---|
| | | </div> |
|---|
| | | </a-space> |
|---|
| | | </div> |
|---|
| | | </header> |
|---|
| | | |
|---|
| | |
|---|
| | | justify-content: space-between; |
|---|
| | | |
|---|
| | | .single-status-info { |
|---|
| | | width: 60px; |
|---|
| | | display: flex; |
|---|
| | | align-items: center; |
|---|
| | | justify-content: space-between; |
|---|
| | | /*width: 70px;*/ |
|---|
| | | /*display: flex;*/ |
|---|
| | | /*align-items: center;*/ |
|---|
| | | /*justify-content: space-between;*/ |
|---|
| | | |
|---|
| | | .status-square { |
|---|
| | | width: 14px; |
|---|
