<!DOCTYPE html>
|
<html lang="en">
|
<head>
|
<meta charset="UTF-8">
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
<title>添加问题反馈</title>
|
<link rel="stylesheet" type="text/css" href="../pages/css/base.css">
|
<link rel="stylesheet" type="text/css" href="../jqueryui/jquery-ui.css">
|
<link rel="stylesheet" type="text/css" href="../src/css/layui.css">
|
<link rel="stylesheet" type="text/css" href="../pages/css/layui-base.css">
|
<style>
|
.red {
|
font-size: 20px;
|
color: #FF5722;
|
vertical-align: middle;
|
}
|
</style>
|
</head>
|
<body>
|
<div class="layui-fluid">
|
<!-- 条件筛选 -->
|
<div class="layui-page-filter">
|
<div class="page-filter-content">
|
<table>
|
<tr class="layui-page-filter-tbl-header layui-page-filter-fweight bg-image">
|
<td>省</td> <!-- 省 -->
|
<td>市</td> <!-- 市 -->
|
<td>区/县</td> <!-- 市 -->
|
<td>机房名称</td> <!-- 机房名称 -->
|
</tr>
|
<tr>
|
<td>
|
<div class="layui-form" lay-filter="provinceFilter">
|
<div class="layui-form-item">
|
<div class="layui-input-block">
|
<select name="province" id="province" lay-filter="province">
|
<option value="">请选择省</option>
|
</select>
|
</div>
|
</div>
|
</div>
|
</td>
|
<td>
|
<div class="layui-form" lay-filter="cityFilter">
|
<div class="layui-form-item">
|
<div class="layui-input-block">
|
<select name="city" id="city" lay-filter="city">
|
<option value="">请选择市/区</option>
|
</select>
|
</div>
|
</div>
|
</div>
|
</td>
|
<td>
|
<div class="layui-form" lay-filter="countyFilter">
|
<div class="layui-form-item">
|
<div class="layui-input-block">
|
<select name="county" id="county" lay-filter="county" lay-search="">
|
<option value="">请选择区/县</option>
|
</select>
|
</div>
|
</div>
|
</div>
|
</td>
|
<td>
|
<div class="layui-form" lay-filter="homeFilter">
|
<div class="layui-form-item">
|
<div class="layui-input-block">
|
<select name="home" id="home" lay-filter="home" lay-search="">
|
<option value="">请选择机房</option>
|
</select>
|
</div>
|
</div>
|
</div>
|
</td>
|
</tr>
|
</table>
|
</div>
|
</div>
|
<div style="height: 5px;"></div>
|
<div class="layui-form layui-form-pane" lay-filter="eleChange">
|
<div class="layui-row layui-col-space5">
|
<div class="layui-col-xs6 layui-col-sm6 layui-col-md6 layui-col-lg6">
|
<div class="layui-form layui-form-pane">
|
<div class="layui-form-item">
|
<label class="layui-form-label">电池品牌<span class="red">*</span></label>
|
<div class="layui-input-block">
|
<input type="text" name="replaced_producer" lay-verify="required" autocomplete="off" placeholder="请输入电池品牌" class="layui-input">
|
</div>
|
</div>
|
</div>
|
</div>
|
<div class="layui-col-xs6 layui-col-sm6 layui-col-md6 layui-col-lg6">
|
<div class="layui-form layui-form-pane">
|
<div class="layui-form-item layui-form-item160">
|
<label class="layui-form-label">标称容量（AH）<span class="red">*</span></label>
|
<div class="layui-input-block">
|
<input type="text" name="replaced_moncapstd" lay-verify="required|number" autocomplete="off" placeholder="请输入标称容量" class="layui-input">
|
</div>
|
</div>
|
</div>
|
</div>
|
<div class="layui-col-xs6 layui-col-sm6 layui-col-md6 layui-col-lg6">
|
<div class="layui-form layui-form-pane">
|
<div class="layui-form-item">
|
<label class="layui-form-label">单体数量<span class="red">*</span></label>
|
<div class="layui-input-block">
|
<select name="replaced_moncount">
|
<option value="4">4</option>
|
<option value="24">24</option>
|
</select>
|
</div>
|
</div>
|
</div>
|
</div>
|
<div class="layui-col-xs6 layui-col-sm6 layui-col-md6 layui-col-lg6">
|
<div class="layui-form layui-form-pane">
|
<div class="layui-form-item layui-form-item160">
|
<label class="layui-form-label">标称电压（V）<span class="red">*</span></label>
|
<div class="layui-input-block">
|
<input type="text" name="replaced_monvolstd" lay-verify="required|number" autocomplete="off" placeholder="请输入标称电压" class="layui-input">
|
</div>
|
</div>
|
</div>
|
</div>
|
<div class="layui-col-xs12 layui-col-sm12 layui-col-md12 layui-col-lg12">
|
<div class="layui-form-item layui-form-text">
|
<label class="layui-form-label">更换理由<span class="red">*</span></label>
|
<div class="layui-input-block">
|
<textarea placeholder="请输入更换理由" name="replaced_reason" lay-verify="required" class="layui-textarea"></textarea>
|
</div>
|
</div>
|
</div>
|
<div class="layui-col-xs6 layui-col-xs-offset9 layui-col-sm3 layui-col-sm-offset9 layui-col-md2 layui-col-md-offset10 layui-col-lg2 layui-col-lg-offset10">
|
<button class="layui-btn layui-btn-sm" lay-submit="" lay-filter="enAdd">确认添加</button>
|
<button class="layui-btn layui-btn-sm layui-btn-primary" onclick="hideParentIframe()">取消</button>
|
</div>
|
</div>
|
<div class="layui-form-item" style="display:none">
|
<label class="layui-form-label">机房编号</label>
|
<div class="layui-input-block">
|
<input type="text" name="replaced_time" id="replaced_time" lay-verify="title" autocomplete="off" placeholder="机房编号" class="layui-input layui-bg-gray" disabled="">
|
</div>
|
</div>
|
</div>
|
</div>
|
<script type="text/javascript" src="../js/jquery-1.8.3.js"></script>
|
<script type="text/javascript" src="../jqueryui/jquery-ui.min.js"></script>
|
<script type="text/javascript" src="../js/base.js"></script>
|
<script type="text/javascript" src="../src/layui.js"></script>
|
<script type="text/javascript" src="../pages/js/mylayui.js"></script>
|
<script type="text/javascript" src="../pages/js/common.js"></script>
|
<script type="text/javascript">
|
layui.use(['form', 'laydate', 'layer'], function() {
|
/* 导入模块 */
|
var form = layui.form; // 引入form模块
|
var laydate = layui.laydate; // 引入laydate模块
|
var layer = layui.layer; // 引入layer模块
|
|
/* 获取父页面的值 */
|
var editData = parent.$('#iframeData').data('edit');
|
var pIndex = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
|
|
// 设置form表单的初始值
|
/* form.val('eleChange', {
|
'stationid': editData.stationid, // 机房ID
|
'stationname':editData.stationname, // 机房名称
|
'replaced_producer': editData.replaced_producer, // 电池品牌
|
'replaced_moncapstd': editData.replaced_moncapstd, // 标称容量
|
'replaced_monvolstd': editData.replaced_monvolstd, // 标称电压
|
'replaced_reason': editData.replaced_reason, // 更换理由
|
'replaced_moncount': editData.replaced_moncount // 单体数量
|
}); */
|
|
// 投入使用日期渲染
|
laydate.render({
|
elem: '#replaced_time'
|
,format: 'yyyy-MM-dd HH:mm:ss'
|
,value: new Date()
|
});
|
|
// 提交内容
|
form.on('submit(enAdd)', function(obj) {
|
var stationname = $('#home').val();
|
console.log($('#home').data());
|
if(!stationname) {
|
layer.msg('请选择需要更换电池的机房！');
|
return false;
|
}
|
var data = obj.field;
|
data.stationid = $('#home').find('option:selected').attr('stationid');
|
data.stationname = $('#home').val();
|
// 确认提示框
|
layer.confirm('是否确认修改',{icon: 3, title: '修改提示'}, function(index) {
|
layer.close(index);
|
// 调用取人修改的方法
|
enAdd(data);
|
});
|
return false;
|
});
|
|
// 确认添加
|
function enAdd(data){
|
var load = layer.load(1); //开启等待框
|
// 向后台发送添加的请求
|
$.ajax({
|
type: 'post',
|
async: true,
|
url: 'Batt_replaceAction!add',
|
data: 'json='+JSON.stringify(data),
|
dataType: 'json',
|
success: function(res) {
|
layer.close(load); // 关闭等待框
|
var rs = JSON.parse(res.result);
|
if(rs.code==1) {
|
hideParentIframe();
|
parent.layer.msg('添加成功！');
|
parent.$('#paging .search').click();
|
}else {
|
layer.msg('添加失败！');
|
}
|
},
|
error: function() {
|
layer.msg('请求失败，请检测网络！');
|
layer.close(load); // 关闭等待框
|
}
|
});
|
}
|
|
// 省-市-区/县-机房-蓄电池组联动
|
var isNewLoad = true;
|
var pre_province = getQueryString('province');
|
// 查询省下拉框
|
searchProvince();
|
// 查询省
|
var filterLoad = layer.load();
|
function searchProvince() {
|
// 请求后台查询
|
$.ajax({
|
type:'post',
|
async:true,
|
url: 'User_battgroup_baojigroup_battgroupAction!serchStationName1InGroup',
|
data: null,
|
dataType: 'json',
|
success:function(result) {
|
var rs = JSON.parse(result.result);
|
var list = []; // option结果集
|
var ele = $('#province'); // 目标select
|
if(rs.code == 1) {
|
var data = rs.data;
|
var allTxt = "全部(共"+data.length+"种)";
|
list.push(getLayuiSelect(allTxt, '', {}, undefined));
|
// 遍历查询结果
|
for(var i=0; i<data.length; i++) {
|
var _data = data[i];
|
var _tmp = getLayuiSelect(_data, _data, {}, {});
|
if(pre_province == _data && isNewLoad){
|
_tmp = getLayuiSelect(_data, _data, {}, {},true);
|
}
|
list.push(_tmp);
|
}
|
}else {
|
list.push(getLayuiSelect('暂无省/直辖市', '', {}, undefined));
|
}
|
|
// 根据对象数组生成下拉列表
|
createLayuiSelect(ele, list);
|
form.render('select', 'provinceFilter');
|
|
// 查询市
|
searchCity();
|
}
|
});
|
}
|
|
// 切换省-市
|
form.on('select(province)', function(data) {
|
// 查询市
|
searchCity(true);
|
});
|
|
// 查询市
|
function searchCity(isLoad) {
|
// 构造查询条件
|
var tmp = {
|
StationName1: $("#province").val()
|
};
|
var pre_city = getQueryString('city');
|
|
// 是否添加等待
|
if(isLoad) {
|
filterLoad = layer.load();
|
}
|
// 根据构造条件查询内容
|
$.ajax({
|
type: 'post',
|
async: true,
|
url: 'BattInfAction!serchStationName2',
|
dataType: 'json',
|
data: "json = "+JSON.stringify(tmp),
|
success: function(result) {
|
var rs = JSON.parse(result.result);
|
var list = []; // option结果集
|
var ele = $('#city'); // 目标select
|
if(rs.code == 1) {
|
var data = rs.data;
|
var allTxt = "全部(共"+data.length+"种)";
|
list.push(getLayuiSelect(allTxt, '', {}, undefined));
|
// 遍历查询结果
|
for(var i=0; i<data.length; i++) {
|
var _data = data[i];
|
var _tmp = getLayuiSelect(_data.StationName2, _data.StationName2, {}, _data);
|
if(pre_city == _data.StationName2 && isNewLoad){
|
_tmp = getLayuiSelect(_data.StationName2, _data.StationName2, {}, _data,true);
|
}
|
list.push(_tmp);
|
}
|
}else {
|
list.push(getLayuiSelect('暂无市/区', '', {}, undefined));
|
}
|
|
// 根据对象数组生成下拉列表
|
createLayuiSelect(ele, list);
|
form.render('select', 'cityFilter');
|
|
// 查询区县
|
searchCounty();
|
}
|
});
|
}
|
|
// 切换市-区县
|
form.on('select(city)', function(data) {
|
// 查询区县
|
searchCounty(true);
|
});
|
|
|
// 查询区/县
|
function searchCounty(isLoad) {
|
var list = []; // option结果集
|
var ele = $('#county'); // 目标select
|
// 判断必要条件是否存在
|
var parentStatus = checkLayuiParent($("#city"));
|
if(!parentStatus) {
|
layer.close(filterLoad); // 关闭等待框
|
list.push(getLayuiSelect('请先选择市', '', {}, undefined));
|
// 根据对象数组生成下拉列表
|
createLayuiSelect(ele, list);
|
form.render('select', 'countyFilter');
|
// 查询机房
|
searchHome();
|
return;
|
}
|
|
// 构造查询条件
|
var tmp = {
|
StationName1: $("#province").val(),
|
StationName2: $("#city").val()
|
};
|
// 是否添加等待
|
if(isLoad) {
|
filterLoad = layer.load();
|
}
|
var pre_county = getQueryString('county');
|
// 根据构造条件查询内容
|
$.ajax({
|
type: 'post',
|
async: true,
|
url: 'BattInfAction!serchStationName5',
|
dataType: 'json',
|
data: "json = "+JSON.stringify(tmp),
|
success: function(result) {
|
var rs = JSON.parse(result.result);
|
//console.info(rs);
|
var list = []; // option结果集
|
var ele = $('#county'); // 目标select
|
if(rs.code == 1) {
|
var data = rs.data;
|
var allTxt = "全部(共"+data.length+"种)";
|
list.push(getLayuiSelect(allTxt, '', {}, undefined));
|
// 遍历查询结果
|
for(var i=0; i<data.length; i++) {
|
var _data = data[i];
|
var _tmp = getLayuiSelect(_data.StationName5, _data.StationName5, {}, _data);
|
if(pre_county == _data.StationName5 && isNewLoad){
|
_tmp = getLayuiSelect(_data.StationName5, _data.StationName5, {}, _data,true);
|
}
|
//console.info(_tmp);
|
list.push(_tmp);
|
}
|
}else {
|
list.push(getLayuiSelect('暂无区/县', '', {}, undefined));
|
}
|
|
// 根据对象数组生成下拉列表
|
createLayuiSelect(ele, list);
|
form.render('select', 'countyFilter');
|
|
// 查询机房
|
searchHome();
|
}
|
});
|
}
|
|
// 切换市-区县
|
form.on('select(county)', function(data) {
|
// 查询区县
|
searchHome(true);
|
});
|
|
// 查询机房
|
function searchHome(isLoad) {
|
var list = []; // option结果集
|
var ele = $('#home'); // 目标select
|
// 判断必要条件是否存在
|
var parentStatus = checkLayuiParent($("#county"));
|
if(!parentStatus) {
|
layer.close(filterLoad); // 关闭等待框
|
list.push(getLayuiSelect('请先选择区/县', '', {}, undefined));
|
// 根据对象数组生成下拉列表
|
createLayuiSelect(ele, list);
|
form.render('select', 'homeFilter');
|
return;
|
}
|
|
// 构造查询条件
|
var tmp = {
|
StationName1:$("#province").val(),
|
StationName2:$("#city").val(),
|
StationName5:$("#county").val(),
|
};
|
var pre_home = getQueryString('home');
|
var auto_seach = false;
|
// 是否添加等待
|
if(isLoad) {
|
filterLoad = layer.load();
|
}
|
// 根据构造条件查询内容
|
$.ajax({
|
type: 'post',
|
async: true,
|
url: 'BattInfAction!serchStationName3',
|
dataType: 'json',
|
data: "json = "+JSON.stringify(tmp),
|
success: function(result) {
|
var rs = JSON.parse(result.result);
|
var list = []; // option结果集
|
var ele = $('#home'); // 目标select
|
if(rs.code == 1) {
|
var data = rs.data;
|
var allTxt = "全部(共"+data.length+"种)";
|
list.push(getLayuiSelect(allTxt, '', {StationId: '', dev_id: ''}, undefined));
|
// 遍历查询结果
|
for(var i=0; i<data.length; i++) {
|
var _data = data[i];
|
var _attr = {
|
StationId: _data.StationId,
|
dev_id: _data.FBSDeviceId
|
};
|
var _tmp = getLayuiSelect(_data.StationName3, _data.StationName, _attr, _data);
|
if(pre_home == _data.StationName && isNewLoad){
|
_tmp = getLayuiSelect(_data.StationName3, _data.StationName, _attr, _data,true);
|
auto_seach = true;
|
}
|
list.push(_tmp);
|
}
|
}else {
|
list.push(getLayuiSelect('暂无机房', '', {}, undefined));
|
}
|
layer.close(filterLoad);
|
// 根据对象数组生成下拉列表
|
createLayuiSelect(ele, list);
|
form.render('select', 'homeFilter');
|
}
|
});
|
}
|
|
});
|
</script>
|
</body>
|
</html>
|
