<template>
<
el-dialog
:title="!data
Form.id ? '新增电池信息' : '修改电池信息'"
:close
-on
-click
-modal="false"
:visible
.sync="visible"
width="80%"
top="5vh"
custom
-class="battery
-form-dialog"
>
<
el-form
:mod
el="data
Form"
:rules="dataRule"
ref="data
Form"
@keyup
.enter
.native="data
FormSubmit()"
label-width="180px"
label-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 label="电池ID" prop="batteryId">
<
el-input v
-mod
el="data
Form.batteryId" placeholder="请输入电池唯一标识">
<i
slot="prefix" class="
el-icon
-files"></i>
</
el-input>
</
el-form-item>
</
el-col>
<
el-col :span="12">
<
el-form-item label="电池电压(V)" prop="batteryVoltage">
<
el-input v
-mod
el="data
Form.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 label="电池电流(A)" prop="batteryCurrent">
<
el-input v
-mod
el="data
Form.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 label="电池SOC(%)" prop="batterySoc">
<
el-input v
-mod
el="data
Form.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 label="硬件版本" prop="batteryHardVersion">
<
el-input v
-mod
el="data
Form.batteryHardVersion">
<i
slot="prefix" class="
el-icon
-cpu"></i>
</
el-input>
</
el-form-item>
</
el-col>
<
el-col :span="12">
<
el-form-item label="软件版本" prop="batterySoftVersion">
<
el-input v
-mod
el="data
Form.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 label="工作模式" prop="batteryWorkMode">
<
el-s
elect v
-mod
el="data
Form.batteryWorkMode" placeholder="请选择工作模式">
<
el-option
label="放电模式 (0x01)" value="1"></
el-option>
<
el-option
label="充电模式 (0x10)" value="16"></
el-option>
<
el-option
label="保护模式 (0x21)" value="33"></
el-option>
<
el-option
label="待机无输出模式 (0x30)" value="48"></
el-option>
<
el-option
label="待机预放电模式 (0x31)" value="49"></
el-option>
<
el-option
label="故障需返厂 (0xFF)" value="255"></
el-option>
</
el-s
elect>
</
el-form-item>
</
el-col>
<
el-col span="12">
<
el-form-item label="电池类型" prop="batteryKind">
<
el-s
elect v
-mod
el="data
Form.batteryKind" placeholder="请选择电池类型">
<
el-option
label="运营" value="0"></
el-option>
<
el-option
label="售后" value="1"></
el-option>
<
el-option
label="内测" value="2"></
el-option>
<
el-option
label="报废" value="3"></
el-option>
</
el-s
elect>
</
el-form-item>
</
el-col>
</
el-row>
<
el-form-item label="保护状态码" 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 v
-mod
el="data
Form.batteryProtectCode" placeholder="请输入保护状态码">
<i
slot="prefix" class="
el-icon
-warning"></i>
</
el-input>
</
el-tooltip>
</
el-form-item>
<
el-form-item label="错误状态码" 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 v
-mod
el="data
Form.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 label="最高温度(℃)" prop="batteryTemperatureMax">
<
el-input v
-mod
el="data
Form.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 label="最低温度(℃)" prop="batteryTemperatureMin">
<
el-input v
-mod
el="data
Form.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 label="最高电压(V)" prop="batteryVoltageMax">
<
el-input v
-mod
el="data
Form.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 label="最低电压(V)" prop="batteryVoltageMin">
<
el-input v
-mod
el="data
Form.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 label="设备型号" prop="mod
el">
<
el-input v
-mod
el="data
Form.mod
el">
<i
slot="prefix" class="
el-icon
-mobile"></i>
</
el-input>
</
el-form-item>
</
el-col>
<
el-col :span="12">
<
el-form-item label="制造商" prop="manufacture">
<
el-input v
-mod
el="data
Form.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 label="IMEI" prop="imei">
<
el-input v
-mod
el="data
Form.imei">
<i
slot="prefix" class="
el-icon
-phone"></i>
</
el-input>
</
el-form-item>
</
el-col>
<
el-col :span="8">
<
el-form-item label="IMSI" prop="imsi">
<
el-input v
-mod
el="data
Form.imsi">
<i
slot="prefix" class="
el-icon
-sim
-card"></i>
</
el-input>
</
el-form-item>
</
el-col>
<
el-col :span="8">
<
el-form-item label="ICCID" prop="iccid">
<
el-input v
-mod
el="data
Form.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 label="经度" prop="longitude">
<
el-input v
-mod
el="data
Form.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 label="经度方向" prop="longitudeDirection">
<
el-s
elect v
-mod
el="data
Form.longitudeDirection">
<
el-option
label="东经" value="E"></
el-option>
<
el-option
label="西经" 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 label="纬度" prop="latitude">
<
el-input v
-mod
el="data
Form.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 label="纬度方向" prop="latitudeDirection">
<
el-s
elect v
-mod
el="data
Form.latitudeDirection">
<
el-option
label="北纬" value="N"></
el-option>
<
el-option
label="南纬" 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 label="业务模式" prop="businessmode">
<
el-s
elect v
-mod
el="data
Form.businessmode">
<
el-option
v
-for="mode in businessModes"
:key="mode
.value"
:
label="mode
.label"
:value="mode
.value"
></
el-option>
</
el-s
elect>
</
el-form-item>
</
el-col>
<
el-col :span="12">
<
el-form-item label="处理状态" prop="handled">
<
el-s
elect v
-mod
el="data
Form.handled">
<
el-option
label="已处理" :value="1"></
el-option>
<
el-option
label="待处理" :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 label="执行方式" prop="todoNow">
<
el-s
elect v
-mod
el="data
Form.todoNow">
<
el-option
label="立即执行" :value="1"></
el-option>
<
el-option
label="等待执行" :value="0"></
el-option>
</
el-s
elect>
</
el-form-item>
</
el-col>
<
el-col :span="12">
<
el-form-item label="需要回复" prop="needack">
<
el-s
elect v
-mod
el="data
Form.needack">
<
el-option
label="是" :value="1"></
el-option>
<
el-option
label="否" :value="0"></
el-option>
</
el-s
elect>
</
el-form-item>
</
el-col>
</
el-row>
<!
-- 消息类型
-->
<
el-form-item label="消息类型" prop="flag">
<
el-s
elect v
-mod
el="data
Form.flag">
<
el-option
label="设备主动请求或上报" :value="1"></
el-option>
<
el-option
label="平台主动推送或下指令" :value="2"></
el-option>
<
el-option
label="平台指令反馈的结果" :value="3"></
el-option>
</
el-s
elect>
</
el-form-item>
</
el-collapse
-item>
<!
-- 其他信息
-->
<
el-collapse
-item title="其他信息" name="7">
<
el-form-item label="原始数据" prop="payload">
<
el-input
v
-mod
el="data
Form.payload"
type="textarea"
:rows="3"
placeholder="请输入原始数据"
></
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="data
FormSubmit()">确定</
el-button>
</span>
</
el-dialog>
</template>
<script>
export default {
data() {
return {
visible: false,
activePan
els: ['1'],
data
Form: {
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,
label: "关机模式" },
{ value: 2,
label: "运营模式" },
{ value: 3,
label: "运输模式" },
{ value: 4,
label: "通讯充电模式" },
{ value: 5,
label: "盲充模式" },
{ value: 6,
label: "存储模式" },
{ value: 7,
label: "搜寻模式" },
{ value: 8,
label: "返厂模式" }
],
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: {
// 处理状态标签
handled
Label() {
return this
.data
Form.handled === 1 ? "已处理" :
this
.data
Form.handled === 0 ? "待处理" : "";
},
// 执行方式标签
todoNow
Label() {
return this
.data
Form.todoNow === 1 ? "立即执行" :
this
.data
Form.todoNow === 0 ? "等待执行" : "";
},
// 需要回复标签
needack
Label() {
return this
.data
Form.needack === 1 ? "是" :
this
.data
Form.needack === 0 ? "否" : "";
},
// 业务模式标签
businessMod
eLab
el() {
const mode = this
.businessModes
.find(m => m
.value == this
.data
Form.businessmode);
return mode ? mode
.label : "";
},
// 消息类型标签
flag
Label() {
switch (this
.data
Form.flag) {
case 1: return "设备主动请求或上报";
case 2: return "平台主动推送或下指令";
case 3: return "平台指令反馈的结果";
default: return "";
}
}
},
methods: {
init (id) {
this
.data
Form.id = id || 0
this
.visible = true
this
.$nextTick(() => {
this
.$refs['data
Form']
.resetFi
elds()
if (this
.data
Form.id) {
this
.$http({
url: this
.$http
.adornUrl(`/maya/mybatteryinfo/info/${this
.data
Form.id}`),
method: 'get',
params: this
.$http
.adornParams()
})
.then(({data}) => {
if (data && data
.code === 0) {
this
.data
Form.batteryId = data
.myBatteryInfo
.batteryId
this
.data
Form.batteryVoltage = data
.myBatteryInfo
.batteryVoltage
this
.data
Form.batteryCurrent = data
.myBatteryInfo
.batteryCurrent
this
.data
Form.batterySoc = data
.myBatteryInfo
.batterySoc
this
.data
Form.batteryHardVersion = data
.myBatteryInfo
.batteryHardVersion
this
.data
Form.batterySoftVersion = data
.myBatteryInfo
.batterySoftVersion
this
.data
Form.batteryWorkMode = data
.myBatteryInfo
.batteryWorkMode
this
.data
Form.batteryKind = String(data
.myBatteryInfo
.batteryKind);
this
.data
Form.batteryProtectCode = data
.myBatteryInfo
.batteryProtectCode
this
.data
Form.batteryErrorCode = data
.myBatteryInfo
.batteryErrorCode
this
.data
Form.batteryTemperatureMax = data
.myBatteryInfo
.batteryTemperatureMax
this
.data
Form.batteryTemperatureMin = data
.myBatteryInfo
.batteryTemperatureMin
this
.data
Form.batteryVoltageMax = data
.myBatteryInfo
.batteryVoltageMax
this
.data
Form.batteryVoltageMin = data
.myBatteryInfo
.batteryVoltageMin
this
.data
Form.mosStatus = data
.myBatteryInfo
.mosStatus
this
.data
Form.mosTemp = data
.myBatteryInfo
.mosTemp
this
.data
Form.batteryCycleTimes = data
.myBatteryInfo
.batteryCycleTimes
this
.data
Form.steadyStatus = data
.myBatteryInfo
.steadyStatus
this
.data
Form.c
ellVoltage = data
.myBatteryInfo
.c
ellVoltage
this
.data
Form.mod
el = data
.myBatteryInfo
.mod
el
this
.data
Form.manufacture = data
.myBatteryInfo
.manufacture
this
.data
Form.imei = data
.myBatteryInfo
.imei
this
.data
Form.imsi = data
.myBatteryInfo
.imsi
this
.data
Form.iccid = data
.myBatteryInfo
.iccid
this
.data
Form.trackerHardwareVersion = data
.myBatteryInfo
.trackerHardwareVersion
this
.data
Form.trackerSoftwareVersion = data
.myBatteryInfo
.trackerSoftwareVersion
this
.data
Form.csq = data
.myBatteryInfo
.csq
this
.data
Form.networkType = data
.myBatteryInfo
.networkType
this
.data
Form.locationMode = data
.myBatteryInfo
.locationMode
this
.data
Form.longitude = data
.myBatteryInfo
.longitude
this
.data
Form.longitudeDirection = data
.myBatteryInfo
.longitudeDirection
this
.data
Form.latitude = data
.myBatteryInfo
.latitude
this
.data
Form.latitudeDirection = data
.myBatteryInfo
.latitudeDirection
this
.data
Form.gpsSpeed = data
.myBatteryInfo
.gpsSpeed
this
.data
Form.gpsSignal = data
.myBatteryInfo
.gpsSignal
this
.data
Form.sat
elliteNum = data
.myBatteryInfo
.sat
elliteNum
this
.data
Form.accuracy = data
.myBatteryInfo
.accuracy
this
.data
Form.flag = data
.myBatteryInfo
.flag
this
.data
Form.clientId = data
.myBatteryInfo
.clientId
this
.data
Form.topic = data
.myBatteryInfo
.topic
this
.data
Form.productKey = data
.myBatteryInfo
.productKey
this
.data
Form.handled = data
.myBatteryInfo
.handled
this
.data
Form.todoNow = data
.myBatteryInfo
.todoNow
this
.data
Form.needack = data
.myBatteryInfo
.needack
this
.data
Form.businessmode = data
.myBatteryInfo
.businessmode
this
.data
Form.uploadTime = data
.myBatteryInfo
.uploadTime
this
.data
Form.createTime = data
.myBatteryInfo
.createTime
this
.data
Form.updateTime = data
.myBatteryInfo
.updateTime
this
.data
Form.payload = data
.myBatteryInfo
.payload
}
})
}
})
},
// 表单提交
data
FormSubmit () {
this
.$refs['data
Form']
.validate((valid) => {
if (valid) {
this
.$http({
url: this
.$http
.adornUrl(`/maya/mybatteryinfo/${!this
.data
Form.id ? 'save' : 'update'}`),
method: 'post',
data: this
.$http
.adornData({
'id': this
.data
Form.id || undefined,
'batteryId': this
.data
Form.batteryId,
'batteryVoltage': this
.data
Form.batteryVoltage,
'batteryCurrent': this
.data
Form.batteryCurrent,
'batterySoc': this
.data
Form.batterySoc,
'batteryHardVersion': this
.data
Form.batteryHardVersion,
'batterySoftVersion': this
.data
Form.batterySoftVersion,
'batteryWorkMode': this
.data
Form.batteryWorkMode,
'batteryKind': Number(this
.data
Form.batteryKind),
'batteryProtectCode': this
.data
Form.batteryProtectCode,
'batteryErrorCode': this
.data
Form.batteryErrorCode,
'batteryTemperatureMax': this
.data
Form.batteryTemperatureMax,
'batteryTemperatureMin': this
.data
Form.batteryTemperatureMin,
'batteryVoltageMax': this
.data
Form.batteryVoltageMax,
'batteryVoltageMin': this
.data
Form.batteryVoltageMin,
'mosStatus': this
.data
Form.mosStatus,
'mosTemp': this
.data
Form.mosTemp,
'batteryCycleTimes': this
.data
Form.batteryCycleTimes,
'steadyStatus': this
.data
Form.steadyStatus,
'c
ellVoltage': this
.data
Form.c
ellVoltage,
'mod
el': this
.data
Form.mod
el,
'manufacture': this
.data
Form.manufacture,
'imei': this
.data
Form.imei,
'imsi': this
.data
Form.imsi,
'iccid': this
.data
Form.iccid,
'trackerHardwareVersion': this
.data
Form.trackerHardwareVersion,
'trackerSoftwareVersion': this
.data
Form.trackerSoftwareVersion,
'csq': this
.data
Form.csq,
'networkType': this
.data
Form.networkType,
'locationMode': this
.data
Form.locationMode,
'longitude': this
.data
Form.longitude,
'longitudeDirection': this
.data
Form.longitudeDirection,
'latitude': this
.data
Form.latitude,
'latitudeDirection': this
.data
Form.latitudeDirection,
'gpsSpeed': this
.data
Form.gpsSpeed,
'gpsSignal': this
.data
Form.gpsSignal,
'sat
elliteNum': this
.data
Form.sat
elliteNum,
'accuracy': this
.data
Form.accuracy,
'flag': this
.data
Form.flag,
'clientId': this
.data
Form.clientId,
'topic': this
.data
Form.topic,
'productKey': this
.data
Form.productKey,
'handled': this
.data
Form.handled,
'todoNow': this
.data
Form.todoNow,
'needack': this
.data
Form.needack,
'businessmode': this
.data
Form.businessmode,
'uploadTime': this
.data
Form.uploadTime,
'createTime': this
.data
Form.createTime,
'updateTime': this
.data
Form.updateTime,
'payload': this
.data
Form.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: #606266;
}
/* 在查看模式下隐藏选择框，
显示纯文本 */
.view
-mode
.el-s
elect {
display: none;
}
.view
-mode
.status
-display {
display: block;
}
</style>
优化此此页面的ui
在不使用label-width和label-action属性的Vue项目中，遇到el-form-item的label插槽内放置的el-tooltip无法正常显示的问题。解决方案是调整标签的样式，移除浮动设置，从而使el-tooltip能够在label区域内正确显示。
扫一扫
3534
到【灌水乐园】发言
