活动介绍

element无法修改el-select和el-option的背景色

时间: 2024-03-26 17:31:59 浏览: 214
在Element UI中,el-select和el-option的背景色是由Element UI的样式定义的,无法直接通过修改元素的背景色来改变。如果你想修改el-select和el-option的背景色,可以通过自定义样式来实现。 一种方法是使用CSS选择器来覆盖Element UI的默认样式。你可以为el-select和el-option添加一个自定义的class,并在CSS中为这个class设置新的背景色。例如: HTML代码: ```html <el-select class="custom-select"> <el-option value="option1">Option 1</el-option> <el-option value="option2">Option 2</el-option> </el-select> ``` CSS代码: ```css .custom-select .el-input { background-color: #ff0000; /* 设置新的背景色 */ } ``` 另一种方法是使用Element UI提供的主题定制功能。你可以通过修改Element UI的主题变量来改变el-select和el-option的背景色。具体步骤如下: 1. 创建一个新的scss文件,例如custom-theme.scss。 2. 在custom-theme.scss中引入Element UI的样式文件和主题变量文件: ```scss @import "~element-ui/packages/theme-chalk/src/index"; @import "~element-ui/packages/theme-chalk/src/common/var"; ``` 3. 修改主题变量,找到$--select-menu-background-color和$--option-background-color这两个变量,分别设置为你想要的背景色。 ```scss $--select-menu-background-color: #ff0000; /* 设置新的背景色 */ $--option-background-color: #ff0000; /* 设置新的背景色 */ ``` 4. 在你的项目中引入custom-theme.scss文件,替代默认的Element UI样式。 这样,你就可以通过自定义样式或修改主题变量来改变el-select和el-option的背景色了。
阅读全文

相关推荐

