<template>
|
<div class="params-container">
|
<el-form
|
ref="ruleForm"
|
size="mini"
|
label-position="top"
|
:model="params"
|
:rules="rules"
|
class="params-dialog bg-white"
|
>
|
<el-row :gutter="layout.gutter">
|
<el-col :span="layout.span">
|
<el-form-item label="省" prop="stationName1">
|
<el-select
|
v-model="params.stationName1"
|
placeholder="请选择省"
|
@change="provinceChange"
|
allow-create
|
:filterable="true"
|
>
|
<el-option
|
v-for="item in linkage.provinces"
|
:key="item"
|
:label="item"
|
:value="item"
|
>
|
</el-option>
|
<el-option label="其他" value="其他"></el-option>
|
</el-select>
|
</el-form-item>
|
</el-col>
|
<el-col :span="layout.span">
|
<el-form-item label="市" prop="stationName2">
|
<el-select
|
v-model="params.stationName2"
|
placeholder="请选择市"
|
@change="cityChange"
|
allow-create
|
:filterable="true"
|
>
|
<el-option
|
v-for="item in linkage.cities"
|
:key="item"
|
:label="item"
|
:value="item"
|
>
|
</el-option>
|
<el-option label="其他" value="其他"></el-option>
|
</el-select>
|
</el-form-item>
|
</el-col>
|
<el-col :span="layout.span">
|
<el-form-item label="区/县/班组" prop="stationName5">
|
<el-select
|
v-model="params.stationName5"
|
placeholder="请选择区县"
|
@change="countyChange"
|
allow-create
|
:filterable="true"
|
>
|
<el-option
|
v-for="item in linkage.counties"
|
:key="item"
|
:label="item"
|
:value="item"
|
>
|
</el-option>
|
<el-option label="其他" value="其他"></el-option>
|
</el-select>
|
</el-form-item>
|
</el-col>
|
<el-col :span="layout.span">
|
<el-form-item label="机房名称" prop="stationName3">
|
<el-select
|
v-model="params.stationName3"
|
placeholder="请选择站点"
|
@change="siteChange"
|
:filterable="true"
|
>
|
<el-option
|
v-for="(item, index) in linkage.sites"
|
:key="index"
|
:label="item.label"
|
:value="item.value"
|
>
|
</el-option>
|
<el-option label="其他" value="其他"></el-option>
|
</el-select>
|
</el-form-item>
|
</el-col>
|
<el-col :span="layout.span">
|
<el-form-item label="设备名称" prop="stationName4">
|
<el-input v-model="params.stationName4"></el-input>
|
</el-form-item>
|
</el-col>
|
<el-col :span="layout.span">
|
<el-form-item label="设备IP" prop="fbsdeviceIp">
|
<el-input v-model="params.fbsdeviceIp"></el-input>
|
</el-form-item>
|
</el-col>
|
<el-col :span="layout.span">
|
<el-form-item label="子网掩码" prop="fbsdeviceipYm">
|
<el-input v-model="params.fbsdeviceipYm"></el-input>
|
</el-form-item>
|
</el-col>
|
<el-col :span="layout.span">
|
<el-form-item label="网关" prop="fbsdeviceipWg">
|
<el-input v-model="params.fbsdeviceipWg"></el-input>
|
</el-form-item>
|
</el-col>
|
<el-col :span="layout.span">
|
<el-form-item label="协议名称" prop="fbsdeviceName">
|
<el-input v-model="params.fbsdeviceName"></el-input>
|
</el-form-item>
|
</el-col>
|
<el-col :span="layout.span">
|
<el-form-item label="设备类型" prop="fbsdeviceId">
|
<el-select
|
v-model="params.fbsdeviceId"
|
placeholder="请选择设备类型"
|
>
|
<el-option
|
v-for="item in devTypes"
|
:key="item.value"
|
:label="item.label"
|
:value="item.value"
|
></el-option>
|
</el-select>
|
</el-form-item>
|
</el-col>
|
<el-col :span="layout.span" v-if="isInversion">
|
<el-form-item label="充电类型">
|
<el-select v-model="params.chargeType" placeholder="请选择充电类型">
|
<el-option
|
v-for="item in chargeTypes"
|
:key="item.value"
|
:label="item.label"
|
:value="item.value"
|
></el-option>
|
</el-select>
|
</el-form-item>
|
</el-col>
|
<el-col :span="layout.span" v-if="isHasBuscouple">
|
<el-form-item label="母联状态">
|
<el-select
|
v-model="params.buscoupleState"
|
placeholder="请选择母联状态"
|
>
|
<el-option
|
v-for="item in buscouplestates"
|
:key="item.value"
|
:label="item.label"
|
:value="item.value"
|
></el-option>
|
</el-select>
|
</el-form-item>
|
</el-col>
|
<el-col :span="layout.span">
|
<el-form-item label="电池组类型" prop="battGroupNum">
|
<el-select
|
v-model="params.battGroupNum"
|
placeholder="请选择电池类型"
|
>
|
<el-option
|
v-for="item in batteryTypes"
|
:key="item.value"
|
:label="item.label"
|
:value="item.value"
|
></el-option>
|
</el-select>
|
</el-form-item>
|
</el-col>
|
<el-col :span="layout.span">
|
<el-form-item label="电池组名称" prop="battGroupName">
|
<el-input v-model="params.battGroupName"></el-input>
|
</el-form-item>
|
</el-col>
|
<el-col :span="layout.span">
|
<el-form-item label="浮充电压阀值（V）" prop="floatVolLevel">
|
<el-input v-model="params.floatVolLevel"></el-input>
|
</el-form-item>
|
</el-col>
|
<el-col :span="layout.span">
|
<el-form-item label="离线电压阀值(V)" prop="offlineVolLevel">
|
<el-input v-model="params.offlineVolLevel"></el-input>
|
</el-form-item>
|
</el-col>
|
<el-col :span="layout.span">
|
<el-form-item label="浮充电流阀值（A）" prop="battFloatCurrent">
|
<el-input v-model="params.battFloatCurrent"></el-input>
|
</el-form-item>
|
</el-col>
|
<el-col :span="layout.span" v-if="isLithiumPack">
|
<el-form-item label="锂电池包个数" prop="PackCount">
|
<el-input v-model="params.packCount"></el-input>
|
</el-form-item>
|
</el-col>
|
<el-col :span="layout.span">
|
<el-form-item :label="monCountText" prop="monCount">
|
<!-- <el-select v-model="params.MonCount" placeholder="请选择单体数量">-->
|
<!-- <el-option label="4" value="4"></el-option>-->
|
<!-- <el-option label="24" value="24"></el-option>-->
|
<!-- </el-select>-->
|
<el-input v-model="params.monCount"></el-input>
|
</el-form-item>
|
</el-col>
|
<el-col :span="layout.span">
|
<el-form-item label="标称容量(AH)" prop="monCapStd">
|
<el-input v-model="params.monCapStd"></el-input>
|
</el-form-item>
|
</el-col>
|
<el-col :span="layout.span">
|
<el-form-item label="标称单体电压（V）" prop="monVolStd">
|
<el-input v-model="params.monVolStd"></el-input>
|
</el-form-item>
|
</el-col>
|
<el-col :span="layout.span">
|
<el-form-item label="标称单体内阻(mΩ)" prop="monResStd">
|
<el-input v-model="params.monResStd"></el-input>
|
</el-form-item>
|
</el-col>
|
<el-col :span="layout.span">
|
<el-form-item label="标称单体电导" prop="monSerStd">
|
<el-input v-model="params.monSerStd"></el-input>
|
</el-form-item>
|
</el-col>
|
<el-col :span="layout.span">
|
<el-form-item label="FBS设备索引" prop="groupIndexInFBSDevice">
|
<el-input v-model="params.groupIndexInFBSDevice"></el-input>
|
</el-form-item>
|
</el-col>
|
<!-- <el-col :span="layout.span">-->
|
<!-- <el-form-item label="单体电压次低偏移量(V)" prop="MonVolLowToAvg">-->
|
<!-- <el-input v-model="params.MonVolLowToAvg"></el-input>-->
|
<!-- </el-form-item>-->
|
<!-- </el-col>-->
|
<el-col :span="layout.span">
|
<el-form-item label="负载电流(A)" prop="loadCurr">
|
<el-input v-model="params.loadCurr"></el-input>
|
</el-form-item>
|
</el-col>
|
<el-col :span="layout.span">
|
<el-form-item label="最大核容电流(A)" prop="disCurrMax">
|
<el-input v-model="params.disCurrMax"></el-input>
|
</el-form-item>
|
</el-col>
|
<el-col :span="layout.span">
|
<el-form-item label="电池品牌" prop="battProducer">
|
<el-select
|
v-model="params.battProducer"
|
placeholder="请选择"
|
@change="battProducerChange"
|
:filterable="true"
|
>
|
<el-option
|
v-for="item in linkage.battProducers"
|
:key="item"
|
:label="item"
|
:value="item"
|
>
|
</el-option>
|
<el-option label="其他" value="-999"></el-option>
|
</el-select>
|
</el-form-item>
|
</el-col>
|
<el-col :span="layout.span">
|
<el-form-item label="电池型号" prop="battModel">
|
<el-input v-model="params.battModel"></el-input>
|
</el-form-item>
|
</el-col>
|
<el-col :span="layout.span">
|
<el-form-item label="电池生产日期" prop="battProductDate">
|
<el-date-picker
|
v-model="params.battProductDate"
|
size="small"
|
type="date"
|
placeholder="选择日期"
|
value-format="yyyy-MM-dd"
|
></el-date-picker>
|
</el-form-item>
|
</el-col>
|
<el-col :span="layout.span">
|
<el-form-item label="投入使用日期" prop="battInUseDate">
|
<el-date-picker
|
v-model="params.battInUseDate"
|
size="small"
|
type="date"
|
placeholder="选择日期"
|
value-format="yyyy-MM-dd"
|
></el-date-picker>
|
</el-form-item>
|
</el-col>
|
<el-col :span="layout.span">
|
<el-form-item label="视频监控序列号">
|
<el-input v-model="params.videoUrl"></el-input>
|
</el-form-item>
|
</el-col>
|
<el-col :span="layout.span" v-if="isLithium">
|
<el-form-item label="电价分布模板" prop="tmpId">
|
<el-select v-model="params.tmpId" placeholder="请选择电价分布模板">
|
<el-option
|
v-for="item in tmpList"
|
:key="item.value"
|
:label="item.label"
|
:value="item.value"
|
></el-option>
|
</el-select>
|
</el-form-item>
|
</el-col>
|
<el-col :span="layout.span">
|
<el-form-item label="基站号码">
|
<el-input v-model="params.stationPhone"></el-input>
|
</el-form-item>
|
</el-col>
|
<el-col :span="layout.span">
|
<el-form-item label="验签格式">
|
<el-select
|
v-model="params.signType"
|
placeholder="请选择">
|
<el-option
|
v-for="item in signTypes"
|
:key="item.value"
|
:label="item.label"
|
:value="item.value">
|
</el-option>
|
</el-select>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
<div class="form-footer">
|
<three-btn @click="autoComputeIp" v-if="params.fbsdeviceId == '9100'"
|
>自动计算IP</three-btn
|
>
|
<three-btn @click="submitFrom">确定</three-btn>
|
</div>
|
</el-form>
|
<!-- 省 -->
|
<el-dialog
|
v-cloak
|
top="0"
|
class="dialog-center"
|
title="请选择省"
|
:visible.sync="province.dialogVisible"
|
width="280px"
|
append-to-body
|
>
|
<el-form size="small">
|
<el-form-item label="省">
|
<el-select
|
v-model="province.value"
|
placeholder="请选择省"
|
:filterable="true"
|
>
|
<el-option
|
v-for="province in province.list"
|
:key="province.name"
|
:label="province.name"
|
:value="province.name"
|
></el-option>
|
</el-select>
|
</el-form-item>
|
</el-form>
|
<div style="text-align: right">
|
<el-button type="primary" size="mini" @click="provinceOk"
|
>确定</el-button
|
>
|
<el-button size="mini" @click="province.dialogVisible = false"
|
>取消</el-button
|
>
|
</div>
|
</el-dialog>
|
<!-- 市 -->
|
<el-dialog
|
v-cloak
|
top="0"
|
class="dialog-center"
|
title="请选择市"
|
:visible.sync="city.dialogVisible"
|
width="280px"
|
append-to-body
|
>
|
<el-form size="small">
|
<el-form-item label="市">
|
<el-select
|
v-model="city.value"
|
placeholder="请选择市"
|
:filterable="true"
|
>
|
<el-option
|
v-for="city in city.list"
|
:key="city.name"
|
:label="city.name"
|
:value="city.name"
|
>
|
</el-option>
|
</el-select>
|
</el-form-item>
|
</el-form>
|
<div style="text-align: right">
|
<el-button type="primary" size="mini" @click="cityOk">确定</el-button>
|
<el-button size="mini" @click="city.dialogVisible = false"
|
>取消</el-button
|
>
|
</div>
|
</el-dialog>
|
<!-- 区县 -->
|
<el-dialog
|
top="0"
|
class="dialog-center"
|
title="请选择区县"
|
:visible.sync="county.dialogVisible"
|
width="280px"
|
append-to-body
|
>
|
<el-form size="small">
|
<el-form-item label="市">
|
<el-select
|
v-model="county.value"
|
placeholder="请选择市"
|
:filterable="true"
|
>
|
<el-option
|
v-for="county in county.list"
|
:key="county.name"
|
:label="county.name"
|
:value="county.name"
|
></el-option>
|
</el-select>
|
</el-form-item>
|
</el-form>
|
<div style="text-align: right">
|
<el-button type="primary" size="mini" @click="countyOk">确定</el-button>
|
<el-button size="mini" @click="county.dialogVisible = false"
|
>取消</el-button
|
>
|
</div>
|
</el-dialog>
|
<!-- 电池品牌 -->
|
<el-dialog
|
top="0"
|
class="dialog-center"
|
title="请输入电池品牌"
|
:visible.sync="battProducer.dialogVisible"
|
width="280px"
|
append-to-body
|
>
|
<el-form size="small">
|
<el-form-item label="电池品牌">
|
<el-input v-model="battProducer.value"></el-input>
|
</el-form-item>
|
</el-form>
|
<div style="text-align: right">
|
<el-button type="primary" size="mini" @click="battProducerOk"
|
>确定</el-button
|
>
|
<el-button size="mini" @click="battProducer.dialogVisible = false"
|
>取消</el-button
|
>
|
</div>
|
</el-dialog>
|
<!-- 机房 -->
|
<el-dialog
|
top="0"
|
class="dialog-center"
|
title="请输入机房"
|
:visible.sync="site.dialogVisible"
|
width="280px"
|
append-to-body
|
>
|
<el-form size="small">
|
<el-form-item>
|
<el-input
|
v-model="site.value"
|
placeholder="请输入机房名称"
|
></el-input>
|
</el-form-item>
|
</el-form>
|
<div style="text-align: right">
|
<el-button type="primary" size="mini" @click="siteOk">确定</el-button>
|
<el-button size="mini" @click="site.dialogVisible = false"
|
>取消</el-button
|
>
|
</div>
|
</el-dialog>
|
</div>
|
</template>
|
|
<script>
|
import { LinkagePlus, regEquipType, testVal } from "@/assets/js/tools";
|
import {
|
searchProvince,
|
searchCity,
|
searchCounty,
|
getExistStations,
|
} from "@/assets/js/api.js";
|
import { searchTplAll } from "../js/eletmp";
|
import { searchBattProducer, add, getMaxIp } from "../js/battGroupMager";
|
import {
|
const_province_city_county,
|
const_battGroup,
|
const_devType,
|
const_battery_type,
|
const_61850,
|
} from "@/assets/js/const";
|
|
import const_rules from "@/assets/js/const/const_rules";
|
import getDevIp from "@/assets/js/tools/getDevIp";
|
|
export default {
|
props: {
|
batt: {
|
type: Object,
|
default() {
|
return {};
|
},
|
},
|
},
|
data() {
|
let rules = const_battGroup.rules;
|
let constRules = const_rules;
|
let devTypes = const_devType.batt;
|
let batteryTypes = const_battery_type.types;
|
const subRules = {
|
validator(rule, value, callback) {
|
testVal(rule, value, callback, constRules.noSpecialChar);
|
},
|
trigger: "change",
|
};
|
return {
|
layout: {
|
span: 8,
|
gutter: 16,
|
},
|
params: {
|
stationId: 42000142, // 机房编号（后台自动生成最大）
|
stationName: "", // 机房名称（全称）
|
stationName1: "", // 省*
|
stationName2: "", // 市*
|
stationName5: "", // 区县*
|
stationName3: "", // 机房名称*
|
stationName4: "", // 设备名称*
|
stationIp: "192.168.0.5", // 机房ip
|
fbsdeviceId: 618500152, // 设备ID （后台自动生成最大）
|
fbsdeviceIp: "192.168.7.155", // 设备IP（重要）*
|
fbsdeviceipYm: "255.255.255.0", // 设备子网掩码（重要）*
|
fbsdeviceipWg: "192.168.7.1", // 设备网关（重要）*
|
fbsdeviceName: "ZJDYBTSE", // 协议名称（重要）*
|
groupIndexInFBSDevice: 0, // FBS设备索引
|
battGroupId: 1000547, // 电池组ID （后台自动生成最大）
|
battGroupNum: 0, // 机房内电池组编号*
|
battGroupName: "", // 电池组名称
|
floatVolLevel: "53.6", // 浮充电压阀值(V)(自动计算)
|
offlineVolLevel: "51.5", // 离线电压阀值(V)(自动计算)
|
battFloatCurrent: "5", // 浮充电流阀值(A)
|
packCount: 1, // 锂电池包个数
|
monCount: 4, // 单体数量
|
monCapStd: 150, // 标称容量(AH)
|
monVolStd: "2", // 标称单体电压(V)
|
monResStd: "0.2", // 标称单体内阻(mΩ)
|
monSerStd: "3000", // 标称单体电导
|
monVolLowToAvg: "0.05", // 单体电压次低偏移量(V)
|
loadCurr: "15", // 负载电流(A)
|
disCurrMax: "0", // 最大核容电流(A)
|
stationPhone: "", // 基站号码
|
battProducer: "", // 电池品牌
|
battModel: "", // 电池型号
|
battProductDate: "2000-01-01", // 电池生产日期
|
battInUseDate: new Date().format("yyyy-MM-dd"), // 投入使用日期
|
videoUrl: "", // 萤石云视频监控序列号
|
chargeType: 1, // 充电类型
|
buscoupleState: 0, // 母联状态
|
tmpId: 0, // 电价模板id
|
devNum: 0,
|
volGrade: 0, // 电压等级（kV）
|
manufacturers: "", // 生产厂家
|
assetequipment: "", // 是否资产级设备
|
deviceclasspath: "", // 设备分类全路径
|
deviceOperationDepartment: "", // 设备运维部门
|
propertyRightUnit: "", // 产权单位
|
propertyAttribute: "", // 产权属性
|
factoryNumber: "", // 出厂编号
|
operationTeam: "", // 运维(保管)班组
|
deviceIdentityCode: "", // 设备身份编码
|
projectType: "", // 项目类型
|
batteryApplicationType: "", // 蓄电池应用类型
|
singleRatedVoltage: 0, // 单电压额定电压
|
remotemonitor: "", // 是否实现远程监控
|
batttIndependentPlaced: "", // 是否独立蓄电池室放置
|
junChargeVoltageValue: 0, // 均充电压设定值
|
signType: 0, // 验签格式
|
},
|
signTypes: const_61850.signTypes,
|
tmpList: [],
|
rules: {
|
stationName1: [
|
{
|
required: true,
|
message: "不能为空",
|
trigger: "change",
|
},
|
{ ...subRules },
|
],
|
stationName2: [
|
{
|
required: true,
|
message: "不能为空",
|
trigger: "change",
|
},
|
{ ...subRules },
|
],
|
stationName5: [
|
{
|
required: true,
|
message: "不能为空",
|
trigger: "change",
|
},
|
{ ...subRules },
|
],
|
stationName3: [
|
{
|
required: true,
|
message: "不能为空",
|
trigger: "change",
|
},
|
{ ...subRules },
|
],
|
stationName4: [
|
{
|
required: true,
|
message: "不能为空",
|
trigger: "change",
|
},
|
{ ...subRules },
|
],
|
fbsdeviceName: [
|
{
|
required: true,
|
message: "不能为空",
|
trigger: "change",
|
},
|
{ ...subRules },
|
],
|
fbsdeviceIp: [
|
{
|
required: true,
|
validator(rule, value, callback) {
|
testVal(rule, value, callback, rules.FbsDeviceIp);
|
},
|
trigger: "change",
|
},
|
],
|
fbsdeviceipYm: [
|
{
|
required: true,
|
validator(rule, value, callback) {
|
testVal(rule, value, callback, rules.FbsDeviceIp_YM);
|
},
|
trigger: "change",
|
},
|
],
|
fbsdeviceipWg: [
|
{
|
required: true,
|
validator(rule, value, callback) {
|
testVal(rule, value, callback, rules.FbsDeviceIp_WG);
|
},
|
trigger: "change",
|
},
|
],
|
groupIndexInFBSDevice: [
|
{
|
required: true,
|
message: "不能为空",
|
trigger: "change",
|
},
|
{ ...subRules },
|
],
|
tmpId: [
|
{
|
required: true,
|
message: "请先录入电价分布模板",
|
trigger: "change",
|
},
|
{ ...subRules },
|
],
|
battGroupNum: [
|
{
|
required: true,
|
message: "不能为空",
|
trigger: "change",
|
},
|
{ ...subRules },
|
],
|
floatVolLevel: [
|
{
|
required: true,
|
message: "不能为空",
|
trigger: "change",
|
},
|
{ ...subRules },
|
],
|
offlineVolLevel: [
|
{
|
required: true,
|
message: "不能为空",
|
trigger: "change",
|
},
|
{ ...subRules },
|
],
|
battFloatCurrent: [
|
{
|
required: true,
|
message: "不能为空",
|
trigger: "change",
|
},
|
{ ...subRules },
|
],
|
monResStd: [
|
{
|
required: true,
|
message: "不能为空",
|
trigger: "change",
|
},
|
{ ...subRules },
|
],
|
monSerStd: [
|
{
|
required: true,
|
message: "不能为空",
|
trigger: "change",
|
},
|
],
|
monVolLowToAvg: [
|
{
|
required: true,
|
message: "不能为空",
|
trigger: "change",
|
},
|
{ ...subRules },
|
],
|
disCurrMax: [
|
{
|
required: true,
|
message: "不能为空",
|
trigger: "change",
|
},
|
{ ...subRules },
|
],
|
battGroupName: [
|
{
|
required: true,
|
message: "不能为空",
|
trigger: "change",
|
},
|
{ ...subRules },
|
],
|
monVolStd: [
|
{
|
required: true,
|
message: "不能为空",
|
trigger: "change",
|
},
|
{ ...subRules },
|
],
|
monCapStd: [
|
{
|
required: true,
|
message: "不能为空",
|
trigger: "change",
|
},
|
{ ...subRules },
|
],
|
loadCurr: [
|
{
|
required: true,
|
message: "不能为空",
|
trigger: "change",
|
},
|
{ ...subRules },
|
],
|
battProducer: [
|
{
|
required: true,
|
message: "不能为空",
|
trigger: "change",
|
},
|
{ ...subRules },
|
],
|
battModel: [
|
{
|
required: true,
|
message: "不能为空",
|
trigger: "change",
|
},
|
{ ...subRules },
|
],
|
battProductDate: [
|
{
|
required: true,
|
message: "不能为空",
|
trigger: "change",
|
},
|
{ ...subRules },
|
],
|
battInUseDate: [
|
{
|
required: true,
|
message: "不能为空",
|
trigger: "change",
|
},
|
{ ...subRules },
|
],
|
packCount: [
|
{
|
required: true,
|
message: "不能为空",
|
trigger: "change",
|
},
|
{ ...subRules },
|
],
|
monCount: [
|
{
|
required: true,
|
message: "不能为空",
|
trigger: "change",
|
},
|
{ ...subRules },
|
],
|
},
|
linkage: {
|
province: "",
|
provinces: [],
|
|
city: "",
|
cities: [],
|
|
county: "",
|
counties: [],
|
|
battProducer: "",
|
battProducers: [],
|
|
site: "",
|
sites: [],
|
},
|
// battProducer: [],
|
linkagePlus: new LinkagePlus(),
|
province: {
|
dialogVisible: false,
|
value: "",
|
list: [],
|
},
|
city: {
|
dialogVisible: false,
|
value: "",
|
list: [],
|
},
|
county: {
|
dialogVisible: false,
|
value: "",
|
list: [],
|
},
|
battProducer: {
|
dialogVisible: false,
|
value: "",
|
},
|
site: {
|
dialogVisible: false,
|
value: "",
|
},
|
devTypes: devTypes,
|
batteryTypes: batteryTypes,
|
chargeTypes: [
|
{
|
label: "限流充电",
|
value: 1,
|
},
|
{
|
label: "逆变充电",
|
value: 2,
|
},
|
],
|
buscouplestates: [
|
{
|
label: "无母联",
|
value: 0,
|
},
|
{
|
label: "有母联",
|
value: 1,
|
},
|
],
|
};
|
},
|
watch: {
|
isLithium() {
|
this.initTpl();
|
},
|
},
|
methods: {
|
searchProvince() {
|
// 省
|
// 查询后台
|
searchProvince().then((res) => {
|
res = res.data;
|
var data = [];
|
if (res.code) {
|
data = res.data;
|
}
|
// 设置省
|
this.linkage.provinces = data;
|
});
|
},
|
searchCity() {
|
// 构造查询条件
|
let stationName1 = this.linkage.province;
|
// 查询后台
|
searchCity(stationName1).then((res) => {
|
res = res.data;
|
var data = [];
|
if (res.code) {
|
data = res.data;
|
}
|
// 设置市
|
this.linkage.cities = data;
|
|
// 查询区县
|
this.searchCounty();
|
});
|
},
|
searchCounty() {
|
// 构造查询条件
|
let stationName1 = this.linkage.province,
|
stationName2 = this.linkage.city;
|
// 查询后台
|
searchCounty(stationName1, stationName2).then((res) => {
|
res = res.data;
|
var data = [];
|
if (res.code) {
|
data = res.data;
|
}
|
// 设置区县
|
this.linkage.counties = data;
|
|
// 查询站点
|
this.searchSite();
|
});
|
},
|
searchSite() {
|
// 构造查询条件
|
var searchParams = {
|
stationName1: this.linkage.province,
|
stationName2: this.linkage.city,
|
stationName5: this.linkage.county,
|
};
|
// 查询后台
|
getExistStations(searchParams).then((res) => {
|
res = res.data;
|
console.log(res, "res======99");
|
var data = [];
|
if (res.code) {
|
data = res.data.map((v) => {
|
return {
|
label: v.stationName3,
|
value: v.stationName3,
|
};
|
});
|
}
|
// 设置站带你
|
this.linkage.sites = data;
|
});
|
},
|
|
searchBattProducer() {
|
// 查询后台
|
searchBattProducer()
|
.then((res) => {
|
res = res.data;
|
let data = [];
|
if (res.code) {
|
data = res.data;
|
}
|
this.linkage.battProducers = data;
|
})
|
.catch((error) => {
|
console.log(error);
|
});
|
},
|
provinceChange(value) {
|
// 初始化市
|
this.params.stationName2 = "";
|
this.linkage.city = "";
|
this.linkage.cities = [];
|
|
// 初始化区县
|
this.params.stationName5 = "";
|
this.linkage.county = "";
|
this.linkage.counties = [];
|
|
// 初始化站点
|
this.params.stationName3 = "";
|
this.linkage.cite = "";
|
this.linkage.cites = [];
|
|
// 点击其他
|
if (value == "其他") {
|
var provinces = this.linkagePlus.getProvince();
|
this.province.dialogVisible = true;
|
this.province.value = provinces[0].name;
|
this.province.list = provinces;
|
// 恢复上一次选择的内容
|
this.params.stationName1 = this.linkage.province;
|
} else {
|
this.linkage.province = value;
|
}
|
|
// 查询市
|
this.searchCity();
|
},
|
provinceOk: function () {
|
var value = this.province.value;
|
// 获取选择的值
|
this.params.stationName1 = value;
|
// 记录选择的内容
|
this.linkage.province = value;
|
if (this.linkage.provinces.indexOf(value) == -1) {
|
this.linkage.provinces.push(value);
|
}
|
// 修改面板显示状态为关闭
|
this.province.dialogVisible = false;
|
|
// 查询市
|
this.searchCity();
|
},
|
cityChange(value) {
|
// 初始化区县
|
this.params.stationName5 = "";
|
this.linkage.county = "";
|
this.linkage.counties = [];
|
// 获取省
|
var stationName1 = this.params.stationName1;
|
// 点击其他
|
if (value == "其他") {
|
// 恢复上一次选择的内容
|
this.params.stationName2 = this.linkage.city;
|
// 未选择省
|
if (stationName1 == "") {
|
// 提出告警
|
this.$message({
|
type: "warning",
|
message: "请先选择省",
|
});
|
return;
|
}
|
var result = this.linkagePlus.getCity(stationName1);
|
if (result.code == 1) {
|
var cities = result.data;
|
this.city.dialogVisible = true;
|
this.city.value = cities[0].name;
|
this.city.list = cities;
|
} else {
|
// 提出告警
|
this.$message({
|
type: "warning",
|
message: result.msg,
|
});
|
}
|
} else {
|
this.linkage.city = value;
|
}
|
// 查询区县
|
this.searchCounty();
|
},
|
cityOk() {
|
var value = this.city.value;
|
// 获取选择的值
|
this.params.stationName2 = value;
|
// 记录选择的内容
|
this.linkage.city = value;
|
if (this.linkage.cities.indexOf(value) == -1) {
|
this.linkage.cities.push(value);
|
}
|
// 修改面板显示状态为关闭
|
this.city.dialogVisible = false;
|
|
// 查询区县
|
this.searchCounty();
|
},
|
countyChange(value) {
|
// 获取省
|
var stationName1 = this.params.stationName1;
|
// 获取市
|
var stationName2 = this.params.stationName2;
|
// 点击其他
|
if (value == "其他") {
|
// 恢复上一次选择的内容
|
this.params.stationName5 = this.linkage.county;
|
// 未选择省
|
if (stationName1 == "") {
|
// 提出告警
|
this.$message({
|
type: "warning",
|
message: "请先选择省",
|
});
|
return;
|
}
|
|
// 未选择市
|
if (stationName2 == "") {
|
// 提出告警
|
this.$message({
|
type: "warning",
|
message: "请先选择市",
|
});
|
return;
|
}
|
var result = this.linkagePlus.getCounty(stationName1, stationName2);
|
if (result.code == 1) {
|
var counties = result.data;
|
this.county.dialogVisible = true;
|
this.county.value = counties[0].name;
|
this.county.list = counties;
|
} else {
|
// 提出告警
|
this.$message({
|
type: "warning",
|
message: result.msg,
|
});
|
}
|
} else {
|
this.linkage.county = value;
|
}
|
// 查询站点
|
this.searchSite();
|
},
|
countyOk() {
|
var value = this.county.value;
|
// 获取选择的值
|
this.params.stationName5 = value;
|
// 记录选择的内容
|
this.linkage.county = value;
|
if (this.linkage.counties.indexOf(value) == -1) {
|
this.linkage.counties.push(value);
|
}
|
// 修改面板显示状态为关闭
|
this.county.dialogVisible = false;
|
// 查询站点
|
this.searchSite();
|
},
|
siteChange(value) {
|
// 获取省
|
var stationName1 = this.params.stationName1;
|
// 获取市
|
var stationName2 = this.params.stationName2;
|
// 获取区
|
var stationName5 = this.params.stationName5;
|
// 点击其他
|
if (value == "其他") {
|
// 恢复上一次选择的内容
|
this.params.stationName3 = this.linkage.site;
|
// 未选择省
|
if (stationName1 == "") {
|
// 提出告警
|
this.$message({
|
type: "warning",
|
message: "请先选择省",
|
});
|
return;
|
}
|
|
// 未选择市
|
if (stationName2 == "") {
|
// 提出告警
|
this.$message({
|
type: "warning",
|
message: "请先选择市",
|
});
|
return;
|
}
|
|
// 未选择区
|
if (stationName5 == "") {
|
// 提出告警
|
this.$message({
|
type: "warning",
|
message: "请先选择区",
|
});
|
return;
|
}
|
this.site.dialogVisible = true;
|
this.linkage.site = this.site.value;
|
} else {
|
this.linkage.site = value;
|
}
|
},
|
siteOk() {
|
var value = this.site.value;
|
// 获取选择的值
|
this.params.stationName3 = value;
|
// 记录选择的内容
|
this.linkage.site = value;
|
if (!this.inArray(this.linkage.sites, value, "label")) {
|
let obj = {
|
label: value,
|
value: value,
|
stationId: "",
|
};
|
this.linkage.sites.push(obj);
|
}
|
// 修改面板显示状态为关闭
|
this.site.dialogVisible = false;
|
},
|
inArray(array, search, attrs) {
|
for (var i in array) {
|
if (array[i][attrs] == search) {
|
return true;
|
}
|
}
|
return false;
|
},
|
battProducerChange(value) {
|
// 点击其他
|
if (value == -999) {
|
// 恢复上一次选择的内容
|
this.params.battProducer = this.linkage.battProducer;
|
this.battProducer.dialogVisible = true;
|
this.battProducer.value = "";
|
} else {
|
this.linkage.battProducer = value;
|
}
|
},
|
battProducerOk() {
|
var value = this.battProducer.value.trim();
|
if (!value) {
|
this.$message.error('不能为空');
|
return false;
|
}
|
// 获取选择的值
|
this.params.battProducer = value;
|
// 记录选择的内容
|
this.linkage.battProducer = value;
|
if (this.linkage.battProducers.indexOf(value) == -1) {
|
this.linkage.battProducers.push(value);
|
}
|
// 修改面板显示状态为关闭
|
this.battProducer.dialogVisible = false;
|
},
|
// 提交表单设置参数
|
submitFrom() {
|
this.$refs.ruleForm.validate((valid) => {
|
// 校验通过
|
if (valid) {
|
var tmp = {};
|
Object.keys(this.params).forEach((key, value) => {
|
tmp[key] = this.params[key];
|
});
|
tmp.stationName =
|
tmp.stationName1 +
|
"-" +
|
tmp.stationName2 +
|
"-" +
|
tmp.stationName5 +
|
"-" +
|
tmp.stationName3 +
|
"-" +
|
tmp.stationName4;
|
// 添加机房
|
this.addHome(tmp);
|
} else {
|
this.$layer.msg("存在校验未通过的数据！");
|
return false;
|
}
|
});
|
},
|
// 添加机房
|
addHome(batt) {
|
let loading = this.$layer.loading(1);
|
// 请求后台
|
add(batt)
|
.then((res) => {
|
res = res.data;
|
if (res.code) {
|
this.$message({
|
type: "success",
|
message: "添加" + batt.stationName + "成功！",
|
});
|
// 触发事件
|
} else {
|
this.$message({
|
type: "error",
|
message: "添加" + batt.stationName + "失败！",
|
});
|
}
|
this.$emit("success");
|
// 关闭加载框
|
this.$layer.close(loading);
|
})
|
.catch((error) => {
|
console.log(error);
|
this.$message({
|
type: "error",
|
message: "修改" + batt.stationName + "失败！",
|
});
|
// 触发事件
|
this.$emit("success");
|
// 关闭加载框
|
this.$layer.close(loading);
|
});
|
},
|
initParams() {
|
let batt = this.batt;
|
// 存在stationName1
|
if (batt.stationName1) {
|
this.params.stationName1 = batt.stationName1;
|
this.params.stationName2 = batt.stationName2;
|
this.params.stationName5 = batt.stationName5;
|
this.params.stationName3 = batt.stationName3;
|
this.params.stationName4 = batt.stationName4;
|
this.params.fbsdeviceIp = batt.fbsdeviceIp;
|
this.params.fbsdeviceId = batt.fbsdeviceId;
|
this.params.devNum = batt.devNum;
|
this.params.videoUrl = batt.videoUrl;
|
this.params.battProducer = batt.battProducer;
|
this.params.battModel = batt.battModel;
|
}
|
let dev_id = this.params.fbsdeviceId;
|
this.devTypes.forEach((item) => {
|
let pattern = new RegExp(item.value);
|
if (pattern.test(dev_id)) {
|
this.params.fbsdeviceId = item.value;
|
}
|
});
|
},
|
searchTplAll() {
|
searchTplAll()
|
.then((res) => {
|
res = res.data;
|
let data = [];
|
if (res.code) {
|
data = res.data.map((v) => {
|
return {
|
key: v.tmpId,
|
value: v.tmpId,
|
label: v.tmpName,
|
};
|
});
|
}
|
|
// 更新模板列表
|
this.tmpList = data;
|
|
// 初始化模板id
|
this.initTpl();
|
})
|
.catch((error) => {
|
console.log(error);
|
});
|
},
|
initTpl() {
|
let tplList = this.tmpList;
|
let isLithium = this.isLithium;
|
if (tplList.length != 0 && isLithium) {
|
this.params.tmpId = tplList[0].value;
|
} else if (tplList.length == 0 && isLithium) {
|
this.params.tmpId = "";
|
} else {
|
this.params.tmpId = 0;
|
}
|
},
|
autoComputeIp() {
|
let loading = this.$layer.loading();
|
getMaxIp(this.params.fbsdeviceId)
|
.then((res) => {
|
res = res.data;
|
if (res.code) {
|
let dev_id = res.data;
|
let ipInfo = getDevIp(dev_id);
|
if (ipInfo.code == 1) {
|
this.$alert(
|
"设备IP:" + ipInfo.data + "，已自动更新到设备IP",
|
"系统提示",
|
{
|
confirmButtonText: "确定",
|
}
|
);
|
this.params.fbsdeviceIp = ipInfo.data;
|
} else {
|
this.$layer.msg(ipInfo.data);
|
}
|
}
|
|
// 关闭等待框
|
this.$layer.close(loading);
|
})
|
.catch((error) => {
|
// 关闭等待框
|
this.$layer.close(loading);
|
console.log(error);
|
});
|
},
|
},
|
computed: {
|
isInversion() {
|
let dev_id = this.params.fbsdeviceId;
|
return regEquipType(dev_id, "BTS9120");
|
},
|
isHasBuscouple() {
|
let dev_id = this.params.fbsdeviceId;
|
return regEquipType(dev_id,["BTS9120", "BTS9110"]);
|
},
|
isLithium() {
|
// 锂电BTS
|
let dev_id = this.params.fbsdeviceId;
|
return regEquipType(dev_id, ["lithium", "li9132", "kgdy"]);
|
},
|
isLithiumPack() {
|
// 锂电池包
|
let dev_id = this.params.fbsdeviceId;
|
return regEquipType(dev_id, ["lithiumPack"]);
|
},
|
monCountText() {
|
let isLithiumPack = this.isLithiumPack;
|
return isLithiumPack ? "锂电池包单体个数" : "单体个数";
|
},
|
},
|
mounted() {
|
// 设置省市区县的数据
|
this.linkagePlus.setData(const_province_city_county);
|
// 初始化值
|
this.initParams();
|
|
// 查询省-市-区县
|
this.searchProvince();
|
|
// 查询已存在的电池品牌
|
this.searchBattProducer();
|
|
// 查询所有的电价分布模板
|
this.searchTplAll();
|
},
|
};
|
</script>
|
|
<style scoped>
|
.params-container {
|
padding: 8px;
|
background-color: #ececec;
|
}
|
|
.form-footer {
|
margin-top: 16px;
|
margin-bottom: 16px;
|
text-align: right;
|
}
|
|
.form-footer .three-btn {
|
margin-left: 12px;
|
}
|
>>> ::-webkit-input-placeholder {
|
color: #666 !important;
|
}
|
</style>
|
