New file |
| | |
| | | <!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%;
|
| | | }
|
| | | .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>
|
| | | <!-- 机房站点 -->
|
| | | </tr>
|
| | | <tr>
|
| | | <td><select name="station_name1" id="station_name1" lay-verify="">
|
| | | |
| | | </select></td>
|
| | | <td><select name="" id="city" lay-verify="">
|
| | | </select></td>
|
| | | <td><select name="" id="station_name3" lay-verify="">
|
| | | </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="请输入内容" 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" 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();
|
| | | }
|
| | | 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_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();
|
| | | }
|
| | | });
|
| | | }
|
| | |
|
| | | }); |
| | | </script>
|
| | | </body>
|
| | | </html>
|