diff --git a/yack-web/src/views/iot/device/running-status.vue b/yack-web/src/views/iot/device/running-status.vue index df4e5955..f7ecbda9 100644 --- a/yack-web/src/views/iot/device/running-status.vue +++ b/yack-web/src/views/iot/device/running-status.vue @@ -21,38 +21,86 @@ {{ $t('device.running-status.866086-2') }} - - - -
- - -
编辑下发指令
- - -
- 从设备读取 -
-
+ + + +
+ + +
编辑下发指令,回车即可发送
+ + 编辑指令 +
+ 从设备读取 +
+
- - -
- - -
编辑下发指令
- - -
- 从设备读取 -
-
+ + + +
+ + +
编辑下发指令,回车即可发送
+ + 编辑指令 +
+ 从设备读取 +
+
@@ -622,6 +670,9 @@ export default { iccidLoading: false, saveLoadingImei: false, saveLoadingIccid: false, + + imeiPopoverVisible: false, // 控制IMEI指令编辑弹窗 + iccidPopoverVisible: false, // 控制ICCID指令编辑弹窗 }; }, mounted() { @@ -641,6 +692,18 @@ export default { }, methods: { + + // 新增方法:处理弹窗内回车下发指令 + handleEnterSend(type) { + // 关闭对应的弹窗 + if (type === 'imei') { + this.imeiPopoverVisible = false; + } else if (type === 'iccid') { + this.iccidPopoverVisible = false; + } + // 调用原有的 sendAt 方法下发指令 + this.sendAt(type); + }, async refreshDeviceBaseInfo() { if (!this.deviceInfo || !this.deviceInfo.deviceId) return; const res = await getDevice(this.deviceInfo.deviceId); @@ -1320,4 +1383,19 @@ export default { border-color: #badeff; background-color: #e8f4ff; } + +/* IMEI/ICCID样式 */ +.cell-flex { + display: flex; + align-items: center; + gap: 10px; +} +.cell-flex.nowrap { + flex-wrap: nowrap; +} +@media (max-width: 768px) { + .cell-flex.nowrap .el-input { + min-width: 120px; + } +}