<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 :model="dataForm" :rules="dataRule" ref="dataForm" @keyup.enter.native="dataFormSubmit()" label-width="180px" label-position="top" > <el-collapse v-model="activePanels" accordion> <el-collapse-item title="电池基本信息" name="1"> <el-row :gutter="20"> <el-col :span="12"> <el-form-item label="电池ID" prop="batteryId"> <el-input :disabled="true" v-model="dataForm.batteryId" placeholder="请输入电池唯一标识"> </el-input> </el-form-item> </el-col> <el-col :span="12"> <el-form-item label="电池电压(V)" prop="batteryVoltage"> <el-input :disabled="true" v-model="dataForm.batteryVoltage" type="number"> </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 :disabled="true" v-model="dataForm.batteryCurrent" type="number"> </el-input> </el-form-item> </el-col> <el-col :span="12"> <el-form-item label="电池SOC(%)" prop="batterySoc"> <el-input :disabled="true" v-model="dataForm.batterySoc" type="number" min="0" max="100"> </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 :disabled="true" v-model="dataForm.batteryHardVersion"> </el-input> </el-form-item> </el-col> <el-col :span="12"> <el-form-item label="软件版本" prop="batterySoftVersion"> <el-input :disabled="true" v-model="dataForm.batterySoftVersion"> </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-select :disabled="true" v-model="dataForm.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-select> </el-form-item> </el-col> <el-col span="12"> <el-form-item label="电池类型" prop="batteryKind"> <el-select v-model="dataForm.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-select> </el-form-item> </el-col> </el-row> <el-form-item label="保护状态码" prop="batteryProtectCode"> <el-tooltip effect="dark" placement="top"> bit0: 放电低温 | bit1: 放电高温 | bit2: 充电高温
bit3: 充电低温 | bit4: 放电过流 | bit5: 放电欠压
bit6: 充电过流 | bit7: 充电过压 | bit8: 短路
bit9: 温差过大 | bit10: 压差过大 | bit11: 智能充电通信超时
bit12: IC保护 | bit13: 预放电失败 | bit14: BMS与Tracker通讯超时
bit15: Gsensor故障 | bit16~31: 保留
<el-input :disabled="true" v-model="dataForm.batteryProtectCode" placeholder="请输入保护状态码"> </el-input> </el-tooltip> </el-form-item> <el-form-item label="错误状态码" prop="batteryErrorCode"> <el-tooltip effect="dark" placement="top"> 低8位故障状态码:
bit0: 保留 | bit1: 采样线故障 | bit2: 温度传感器损坏
bit3: IC损坏 | bit4: 充电MOS损坏 | bit5: 放电MOS损坏
bit6: 失衡 | bit7: 失效
高8位工作状态:
bit8: G sensor损坏 | bit9: BMS与Tracker通讯故障
<el-input :disabled="true" v-model="dataForm.batteryErrorCode" placeholder="请输入错误状态码"> </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 :disabled="true" v-model="dataForm.batteryTemperatureMax" type="number"> </el-input> </el-form-item> </el-col> <el-col :span="12"> <el-form-item label="最低温度(℃)" prop="batteryTemperatureMin"> <el-input :disabled="true" v-model="dataForm.batteryTemperatureMin" type="number"> </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 :disabled="true" v-model="dataForm.batteryVoltageMax" type="number"> </el-input> </el-form-item> </el-col> <el-col :span="12"> <el-form-item label="最低电压(V)" prop="batteryVoltageMin"> <el-input :disabled="true" v-model="dataForm.batteryVoltageMin" type="number"> </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="model"> <el-input :disabled="true" v-model="dataForm.model"> </el-input> </el-form-item> </el-col> <el-col :span="12"> <el-form-item label="制造商" prop="manufacture"> <el-input :disabled="true" v-model="dataForm.manufacture"> </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 :disabled="true" v-model="dataForm.imei"> </el-input> </el-form-item> </el-col> <el-col :span="8"> <el-form-item label="IMSI" prop="imsi"> <el-input :disabled="true" v-model="dataForm.imsi"> </el-input> </el-form-item> </el-col> <el-col :span="8"> <el-form-item label="ICCID" prop="iccid"> <el-input :disabled="true" v-model="dataForm.iccid"> </el-input> </el-form-item> </el-col> </el-row> </el-collapse-item> <el-collapse-item title="GPS定位信息" name="5"> <el-row :gutter="20"> <el-col :span="12"> <el-form-item label="经度" prop="longitude"> <el-input :disabled="true" v-model="dataForm.longitude" type="number"> </el-input> </el-form-item> </el-col> <el-col :span="12"> <el-form-item label="经度方向" prop="longitudeDirection"> <el-select :disabled="true" v-model="dataForm.longitudeDirection"> <el-option label="东经" value="E"></el-option> <el-option label="西经" value="W"></el-option> </el-select> </el-form-item> </el-col> </el-row> <el-row :gutter="20"> <el-col :span="12"> <el-form-item label="纬度" prop="latitude"> <el-input :disabled="true" v-model="dataForm.latitude" type="number"> </el-input> </el-form-item> </el-col> <el-col :span="12"> <el-form-item label="纬度方向" prop="latitudeDirection"> <el-select :disabled="true" v-model="dataForm.latitudeDirection"> <el-option label="北纬" value="N"></el-option> <el-option label="南纬" value="S"></el-option> </el-select> </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-select :disabled="true" v-model="dataForm.businessmode"> <el-option v-for="mode in businessModes" :key="mode.value" :label="mode.label" :value="mode.value" ></el-option> </el-select> </el-form-item> </el-col> <el-col :span="12"> <el-form-item label="处理状态" prop="handled"> <el-select :disabled="true" v-model="dataForm.handled"> <el-option label="已处理" :value="1"></el-option> <el-option label="待处理" :value="0"></el-option> </el-select> </el-form-item> </el-col> </el-row> <el-row :gutter="20"> <el-col :span="12"> <el-form-item label="执行方式" prop="todoNow"> <el-select :disabled="true" v-model="dataForm.todoNow"> <el-option label="立即执行" :value="1"></el-option> <el-option label="等待执行" :value="0"></el-option> </el-select> </el-form-item> </el-col> <el-col :span="12"> <el-form-item label="需要回复" prop="needack"> <el-select :disabled="true" v-model="dataForm.needack"> <el-option label="是" :value="1"></el-option> <el-option label="否" :value="0"></el-option> </el-select> </el-form-item> </el-col> </el-row> <el-form-item label="消息类型" prop="flag"> <el-select :disabled="true" v-model="dataForm.flag"> <el-option label="设备主动请求或上报" :value="1"></el-option> <el-option label="平台主动推送或下指令" :value="2"></el-option> <el-option label="平台指令反馈的结果" :value="3"></el-option> </el-select> </el-form-item> </el-collapse-item> <el-collapse-item title="其他信息" name="7"> <el-form-item label="原始数据" prop="payload"> <el-input v-model="dataForm.payload" type="textarea" :rows="3" placeholder="请输入原始数据" :disabled="true" ></el-input> </el-form-item> </el-collapse-item> </el-collapse> </el-form> <el-button @click="visible = false">取消</el-button> <el-button type="primary" @click="dataFormSubmit()">确定</el-button> </el-dialog> </template> <script> export default { data() { return { visible: false, activePanels: ['1'], dataForm: { id: 0, batteryId: '', batteryVoltage: '', batteryCurrent: '', batterySoc: '', batteryHardVersion: '', batterySoftVersion: '', batteryWorkMode: '', batteryKind: "0", batteryProtectCode: '', batteryErrorCode: '', batteryTemperatureMax: '', batteryTemperatureMin: '', batteryVoltageMax: '', batteryVoltageMin: '', mosStatus: '', mosTemp: '', batteryCycleTimes: '', steadyStatus: '', cellVoltage: '', model: '', manufacture: '', imei: '', imsi: '', iccid: '', trackerHardwareVersion: '', trackerSoftwareVersion: '', csq: '', networkType: '', locationMode: '', longitude: '', longitudeDirection: '', latitude: '', latitudeDirection: '', gpsSpeed: '', gpsSignal: '', satelliteNum: '', 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' } ], cellVoltage: [ { required: true, message: '不能为空', trigger: 'blur' } ], model: [ { 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' } ], satelliteNum: [ { 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: { // 处理状态标签 handledLabel() { return this.dataForm.handled === 1 ? "已处理" : this.dataForm.handled === 0 ? "待处理" : ""; }, // 执行方式标签 todoNowLabel() { return this.dataForm.todoNow === 1 ? "立即执行" : this.dataForm.todoNow === 0 ? "等待执行" : ""; }, // 需要回复标签 needackLabel() { return this.dataForm.needack === 1 ? "是" : this.dataForm.needack === 0 ? "否" : ""; }, // 业务模式标签 businessModeLabel() { const mode = this.businessModes.find(m => m.value == this.dataForm.businessmode); return mode ? mode.label : ""; }, // 消息类型标签 flagLabel() { 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'].resetFields() 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.cellVoltage = data.myBatteryInfo.cellVoltage this.dataForm.model = data.myBatteryInfo.model 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.satelliteNum = data.myBatteryInfo.satelliteNum 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, 'cellVoltage': this.dataForm.cellVoltage, 'model': this.dataForm.model, '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, 'satelliteNum': this.dataForm.satelliteNum, '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-select { display: none; } .view-mode .status-display { display: block; } </style>优化此页面输入框颜色,白底黑字

<template> <el-dialog :title="!dataForm.id ? '新增电池信息' : '修改电池信息'" :close-on-click-modal="false" :visible.sync="visible" width="80%" top="5vh" class="custom-dialog" @close="resetForm" > <el-tabs v-model="activeTab" type="border-card"> <el-tab-pane label="基础信息" name="basic"> <el-form :model="dataForm" :rules="dataRule" ref="dataForm" label-width="180px" size="small" > <el-row :gutter="20"> <el-col :span="12"> <el-form-item label="电池ID" prop="batteryId"> <el-input v-model="dataForm.batteryId" placeholder="请输入电池ID"></el-input> </el-form-item> <el-form-item label="电池类型" prop="batteryKind"> <el-select v-model="dataForm.batteryKind" placeholder="请选择电池类型" clearable style="width:100%" > <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-select> </el-form-item> <el-form-item label="电池电压(V)" prop="batteryVoltage"> <el-input-number v-model="dataForm.batteryVoltage" :min="0" :precision="2" controls-position="right" style="width:100%" ></el-input-number> </el-form-item> <el-form-item label="电池电流(A)" prop="batteryCurrent"> <el-input-number v-model="dataForm.batteryCurrent" :min="0" :precision="2" controls-position="right" style="width:100%" ></el-input-number> </el-form-item> <el-form-item label="电池SOC(%)" prop="batterySoc"> <el-input-number v-model="dataForm.batterySoc" :min="0" :max="100" :precision="0" controls-position="right" style="width:100%" ></el-input-number> </el-form-item> <el-form-item label="工作模式" prop="batteryWorkMode"> <el-select v-model="dataForm.batteryWorkMode" placeholder="请选择工作模式" clearable style="width:100%" > <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-select> </el-form-item> </el-col> <el-col :span="12"> <el-form-item label="最高温度(℃)" prop="batteryTemperatureMax"> <el-input-number v-model="dataForm.batteryTemperatureMax" :min="-50" :max="100" :precision="1" controls-position="right" style="width:100%" ></el-input-number> </el-form-item> <el-form-item label="最低温度(℃)" prop="batteryTemperatureMin"> <el-input-number v-model="dataForm.batteryTemperatureMin" :min="-50" :max="100" :precision="1" controls-position="right" style="width:100%" ></el-input-number> </el-form-item> <el-form-item label="最高电压(V)" prop="batteryVoltageMax"> <el-input-number v-model="dataForm.batteryVoltageMax" :min="0" :precision="2" controls-position="right" style="width:100%" ></el-input-number> </el-form-item> <el-form-item label="最低电压(V)" prop="batteryVoltageMin"> <el-input-number v-model="dataForm.batteryVoltageMin" :min="0" :precision="2" controls-position="right" style="width:100%" ></el-input-number> </el-form-item> <el-form-item label="循环次数" prop="batteryCycleTimes"> <el-input-number v-model="dataForm.batteryCycleTimes" :min="0" :precision="0" controls-position="right" style="width:100%" ></el-input-number> </el-form-item> </el-col> </el-row> </el-form> </el-tab-pane> <el-tab-pane label="状态信息" name="status"> <el-form :model="dataForm" :rules="dataRule" ref="dataForm" label-width="180px" size="small" > <el-row :gutter="20"> <el-col :span="12"> <el-form-item label="保护状态码" prop="batteryProtectCode"> <el-input v-model="dataForm.batteryProtectCode" placeholder="16位二进制保护状态码"> <el-tooltip slot="append" content="保护状态 bit16~bit 31 保留 bit15:Gsensor 故障 bit14:BMS 与 Tracker通讯超时 bit13: 预放电失败 bit12: IC保护 bit11: 智能充电通信超时 bit10:压差过大 bit9:温差过大 bit8:短路 bit7:充电过压 bit6:充电过流 bit5:放电欠压 bit4:放电过流 bit3:充电低温 bit2:充电高温 bit1:放电高温 bit0:放电低温" placement="top" :open-delay="500"> <el-button icon="el-icon-question"></el-button> </el-tooltip> </el-input> </el-form-item> <el-form-item label="故障状态码" prop="batteryErrorCode"> <el-input v-model="dataForm.batteryErrorCode" placeholder="16位二进制故障状态码"> <el-tooltip slot="append" content="转成2进制, 总共为16位,高8位为电池包工作状态,低8位为故障状态码 bit9BMS 与 Tracker通讯故障,bit8BMS 板 G sensor损坏,(8/9无效)bit7:失效,bit6:失衡,bit5:放电 MOS 损坏,bit4:充电 MOS 损坏,bit3IC 损坏,bit2:温度传感器损坏,bit1:采样线断线,虚焊等故障 保留,置 0,bit0:保留" placement="top" :open-delay="500"> <el-button icon="el-icon-question"></el-button> </el-tooltip> </el-input> </el-form-item> <el-form-item label="MOS状态" prop="mosStatus"> <el-input v-model="dataForm.mosStatus" placeholder="MOS状态"></el-input> </el-form-item> <el-form-item label="MOS温度(℃)" prop="mosTemp"> <el-input-number v-model="dataForm.mosTemp" :min="-50" :max="150" :precision="1" controls-position="right" style="width:100%" ></el-input-number> </el-form-item> </el-col> <el-col :span="12"> <el-form-item label="稳定状态" prop="steadyStatus"> <el-input v-model="dataForm.steadyStatus" placeholder="稳定状态"></el-input> </el-form-item> <el-form-item label="单体电压(V)" prop="cellVoltage"> <el-input-number v-model="dataForm.cellVoltage" :min="0" :precision="2" controls-position="right" style="width:100%" ></el-input-number> </el-form-item> <el-form-item label="业务模式" prop="businessmode"> <el-select v-model="dataForm.businessmode" placeholder="请选择业务模式" clearable style="width:100%" > <el-option label="关机模式(1)" :value="1"></el-option> <el-option label="运营模式(2)" :value="2"></el-option> <el-option label="运输模式(3)" :value="3"></el-option> <el-option label="通讯充电模式(4)" :value="4"></el-option> <el-option label="盲充模式(5)" :value="5"></el-option> <el-option label="存储模式(6)" :value="6"></el-option> <el-option label="搜寻模式(7)" :value="7"></el-option> <el-option label="返厂模式(8)" :value="8"></el-option> </el-select> </el-form-item> <el-form-item label="数据标志" prop="flag"> <el-select v-model="dataForm.flag" placeholder="请选择数据标志" clearable style="width:100%" > <el-option label="设备主动上报(1)" :value="1"></el-option> <el-option label="平台主动推送(2)" :value="2"></el-option> <el-option label="平台指令反馈(3)" :value="3"></el-option> </el-select> </el-form-item> </el-col> </el-row> </el-form> </el-tab-pane> <el-tab-pane label="设备信息" name="device"> <el-form :model="dataForm" :rules="dataRule" ref="dataForm" label-width="180px" size="small" > <el-row :gutter="20"> <el-col :span="12"> <el-form-item label="设备型号" prop="model"> <el-input v-model="dataForm.model" placeholder="设备型号"></el-input> </el-form-item> <el-form-item label="制造商" prop="manufacture"> <el-input v-model="dataForm.manufacture" placeholder="制造商"></el-input> </el-form-item> <el-form-item label="IMEI" prop="imei"> <el-input v-model="dataForm.imei" placeholder="IMEI"></el-input> </el-form-item> <el-form-item label="IMSI" prop="imsi"> <el-input v-model="dataForm.imsi" placeholder="IMSI"></el-input> </el-form-item> <el-form-item label="ICCID" prop="iccid"> <el-input v-model="dataForm.iccid" placeholder="ICCID"></el-input> </el-form-item> </el-col> <el-col :span="12"> <el-form-item label="硬件版本" prop="trackerHardwareVersion"> <el-input v-model="dataForm.trackerHardwareVersion" placeholder="硬件版本"></el-input> </el-form-item> <el-form-item label="软件版本" prop="trackerSoftwareVersion"> <el-input v-model="dataForm.trackerSoftwareVersion" placeholder="软件版本"></el-input> </el-form-item> <el-form-item label="上报原因" prop="reportreason"> <el-input v-model="dataForm.reportreason" placeholder="上报原因"></el-input> </el-form-item> <el-form-item label="检测状态" prop="detstatus"> <el-input v-model="dataForm.detstatus" placeholder="检测状态"></el-input> </el-form-item> <el-form-item label="信号强度" prop="csq"> <el-input-number v-model="dataForm.csq" :min="0" :max="31" :precision="0" controls-position="right" style="width:100%" ></el-input-number> </el-form-item> </el-col> </el-row> </el-form> </el-tab-pane> <el-tab-pane label="位置信息" name="location"> <el-form :model="dataForm" :rules="dataRule" ref="dataForm" label-width="180px" size="small" > <el-row :gutter="20"> <el-col :span="12"> <el-form-item label="网络类型" prop="networkType"> <el-input v-model="dataForm.networkType" placeholder="网络类型"></el-input> </el-form-item> <el-form-item label="定位模式" prop="locationMode"> <el-input v-model="dataForm.locationMode" placeholder="定位模式"></el-input> </el-form-item> <el-form-item label="经度" prop="longitude"> <el-input-number v-model="dataForm.longitude" :min="-180" :max="180" :precision="6" controls-position="right" style="width:100%" ></el-input-number> </el-form-item> <el-form-item label="经度方向" prop="longitudeDirection"> <el-select v-model="dataForm.longitudeDirection" placeholder="请选择方向" clearable style="width:100%" > <el-option label="东经(E)" value="E"></el-option> <el-option label="西经(W)" value="W"></el-option> </el-select> </el-form-item> <el-form-item label="纬度" prop="latitude"> <el-input-number v-model="dataForm.latitude" :min="-90" :max="90" :precision="6" controls-position="right" style="width:100%" ></el-input-number> </el-form-item> </el-col> <el-col :span="12"> <el-form-item label="纬度方向" prop="latitudeDirection"> <el-select v-model="dataForm.latitudeDirection" placeholder="请选择方向" clearable style="width:100%" > <el-option label="北纬(N)" value="N"></el-option> <el-option label="南纬(S)" value="S"></el-option> </el-select> </el-form-item> <el-form-item label="GPS速度(km/h)" prop="gpsSpeed"> <el-input-number v-model="dataForm.gpsSpeed" :min="0" :precision="2" controls-position="right" style="width:100%" ></el-input-number> </el-form-item> <el-form-item label="GPS信号" prop="gpsSignal"> <el-input-number v-model="dataForm.gpsSignal" :min="0" :precision="0" controls-position="right" style="width:100%" ></el-input-number> </el-form-item> <el-form-item label="卫星数量" prop="satelliteNum"> <el-input-number v-model="dataForm.satelliteNum" :min="0" :max="32" :precision="0" controls-position="right" style="width:100%" ></el-input-number> </el-form-item> <el-form-item label="定位精度(m)" prop="accuracy"> <el-input-number v-model="dataForm.accuracy" :min="0" :precision="2" controls-position="right" style="width:100%" ></el-input-number> </el-form-item> </el-col> </el-row> </el-form> </el-tab-pane> </el-tabs> <el-button @click="visible = false">取消</el-button> <el-button type="primary" @click="dataFormSubmit()">确定</el-button> </el-dialog> </template> <script> export default { data () { // 验证16位二进制码的自定义规则 const validateBinary16 = (rule, value, callback) => { if (!value) { callback(new Error('不能为空')); } else if (!/^[01]{16}$/.test(value)) { callback(new Error('必须是16位二进制数(由0和1组成)')); } else { callback(); } }; return { visible: false, activeTab: 'basic', // 当前激活的标签页 dataForm: { id: 0, batteryKind: null, // 新增的电池类型字段 batteryId: '', batteryVoltage: '', batteryCurrent: '', batterySoc: '', batteryHardVersion: '', batterySoftVersion: '', batteryWorkMode: '', batteryProtectCode: '', batteryErrorCode: '', batteryTemperatureMax: '', batteryTemperatureMin: '', batteryVoltageMax: '', batteryVoltageMin: '', mosStatus: '', mosTemp: '', batteryCycleTimes: '', steadyStatus: '', cellVoltage: '', model: '', manufacture: '', imei: '', imsi: '', iccid: '', trackerHardwareVersion: '', trackerSoftwareVersion: '', reportreason: '', detstatus: '', csq: '', networkType: '', locationMode: '', longitude: '', longitudeDirection: '', latitude: '', latitudeDirection: '', gpsSpeed: '', gpsSignal: '', satelliteNum: '', accuracy: '', businessmode: '', flag: '', uploadTime: '', createTime: '', updateTime: '' }, dataRule: { batteryId: [ { required: true, message: '请输入电池ID', trigger: 'blur' } ], batteryKind: [ { required: true, message: '请选择电池类型', trigger: 'change' } ], batteryVoltage: [ { required: true, message: '请输入电池电压', trigger: 'blur' }, { type: 'number', message: '必须为数字值' } ], batteryCurrent: [ { required: true, message: '请输入电池电流', trigger: 'blur' }, { type: 'number', message: '必须为数字值' } ], batterySoc: [ { required: true, message: '请输入电池SOC', trigger: 'blur' }, { type: 'number', message: '必须为数字值', min: 0, max: 100 } ], batteryWorkMode: [ { required: true, message: '请选择工作模式', trigger: 'change' } ], batteryProtectCode: [ { required: true, validator: validateBinary16, trigger: 'blur' } ], batteryErrorCode: [ { required: true, validator: validateBinary16, trigger: 'blur' } ], batteryTemperatureMax: [ { required: true, message: '请输入最高温度', trigger: 'blur' }, { type: 'number', message: '必须为数字值', min: -50, max: 100 } ], batteryTemperatureMin: [ { required: true, message: '请输入最低温度', trigger: 'blur' }, { type: 'number', message: '必须为数字值', min: -50, max: 100 } ], batteryVoltageMax: [ { required: true, message: '请输入最高电压', trigger: 'blur' }, { type: 'number', message: '必须为数字值', min: 0 } ], batteryVoltageMin: [ { required: true, message: '请输入最低电压', trigger: 'blur' }, { type: 'number', message: '必须为数字值', min: 0 } ], mosStatus: [ { required: true, message: '请输入MOS状态', trigger: 'blur' } ], mosTemp: [ { required: true, message: '请输入MOS温度', trigger: 'blur' }, { type: 'number', message: '必须为数字值', min: -50, max: 150 } ], batteryCycleTimes: [ { required: true, message: '请输入循环次数', trigger: 'blur' }, { type: 'number', message: '必须为数字值', min: 0 } ], steadyStatus: [ { required: true, message: '请输入稳定状态', trigger: 'blur' } ], cellVoltage: [ { required: true, message: '请输入单体电压', trigger: 'blur' }, { type: 'number', message: '必须为数字值', min: 0 } ], model: [ { required: true, message: '请输入设备型号', trigger: 'blur' } ], manufacture: [ { required: true, message: '请输入制造商', trigger: 'blur' } ], imei: [ { required: true, message: '请输入IMEI', trigger: 'blur' } ], imsi: [ { required: true, message: '请输入IMSI', trigger: 'blur' } ], iccid: [ { required: true, message: '请输入ICCID', trigger: 'blur' } ], trackerHardwareVersion: [ { required: true, message: '请输入硬件版本', trigger: 'blur' } ], trackerSoftwareVersion: [ { required: true, message: '请输入软件版本', trigger: 'blur' } ], reportreason: [ { required: true, message: '请输入上报原因', trigger: 'blur' } ], detstatus: [ { required: true, message: '请输入检测状态', trigger: 'blur' } ], csq: [ { required: true, message: '请输入信号强度', trigger: 'blur' }, { type: 'number', message: '必须为数字值', min: 0, max: 31 } ], networkType: [ { required: true, message: '请输入网络类型', trigger: 'blur' } ], locationMode: [ { required: true, message: '请输入定位模式', trigger: 'blur' } ], longitude: [ { required: true, message: '请输入经度', trigger: 'blur' }, { type: 'number', message: '必须为数字值', min: -180, max: 180 } ], longitudeDirection: [ { required: true, message: '请选择经度方向', trigger: 'change' } ], latitude: [ { required: true, message: '请输入纬度', trigger: 'blur' }, { type: 'number', message: '必须为数字值', min: -90, max: 90 } ], latitudeDirection: [ { required: true, message: '请选择纬度方向', trigger: 'change' } ], gpsSpeed: [ { required: true, message: '请输入GPS速度', trigger: 'blur' }, { type: 'number', message: '必须为数字值', min: 0 } ], gpsSignal: [ { required: true, message: '请输入GPS信号', trigger: 'blur' }, { type: 'number', message: '必须为数字值', min: 0 } ], satelliteNum: [ { required: true, message: '请输入卫星数量', trigger: 'blur' }, { type: 'number', message: '必须为数字值', min: 0, max: 32 } ], accuracy: [ { required: true, message: '请输入定位精度', trigger: 'blur' }, { type: 'number', message: '必须为数字值', min: 0 } ], businessmode: [ { required: true, message: '请选择业务模式', trigger: 'change' } ], flag: [ { required: true, message: '请选择数据标志', trigger: 'change' } ], uploadTime: [ { required: true, message: '请选择上传时间', trigger: 'change' } ], createTime: [ { required: true, message: '请选择创建时间', trigger: 'change' } ], updateTime: [ { required: true, message: '请选择更新时间', trigger: 'change' } ] } } }, methods: { init (id) { this.dataForm.id = id || 0 this.visible = true this.$nextTick(() => { this.$refs['dataForm'].resetFields() if (this.dataForm.id) { this.$http({ url: this.$http.adornUrl(/maya/mybatteryinfolastest/info/${this.dataForm.id}), method: 'get', params: this.$http.adornParams() }).then(({data}) => { if (data && data.code === 0) { this.dataForm = { ...this.dataForm, ...data.myBatteryInfoLastest } } }) } }) }, // 重置表单 resetForm() { if (this.$refs['dataForm']) { this.$refs['dataForm'].resetFields(); this.activeTab = 'basic'; } }, // 表单提交 dataFormSubmit () { this.$refs['dataForm'].validate((valid) => { if (valid) { this.$http({ url: this.$http.adornUrl(/maya/mybatteryinfolastest/${!this.dataForm.id ? 'save' : 'update'}), method: 'post', data: this.$http.adornData({ ...this.dataForm }) }).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> .custom-dialog >>> .el-dialog__body { padding: 20px 30px; max-height: 70vh; overflow-y: auto; } .custom-dialog >>> .el-tabs--border-card { box-shadow: none; border: none; } .custom-dialog >>> .el-tabs__content { padding: 15px; } .custom-dialog >>> .el-tabs__item { font-weight: bold; } .custom-dialog >>> .el-tabs__item.is-active { color: #409EFF; background-color: #f5f7fa; } .custom-dialog >>> .el-tabs--border-card > .el-tabs__header { background-color: #f5f7fa; border-bottom: 1px solid #e4e7ed; } .custom-dialog >>> .el-form-item { margin-bottom: 20px; } .custom-dialog >>> .el-input-number { width: 100%; } .custom-dialog >>> .el-select { width: 100%; } </style> 根据这些Map<String, Object> mapinfo = new HashMap<String, Object>(); mapinfo.put("battery_id", device_id); //device_id mapinfo.put("upload_time", uploadtime); mapinfo.put("payload", data); mapinfo.put("create_time", DateUtils.getCurrentDateTime()); //mapinfo.put("topic", topic); if("getBatteryInfo".equals(topic_arr[5].trim())){ // 查询电池数据 //mapinfo.put("battery_id", data_arr[0]); //device_id //mapinfo.put("upload_time", uploadtime); //mapinfo.put("payload", data); mapinfo.put("imei", data_arr[1]); mapinfo.put("iccid", data_arr[2]); mapinfo.put("longitude_direction", data_arr[3]); mapinfo.put("longitude", data_arr[4]); mapinfo.put("latitude_direction", data_arr[5]); mapinfo.put("latitude", data_arr[6]); mapinfo.put("gpsSpeed", data_arr[7]); mapinfo.put("battery_soft_version", data_arr[8]); mapinfo.put("tracker_software_version", data_arr[9]); mapinfo.put("gps_signal", data_arr[10]); mapinfo.put("satellite_num", data_arr[11]); mapinfo.put("soc", data_arr[12]); mapinfo.put("battery_cycle_times", data_arr[13]); mapinfo.put("battery_temperature_max", data_arr[14]); mapinfo.put("battery_temperature_min", data_arr[15]); mapinfo.put("mos_temp", data_arr[16]); mapinfo.put("battery_voltage", data_arr[17]); mapinfo.put("battery_voltage_max", data_arr[18]); mapinfo.put("battery_voltage_min", data_arr[19]); mapinfo.put("battery_work_mode", data_arr[20]); mapinfo.put("mos_status", data_arr[21]); mapinfo.put("battery_current", data_arr[22]); mapinfo.put("cell_voltage", data_arr[23]); mapinfo.put("steady_status", data_arr[24]); mapinfo.put("battery_error_code", data_arr[25]); //mapinfo.put("create_time", DateUtils.getCurrentDateTime()); mapinfo.put("flag", 3); // 1:设备主动请求或上报 2:平台主动推送或下指令 3:平台指令反馈的结果 Integer batteryKind=(Integer) SqlUtils.queryInfoOne(Config.getConfigBean().getDatasourcesBean().getDatasourceBean().get(0).getAlias() , "getBatteryKindByImei", mapinfo); mapinfo.put("battery_kind",Objects.isNull(batteryKind)?2:batteryKind);有的字段全部判断为不可编辑,除了电池类型,帮我修改该页面

<template> <Dialog :title="dialogTitle" v-model="dialogVisible" width="70%" scroll> <el-form ref="formRef" :model="formData" label-width="120px" scroll-to-error v-loading="formLoading"> <el-row> <el-col :span="24"> <el-form-item label="客户:" prop="name"> <el-select v-model="formData.id" clearable placeholder="请选择" @change="getTalentInfo(formData.id)"> <el-option v-for="item in talentList" :key="item.id" :label="item.name" :value="item.id" /> </el-select> </el-form-item> </el-col> <el-col :span="8"> <el-form-item label="手机号:" prop="phone"> {{ formData.phone }} </el-form-item> </el-col> <el-col :span="8"> <el-form-item label="成本价:" prop="cost"> {{ formData.cost }}元 </el-form-item> </el-col> <el-col :span="8"> <el-form-item label="成交价:" prop="cost"> {{ formData.cost }}元 </el-form-item> </el-col> </el-row> <el-row> <el-col :span="8"> <el-form-item label="级别:"> {{ item.level }} </el-form-item> </el-col> <el-col :span="8"> <el-form-item label="等级:"> {{ item.subLevel }} </el-form-item> </el-col> <el-col :span="8"> <el-form-item label="专业:"> {{ item.major }} </el-form-item> </el-col> </el-row> <el-col :span="8"> <el-form-item label="三类:"> {{ item.category }} </el-form-item> </el-col> <el-col :span="8"> <el-form-item label="社保:"> {{ item.socialSecurityInformation }}(暂时未匹配) </el-form-item> </el-col> </el-form> <template #footer> <el-button type="success">转入待匹配</el-button> <el-button type="warning">暂存</el-button> <el-button type="danger">特殊状态</el-button> <el-button @click="submitForm" type="primary" :disabled="formLoading"> 确 定 </el-button> <el-button @click="dialogVisible = false">取 消</el-button> </template> </Dialog> </template> <style lang="scss" scoped> .major { border: 1px solid #8a8a8a; padding: 20px 0px; } .major-item { margin-bottom: 20px; border-bottom: 1px solid #eee; &:last-child { border-bottom: none; margin-bottom: 0; } } .validity-period { width: 100%; display: flex; flex-wrap: nowrap; justify-content: space-between; } :deep(.validity-period .el-input) { width: calc(50% - 10px); } </style> 样式优化

<template> <el-dialog :title="!dataForm.id ? '新增电池信息' : '修改电池信息'" :close-on-click-modal="false" v-dialogDrag :visible.sync="visible" width="90%" top="5vh" custom-class="multi-column-dialog"> <el-form :model="dataForm" :rules="dataRule" ref="dataForm" @keyup.enter.native="dataFormSubmit()" label-width="120px" class="multi-column-form"> <el-row :gutter="30"> <el-col :span="8"> 电池基本信息 <el-form-item label="电池编号" prop="hwid"> <el-input v-model="dataForm.hwid" placeholder="电池编号" disabled></el-input> </el-form-item> <el-form-item label="电芯类型" prop="batteryCellId"> <el-select v-model="dataForm.batteryCellId" placeholder="选择电芯类型"> <el-option v-for="item in batteryCellIds" :key="item.value" :label="item.label" :value="item.value"></el-option> </el-select> </el-form-item> <el-form-item label="电池类型" prop="batteryKind"> <el-select v-model="dataForm.batteryKind" placeholder="选择电池类型"> <el-option v-for="item in batteryKinds" :key="item.value" :label="item.label" :value="item.value"></el-option> </el-select> </el-form-item> <el-form-item label="电芯封装" prop="batteryCellPackageId"> <el-select v-model="dataForm.batteryCellPackageId" placeholder="选择电芯封装"> <el-option v-for="item in batteryCellPackageIds" :key="item.value" :label="item.label" :value="item.value"></el-option> </el-select> </el-form-item> <el-form-item label="电池串数" prop="batteryBunchs"> <el-input v-model="dataForm.batteryBunchs" placeholder="电池串数"></el-input> </el-form-item> <el-form-item label="电池并数" prop="batteryUnions"> <el-input v-model="dataForm.batteryUnions" placeholder="电池并数"></el-input> </el-form-item> <el-form-item label="单体电压(V)" prop="singleBatteryVoltage"> <el-input v-model="dataForm.singleBatteryVoltage" placeholder="单体电压"></el-input> </el-form-item> <el-form-item label="额定总压(V)" prop="ratedTotalPressure"> <el-input v-model="dataForm.ratedTotalPressure" placeholder="额定总压"></el-input> </el-form-item> </el-col> <el-col :span="8"> 规格参数 <el-form-item label="额定电流(A)" prop="ratedCurrent"> <el-input v-model="dataForm.ratedCurrent" placeholder="额定电流"></el-input> </el-form-item> <el-form-item label="额定容量(Ah)" prop="ratedCapacity"> <el-input v-model="dataForm.ratedCapacity" placeholder="额定容量"></el-input> </el-form-item> <el-form-item label="额定能量(kWh)" prop="ratedEnergy"> <el-input v-model="dataForm.ratedEnergy" placeholder="额定能量"></el-input> </el-form-item> <el-form-item label="电池箱数" prop="batteryQuantity"> <el-input v-model="dataForm.batteryQuantity" placeholder="电池箱数"></el-input> </el-form-item> <el-form-item label="电池厂商" prop="batteryFirm"> <el-input v-model="dataForm.batteryFirm" placeholder="电池厂商"></el-input> </el-form-item> <el-form-item label="激活日期" prop="activationDate"> <el-date-picker v-model="dataForm.activationDate" type="date" placeholder="选择日期" disabled style="width: 100%"> </el-date-picker> </el-form-item> <el-form-item label="BMS编号" prop="bmsNum"> <el-input v-model="dataForm.bmsNum" placeholder="BMS编号"></el-input> </el-form-item> <el-form-item label="电芯编码" prop="batteryCellNum"> <el-input v-model="dataForm.batteryCellNum" placeholder="电芯编码"></el-input> </el-form-item> <el-form-item label="标称容量(Ah)" prop="nominalCapacity"> <el-input v-model="dataForm.nominalCapacity" placeholder="标称容量"></el-input> </el-form-item> </el-col> <el-col :span="8"> 状态与位置 <el-form-item label="系统状态" prop="sysStatus"> <el-select v-model="dataForm.sysStatus" placeholder="系统状态"> <el-option v-for="item in sysStatuses" :key="item.value" :label="item.label" :value="item.value"></el-option> </el-select> </el-form-item> <el-form-item label="警报状态" prop="alarmStatus"> <el-select v-model="dataForm.alarmStatus" placeholder="报警状态"> <el-option v-for="item in alarmStatuses" :key="item.value" :label="item.label" :value="item.value"></el-option> </el-select> </el-form-item> <el-form-item label="所属项目" prop="projectId"> <el-select v-model="dataForm.projectId" placeholder="所属项目"> <el-option v-for="item in projectIds" :key="item.value" :label="item.label" :value="item.value"></el-option> </el-select> </el-form-item> <el-form-item label="地理位置" prop="cityId"> <el-select v-model="dataForm.proviceId" placeholder="省份" @change="handleChange" style="margin-bottom: 10px"> <el-option v-for="item in provices" :key="item.value" :label="item.label" :value="item.value"></el-option> </el-select> <el-select v-model="dataForm.cityId" placeholder="城市" @change="handleChange2" style="margin-bottom: 10px"> <el-option v-for="item in cities" :key="item.value" :label="item.label" :value="item.value"></el-option> </el-select> <el-select v-model="dataForm.districtId" placeholder="区县"> <el-option v-for="item in districts" :key="item.value" :label="item.label" :value="item.value"></el-option> </el-select> </el-form-item> 设备信息 <el-form-item label="软件版本" prop="softVersion"> <el-input v-model="dataForm.softVersion" placeholder="软件版本"></el-input> </el-form-item> <el-form-item label="硬件版本" prop="hardwareVersion"> <el-input v-model="dataForm.hardwareVersion" placeholder="硬件版本"></el-input> </el-form-item> <el-form-item label="动力类型" prop="powerTypeId"> <el-select v-model="dataForm.powerTypeId" placeholder="选择动力类型"> <el-option v-for="item in powerTypeIds" :key="item.value" :label="item.label" :value="item.value"></el-option> </el-select> </el-form-item> <el-form-item label="二维码" prop="qrCode"> <el-input v-model="dataForm.qrCode" placeholder="二维码"></el-input> </el-form-item> </el-col> </el-row> 网络信息 <el-row :gutter="20"> <el-col :span="6"> <el-form-item label="SCID" prop="scid"> <el-input v-model="dataForm.scid" placeholder="SCID"></el-input> </el-form-item> </el-col> <el-col :span="6"> <el-form-item label="PLMN" prop="plmn"> <el-input v-model="dataForm.plmn" placeholder="PLMN"></el-input> </el-form-item> </el-col> <el-col :span="6"> <el-form-item label="LAC" prop="lac"> <el-input v-model="dataForm.lac" placeholder="LAC"></el-input> </el-form-item> </el-col> <el-col :span="6"> <el-form-item label="CID" prop="cid"> <el-input v-model="dataForm.cid" placeholder="CID"></el-input> </el-form-item> </el-col> <el-col :span="6"> <el-form-item label="IMEI" prop="imei"> <el-input v-model="dataForm.imei" placeholder="IMEI"></el-input> </el-form-item> </el-col> <el-col :span="6"> <el-form-item label="ICCID" prop="iccid"> <el-input v-model="dataForm.iccid" placeholder="ICCID"></el-input> </el-form-item> </el-col> <el-col :span="6"> <el-form-item label="CCID" prop="ccid"> <el-input v-model="dataForm.ccid" placeholder="CCID"></el-input> </el-form-item> </el-col> </el-row> </el-form> <el-button @click="visible = false">取消</el-button> <el-button type="primary" @click="dataFormSubmit()">确定</el-button> </el-dialog> </template> <script> export default { data () { return { visible: false, dataForm: { id: 0, hwid: '', batteryCellId: [], batteryKind: [], batteryCellPackageId: [], batteryBunchs: '', batteryUnions: '', singleBatteryVoltage: '', ratedTotalPressure: '', ratedCurrent: '', ratedCapacity: '', ratedEnergy: '', batteryQuantity: '', batteryFirm: '', activationDate: '', bmsNum: '', batteryCellNum: '', batteryChassisNum: '', nominalCapacity: '', sysStatus: '', alarmStatus: '', projectId: '', cityId: '', softVersion: '', hardwareVersion: '', powerTypeId: '', qrCode: '', scid: '', plmn: '', lac: '', cid: '', imei: '', iccid: '', ccid: '', // sysStatus: [], // cityId: [], districtId:[], proviceId:[], // tempproviceId: '', // softVersion: '', // alarmStatus: [], // projectId: [], // powerTypeId: [] }, dataRule: { hwid: [ { required: true, message: '电池编号不能为空', trigger: 'blur' } ], batteryCellId: [ { required: true, message: '电芯类型id不能为空', trigger: 'blur' } ], batteryKind: [ { required: true, message: '电池类型id不能为空', trigger: 'blur' } ], batteryCellPackageId: [ { required: true, message: '电芯封装id不能为空', trigger: 'blur' } ], batteryBunchs: [ { required: true, message: '电池串数不能为空', trigger: 'blur' } ], batteryUnions: [ { required: true, message: '电池并数不能为空', trigger: 'blur' } ], singleBatteryVoltage: [ { required: true, message: '单体电压不能为空', trigger: 'blur' } ], ratedTotalPressure: [ { required: true, message: '额定总压不能为空', trigger: 'blur' } ], ratedCurrent: [ { required: true, message: '额定电流不能为空', trigger: 'blur' } ], ratedCapacity: [ { required: true, message: '额定容量不能为空', trigger: 'blur' } ], ratedEnergy: [ { required: true, message: '额定能量不能为空', trigger: 'blur' } ], batteryQuantity: [ { required: true, message: '电池箱数不能为空', trigger: 'blur' } ], batteryFirm: [ { required: true, message: '电池厂商不能为空', trigger: 'blur' } ], activationDate: [ { required: true, message: '激活日期不能为空', trigger: 'blur' } ], bmsNum: [ { required: true, message: 'BMS编号不能为空', trigger: 'blur' } ], batteryCellNum: [ { required: true, message: '电芯编码不能为空', trigger: 'blur' } ], // batteryChassisNum: [ // { required: true, message: '底盘编号不能为空', trigger: 'blur' } // ], nominalCapacity: [ { required: true, message: '标称容量不能为空', trigger: 'blur' } ], capacity: [ { required: true, message: '容量不能为空', trigger: 'blur' } ], // createTime: [ // { required: true, message: '不能为空', trigger: 'blur' } // ], // updateTime: [ // { required: true, message: '更新时间不能为空', trigger: 'blur' } // ] sysStatus: [ { required: true, message: '系统状态不能为空', trigger: 'blur' } ], // alarmStatus: [ // { required: true, message: '警报状态不能为空', trigger: 'blur' } // ], // projectId: [ // { required: true, message: '所属项目不能为空', trigger: 'blur' } // ], // cityId: [ // { required: true, message: '城市不能为空', trigger: 'blur' } // ], softVersion: [ { required: true, message: '软件版本不能为空', trigger: 'blur' } ], // hardwareVersion: [ // { required: true, message: '硬件版本不能为空', trigger: 'blur' } // ], powerTypeId: [ { required: true, message: '动力类型不能为空', trigger: 'blur' } ], // qrCode: [ // { required: true, message: '二维码不能为空', trigger: 'blur' } // ], // scid: [ // { required: true, message: 'scid不能为空', trigger: 'blur' } // ], // plmn: [ // { required: true, message: 'plmn不能为空', trigger: 'blur' } // ], // lac: [ // { required: true, message: 'lac不能为空', trigger: 'blur' } // ], // cid: [ // { required: true, message: 'cid不能为空', trigger: 'blur' } // ], // imei: [ // { required: true, message: 'imei不能为空', trigger: 'blur' } // ], // iccid: [ // { required: true, message: 'iccid不能为空', trigger: 'blur' } // ], // ccid: [ // { required: true, message: 'ccid不能为空', trigger: 'blur' } // ] }, batteryCellIds: [], batteryKinds:[{ value: 0, label: '运营' },{ value: 1, label: '售后' },{ value: 2, label: '内测' },{ value: 3, label: '报废' }], batteryCellPackageIds: [], provices: [{ value: '选项1', label: '黄金糕' }, { value: '选项2', label: '双皮奶', disabled: true }, { value: '选项3', label: '蚵仔煎' }, { value: '选项4', label: '龙须面' }, { value: '选项5', label: '北京烤鸭' }], value:'', cities: [], districts: [], sysStatuses: [], powerTypeIds: [], projectIds:[], customIds:[], alarmStatuses:[] } }, methods: { init (id) { this.dataForm.id = id || 0 this.visible = true this.$nextTick(() => { this.$refs['dataForm'].resetFields() if (this.dataForm.id) { this.$http({ url: this.$http.adornUrl(/battery/bmsbatteryinfo/info/${this.dataForm.id}), method: 'get', params: this.$http.adornParams() }).then(({data}) => { if (data && data.code === 0) { this.provices = data.data.provices this.cities = data.data.cities this.districts = data.data.districts this.sysStatuses = data.data.sysStatuses this.powerTypeIds = data.data.powers this.alarmStatuses = data.data.alarmStatuses this.projectIds = data.data.projectIds this.batteryCellIds = data.data.batteryCellIds this.batteryCellPackageIds = data.data.batteryCellPackageIds const socitem = data.data.bmsBatteryInfo // this.dataForm.batteryNum = data.bmsBatteryInfo.batteryNum this.dataForm.hwid = socitem.hwid this.dataForm.batteryCellId = socitem.batteryCellId this.dataForm.batteryKind = socitem.batteryKind this.dataForm.batteryCellPackageId = socitem.batteryCellPackageId this.dataForm.batteryBunchs = socitem.batteryBunchs this.dataForm.batteryUnions = socitem.batteryUnions this.dataForm.singleBatteryVoltage = socitem.singleBatteryVoltage this.dataForm.ratedTotalPressure = socitem.ratedTotalPressure this.dataForm.ratedCurrent = socitem.ratedCurrent this.dataForm.ratedCapacity = socitem.ratedCapacity this.dataForm.ratedEnergy = socitem.ratedEnergy this.dataForm.batteryQuantity = socitem.batteryQuantity this.dataForm.batteryFirm = socitem.batteryFirm this.dataForm.activationDate = socitem.activationDate this.dataForm.bmsNum = socitem.bmsNum this.dataForm.batteryCellNum = socitem.batteryCellNum // this.dataForm.batteryChassisNum = socitem.batteryChassisNum this.dataForm.nominalCapacity = socitem.nominalCapacity // this.dataForm.capacity = socitem.capacity this.dataForm.sysStatus = socitem.sysStatus this.dataForm.alarmStatus = socitem.alarmStatus this.dataForm.projectId = socitem.projectId this.dataForm.cityId = socitem.cityId this.dataForm.districtId = socitem.districtId this.dataForm.proviceId = socitem.proviceId this.dataForm.softVersion = socitem.softVersion this.dataForm.hardwareVersion = socitem.hardwareVersion this.dataForm.powerTypeId = socitem.powerTypeId this.dataForm.qrCode = socitem.qrCode this.dataForm.scid = socitem.scid this.dataForm.plmn = socitem.plmn this.dataForm.lac = socitem.lac this.dataForm.cid = socitem.cid this.dataForm.imei = socitem.imei this.dataForm.iccid = socitem.iccid this.dataForm.ccid = socitem.ccid this.dataForm.createTime = socitem.createTime this.dataForm.updateTime = socitem.updateTime } }) }else{ this.$http({ url: this.$http.adornUrl(/battery/bmsbatteryinfo/getmenus), method: 'get', params: this.$http.adornParams() }).then(({data}) => { if (data && data.code === 0) { this.provices = data.data.provices // this.cities = data.data.cities // this.districts = data.data.districts this.sysStatuses = data.data.sysStatuses this.powerTypeIds = data.data.powers this.alarmStatuses = data.data.alarmStatuses this.projectIds = data.data.projectIds this.batteryCellIds = data.data.batteryCellIds this.batteryCellPackageIds = data.data.batteryCellPackageIds } }) } }) }, mouseblur() { // alert("鼠标失去焦点,检查HWID是否重复"); }, handleChange(value) { // alert("鼠标"+value); this.dataForm.cityId = '' this.dataForm.districtId = '' this.getCities(value, 2) }, handleChange2(value) { // alert("鼠标===="+value); this.dataForm.districtId = '' this.getCities(value, 3) }, getCities(pid, level) { this.$http({ url: this.$http.adornUrl('/battery/bmsdistrictarea/getCitiesByPid'), method: 'get', params: this.$http.adornParams({ 'level': level, 'pid': pid }) }).then(({data}) => { if (data && data.code === 0) { if(level==1){ this.provices = data.data } if(level==2){ this.cities = data.data } if(level==3){ this.districts = data.data } } else { this.provices = [] this.cities = [] this.districts = [] } }) }, // 表单提交 dataFormSubmit () { this.$refs['dataForm'].validate((valid) => { if (valid) { this.$http({ url: this.$http.adornUrl(/battery/bmsbatteryinfo/${!this.dataForm.id ? 'save' : 'update'}), method: 'post', data: this.$http.adornData({ 'id': this.dataForm.id || undefined, 'hwid': this.dataForm.hwid, 'batteryCellId': this.dataForm.batteryCellId, 'batteryKind': this.dataForm.batteryKind, 'batteryCellPackageId': this.dataForm.batteryCellPackageId, 'batteryBunchs': this.dataForm.batteryBunchs, 'batteryUnions': this.dataForm.batteryUnions, 'singleBatteryVoltage': this.dataForm.singleBatteryVoltage, 'ratedTotalPressure': this.dataForm.ratedTotalPressure, 'ratedCurrent': this.dataForm.ratedCurrent, 'ratedCapacity': this.dataForm.ratedCapacity, 'ratedEnergy': this.dataForm.ratedEnergy, 'batteryQuantity': this.dataForm.batteryQuantity, 'batteryFirm': this.dataForm.batteryFirm, // 'activationDate': this.dataForm.activationDate, 'activateDateFormat': this.dataForm.activationDate, 'bmsNum': this.dataForm.bmsNum, 'batteryCellNum': this.dataForm.batteryCellNum, // 'batteryChassisNum': this.dataForm.batteryChassisNum, 'nominalCapacity': this.dataForm.nominalCapacity, // 'capacity': this.dataForm.capacity, 'sysStatus': this.dataForm.sysStatus, 'alarmStatus': this.dataForm.alarmStatus, 'projectId': this.dataForm.projectId, 'cityId': this.dataForm.cityId, 'districtId': this.dataForm.districtId, 'proviceId': this.dataForm.proviceId, 'softVersion': this.dataForm.softVersion, 'hardwareVersion': this.dataForm.hardwareVersion, 'powerTypeId': this.dataForm.powerTypeId, 'qrCode': this.dataForm.qrCode, 'scid': this.dataForm.scid, 'plmn': this.dataForm.plmn, 'lac': this.dataForm.lac, 'cid': this.dataForm.cid, 'imei': this.dataForm.imei, 'iccid': this.dataForm.iccid, 'ccid': this.dataForm.ccid, 'createTime': this.dataForm.createTime, 'updateTime': this.dataForm.updateTime }) }).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> /* 添加样式优化 */ .multi-column-dialog { max-width: 1400px; } .multi-column-form { max-height: 70vh; overflow-y: auto; padding: 10px 15px; } .form-section { background: #f8f9fc; border-radius: 8px; padding: 15px 20px; margin-bottom: 20px; box-shadow: 0 2px 8px rgba(0,0,0,0.05); border: 1px solid #ebeef5; } .section-header { display: flex; align-items: center; margin-bottom: 15px; padding-bottom: 10px; border-bottom: 1px solid #ebeef5; color: #409EFF; font-weight: bold; } .section-header i { margin-right: 8px; font-size: 18px; } .network-section { margin-top: 20px; } .location-selectors { display: flex; flex-direction: column; } .el-form-item { margin-bottom: 18px; } .el-select, .el-input { width: 100%; } /* 响应式调整 */ @media (max-width: 1200px) { .el-col { width: 100% !important; } .multi-column-dialog { width: 95% !important; } } </style> 使用el-tab-pan优化

<template> <el-dialog :title="dialogMode === 'create' ? '新建' : dialogMode === 'edit' ? '修改' : '查看'" :visible.sync="dialogVisible" :modal-append-to-body="true" append-to-body :close-on-click-modal="false" class="fixed-dialog" width="60%"> <el-form label-width="80px"> <el-row :gutter="10"> <el-col :span="6"> <el-form-item size="mini" label="项目名称"> <el-input v-model="projectName" clearable style="width:100%" size="mini"></el-input> </el-form-item> </el-col> <el-col :span="6"> <el-form-item size="mini" label="项目编号"> <el-input v-model="projectCode" clearable style="width:100%" size="mini"></el-input> </el-form-item> </el-col> <el-col :span="12"> <el-form-item size="mini" label="项目周期"> <el-date-picker v-model="value1" range-separator="→" start-placeholder="请选择开始日期" end-placeholder="请选择结束日期" type="daterange" size="mini" style="width: 100%;"> </el-date-picker> </el-form-item> </el-col> </el-row> <el-row> <el-col :span="6"> <el-form-item label="负责人" size="mini" style="width: fit-content;"> <el-input v-model="projectManager" clearable style="width:100%" size="mini"></el-input> </el-form-item> </el-col> </el-row> <el-row> <el-col :span="24"> <el-form-item label="项目概述"> <el-input v-model="projectDescription" :rows="2"></el-input> </el-form-item> </el-col> </el-row> <el-container style="height: 100%;"> <el-header> <el-row :gutter="10" type="flex"> <el-col :span="5"><el-select v-model="MaintenanceUnit" placeholder="请选择管养单位" size="mini" clearable> <el-option v-for="item in MaintenanceUnitoptions" :key="item.value" :label="item.label" :value="item.value"></el-option> </el-select> </el-col> <el-col :span="5"><el-select v-model="routeCode" placeholder="请选择路线编号" size="mini" clearable> <el-option v-for="item in routeCodeOptions" :key="item.value" :label="item.label" :value="item.value"></el-option></el-select></el-col> <el-col :span="5"><el-input v-model="formSearch" placeholder="请输入边坡编号或名称" size="mini" clearable> </el-input></el-col> <el-col :span="5"><el-select v-model="evaluateLevel" placeholder="请选择技术状态等级" size="mini" clearable> <el-option v-for="item in evaluateLeveloptions" :key="item.value" :label="item.label" :value="item.value" filterable></el-option></el-select></el-col> <el-col :span="2" :offset="2"><el-button type="primary" size="mini" style="width:100%" icon="el-icon-search" @click="searchForm">搜索</el-button></el-col> </el-row> </el-header> <el-main> <el-table style="width: 100%; overflow-y: auto;" border :data='formTabledata' :header-row-style="{ height: '40px' }" :header-cell-style="{ padding: '0', height: '40px', lineHeight: '40px', textAlign: 'center' }" class="scrollable-table" :cell-style="{ textAlign: 'center' }" @selection-change="handleSelectionChange"> <el-table-column type="selection"></el-table-column> <el-table-column label="管养单位" prop="maintenanceCompanyName" width="290"></el-table-column> <el-table-column label="路线编号" prop="routeCode" width="100"></el-table-column> <el-table-column label="边坡编号" prop="sideSlopeCode" width="240"></el-table-column> <el-table-column label="边坡名称" prop="sideSlopeName" width="267"></el-table-column> <el-table-column label="技术状态等级" width="110"> <template slot-scope="scope"> {{ mapEvaluateLevel(scope.row.evaluateLevel) }} </template></el-table-column> </el-table> </el-main> <el-footer> <el-pagination background @size-change="handleSizeChange" @current-change="handleCurrentChange" layout="total, prev, pager, next" :current-page="pageParams.pageNo" :total="total"> </el-pagination> </el-footer> </el-container> </el-form> <el-button @click="dialogVisible = false">取消</el-button> <el-button type="primary">提交</el-button> </el-dialog> <el-container style="height: 100%;"> <el-header> <el-row :gutter="10" type="flex"> <el-col :span="11"> <el-col :span="6"><el-input v-model="Ceshibianhao" placeholder="项目名称" size="mini"></el-input></el-col> <el-col :span="6"><el-select v-model="selectStatus" placeholder="项目状态" size="mini" clearable> <el-option v-for="item in StatusOptions" :key="item.value" :label="item.label" :value="item.value" filterable></el-option> </el-select></el-col> <el-col :span="11"><el-date-picker v-model="value1" range-separator="→" start-placeholder="请选择开始日期" end-placeholder="请选择结束日期" type="daterange" size="mini" style="width: 100%;"> </el-date-picker> </el-col> <el-col :span="1"><el-button type="primary" size="mini">查询</el-button></el-col> </el-col> <el-col :span="1" :offset="1"><el-button type="success" size="mini" style="width:100%" @click="openCreateDialog">新建</el-button></el-col> </el-row> </el-header> <el-main> <el-table :data="tableData" border style="width: 100%;" :main-height="400" :header-row-style="() => { return 'line-height:15px'; }" :cell-style="{ textAlign: 'center' }" :header-cell-style="{ textAlign: 'center' }"> <el-table-column label="序号" type="index" width="120"></el-table-column> <el-table-column label="项目名称" width="250"></el-table-column> <el-table-column label="项目编号" width="150"></el-table-column> <el-table-column label="项目周期" width="250"></el-table-column> <el-table-column label="项目状态" width="200"></el-table-column> <el-table-column label="边坡总数" width="150"></el-table-column> <el-table-column label="已完成边坡数" width="194"></el-table-column> <el-table-column label="完成率" width="150"></el-table-column> <el-table-column label="操作" width="200"> <template slot-scope="scope"> <el-button @click="handleClick(scope.row)" type="text" size="small">查看</el-button> <el-button type="text" size="small">编辑</el-button> <el-button type="text" size="small">删除</el-button> </template> </el-table-column> </el-table> </el-main> <el-footer> <el-pagination background @size-change="handleSizeChange" @current-change="handleCurrentChange" layout="total,prev, sizes, pager, next,jumper" :current-page.sync="pageParams.pageNo" :page-size="pageParams.pageSize" :page-sizes="[10, 40, 60, 100]" :total="pageParams.total"> </el-pagination> </el-footer> </el-container> </template> <script> import { mapCfg } from "@/utils"; import { getPeriodicInspectionPageList, addPeriodicInspection, modifyPeriodicInspection, deletePeriodicInspection, getPeriodicInspectionSideSlopePageList, completePeriodicInspection } from '../../api/testProject'; export default { name: "testProjeck", maxins: [], data() { return { Ceshibianhao: '', xiangmuzhuangtai: '', value1: '', total: 0, pageParams: { pageNo: 1, pageSize: 10, }, dialogpageParams: { pageNo: 1, pageSize: 20 }, StatusOptions: [], selectStatus: [], tableData: [], MaintenanceUnitoptions: [], routeCodeOptions: [], checkList: {}, dialogMode: "create", dialogVisible: false, projectName: '',//项目名称 projectCode: '',//项目编码 projectManager: '',//项目负责人 projectDescription: '',//项目概述 formLevellist: '', formTabledata: [], orgId: '', routeCode: '',//路线 evaluateLeveloptions: [],//技术等级状态 evaluateLevel: '', formSearch: '',////搜索数据 filterForm: { MaintenanceUnit: '', routeCode: '' }, MaintenanceUnit: {},//管养单位 Unitoptions: { value: "value", label: "label", children: "children" } } }, async created() { await this.getEvaluateLevel() this.LoadListData(); this.getStatus(); this.loadTableData(); }, methods: { handleSelectionChange(val) { console.log(val) }, searchForm() { this.filterForm = { maintenanceCompanyName: this.MaintenanceUnit, routeCode: this.routeCode, searchKey: this.sideSlopeCode, }; this.pageParams.pageNo = 1; this.LoadListData(); }, // 映射技术状态等级 mapEvaluateLevel(level) { const option = this.evaluateLeveloptions.find(item => item.value === level); return option ? option.label : level; }, async LoadListData() { const params = { orgId: '', routeCode: this.filterForm.routeCode, evaluateLevel: '', SearchKey: '', sideSlopeName: '', pageSize: this.pageParams.pageSize, pageNo: this.pageParams.pageNo, maintenanceCompanyName: this.filterForm.maintenanceCompanyName } const res = await getPeriodicInspectionSideSlopePageList(params); // 处理管养单位选项(去重) const maintenanceCompanies = res.entities.map(item => ({ value: item.maintenanceCompanyId, label: item.maintenanceCompanyName })); // 使用reduce去重 this.MaintenanceUnitoptions = maintenanceCompanies.reduce((acc, current) => { const exists = acc.some(item => item.value === current.value); if (!exists) { acc.push(current); } return acc; }, []); // 处理路线编号选项(去重) const routeCodes = res.entities.map(item => item.routeCode); this.routeCodeOptions = [...new Set(routeCodes)].map(code => ({ value: code, label: code })); this.formTabledata = res.entities.map(item => { return { ...item, } }); this.total = res.entityCount; }, /**分页 */ handleSizeChange(val) { this.pageParams.pageNo = 1; this.pageParams.pageSize = val; this.LoadListData() }, handleCurrentChange(val) { this.pageParams.pageNo = val; this.LoadListData() }, //评定等级 async getEvaluateLevel() { const levelList = await mapCfg('Inspection.Regular.RegularEvaluateLevel')(); this.evaluateLeveloptions = levelList.map(item => ({ value: item.key, label: item.value, })) }, //项目状态字典 async getStatus() { try { const dictList = await mapCfg("Inspection.Periodic.PeriodicInspectionStatus")(); this.StatusOptions = dictList.map(item => ({ value: item.key, label: item.value })); } catch (error) { console.error('获取失败', error); } }, openCreateDialog() { this.dialogMode = 'create'; this.dialogVisible = true; }, async loadTableData() { const periodicId = '' const res = await getPeriodicInspectionPageList({ periodicId }); console.log(res) } }, } </script> <style lang="scss" scoped> .el-header { color: #333; text-align: center; line-height: 60px; } .el-main { color: #333; text-align: center; line-height: 100%; padding-left: 5px; padding-top: 0px; } .formBorder { position: relative; /* 添加相对定位 */ border: thin dotted black; padding: 10px; /* 添加上边框文字效果 */ &::before { content: "项目信息"; /* 要显示的文字 */ position: absolute; top: -10px; /* 向上移动一半高度 */ left: 40px; /* 距离左边距 */ background-color: #fff; /* 背景色与页面一致 */ padding: 0 10px; font-size: 14px; color: #606266; } } .formBorder2 { margin-top: 15px; position: relative; /* 添加相对定位 */ border: thin dotted black; padding: 10px; /* 添加上边框文字效果 */ &::before { content: "待检边坡"; /* 要显示的文字 */ position: absolute; top: -10px; /* 向上移动一半高度 */ left: 40px; /* 距离左边距 */ background-color: #fff; /* 背景色与页面一致 */ padding: 0 10px; font-size: 14px; color: #606266; } .el-main { display: flex; } } .dialog-footer { padding: 10px 20px; border-top: 1px solid #ebeef5; text-align: center; } .formBorder2::v-deep .el-main { display: flex; overflow-y: auto; height: 100% !important; } </style> 为什么表格中的选择桥梁和管养单位只显示当前页面的单位

大家在看

recommend-type

python的预测房价模型组合代码.zip

模型-python的预测房价模型.zip python的预测房价模型.zippython的预测房价模型.zippython的预测房价模型.zippython的预测房价模型.zippython的预测房价模型.zippython的预测房价模型.zippython的预测房价模型.zippython的预测房价模型.zippython的预测房价模型.zippython的预测房价模型.zippython的预测房价模型.zippython的预测房价模型.zip python的预测房价模型.zippython的预测房价模型.zippython的预测房价模型.zippython的预测房价模型.zippython的预测房价模型.zippython的预测房价模型.zippython的预测房价模型.zippython的预测房价模型.zippython的预测房价模型.zippython的预测房价模型.zippython的预测房价模型.zippython的预测房价模型.zip
recommend-type

中国检查徽章背景的检察机关PPT模板

这是一套中国检查徽章背景的,检察机关PPT模板。第一PPT模板网提供精美军警类幻灯片模板免费下载; 关键词:蓝天白云、华表、彩带、中国检查徽章PPT背景图片,中国检查院工作汇报PPT模板,蓝色绿色搭配扁平化幻灯片图表,.PPTX格式;
recommend-type

opc转101_104_CDT软件(试用版)

电站或者泵站等大型发电或者用电用户的运行相关数据需要上传调度协调运行,现在上传调度的规约主要有串口101、串口的CDT、网口的104,而现在通用的组态软件如wincc、组态王、MCGS等都提供OPCServer数据发布。结合情况开发本软件实现opc客户端采集数据转发调度上送。 具体功能: 1、可连接多个opc服务器采集数据。 2、101规约、104规约、CDT规约三种可供选择。 3、自由设置相关规约的各项参数。 4、遥信、遥测量组态连接,设置相关系数、取反、添加描述等。 需要正式办或者源代码联系qq:327937566
recommend-type

IM1266交直流自适应测量智能家居物联网用电监测微型电能计量模块技术手册.pdf

IM1266交直流自适应电能计量模块 1:可采集监测交/直流电压、电流、有功功率、电能、温度等电参数 2:产品自带外壳,设计美观,集成度高,体积小,嵌入式安装。 3:支持MODbus-RTU和DL/T645-2007双协议,通讯及应用简单。 4:工业级产品,测量电路或交流或直流,均能准确测量各项电参数。
recommend-type

富士施乐s2220打印机驱动 含扫描驱动与打印驱动

富士施乐s2220打印机驱动是许多朋友都在寻找的驱动程序,小编在这里将其打印程序与驱动程序都进行了整理,你可以选择自己所需要的进行下载,赶快下载s2220打印机驱动修复使用发生的状况吧。富士施乐S2220CPS详细参数基本参数 产品类型:数码复,欢迎下载体验

最新推荐

recommend-type

spring-webflux-5.0.0.M5.jar中文文档.zip

1、压缩文件中包含: 中文文档、jar包下载地址、Maven依赖、Gradle依赖、源代码下载地址。 2、使用方法: 解压最外层zip,再解压其中的zip包,双击 【index.html】 文件,即可用浏览器打开、进行查看。 3、特殊说明: (1)本文档为人性化翻译,精心制作,请放心使用; (2)只翻译了该翻译的内容,如:注释、说明、描述、用法讲解 等; (3)不该翻译的内容保持原样,如:类名、方法名、包名、类型、关键字、代码 等。 4、温馨提示: (1)为了防止解压后路径太长导致浏览器无法打开,推荐在解压时选择“解压到当前文件夹”(放心,自带文件夹,文件不会散落一地); (2)有时,一套Java组件会有多个jar,所以在下载前,请仔细阅读本篇描述,以确保这就是你需要的文件。 5、本文件关键字: jar中文文档.zip,java,jar包,Maven,第三方jar包,组件,开源组件,第三方组件,Gradle,中文API文档,手册,开发手册,使用手册,参考手册。
recommend-type

美国国际航空交通数据分析报告(1990-2020)

根据给定的信息,我们可以从中提取和分析以下知识点: 1. 数据集概述: 该数据集名为“U.S. International Air Traffic data(1990-2020)”,记录了美国与国际间航空客运和货运的详细统计信息。数据集涵盖的时间范围从1990年至2020年,这说明它包含了长达30年的时间序列数据,对于进行长期趋势分析非常有价值。 2. 数据来源及意义: 此数据来源于《美国国际航空客运和货运统计报告》,该报告是美国运输部(USDOT)所管理的T-100计划的一部分。T-100计划旨在收集和发布美国和国际航空公司在美国机场的出入境交通报告,这表明数据的权威性和可靠性较高,适用于政府、企业和学术研究等领域。 3. 数据内容及应用: 数据集包含两个主要的CSV文件,分别是“International_Report_Departures.csv”和“International_Report_Passengers.csv”。 a. International_Report_Departures.csv文件可能包含了以下内容: - 离港航班信息:记录了各航空公司的航班号、起飞和到达时间、起飞和到达机场的代码以及国际地区等信息。 - 航空公司信息:可能包括航空公司代码、名称以及所属国家等。 - 飞机机型信息:如飞机类型、座位容量等,这有助于分析不同机型的使用频率和趋势。 - 航线信息:包括航线的起始和目的国家及城市,对于研究航线网络和优化航班计划具有参考价值。 这些数据可以用于航空交通流量分析、机场运营效率评估、航空市场分析等。 b. International_Report_Passengers.csv文件可能包含了以下内容: - 航班乘客信息:可能包括乘客的国籍、年龄、性别等信息。 - 航班类型:如全客机、全货机或混合型航班,可以分析乘客运输和货物运输的比例。 - 乘客数量:记录了各航班或航线的乘客数量,对于分析航空市场容量和增长趋势很有帮助。 - 飞行里程信息:有助于了解国际间不同航线的长度和飞行距离,为票价设置和燃油成本分析提供数据支持。 这些数据可以用于航空客运市场分析、需求预测、收益管理等方面。 4. 数据分析和应用实例: - 航空流量分析:通过分析离港航班数据,可以观察到哪些航线最为繁忙,哪些机场的国际航空流量最大,这有助于航空公司调整航班时刻表和运力分配。 - 市场研究:乘客数据可以揭示不同国家和地区之间的人口流动趋势,帮助航空公司和政府机构了解国际旅行市场的需求变化。 - 飞机利用率:结合飞机机型和飞行频率信息,可以对特定机型的使用率进行分析,评估飞机维护需求和燃油效率。 - 安全监管:通过对比不同航空公司和航班的安全记录,监管机构可以更有效地评估航空公司的安全性能,并采取必要的监管措施。 5. 技术和方法论: 分析此类数据通常涉及数据清洗、数据整合、统计分析、时间序列分析、预测建模等数据科学方法。使用Excel、SQL、R、Python等工具进行数据处理和分析是常见的做法。例如,可以使用Python的Pandas库来清洗和准备数据,使用Matplotlib和Seaborn库来可视化数据,然后利用Scikit-learn或Statsmodels库来构建预测模型。 通过以上知识点的提取和分析,我们可以理解到“U.S. International Air Traffic data(1990-2020)-数据集”的重要性,它不仅记录了跨越30年的航空交通数据,还为各种分析和应用提供了详实的基础信息。对于航空业从业者、政策制定者、研究人员以及数据分析师来说,这是一个极具价值的数据资源。
recommend-type

统计学视角:深入理解最小二乘法的概率论基础

# 1. 最小二乘法的基本概念 最小二乘法(Least Squares Method, LSM)是统计学和数据分析中广泛使用的一种数学优化技术。其主要目的是通过最小化误差的平方和来寻找数据的最佳函数匹配。这种方法最早由高斯提出,但在工程、物理、经济和其他领域中有着广泛的应用。 在本章中,我们将首先了
recommend-type

vscode中使用Codeium

<think>好的,我需要回答用户如何在VSCode中使用Codeium插件的问题。首先,我需要回顾用户提供的引用内容,看看是否有相关信息。用户提供的引用[1]提到了Codeium Chat可以解释代码中的问题,引用[2]提到了在IDEA中的一些问题,可能对VSCode的安装有帮助。用户还提到了安装步骤、基本功能、常见问题等。 首先,我应该分步骤说明安装过程,包括在VSCode扩展商店搜索Codeium并安装。然后,登录部分可能需要用户访问仪表板获取API密钥,引用[2]中提到登录问题,可能需要提醒用户注意网络或权限设置。 接下来是基本功能,比如代码自动补全和Chat功能。引用[1]提到C
recommend-type

UniMoCo:统一框架下的多监督视觉学习方法

在详细解析“unimoco”这个概念之前,我们需要明确几个关键点。首先,“unimoco”代表的是一种视觉表示学习方法,它在机器学习尤其是深度学习领域中扮演着重要角色。其次,文章作者通过这篇论文介绍了UniMoCo的全称,即“Unsupervised, Semi-Supervised and Full-Supervised Visual Representation Learning”,其背后的含义是在于UniMoCo框架整合了无监督学习、半监督学习和全监督学习三种不同的学习策略。最后,该框架被官方用PyTorch库实现,并被提供给了研究者和开发者社区。 ### 1. 对比学习(Contrastive Learning) UniMoCo的概念根植于对比学习的思想,这是一种无监督学习的范式。对比学习的核心在于让模型学会区分不同的样本,通过将相似的样本拉近,将不相似的样本推远,从而学习到有效的数据表示。对比学习与传统的分类任务最大的不同在于不需要手动标注的标签来指导学习过程,取而代之的是从数据自身结构中挖掘信息。 ### 2. MoCo(Momentum Contrast) UniMoCo的实现基于MoCo框架,MoCo是一种基于队列(queue)的对比学习方法,它在训练过程中维持一个动态的队列,其中包含了成对的负样本。MoCo通过 Momentum Encoder(动量编码器)和一个队列来保持稳定和历史性的负样本信息,使得模型能够持续地进行对比学习,即使是在没有足够负样本的情况下。 ### 3. 无监督学习(Unsupervised Learning) 在无监督学习场景中,数据样本没有被标记任何类别或标签,算法需自行发现数据中的模式和结构。UniMoCo框架中,无监督学习的关键在于使用没有标签的数据进行训练,其目的是让模型学习到数据的基础特征表示,这对于那些标注资源稀缺的领域具有重要意义。 ### 4. 半监督学习(Semi-Supervised Learning) 半监督学习结合了无监督和有监督学习的优势,它使用少量的标注数据与大量的未标注数据进行训练。UniMoCo中实现半监督学习的方式,可能是通过将已标注的数据作为对比学习的一部分,以此来指导模型学习到更精准的特征表示。这对于那些拥有少量标注数据的场景尤为有用。 ### 5. 全监督学习(Full-Supervised Learning) 在全监督学习中,所有的训练样本都有相应的标签,这种学习方式的目的是让模型学习到映射关系,从输入到输出。在UniMoCo中,全监督学习用于训练阶段,让模型在有明确指示的学习目标下进行优化,学习到的任务相关的特征表示。这通常用于有充足标注数据的场景,比如图像分类任务。 ### 6. PyTorch PyTorch是一个开源机器学习库,由Facebook的人工智能研究团队开发,主要用于计算机视觉和自然语言处理等任务。它被广泛用于研究和生产环境,并且因其易用性、灵活性和动态计算图等特性受到研究人员的青睐。UniMoCo官方实现选择PyTorch作为开发平台,说明了其对科研社区的支持和对易于实现的重视。 ### 7. 可视化表示学习(Visual Representation Learning) 可视化表示学习的目的是从原始视觉数据中提取特征,并将它们转换为能够反映重要信息且更易于处理的形式。在UniMoCo中,无论是无监督、半监督还是全监督学习,最终的目标都是让模型学习到有效的视觉表示,这些表示可以用于下游任务,如图像分类、目标检测、图像分割等。 ### 8. 标签队列(Label Queue) UniMoCo通过标签队列维护受监管的标签,这可能意味着对于那些半监督或全监督学习的任务,模型在进行对比学习时,会参考这些来自标签队列的数据。标签队列机制能帮助模型更好地利用有限的标注数据,增强模型的泛化能力。 ### 结论 UniMoCo的提出,以及其官方PyTorch实现的发布,将对计算机视觉领域产生深远影响。它不仅提供了一个统一的对比学习框架,使得从无监督到全监督的学习过程更加灵活和高效,而且为研究者们提供了一个强力的工具,以便更好地探索和实现各种视觉任务。UniMoCo的研究和应用前景,为机器学习尤其是深度学习在视觉领域的研究和实践提供了新的视角和可能。
recommend-type

【MATLAB算法精讲】:最小二乘法的实现与案例深度分析

# 1. 最小二乘法的基本原理 最小二乘法是一种数学优化技术,它通过最小化误差的平方和来寻找数据的最佳函数匹配。其核心思想是选择一条曲线,使得所有观察点到这条曲线的距离之和最小。这种方法广泛应用于统计学、信号处理、工程学和经济学等领域,尤其适用于需要通过一组数据点来确定函数参数的情况。 ## 1.1 统计学视角下的最小二乘法 在统计学中,最小二乘法经常用于
recommend-type

Idea使用教程+jdk配置

<think>好的,我现在需要回答用户关于IntelliJ IDEA使用教程和JDK配置方法的问题。首先,用户明确提到了参考站内引用中的内容,引用[1]和引用[2]都涉及JDK的配置步骤,但看起来这些引用内容可能来自其他问题或文档,可能与当前问题不完全相关,但用户希望我利用这些信息来组织回答。 首先,我需要确认IntelliJ IDEA配置JDK的基本步骤,并整合用户提供的引用内容。引用[1]提到选择JDK安装根目录,例如D:\develop\Java\jdk-17,这说明配置时需要定位到JDK的主目录。引用[2]则提到了通过New按钮选择JDK版本,并完成项目创建,这部分可能涉及到项目设置
recommend-type

GitHub入门实践:审查拉取请求指南

从提供的文件信息中,我们可以抽取以下知识点: **GitHub入门与Pull Request(PR)的审查** **知识点1:GitHub简介** GitHub是一个基于Git的在线代码托管和版本控制平台,它允许开发者在互联网上进行代码的托管和协作。通过GitHub,用户可以跟踪和管理代码变更,参与开源项目,或者创建自己的私有仓库进行项目协作。GitHub为每个项目提供了问题跟踪和任务管理功能,支持Pull Request机制,以便用户之间可以进行代码的审查和讨论。 **知识点2:Pull Request的作用与审查** Pull Request(PR)是协作开发中的一个重要机制,它允许开发者向代码库贡献代码。当开发者在自己的分支上完成开发后,他们可以向主分支(或其他分支)提交一个PR,请求合入他们的更改。此时,其他开发者,包括项目的维护者,可以审查PR中的代码变更,进行讨论,并最终决定是否合并这些变更到目标分支。 **知识点3:审查Pull Request的步骤** 1. 访问GitHub仓库,并查看“Pull requests”标签下的PR列表。 2. 选择一个PR进行审查,点击进入查看详细内容。 3. 查看PR的标题、描述以及涉及的文件变更。 4. 浏览代码的具体差异,可以逐行审查,也可以查看代码变更的概览。 5. 在PR页面添加评论,可以针对整个PR,也可以针对特定的代码行或文件。 6. 当审查完成后,可以提交评论,或者批准、请求修改或关闭PR。 **知识点4:代码审查的最佳实践** 1. 确保PR的目标清晰且具有针对性,避免过于宽泛。 2. 在审查代码时,注意代码的质量、结构以及是否符合项目的编码规范。 3. 提供建设性的反馈,指出代码的优点和需要改进的地方。 4. 使用清晰、具体的语言,避免模糊和主观的评论。 5. 鼓励开发者间的协作,而不是单向的批评。 6. 经常审查PR,以避免延迟和工作积压。 **知识点5:HTML基础** HTML(HyperText Markup Language)是用于创建网页的标准标记语言。它通过各种标签(如`<p>`用于段落,`<img>`用于图片,`<a>`用于链接等)来定义网页的结构和内容。HTML文档由元素组成,这些元素通过开始标签和结束标签来标识。例如,`<p>This is a paragraph.</p>`。HTML的最新版本是HTML5,它引入了许多新的元素和API,增强了对多媒体、图形和本地存储的支持。 **知识点6:GitHub Pages功能介绍** GitHub Pages是一个静态站点托管服务,允许用户直接从GitHub仓库中发布个人、组织或项目的网站。你可以通过设置一个专门的分支来存放你的网站源代码,然后利用GitHub Pages的设置选项,选择分支并发布你的网站。发布的网站将可以通过一个自定义的URL访问,这个URL通常是`username.github.io/repo-name`的格式。这为开发者提供了一个简单而快速的方法来搭建个人或项目的展示页面。 **知识点7:简单的游戏开发实践** 文件描述中提到了一个基于项目的学习活动,通过游戏的形式,让入门人员体验操作和理解基本的游戏开发概念。在这个活动中,参与者通过键盘操作控制形状的旋转和移动,目标是创建无空隙的完整行,这涉及到游戏逻辑、用户输入处理和图形界面显示等基础知识。该活动可能使用了HTML、JavaScript和CSS等前端技术实现,参与者通过实践操作来学习如何编程,并理解基本的游戏设计原理。
recommend-type

【R语言高级教程】:最小二乘法从入门到精通

# 1. 最小二乘法的理论基础 最小二乘法是数学优化技术之一,广泛应用于统计学、数据分析和工程学等领域。其核心思想在于找到一条直线(或曲线),使得所有观测点到该直线的垂直距离之和最小,即误差平方和最小。这一方法不仅简单易行,而且可以有效减少异常值对模型的影响,使得参数估计更加稳定。 ## 1.1 最小二乘法的数学表述 在最基本的线性回归模型中,最小二乘法通过最小化误差的平方和来寻找最
recommend-type

cadence画PCB时改变线长

<think>好的,我现在需要帮助用户解决在Cadence PCB设计中调整走线长度的问题。首先,我得回想一下用户提到的引用内容,尤其是引用1、2和3,里面提到了实时显示走线长度、约束导向设计以及过孔对长度的影响。用户可能已经知道如何显示长度,现在想知道如何调整它们。 用户的问题是如何调整走线长度以满足特定需求,比如等长布线或时序要求。我应该先分步骤说明不同的调整方法,比如手动调整、使用自动优化工具、蛇形走线,以及设置约束管理器中的规则。 记得引用中的信息,比如引用2提到的约束导向环境和实时长度显示,所以需要提到约束管理器的使用。引用3讨论了过孔对长度的影响,调整过孔数量可能也是一种方法。