<template>
<
el-dialog
:title="!dataForm.id ? '新增电池信息' : '修改电池信息'"
:close
-on
-click-modal="false"
:visible.sync="visible"
width="80%"
top="5vh"
custom
-class="battery
-form
-dialog"
>
<
el-form
:mod
el="dataForm"
:rules="dataRule"
ref="dataForm"
@keyup.enter.native="dataFormSubmit()"
lab
el-width="180px"
lab
el-position="top"
>
<
el-collapse v
-mod
el="activePan
els" accordion>
<!
-- 电池基本信息
-->
<
el-collapse
-item title="电池基本信息" name="1">
<
el-row :gutter="20">
<
el-col :span="12">
<
el-form
-item lab
el="电池ID" prop="batteryId">
<
el-input :disabled="true" v
-mod
el="dataForm.batteryId" placeholder="请输入电池唯一标识">
<i slot="prefix" class="
el-icon-files"></i>
</
el-input>
</
el-form
-item>
</
el-col>
<
el-col :span="12">
<
el-form
-item lab
el="电池电压(V)" prop="batteryVoltage">
<
el-input :disabled="true" v
-mod
el="dataForm.batteryVoltage" type="number">
<i slot="prefix" class="
el-icon-data
-line"></i>
</
el-input>
</
el-form
-item>
</
el-col>
</
el-row>
<
el-row :gutter="20">
<
el-col :span="12">
<
el-form
-item lab
el="电池电流(A)" prop="batteryCurrent">
<
el-input :disabled="true" v
-mod
el="dataForm.batteryCurrent" type="number">
<i slot="prefix" class="
el-icon-sort"></i>
</
el-input>
</
el-form
-item>
</
el-col>
<
el-col :span="12">
<
el-form
-item lab
el="电池SOC(%)" prop="batterySoc">
<
el-input :disabled="true" v
-mod
el="dataForm.batterySoc" type="number" min="0" max="100">
<i slot="prefix" class="
el-icon-pie
-chart"></i>
</
el-input>
</
el-form
-item>
</
el-col>
</
el-row>
<
el-row :gutter="20">
<
el-col :span="12">
<
el-form
-item lab
el="硬件版本" prop="batteryHardVersion">
<
el-input :disabled="true" v
-mod
el="dataForm.batteryHardVersion">
<i slot="prefix" class="
el-icon-cpu"></i>
</
el-input>
</
el-form
-item>
</
el-col>
<
el-col :span="12">
<
el-form
-item lab
el="软件版本" prop="batterySoftVersion">
<
el-input :disabled="true" v
-mod
el="dataForm.batterySoftVersion">
<i slot="prefix" class="
el-icon-setting"></i>
</
el-input>
</
el-form
-item>
</
el-col>
</
el-row>
</
el-collapse
-item>
<!
-- 电池状态信息
-->
<
el-collapse
-item title="电池状态信息" name="2">
<
el-row :gutter="20">
<
el-col :span="12">
<
el-form
-item lab
el="工作模式" prop="batteryWorkMode">
<
el-s
elect :disabled="true" v
-mod
el="dataForm.batteryWorkMode" placeholder="请选择工作模式">
<
el-option lab
el="放电模式 (0x01)" value="1"></
el-option>
<
el-option lab
el="充电模式 (0x10)" value="16"></
el-option>
<
el-option lab
el="保护模式 (0x21)" value="33"></
el-option>
<
el-option lab
el="待机无输出模式 (0x30)" value="48"></
el-option>
<
el-option lab
el="待机预放电模式 (0x31)" value="49"></
el-option>
<
el-option lab
el="故障需返厂 (0xFF)" value="255"></
el-option>
</
el-s
elect>
</
el-form
-item>
</
el-col>
<
el-col span="12">
<
el-form
-item lab
el="电池类型" prop="batteryKind">
<
el-s
elect v
-mod
el="dataForm.batteryKind" placeholder="请选择电池类型">
<
el-option lab
el="运营" value="0"></
el-option>
<
el-option lab
el="售后" value="1"></
el-option>
<
el-option lab
el="内测" value="2"></
el-option>
<
el-option lab
el="报废" value="3"></
el-option>
</
el-s
elect>
</
el-form
-item>
</
el-col>
</
el-row>
<
el-form
-item lab
el="保护状态码" prop="batteryProtectCode">
<
el-tooltip effect="dark" placement="top">
<div slot="content">
bit0: 放电低温 | bit1: 放电高温 | bit2: 充电高温<br>
bit3: 充电低温 | bit4: 放电过流 | bit5: 放电欠压<br>
bit6: 充电过流 | bit7: 充电过压 | bit8: 短路<br>
bit9: 温差过大 | bit10: 压差过大 | bit11: 智能充电通信超时<br>
bit12: IC保护 | bit13: 预放电失败 | bit14: BMS与Tracker通讯超时<br>
bit15: Gsensor故障 | bit16~31: 保留
</div>
<
el-input :disabled="true" v
-mod
el="dataForm.batteryProtectCode" placeholder="请输入保护状态码">
<i slot="prefix" class="
el-icon-warning"></i>
</
el-input>
</
el-tooltip>
</
el-form
-item>
<
el-form
-item lab
el="错误状态码" prop="batteryErrorCode">
<
el-tooltip effect="dark" placement="top">
<div slot="content">
低8位故障状态码:<br>
bit0: 保留 | bit1: 采样线故障 | bit2: 温度传感器损坏<br>
bit3: IC损坏 | bit4: 充电MOS损坏 | bit5: 放电MOS损坏<br>
bit6: 失衡 | bit7:
失效<br>
高8位工作状态:<br>
bit8: G sensor损坏 | bit9: BMS与Tracker通讯故障
</div>
<
el-input :disabled="true" v
-mod
el="dataForm.batteryErrorCode" placeholder="请输入错误状态码">
<i slot="prefix" class="
el-icon-warning
-outline"></i>
</
el-input>
</
el-tooltip>
</
el-form
-item>
</
el-collapse
-item>
<!
-- 温度电压信息
-->
<
el-collapse
-item title="温度与电压信息" name="3">
<
el-row :gutter="20">
<
el-col :span="12">
<
el-form
-item lab
el="最高温度(℃)" prop="batteryTemperatureMax">
<
el-input :disabled="true" v
-mod
el="dataForm.batteryTemperatureMax" type="number">
<i slot="prefix" class="
el-icon-sunny"></i>
</
el-input>
</
el-form
-item>
</
el-col>
<
el-col :span="12">
<
el-form
-item lab
el="最低温度(℃)" prop="batteryTemperatureMin">
<
el-input :disabled="true" v
-mod
el="dataForm.batteryTemperatureMin" type="number">
<i slot="prefix" class="
el-icon-cold
-drink"></i>
</
el-input>
</
el-form
-item>
</
el-col>
</
el-row>
<
el-row :gutter="20">
<
el-col :span="12">
<
el-form
-item lab
el="最高电压(V)" prop="batteryVoltageMax">
<
el-input :disabled="true" v
-mod
el="dataForm.batteryVoltageMax" type="number">
<i slot="prefix" class="
el-icon-top"></i>
</
el-input>
</
el-form
-item>
</
el-col>
<
el-col :span="12">
<
el-form
-item lab
el="最低电压(V)" prop="batteryVoltageMin">
<
el-input :disabled="true" v
-mod
el="dataForm.batteryVoltageMin" type="number">
<i slot="prefix" class="
el-icon-bottom"></i>
</
el-input>
</
el-form
-item>
</
el-col>
</
el-row>
</
el-collapse
-item>
<!
-- 设备信息
-->
<
el-collapse
-item title="设备信息" name="4">
<
el-row :gutter="20">
<
el-col :span="12">
<
el-form
-item lab
el="设备型号" prop="mod
el">
<
el-input :disabled="true" v
-mod
el="dataForm.mod
el">
<i slot="prefix" class="
el-icon-mobile"></i>
</
el-input>
</
el-form
-item>
</
el-col>
<
el-col :span="12">
<
el-form
-item lab
el="制造商" prop="manufacture">
<
el-input :disabled="true" v
-mod
el="dataForm.manufacture">
<i slot="prefix" class="
el-icon-office
-building"></i>
</
el-input>
</
el-form
-item>
</
el-col>
</
el-row>
<
el-row :gutter="20">
<
el-col :span="8">
<
el-form
-item lab
el="IMEI" prop="imei">
<
el-input :disabled="true" v
-mod
el="dataForm.imei">
<i slot="prefix" class="
el-icon-phone"></i>
</
el-input>
</
el-form
-item>
</
el-col>
<
el-col :span="8">
<
el-form
-item lab
el="IMSI" prop="imsi">
<
el-input :disabled="true" v
-mod
el="dataForm.imsi">
<i slot="prefix" class="
el-icon-sim
-card"></i>
</
el-input>
</
el-form
-item>
</
el-col>
<
el-col :span="8">
<
el-form
-item lab
el="ICCID" prop="iccid">
<
el-input :disabled="true" v
-mod
el="dataForm.iccid">
<i slot="prefix" class="
el-icon-credit
-card"></i>
</
el-input>
</
el-form
-item>
</
el-col>
</
el-row>
</
el-collapse
-item>
<!
-- GPS定位信息
-->
<
el-collapse
-item title="GPS定位信息" name="5">
<
el-row :gutter="20">
<
el-col :span="12">
<
el-form
-item lab
el="经度" prop="longitude">
<
el-input :disabled="true" v
-mod
el="dataForm.longitude" type="number">
<i slot="prefix" class="
el-icon-place"></i>
</
el-input>
</
el-form
-item>
</
el-col>
<
el-col :span="12">
<
el-form
-item lab
el="经度方向" prop="longitudeDirection">
<
el-s
elect :disabled="true" v
-mod
el="dataForm.longitudeDirection">
<
el-option lab
el="东经" value="E"></
el-option>
<
el-option lab
el="西经" value="W"></
el-option>
</
el-s
elect>
</
el-form
-item>
</
el-col>
</
el-row>
<
el-row :gutter="20">
<
el-col :span="12">
<
el-form
-item lab
el="纬度" prop="latitude">
<
el-input :disabled="true" v
-mod
el="dataForm.latitude" type="number">
<i slot="prefix" class="
el-icon-place"></i>
</
el-input>
</
el-form
-item>
</
el-col>
<
el-col :span="12">
<
el-form
-item lab
el="纬度方向" prop="latitudeDirection">
<
el-s
elect :disabled="true" v
-mod
el="dataForm.latitudeDirection">
<
el-option lab
el="北纬" value="N"></
el-option>
<
el-option lab
el="南纬" value="S"></
el-option>
</
el-s
elect>
</
el-form
-item>
</
el-col>
</
el-row>
</
el-collapse
-item>
<!
-- 业务信息
-->
<
el-collapse
-item title="业务信息" name="6">
<
el-row :gutter="20">
<
el-col :span="12">
<
el-form
-item lab
el="业务模式" prop="businessmode">
<
el-s
elect :disabled="true" v
-mod
el="dataForm.businessmode">
<
el-option
v
-for="mode in businessModes"
:key="mode.value"
:lab
el="mode.lab
el"
:value="mode.value"
></
el-option>
</
el-s
elect>
</
el-form
-item>
</
el-col>
<
el-col :span="12">
<
el-form
-item lab
el="处理状态" prop="handled">
<
el-s
elect :disabled="true" v
-mod
el="dataForm.handled">
<
el-option lab
el="已处理" :value="1"></
el-option>
<
el-option lab
el="待处理" :value="0"></
el-option>
</
el-s
elect>
</
el-form
-item>
</
el-col>
</
el-row>
<
el-row :gutter="20">
<
el-col :span="12">
<
el-form
-item lab
el="执行方式" prop="todoNow">
<
el-s
elect :disabled="true" v
-mod
el="dataForm.todoNow">
<
el-option lab
el="立即执行" :value="1"></
el-option>
<
el-option lab
el="等待执行" :value="0"></
el-option>
</
el-s
elect>
</
el-form
-item>
</
el-col>
<
el-col :span="12">
<
el-form
-item lab
el="需要回复" prop="needack">
<
el-s
elect :disabled="true" v
-mod
el="dataForm.needack">
<
el-option lab
el="是" :value="1"></
el-option>
<
el-option lab
el="否" :value="0"></
el-option>
</
el-s
elect>
</
el-form
-item>
</
el-col>
</
el-row>
<!
-- 消息类型
-->
<
el-form
-item lab
el="消息类型" prop="flag">
<
el-s
elect :disabled="true" v
-mod
el="dataForm.flag">
<
el-option lab
el="设备主动请求或上报" :value="1"></
el-option>
<
el-option lab
el="平台主动推送或下指令" :value="2"></
el-option>
<
el-option lab
el="平台指令反馈的结果" :value="3"></
el-option>
</
el-s
elect>
</
el-form
-item>
</
el-collapse
-item>
<!
-- 其他信息
-->
<
el-collapse
-item title="其他信息" name="7">
<
el-form
-item lab
el="原始数据" prop="payload">
<
el-input
v
-mod
el="dataForm.payload"
type="textarea"
:rows="3"
placeholder="请输入原始数据"
:disabled="true"
></
el-input>
</
el-form
-item>
</
el-collapse
-item>
</
el-collapse>
</
el-form>
<span slot="footer" class="dialog
-footer">
<
el-button @
click="visible = false">取消</
el-button>
<
el-button type="primary" @
click="dataFormSubmit()">确定</
el-button>
</span>
</
el-dialog>
</template>
<script>
export default {
data() {
return {
visible: false,
activePan
els: ['1'],
dataForm: {
id: 0,
batteryId: '',
batteryVoltage: '',
batteryCurrent: '',
batterySoc: '',
batteryHardVersion: '',
batterySoftVersion: '',
batteryWorkMode: '',
batteryKind: "0",
batteryProtectCode: '',
batteryErrorCode: '',
batteryTemperatureMax: '',
batteryTemperatureMin: '',
batteryVoltageMax: '',
batteryVoltageMin: '',
mosStatus: '',
mosTemp: '',
batteryCycleTimes: '',
steadyStatus: '',
c
ellVoltage: '',
mod
el: '',
manufacture: '',
imei: '',
imsi: '',
iccid: '',
trackerHardwareVersion: '',
trackerSoftwareVersion: '',
csq: '',
networkType: '',
locationMode: '',
longitude: '',
longitudeDirection: '',
latitude: '',
latitudeDirection: '',
gpsSpeed: '',
gpsSignal: '',
sat
elliteNum: '',
accuracy: '',
flag: '',
clientId: '',
topic: '',
productKey: '',
handled: '',
todoNow: '',
needack: '',
businessmode: '',
uploadTime: '',
createTime: '',
updateTime: '',
payload: ''
},
businessModes: [
{ value: 1, lab
el: "关机模式" },
{ value: 2, lab
el: "运营模式" },
{ value: 3, lab
el: "运输模式" },
{ value: 4, lab
el: "通讯充电模式" },
{ value: 5, lab
el: "盲充模式" },
{ value: 6, lab
el: "存储模式" },
{ value: 7, lab
el: "搜寻模式" },
{ value: 8, lab
el: "返厂模式" }
],
/*
dataRule: {
batteryId: [
{ required: true, message: '
不能为空', trigger: 'blur' }
],
batteryVoltage: [
{ required: true, message: '
不能为空', trigger: 'blur' }
],
batteryCurrent: [
{ required: true, message: '
不能为空', trigger: 'blur' }
],
batterySoc: [
{ required: true, message: '
不能为空', trigger: 'blur' }
],
batteryHardVersion: [
{ required: true, message: '
不能为空', trigger: 'blur' }
],
batterySoftVersion: [
{ required: true, message: '
不能为空', trigger: 'blur' }
],
batteryWorkMode: [
{ required: true, message: '0x01(1):放电模式 0x10(16):充电模式 0x21(33):保护模式 0x30(48):待机无输出模式 0x31(49):待机预放电模式 0xFF(255):故障需返厂
不能为空', trigger: 'blur' }
],
batteryProtectCode: [
{ required: true, message: '保护状态 bit16~bit 31 保留 bit15：Gsensor 故障 bit14：BMS 与 Tracker通讯超时 bit13: 预放电失败 bit12: IC保护 bit11: 智能充电通信超时 bit10：压差过大 bit9：温差过大 bit8：短路 bit7：充电过压 bit6：充电过流 bit5：放电欠压 bit4：放电过流 bit3：充电低温 bit2：充电高温 bit1：放电高温 bit0：放电低温
不能为空', trigger: 'blur' }
],
batteryErrorCode: [
{ required: true, message: '转成2进制， 总共为16位，高8位为电池包工作状态，低8位为故障状态码 bit9BMS 与 Tracker通讯故障,bit8BMS 板 G sensor损坏,(8/9无效)bit7：
失效,bit6：失衡,bit5：放电 MOS 损坏,bit4：充电 MOS 损坏,bit3IC 损坏,bit2：温度传感器损坏,bit1:采样线断线，虚焊等故障 保留，置 0,bit0：保留
不能为空', trigger: 'blur' }
],
batteryTemperatureMax: [
{ required: true, message: '
不能为空', trigger: 'blur' }
],
batteryTemperatureMin: [
{ required: true, message: '
不能为空', trigger: 'blur' }
],
batteryVoltageMax: [
{ required: true, message: '
不能为空', trigger: 'blur' }
],
batteryVoltageMin: [
{ required: true, message: '
不能为空', trigger: 'blur' }
],
mosStatus: [
{ required: true, message: '
不能为空', trigger: 'blur' }
],
mosTemp: [
{ required: true, message: '
不能为空', trigger: 'blur' }
],
batteryCycleTimes: [
{ required: true, message: '
不能为空', trigger: 'blur' }
],
steadyStatus: [
{ required: true, message: '
不能为空', trigger: 'blur' }
],
c
ellVoltage: [
{ required: true, message: '
不能为空', trigger: 'blur' }
],
mod
el: [
{ required: true, message: '
不能为空', trigger: 'blur' }
],
manufacture: [
{ required: true, message: '
不能为空', trigger: 'blur' }
],
imei: [
{ required: true, message: '
不能为空', trigger: 'blur' }
],
imsi: [
{ required: true, message: '
不能为空', trigger: 'blur' }
],
iccid: [
{ required: true, message: '
不能为空', trigger: 'blur' }
],
trackerHardwareVersion: [
{ required: true, message: '
不能为空', trigger: 'blur' }
],
trackerSoftwareVersion: [
{ required: true, message: '
不能为空', trigger: 'blur' }
],
csq: [
{ required: true, message: '
不能为空', trigger: 'blur' }
],
networkType: [
{ required: true, message: '
不能为空', trigger: 'blur' }
],
locationMode: [
{ required: true, message: '
不能为空', trigger: 'blur' }
],
longitude: [
{ required: true, message: '
不能为空', trigger: 'blur' }
],
longitudeDirection: [
{ required: true, message: '
不能为空', trigger: 'blur' }
],
latitude: [
{ required: true, message: '
不能为空', trigger: 'blur' }
],
latitudeDirection: [
{ required: true, message: '
不能为空', trigger: 'blur' }
],
gpsSpeed: [
{ required: true, message: '
不能为空', trigger: 'blur' }
],
gpsSignal: [
{ required: true, message: '
不能为空', trigger: 'blur' }
],
sat
elliteNum: [
{ required: true, message: '
不能为空', trigger: 'blur' }
],
accuracy: [
{ required: true, message: '
不能为空', trigger: 'blur' }
],
flag: [
{ required: true, message: '1：设备主动请求或上报 2：平台主动推送或下指令 3:平台指令反馈的结果
不能为空', trigger: 'blur' }
],
clientId: [
{ required: true, message: 'MQTT发布消息所需的clientId
不能为空', trigger: 'blur' }
],
topic: [
{ required: true, message: 'MQTT主题
不能为空', trigger: 'blur' }
],
productKey: [
{ required: true, message: '主题名称中需要的productKey
不能为空', trigger: 'blur' }
],
handled: [
{ required: true, message: '配置是否处理 1：已处理 0：待处理
不能为空', trigger: 'blur' }
],
todoNow: [
{ required: true, message: '是否立即执行 0：等待执行 1：立即执行
不能为空', trigger: 'blur' }
],
needack: [
{ required: true, message: '是否回复
不能为空', trigger: 'blur' }
],
businessmode: [
{ required: true, message: '业务模式 1:关机模式 2：运营模式 3：运输模式 4：通讯充电模式 5：盲充模式 6：存储模式 7：搜寻模式 8：返厂模式
不能为空', trigger: 'blur' }
],
uploadTime: [
{ required: true, message: '
不能为空', trigger: 'blur' }
],
createTime: [
{ required: true, message: '
不能为空', trigger: 'blur' }
],
updateTime: [
{ required: true, message: '更新时间
不能为空', trigger: 'blur' }
],
payload: [
{ required: true, message: '原始数据
不能为空', trigger: 'blur' }
]
}
*/
}
},
computed: {
// 处理状态标签
handledLab
el() {
return this.dataForm.handled === 1 ? "已处理" :
this.dataForm.handled === 0 ? "待处理" : "";
},
// 执行方式标签
todoNowLab
el() {
return this.dataForm.todoNow === 1 ? "立即执行" :
this.dataForm.todoNow === 0 ? "等待执行" : "";
},
// 需要回复标签
needackLab
el() {
return this.dataForm.needack === 1 ? "是" :
this.dataForm.needack === 0 ? "否" : "";
},
// 业务模式标签
businessMod
eLab
el() {
const mode = this.businessModes.find(m => m.value == this.dataForm.businessmode);
return mode ? mode.lab
el : "";
},
// 消息类型标签
flagLab
el() {
switch (this.dataForm.flag) {
case 1: return "设备主动请求或上报";
case 2: return "平台主动推送或下指令";
case 3: return "平台指令反馈的结果";
default: return "";
}
}
},
methods: {
init (id) {
this.dataForm.id = id || 0
this.visible = true
this.$nextTick(() => {
this.$refs['dataForm'].resetFi
elds()
if (this.dataForm.id) {
this.$http({
url: this.$http.adornUrl(`/maya/mybatteryinfo/info/${this.dataForm.id}`),
method: 'get',
params: this.$http.adornParams()
}).then(({data}) => {
if (data && data.code === 0) {
this.dataForm.batteryId = data.myBatteryInfo.batteryId
this.dataForm.batteryVoltage = data.myBatteryInfo.batteryVoltage
this.dataForm.batteryCurrent = data.myBatteryInfo.batteryCurrent
this.dataForm.batterySoc = data.myBatteryInfo.batterySoc
this.dataForm.batteryHardVersion = data.myBatteryInfo.batteryHardVersion
this.dataForm.batterySoftVersion = data.myBatteryInfo.batterySoftVersion
this.dataForm.batteryWorkMode = data.myBatteryInfo.batteryWorkMode
this.dataForm.batteryKind = String(data.myBatteryInfo.batteryKind);
this.dataForm.batteryProtectCode = data.myBatteryInfo.batteryProtectCode
this.dataForm.batteryErrorCode = data.myBatteryInfo.batteryErrorCode
this.dataForm.batteryTemperatureMax = data.myBatteryInfo.batteryTemperatureMax
this.dataForm.batteryTemperatureMin = data.myBatteryInfo.batteryTemperatureMin
this.dataForm.batteryVoltageMax = data.myBatteryInfo.batteryVoltageMax
this.dataForm.batteryVoltageMin = data.myBatteryInfo.batteryVoltageMin
this.dataForm.mosStatus = data.myBatteryInfo.mosStatus
this.dataForm.mosTemp = data.myBatteryInfo.mosTemp
this.dataForm.batteryCycleTimes = data.myBatteryInfo.batteryCycleTimes
this.dataForm.steadyStatus = data.myBatteryInfo.steadyStatus
this.dataForm.c
ellVoltage = data.myBatteryInfo.c
ellVoltage
this.dataForm.mod
el = data.myBatteryInfo.mod
el
this.dataForm.manufacture = data.myBatteryInfo.manufacture
this.dataForm.imei = data.myBatteryInfo.imei
this.dataForm.imsi = data.myBatteryInfo.imsi
this.dataForm.iccid = data.myBatteryInfo.iccid
this.dataForm.trackerHardwareVersion = data.myBatteryInfo.trackerHardwareVersion
this.dataForm.trackerSoftwareVersion = data.myBatteryInfo.trackerSoftwareVersion
this.dataForm.csq = data.myBatteryInfo.csq
this.dataForm.networkType = data.myBatteryInfo.networkType
this.dataForm.locationMode = data.myBatteryInfo.locationMode
this.dataForm.longitude = data.myBatteryInfo.longitude
this.dataForm.longitudeDirection = data.myBatteryInfo.longitudeDirection
this.dataForm.latitude = data.myBatteryInfo.latitude
this.dataForm.latitudeDirection = data.myBatteryInfo.latitudeDirection
this.dataForm.gpsSpeed = data.myBatteryInfo.gpsSpeed
this.dataForm.gpsSignal = data.myBatteryInfo.gpsSignal
this.dataForm.sat
elliteNum = data.myBatteryInfo.sat
elliteNum
this.dataForm.accuracy = data.myBatteryInfo.accuracy
this.dataForm.flag = data.myBatteryInfo.flag
this.dataForm.clientId = data.myBatteryInfo.clientId
this.dataForm.topic = data.myBatteryInfo.topic
this.dataForm.productKey = data.myBatteryInfo.productKey
this.dataForm.handled = data.myBatteryInfo.handled
this.dataForm.todoNow = data.myBatteryInfo.todoNow
this.dataForm.needack = data.myBatteryInfo.needack
this.dataForm.businessmode = data.myBatteryInfo.businessmode
this.dataForm.uploadTime = data.myBatteryInfo.uploadTime
this.dataForm.createTime = data.myBatteryInfo.createTime
this.dataForm.updateTime = data.myBatteryInfo.updateTime
this.dataForm.payload = data.myBatteryInfo.payload
}
})
}
})
},
// 表单提交
dataFormSubmit () {
this.$refs['dataForm'].validate((valid) => {
if (valid) {
this.$http({
url: this.$http.adornUrl(`/maya/mybatteryinfo/${!this.dataForm.id ? 'save' : 'update'}`),
method: 'post',
data: this.$http.adornData({
'id': this.dataForm.id || undefined,
'batteryId': this.dataForm.batteryId,
'batteryVoltage': this.dataForm.batteryVoltage,
'batteryCurrent': this.dataForm.batteryCurrent,
'batterySoc': this.dataForm.batterySoc,
'batteryHardVersion': this.dataForm.batteryHardVersion,
'batterySoftVersion': this.dataForm.batterySoftVersion,
'batteryWorkMode': this.dataForm.batteryWorkMode,
'batteryKind': Number(this.dataForm.batteryKind),
'batteryProtectCode': this.dataForm.batteryProtectCode,
'batteryErrorCode': this.dataForm.batteryErrorCode,
'batteryTemperatureMax': this.dataForm.batteryTemperatureMax,
'batteryTemperatureMin': this.dataForm.batteryTemperatureMin,
'batteryVoltageMax': this.dataForm.batteryVoltageMax,
'batteryVoltageMin': this.dataForm.batteryVoltageMin,
'mosStatus': this.dataForm.mosStatus,
'mosTemp': this.dataForm.mosTemp,
'batteryCycleTimes': this.dataForm.batteryCycleTimes,
'steadyStatus': this.dataForm.steadyStatus,
'c
ellVoltage': this.dataForm.c
ellVoltage,
'mod
el': this.dataForm.mod
el,
'manufacture': this.dataForm.manufacture,
'imei': this.dataForm.imei,
'imsi': this.dataForm.imsi,
'iccid': this.dataForm.iccid,
'trackerHardwareVersion': this.dataForm.trackerHardwareVersion,
'trackerSoftwareVersion': this.dataForm.trackerSoftwareVersion,
'csq': this.dataForm.csq,
'networkType': this.dataForm.networkType,
'locationMode': this.dataForm.locationMode,
'longitude': this.dataForm.longitude,
'longitudeDirection': this.dataForm.longitudeDirection,
'latitude': this.dataForm.latitude,
'latitudeDirection': this.dataForm.latitudeDirection,
'gpsSpeed': this.dataForm.gpsSpeed,
'gpsSignal': this.dataForm.gpsSignal,
'sat
elliteNum': this.dataForm.sat
elliteNum,
'accuracy': this.dataForm.accuracy,
'flag': this.dataForm.flag,
'clientId': this.dataForm.clientId,
'topic': this.dataForm.topic,
'productKey': this.dataForm.productKey,
'handled': this.dataForm.handled,
'todoNow': this.dataForm.todoNow,
'needack': this.dataForm.needack,
'businessmode': this.dataForm.businessmode,
'uploadTime': this.dataForm.uploadTime,
'createTime': this.dataForm.createTime,
'updateTime': this.dataForm.updateTime,
'payload': this.dataForm.payload
})
}).then(({data}) => {
if (data && data.code === 0) {
this.$message({
message: '操作成功',
type: 'success',
duration: 1500,
onClose: () => {
this.visible = false
this.$emit('refreshDataList')
}
})
}
else {
this.$message.error(data.msg)
}
})
}
})
}
}
}
</script>
<style scoped>
/* 添加状态显示样式 */
.status
-display {
margin
-top: 8px;
padding: 6px 12px;
background
-color: #f5f7fa;
border
-radius: 4px;
border: 1px solid #dcdfe6;
font
-size: 14px;
color:rgb(226, 228, 233);
}
/* 在查看模式下隐藏选择框，显示纯文本 */
.view
-mode .
el-s
elect {
display: none;
}
.view
-mode .status
-display {
display: block;
}
</style>优化此页面输入框颜色，白底黑字
在使用Vue结合ElementUI开发CMS系统时，遇到了el-col标签点击事件无法响应的问题。通过使用@click.native解决，确保了事件能正确触发。
扫一扫
3243
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
