<template>
|
<div data-name="monitor-add-home" class="page">
|
<!-- Top Navbar -->
|
<div class="navbar">
|
<div class="navbar-inner">
|
<div class="left">
|
<a href="#" class="link popup-close">
|
<i class="icon f7-icons">chevron_left</i>
|
</a>
|
</div>
|
<div class="title center">电池组申请安装</div>
|
</div>
|
</div>
|
<div class="page-content" id="monitorAddHomeApp">
|
<div class="list no-margin">
|
<ul>
|
<li>
|
<div class="item-content item-input">
|
<div class="item-inner">
|
<div class="item-title item-label">省</div>
|
<div class="item-input-wrap">
|
<select name="province" v-model="homeInfo.StationName1" v-on:change="provinceChange()">
|
<option v-for="province in provinces" :value="province.val">${province.txt}</option>
|
</select>
|
</div>
|
</div>
|
</div>
|
</li>
|
<li>
|
<div class="item-content item-input">
|
<div class="item-inner">
|
<div class="item-title item-label">市</div>
|
<div class="item-input-wrap">
|
<select name="city" v-model="homeInfo.StationName2" v-on:change="cityChange()">
|
<option v-for="city in cities" :value="city.val">${city.txt}</option>
|
</select>
|
</div>
|
</div>
|
</div>
|
</li>
|
<li>
|
<div class="item-content item-input">
|
<div class="item-inner">
|
<div class="item-title item-label">区/县</div>
|
<div class="item-input-wrap">
|
<select name="county" v-model="homeInfo.StationName5">
|
<option v-for="county in counties" :value="county.val">${county.txt}</option>
|
</select>
|
</div>
|
</div>
|
</div>
|
</li>
|
<li>
|
<div class="item-content item-input">
|
<div class="item-inner">
|
<div class="item-title item-label">机房名称</div>
|
<div class="item-input-wrap">
|
<input type="text" name="homename" v-model="homeInfo.StationName3">
|
</div>
|
</div>
|
</div>
|
</li>
|
<li>
|
<div class="item-content item-input">
|
<div class="item-inner">
|
<div class="item-title item-label">负载电流</div>
|
<div class="item-input-wrap">
|
<input type="text" name="loadcurr" v-model="homeInfo.Load_curr">
|
</div>
|
</div>
|
</div>
|
</li>
|
<li>
|
<div class="item-content item-input">
|
<div class="item-inner">
|
<div class="item-title item-label">基站电话号码</div>
|
<div class="item-input-wrap">
|
<input type="text" name="phone" v-model="homeInfo.station_phone">
|
</div>
|
</div>
|
</div>
|
</li>
|
<li>
|
<div class="item-content item-input">
|
<div class="item-inner">
|
<div class="item-title item-label">安装人员</div>
|
<div class="item-input-wrap">
|
<input type="text" name="phone" v-model="homeInfo.install_user">
|
</div>
|
</div>
|
</div>
|
</li>
|
</ul>
|
</div>
|
</div>
|
</div>
|
</template>
|
<script>
|
return {
|
data() {
|
var params = this.$route.params;
|
return {
|
params: params,
|
vm: ''
|
}
|
},
|
on: {
|
pageInit() {
|
var params = this.params;
|
|
|
var battGroups = [];
|
for(var i=0; i<params.battNum; i++) {
|
var temp = {
|
GroupIndexInFBSDevice : 0, //fbs设备索引
|
BattGroupName : '', // 电池组名称
|
MonCapStd : '50', //标称容量
|
BattProducer : 'FiberHome', //电池品牌
|
BattModel : '', //电池型号
|
MonCount : '', //单体数量
|
MonVolStd : '', //标称电压
|
};
|
battGroups.push(temp);
|
}
|
|
// 定义vue
|
var vm = this.vm = new Vue({
|
el: '#monitorAddHomeApp',
|
delimiters: ['${', '}'],
|
data: {
|
provinces: [],
|
cities: [],
|
counties: [],
|
homeInfo: {
|
StationId: 0, // 机房id
|
StationName: '', // 机房名称
|
StationName1: '', // 省
|
StationName2: '', // 市
|
StationName5: '', // 区/县
|
StationName3: '', // 机房名称
|
StationName4: 'BTS设备', // 设备名称
|
StationIp: '192.168.0.1', // 机房ip
|
FBSDeviceId: '960000111', // 设备id
|
FbsDeviceIp: '127.0.0.1', // 设备ip
|
FbsDeviceIp_YM: '255.255.255.0', // 设备掩码
|
FbsDeviceIp_WG : '', // 网关
|
FBSDeviceName : 'BTS', //设备名称
|
GroupIndexInFBSDevice : 0, //fbs设备索引
|
BattGroupId : '1000038', //电池组id
|
BattGroupNum : '2', //机房内电池组编号
|
FloatVolLevel : '53.6', //浮充电压阀值
|
OfflineVolLevel : '51.5', //离线电压阀值
|
BattFloatCurrent : '5', //浮充电流阀值
|
MonResStd : '0.2', //标称内阻
|
MonSerStd : '5000', //标称电导
|
MonVolLowToAvg : '0.05', //单体电压次低偏移量
|
DisCurrMax : '0', //最大核容电流
|
Load_curr : '', //负载电流
|
station_phone : '', //基站号码
|
BattProductDate : '2018-09-18 00:00:00', //电池生产日期
|
BattInUseDate : '', //电池使用日期
|
install_user : '', //安装人员
|
},
|
battInfo: battGroups
|
},
|
mounted: function(){
|
this.searchProvinces();
|
},
|
methods: {
|
searchProvinces() {
|
var _vm = this;
|
app.preloader.show(); // 显示加载等待
|
// 查询后台获取省列表
|
$.ajax({
|
type: 'post',
|
async: true,
|
url: 'User_battgroup_baojigroup_battgroupAction!serchStationName1InGroup',
|
data: null,
|
dataType: 'json',
|
success: function(res) {
|
var rs = JSON.parse(res.result);
|
var result = [];
|
if(rs.code == 1) {
|
var data = rs.data;
|
// 遍历数据生成需要的格式
|
for(var i=0; i<data.length; i++) {
|
var _data = data[i];
|
var tmp = {};
|
tmp.val = _data;
|
tmp.txt = _data;
|
result.push(tmp);
|
}
|
}
|
_vm.homeInfo.StationName1 = result[0].val;
|
_vm.provinces = result;
|
_vm.searchCities();
|
}
|
});
|
},
|
searchCities(isLoad) {
|
if(isLoad) { // 显示加载等待
|
app.preloader.show();
|
}
|
var _vm = this;
|
// 请求后台获取市列表
|
var searchParams = {
|
StationName1: _vm.homeInfo.StationName1
|
};
|
$.ajax({
|
type: 'post',
|
async: true,
|
url: 'BattInfAction!serchStationName2',
|
data: 'json='+JSON.stringify(searchParams),
|
dataType: 'json',
|
success: function(res) {
|
var rs = JSON.parse(res.result);
|
var result = [];
|
if(rs.code == 1) {
|
var data = rs.data;
|
// 遍历数据生成需要的格式
|
for(var i=0; i<data.length; i++) {
|
var _data = data[i];
|
var tmp = {};
|
tmp.val = _data.StationName2;
|
tmp.txt = _data.StationName2;
|
result.push(tmp);
|
}
|
}
|
_vm.homeInfo.StationName2 = result[0].val;
|
_vm.cities = result;
|
_vm.searchCounties();
|
}
|
});
|
},
|
searchCounties(isLoad) {
|
if(isLoad) { // 显示加载等待
|
app.preloader.show();
|
}
|
var _vm = this;
|
// 请求后台获取市列表
|
var searchParams = {
|
StationName1: _vm.homeInfo.StationName1,
|
StationName2: _vm.homeInfo.StationName2
|
};
|
$.ajax({
|
type: 'post',
|
async: true,
|
url: 'BattInfAction!serchStationName5',
|
data: 'json='+JSON.stringify(searchParams),
|
dataType: 'json',
|
success: function(res) {
|
app.preloader.hide();
|
var rs = JSON.parse(res.result);
|
var result = [];
|
if(rs.code == 1) {
|
var data = rs.data;
|
// 遍历数据生成需要的格式
|
for(var i=0; i<data.length; i++) {
|
var _data = data[i];
|
var tmp = {};
|
tmp.val = _data.StationName5;
|
tmp.txt = _data.StationName5;
|
result.push(tmp);
|
}
|
}
|
_vm.homeInfo.StationName5 = result[0].val;
|
_vm.counties = result;
|
}
|
});
|
},
|
provinceChange() {
|
this.searchCities(true);
|
},
|
cityChange() {
|
this.searchCounties(true);
|
},
|
getHomeInfo() {
|
console.log(this);
|
}
|
|
},
|
computed: {
|
|
}
|
});
|
}
|
}
|
}
|
</script>
|
