<!DOCTYPE html>
|
<html lang="en">
|
<head>
|
<meta charset="UTF-8">
|
<title>添加问题</title>
|
<link rel="stylesheet" href="../jqueryui/jquery-ui.min.css">
|
<link rel="stylesheet" href="../src/css/layui.css">
|
<link rel="stylesheet" href="../font-awesome-4.7.0/css/font-awesome.min.css">
|
<link rel="stylesheet" href="../pages/css/mylayui.css">
|
<link rel="stylesheet" href="../pages/css/common.css">
|
<style type="text/css">
|
html, body {
|
height: 100%;
|
min-width:auto;
|
}
|
|
.layui-table-view {
|
margin: 0;
|
}
|
.mt20{
|
margin-top:20px;
|
}
|
.tr{
|
text-align:right;
|
}
|
</style>
|
</head>
|
<body>
|
<div class="whyc-page-layui-main abs-top0 abs-bottom0">
|
<!-- 最外层控制位置 -->
|
<div class="whyc-page-layui-content-container">
|
<!-- <div class="whyc-page-layui-siderbar w360"></div> -->
|
<div class="whyc-page-layui-content" style="background-color: pink">
|
<div class="tbl-container">
|
<div class="tbl-filter" lay-filter="tblFilter">
|
<div class="layui-form layui-form-pane" lay-filter="tblFilter">
|
<form class="layui-form" action="">
|
<table>
|
<tbody>
|
<tr>
|
<th>省</th> <!-- 省 -->
|
<th>市</th> <!-- 市 -->
|
<th>区/县</th> <!-- 区/县 -->
|
<th>机房名称</th> <!-- 机房站点 -->
|
</tr>
|
<tr>
|
<td>
|
<select name="station_name1" id="station_name1"></select>、
|
</td>
|
<td>
|
<select name="" id="city"></select>
|
</td>
|
<td>
|
<select name="" id="county"></select>
|
</td>
|
<td>
|
<select name="" id="station_name3" ></select>
|
</td>
|
</tr>
|
</tbody>
|
</table>
|
<div class="layui-row">
|
<div class="layui-col-md12 layui-col-md-offset1 mt20">
|
<div class="layui-form-item layui-form-text">
|
<label class="layui-form-label" style="text-align:center;">问题描述</label>
|
<div class="layui-input-block">
|
<textarea placeholder="请输入内容" id="faultcontex" class="layui-textarea"></textarea>
|
</div>
|
</div>
|
|
<input type="hidden" class="layui-input" id="addtime">
|
|
<div class="layui-form-item">
|
|
<div class="layui-input-block tr" >
|
<a class="layui-btn" id="falutsubmit" lay-submit="" lay-filter="sub">立即提交</a>
|
<a type="reset" class="layui-btn layui-btn-primary">重置</a>
|
</div>
|
</div>
|
</div>
|
</div>
|
</form>
|
</div>
|
</div>
|
<!-- 表格内容 -->
|
</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="../src/layui.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="../js/base.js"></script>
|
<script type="text/javascript" src="../pages/js/common.js"></script>
|
<script type="text/javascript" src="../js/createTab.js"></script>
|
<script type = "text/javascript" >
|
|
layui.use(['layer', 'table', 'form', 'laytpl', 'element', 'laydate', 'jquery'],
|
function() {
|
var layer = layui.layer // 获取layer模块
|
,
|
table = layui.table // 获取table模块
|
,
|
form = layui.form,
|
$ = layui.jquery,
|
util=layui.util,
|
laydate = layui.laydate;
|
|
|
function getNowFormatDate() {
|
var date = new Date();
|
var seperator1 = "-";
|
var seperator2 = ":";
|
var month = date.getMonth() + 1;
|
var strDate = date.getDate();
|
if (month >= 1 && month <= 9) {
|
month = "0" + month;
|
}
|
if (strDate >= 0 && strDate <= 9) {
|
strDate = "0" + strDate;
|
}
|
var currentdate = date.getFullYear() + seperator1 + month + seperator1 + strDate
|
+ " " + date.getHours() + seperator2 + date.getMinutes()
|
+ seperator2 + date.getSeconds();
|
return currentdate;
|
}
|
|
form.on('submit(sub)',function(data){
|
$('#addtime').val(getNowFormatDate());
|
//console.warn(3333);
|
//console.info(data);
|
return false;
|
});
|
|
|
function renderForm(){
|
var form = layui.form;//高版本建议把括号去掉，有的低版本，需要加()
|
form.render();
|
}
|
// 省-市-机房-电池组
|
$(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("全部(" + data.data.length + ")");
|
$option.attr("value", "");
|
} else {
|
$option.text(data.data[i - 1]);
|
$option.attr("value", data.data[i - 1]);
|
}
|
$select.append($option);
|
renderForm();
|
|
}
|
|
} else {
|
$("#station_name1").text('').html('<option>暂无管理的维护区</option>');
|
renderForm();
|
}
|
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);
|
renderForm();
|
} else {
|
$select.text('').html('<option>暂无可测市</option>');
|
renderForm();
|
}
|
searchCounty();
|
}
|
});
|
}
|
|
// 查询区/县
|
function searchCounty() {
|
// 构造查询条件
|
var tmp = {
|
StationName1: $("#province").val(),
|
StationName2: $("#city").val()
|
};
|
// 根据构造条件查询内容
|
$.ajax({
|
type: 'post',
|
async: true,
|
url: 'BattInfAction!serchStationName5',
|
dataType: 'json',
|
data: "json = "+JSON.stringify(tmp),
|
success: function(result) {
|
var rs = JSON.parse(result.result);
|
var list = []; // option结果集
|
var ele = $('#county'); // 目标select
|
if(rs.code == 1) {
|
var data = rs.data;
|
list.push(getLayuiSelect('请选择区/县', '', {}, undefined));
|
// 遍历查询结果
|
for(var i=0; i<data.length; i++) {
|
var _data = data[i];
|
var _tmp = getLayuiSelect(_data.StationName5, _data.StationName5, {}, _data);
|
list.push(_tmp);
|
}
|
}else {
|
list.push(getLayuiSelect('暂无区/县', '', {}, undefined));
|
}
|
|
// 根据对象数组生成下拉列表
|
createLayuiSelect(ele, list);
|
form.render('select', 'countyFilter');
|
|
// 查询机房
|
findCity();
|
}
|
});
|
}
|
//当维护区的值变换时更新市
|
$('#station_name1').change(function() {
|
findCity();
|
});
|
//当维护区的值变换时更新机房站点
|
$('#city').change(function() {
|
searchCounty();
|
});
|
// 切换区/县-机房
|
form.on('select(county)', function(data) {
|
// 查询机房
|
findCity(true);
|
});
|
|
//根据省，市查询站点
|
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_name3");
|
// 根据数据构造生成下拉列表的数据
|
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.StationName3, __data, _attr);
|
optsList.push(tmp);
|
}
|
|
// 根据数据生成下拉列表
|
createOptions($select, optsList, true);
|
renderForm();
|
} else {
|
$("#station_name3").text('').html('<option>暂无可测机房站点</option>');
|
renderForm();
|
}
|
});
|
}
|
|
function creatAddFaultAdd(){
|
var date = new Date().format('yyyy-MM-dd');
|
var id = 42000570;
|
var temp = {
|
stationId:id,
|
record_time:date,
|
error_descript:$('#faultcontex').val(),
|
}
|
console.info(temp);
|
return temp;
|
}
|
|
function searchFaultAdd(){
|
var temp = creatAddFaultAdd();
|
var loading = layer.load();
|
// 根据查询条件，查询内容
|
$.ajax({
|
type: 'post',
|
async: true,
|
url: 'Deverror_recordAction!add',
|
data: "json="+JSON.stringify(temp),
|
dataType: 'json',
|
success: function(result) {
|
layer.close(loading);
|
console.info(result);
|
var data = JSON.parse(result);
|
if(data.code==1){
|
layer.msg('添加成功！', {icon:0, shade: 0.1,shadeClose:true});
|
}else{
|
layer.msg('添加失败！', {icon:0, shade: 0.1,shadeClose:true});
|
}
|
}
|
});
|
}
|
|
$('#falutsubmit').click(function(){
|
searchFaultAdd();
|
});
|
});
|
</script>
|
</body>
|
</html>
|
