<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
|
<%
|
String path = request.getContextPath();
|
String basePath = request.getScheme() + "://"
|
+ request.getServerName() + ":" + request.getServerPort()
|
+ path + "/";
|
%>
|
<%@ taglib uri="/struts-tags" prefix="s"%>
|
<!DOCTYPE HTML>
|
<html class="h">
|
<head>
|
<base href="<%=basePath%>">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE10" />
|
<meta charset="UTF-8">
|
<title>电池组配组管理</title>
|
<meta http-equiv="pragma" content="no-cache">
|
<meta http-equiv="cache-control" content="no-cache">
|
<meta http-equiv="expires" content="0">
|
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
|
<meta http-equiv="description" content="This is my page">
|
<link rel="stylesheet" href="src/css/layui.css">
|
<link rel="stylesheet" type="text/css" href="css/basic.css" />
|
<link rel="stylesheet" href="css/common.css">
|
<link rel="stylesheet" href="pages/css/common.css">
|
<style type="text/css">
|
#sideBar {
|
height: 100%;
|
}
|
</style>
|
</head>
|
<body class="h" style="padding: 0; overflow: hidden;">
|
<!--头部内容开始-->
|
<jsp:include page="Top.jsp" flush="true"/>
|
<!--头部内容结束-->
|
<!-- 导航开始 -->
|
<jsp:include page="nav.jsp" flush="true"/>
|
<!-- 主体内容 -->
|
<div id="main" class="full-container-layui">
|
<!-- 导航结束 -->
|
<div class="whyc-page-content-tbl">
|
<div class="whyc-page-content-tbl-cell w360" id="resizeCont">
|
<div class="tbl-cell-container">
|
<div class="side-bar-container">
|
<div class="side-bar" id="sideBar"></div>
|
</div>
|
</div>
|
</div>
|
<div class="whyc-page-content-tbl-cell">
|
<div id="groupTbl"></div>
|
</div>
|
</div>
|
</div>
|
<script type="text/html" id="groupTblTools">
|
<div class="layui-btn-container">
|
<input type="checkbox" name="" lay-skin="primary" title="品牌一致" checked="">
|
<button class="layui-btn layui-btn-sm" lay-event="startMatchGroup">启动配组</button>
|
</div>
|
</script>
|
|
<script type="text/javascript" src="src/layui.js"></script>
|
<script type="text/javascript" src="pages/js/base.js"></script>
|
<script type="text/javascript" src="pages/js/common.js"></script>
|
<script type="text/javascript" src="pages/js/pages/siderbar.js"></script>
|
<script type="text/javascript">
|
// treeView模块
|
layui.use(['table', 'layer'],function() {
|
var layer = layui.layer; // 获取layer模块
|
var table = layui.table; // 获取table模块
|
var TreeView = GLOBAL.pages.TreeView;
|
var treeView = new TreeView($('#sideBar'));
|
|
// 设置左右缩放
|
$('#resizeCont').resizable({
|
handles: 'e',
|
maxWidth: 520,
|
minWidth: 240,
|
resize: function() {
|
treeView.setContainer();
|
}
|
});
|
|
// 生成一级导航-省
|
first(treeView, treeView.container);
|
|
// 省->市
|
treeView.ele.on('click', '.province', function() {
|
var province = $(this).data('attr');
|
second(treeView, $(this).parent(), province);
|
});
|
|
// 市->机房
|
treeView.ele.on('click', '.city', function() {
|
var city = $(this).data('attr');
|
third(treeView, $(this).parent(), city);
|
|
var radio = $(this).children('.treeview-txt').find('input');
|
radio.prop('checked', true);
|
});
|
|
// 机房->电池组
|
treeView.ele.on('click', '.home', function() {
|
var home = $(this).data('attr');
|
var tmp = {
|
StationName1: home.StationName1,
|
StationName2: home.StationName2,
|
StationName: home.StationName,
|
StationId: home.StationId
|
};
|
fourth(treeView, $(this).parent(), tmp);
|
});
|
|
|
// 生成表格数据
|
table.render({
|
elem: '#groupTbl'
|
,toolbar: '#groupTblTools'
|
,defaultToolbar: ['exports', 'filter']
|
,cols: [[
|
,{field:'staionname', title:'机房名称'}
|
,{field:'groupname', title:'电池组名称'}
|
,{field:'monnum', title:'单体编号'}
|
,{field:'brandname', title:'品牌名称'}
|
,{field:'monvol', title:'单体电压'}
|
,{field:'nominalcap', title:'标称容量'}
|
,{field:'relcap', title:'实际容量',sort: true}
|
]]
|
,data:[]
|
,page: true
|
,height: 'full-200'
|
});
|
|
// 生成一级导航-省
|
function first(treeView, container) {
|
var loading = layer.load(0, {shade: [0.1,'#fff']}); //0代表加载的风格，支持0-2
|
// 请求后台获取省级列表
|
$.ajax({
|
type: "post",
|
url: "BattInfAction!serchAllStation",
|
async:true,
|
dataType:'json',
|
data:null,
|
success: function(data){
|
var rs = JSON.parse(data.result);
|
layer.close(loading);
|
if(rs.code == 1) {
|
var _data= rs.data;
|
var formatData = [];
|
for(var i=0; i<_data.length;i++) {
|
var __data = _data[i];
|
var tmp = treeView.getFolder(__data.StationName1, 'province', __data);
|
formatData.push(tmp);
|
}
|
treeView.treeView(container, formatData);
|
}else {
|
layer.msg('查询失败');
|
}
|
}
|
});
|
}
|
|
// 生成二级导航-市
|
function second(treeView, container, data) {
|
// 已经存在
|
if(container.find('ul').length !=0) {
|
return;
|
}
|
treeView.addProgress(container);
|
$.ajax({
|
type: "post",
|
url: "BattInfAction!serchStationName2",
|
async:true,
|
dataType:'json',
|
data:"json = "+JSON.stringify(data),
|
success: function(data){
|
var rs = JSON.parse(data.result);
|
treeView.delProgress(container);
|
if(rs.code == 1) {
|
var _data= rs.data;
|
var formatData = [];
|
for(var i=0; i<_data.length;i++) {
|
var __data = _data[i];
|
var txt = '<input type="radio" name="city">'+ __data.StationName2;
|
var tmp = treeView.getFolder(txt, 'city', __data);
|
formatData.push(tmp);
|
}
|
treeView.treeView(container, formatData);
|
}else {
|
|
}
|
}
|
});
|
}
|
|
// 生成 三级导航-机房
|
function third(treeView, container, data) {
|
// 已经存在
|
if(container.find('ul').length !=0) {
|
return;
|
}
|
treeView.addProgress(container);
|
$.ajax({
|
type: "post",
|
url: "BattInfAction!serchStationName3",
|
async:true,
|
dataType:'json',
|
data:"json = "+JSON.stringify(data),
|
success: function(data){
|
var rs = JSON.parse(data.result);
|
treeView.delProgress(container);
|
if(rs.code == 1) {
|
var _data= rs.data;
|
var formatData = [];
|
for(var i=0; i<_data.length;i++) {
|
var __data = _data[i];
|
var txt = '<input type="checkbox" checked="checked" disabled name="home">'+ __data.StationName;
|
var tmp = treeView.getFile(txt, 'home', __data);
|
formatData.push(tmp);
|
}
|
treeView.treeView(container, formatData);
|
}else {
|
|
}
|
}
|
});
|
}
|
});
|
|
// 省-市-机房-电池组
|
$(document).ready(function(){
|
//页面加载时查询维护区中的枢纽类型
|
$.post("User_battgroup_baojigroup_battgroupAction!serchStationName1InGroup",null,function(data){
|
data=data.result;
|
data=eval("("+data+")");
|
//console.info(data);
|
if(data.code==1 && data.data.length>0){
|
var $select = $("#station_name1");
|
$select.text('');
|
for(var i=0;i<=data.data.length;i++){
|
$option=$("<option></option>");
|
if(i==0){
|
$option.html("<s:text name='All'/>(<s:text name='Common'/>"+data.data.length+"<s:text name='Species'/>)");
|
$option.attr("value", "");
|
}else{
|
$option.text(data.data[i-1]);
|
$option.attr("value",data.data[i-1]);
|
}
|
$select.append($option);
|
}
|
}else{
|
$("#station_name1").text('').html('<option>暂无管理的维护区</option>');
|
}
|
findCity();
|
});
|
});
|
|
// 根据维护区的内容查询市
|
function findCity() {
|
var data = {
|
StationName1: $("#station_name1").val()
|
};
|
// 请求获取当前省下的市
|
$.ajax({
|
type: "post",
|
url: "BattInfAction!serchStationName2",
|
async:true,
|
dataType:'json',
|
data:"json = "+JSON.stringify(data),
|
success: function(data){
|
var rs = JSON.parse(data.result);
|
var $select = $("#city");
|
if(rs.code == 1) {
|
var _data= rs.data;
|
// 根据数据构造生成下拉列表的数据
|
var optsList = [];
|
for(var i=0;i<_data.length;i++){
|
var __data = _data[i];
|
var tmp = getOptionsData(__data.StationName2, __data.StationName2, __data);
|
optsList.push(tmp);
|
}
|
// 根据数据生成下拉列表
|
createOptions($select, optsList, true);
|
}else {
|
$select.text('').html('<option>暂无可测市</option>');
|
}
|
findStationNamebyStationname1();
|
}
|
});
|
}
|
|
//当维护区的值变换时更新市
|
$('#station_name1').change(function(){
|
findCity();
|
});
|
|
//当维护区的值变换时更新机房站点
|
$('#city').change(function(){
|
findStationNamebyStationname1();
|
});
|
|
//根据省，市查询站点
|
function findStationNamebyStationname1(){
|
var tmp = {
|
StationName1:$("#station_name1").val(),
|
StationName2:$("#city").val()
|
};
|
//var selectvalue=$("#station_name1 option:selected").val();
|
//alert(selectvalue);
|
$.post("BattInfAction!serchStationName3","json="+JSON.stringify(tmp),function(data){
|
var rs = JSON.parse(data.result);
|
if(rs.code==1){
|
var _data = rs.data;
|
var $select = $("#station_name");
|
// 根据数据构造生成下拉列表的数据
|
var optsList = [];
|
for(var i=0;i<_data.length;i++){
|
var __data = _data[i];
|
var _attr = {
|
StationId: __data.StationId
|
};
|
var tmp = getOptionsData(__data.StationName3, __data.StationName, __data, _attr);
|
optsList.push(tmp);
|
}
|
|
// 根据数据生成下拉列表
|
createOptions($select, optsList, true);
|
}else{
|
$("#station_name").text('').html('<option>暂无可测机房站点</option>');
|
}
|
findserchByBattGroupNamebystationname();
|
});
|
}
|
|
// 根据机房名称查询电池组
|
$('#station_name').change(function(){
|
findserchByBattGroupNamebystationname();
|
});
|
|
//根据省，市和机房查询蓄电池组
|
function findserchByBattGroupNamebystationname(){
|
var stationid = $("#station_name").find('option:selected').attr('stationid')?$("#station_name").find('option:selected').attr('stationid'):'';
|
// 构造查询条件
|
var tmp = {
|
StationName1:$("#station_name1").val(),
|
StationName2:$("#city").val(),
|
StationName: $("#station_name").val(),
|
StationId: stationid
|
};
|
|
//var station_name1=$("#station_name1 option:selected").val();
|
//var station_name=$("#station_name option:selected").val();
|
|
$.post("BattInfAction!serchBattByStation","json="+JSON.stringify(tmp),function(data){
|
data=data.result;
|
//console.info(data);
|
data=eval("("+data+")");
|
//console.info(data);
|
if(data.code==1 && data.data.length>0){
|
var $select = $("#battgroup_name");
|
// 根据数据构造生成下拉列表的数据
|
var optsList = [];
|
for(var i=0;i<data.data.length;i++){
|
var _data = data.data[i];
|
var _attr = {
|
stationname: _data.StationName,
|
dev_id: _data.FBSDeviceId,
|
batt_num: _data.GroupIndexInFBSDevice+1
|
};
|
var txt = _data.BattGroupName+'-'+_data.MonCount+"<s:text name='Section'/>";
|
var tmp = getOptionsData(txt, _data.BattGroupId, _data, _attr);
|
optsList.push(tmp);
|
}
|
|
// 根据数据生成下拉列表
|
createOptions($select, optsList, true);
|
$select.find('option').eq(0).val(0);
|
}else{
|
$("#battgroup_name").text('').html('<option>暂无可测蓄电池组</option>');
|
}
|
});
|
}
|
</script>
|
</body>
|
</html>
|
