| | |
|---|
| | | <template #title>设备选择</template> |
|---|
| | | <div class="device-box"> |
|---|
| | | <el-scrollbar always class="scroller"> |
|---|
| | | <template v-if="deviceInfo?.deviceIDList?.length"> |
|---|
| | | <template v-if="deviceInfo?.deviceList?.length"> |
|---|
| | | <div |
|---|
| | | v-for="(item, index) in deviceInfo?.deviceIDList" |
|---|
| | | :key="index" |
|---|
| | | :class="selectedDevice === item ? 'device-item check-item' : 'device-item'" |
|---|
| | | @click="deviceClick(item)" |
|---|
| | | v-for="item in deviceInfo?.deviceList" |
|---|
| | | :key="item.deviceID" |
|---|
| | | :class="selectedDevice === item.deviceID ? 'device-item check-item' : 'device-item'" |
|---|
| | | @click="deviceClick(item.deviceID)" |
|---|
| | | > |
|---|
| | | <div class="item-l"> |
|---|
| | | <span>{{ item }}</span> |
|---|
| | | <!-- {{ item }}--> |
|---|
| | | <span>{{ item.deviceID }}</span> |
|---|
| | | {{ item.deviceName }} |
|---|
| | | </div> |
|---|
| | | <div v-if="selectedDevice === item" class="item-r"> |
|---|
| | | <div v-if="selectedDevice === item.deviceID" class="item-r"> |
|---|
| | | <el-icon class="item-icon" size="22" color="#00ff00"><CircleCheckFilled /></el-icon> |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | |
|---|
| | | }) |
|---|
| | | return |
|---|
| | | } |
|---|
| | | localStorage.setItem('currentDeviceID', selectedDevice.value || '') |
|---|
| | | apiSetCurrentDevice({ currentDeviceID: selectedDevice.value }) |
|---|
| | | .then(() => { |
|---|
| | | ElMessage({ |
|---|
| | |
|---|
| | | } |
|---|
| | | } |
|---|
| | | .scroller { |
|---|
| | | padding: 4px 16px; |
|---|
| | | padding: 4px 10px; |
|---|
| | | } |
|---|
| | | </style> |
|---|
