86 lines
2.1 KiB
JavaScript
86 lines
2.1 KiB
JavaScript
/**
|
||
* 设备设置页：点击设备名称行弹出弹窗编辑，确认后 PUT /bst/device
|
||
* 依赖页面存在：id、xqobj、this.$http；需引入 DeviceNameEditModal
|
||
*/
|
||
export default {
|
||
data() {
|
||
return {
|
||
deviceNameModalVisible: false,
|
||
deviceNameDraft: '',
|
||
deviceNameSaving: false
|
||
}
|
||
},
|
||
computed: {
|
||
deviceNameDisplayText() {
|
||
const o = this.xqobj || {}
|
||
const n = o.name
|
||
if (n !== undefined && n !== null && String(n).trim() !== '') return String(n).trim()
|
||
const p = o.productName
|
||
if (p !== undefined && p !== null && String(p).trim() !== '') return String(p).trim()
|
||
return '—'
|
||
}
|
||
},
|
||
methods: {
|
||
onDeviceNameRowTap() {
|
||
const o = this.xqobj || {}
|
||
const n = o.name
|
||
this.deviceNameDraft = n !== undefined && n !== null ? String(n) : ''
|
||
this.deviceNameModalVisible = true
|
||
},
|
||
closeDeviceNameModal() {
|
||
this.deviceNameModalVisible = false
|
||
},
|
||
onDeviceNameModalConfirm(name) {
|
||
if (this.deviceNameSaving) return
|
||
const trimmed = (name || '').trim()
|
||
if (!trimmed) {
|
||
uni.showToast({
|
||
title: this.$i18n.t('pleaseEnterDeviceName'),
|
||
icon: 'none'
|
||
})
|
||
return
|
||
}
|
||
const o = this.xqobj || {}
|
||
const cur = o.name != null ? String(o.name).trim() : ''
|
||
if (trimmed === cur) {
|
||
this.closeDeviceNameModal()
|
||
return
|
||
}
|
||
const spaceId =
|
||
typeof this.deviceRoomSpaceId === 'function'
|
||
? this.deviceRoomSpaceId()
|
||
: o.spaceId || uni.getStorageSync('kjid') || ''
|
||
const data = {
|
||
id: this.id,
|
||
sn: o.sn,
|
||
spaceId,
|
||
roomId: o.roomId,
|
||
name: trimmed
|
||
}
|
||
this.deviceNameSaving = true
|
||
this.$http
|
||
.put('/bst/device', data)
|
||
.then((res) => {
|
||
this.deviceNameSaving = false
|
||
if (res.code == 200) {
|
||
this.xqobj.name = trimmed
|
||
uni.showToast({
|
||
title: res.msg || this.$i18n.t('operationSuccess'),
|
||
icon: 'success'
|
||
})
|
||
uni.$emit('deviceListNeedRefresh')
|
||
this.closeDeviceNameModal()
|
||
} else {
|
||
uni.showToast({
|
||
title: res.msg || this.$i18n.t('noData'),
|
||
icon: 'none'
|
||
})
|
||
}
|
||
})
|
||
.catch(() => {
|
||
this.deviceNameSaving = false
|
||
})
|
||
}
|
||
}
|
||
}
|