hdw
2018-10-30 686d08eeb8b46a466e56bb523556bd59b9a3ed0d
Merge branch 'dev_lxw' of https://whychdw@gitlab.com/whyclxw1/gx_tieta.git into dev_lxw
2个文件已添加
431 ■■■■■ 已修改文件
gx_tieta/WebRoot/batt-fault-manage.jsp 179 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
gx_tieta/WebRoot/iframe/batt-fault-manage-add.html 252 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
gx_tieta/WebRoot/batt-fault-manage.jsp
New file
@@ -0,0 +1,179 @@
<%@ 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>
  <head>
      <!-- 默认使用最高内核 -->
    <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1" >
    <base href="<%=basePath%>">
    <title>问题反馈</title>            <!-- 问题反馈  -->
    <link rel="stylesheet" href="css/basic.css">
    <link rel="stylesheet" type="text/css" href="css/nocontent.css">
    <link rel="stylesheet" type="text/css" href="css/loading.css">
    <link rel="stylesheet" type="text/css" href="css/basic-layout.css"/>
    <link rel="stylesheet" href="css/sidebar.css" />
    <link rel="stylesheet" href="css/confirm.css" />
    <link rel="stylesheet" href="src/css/layui.css" />
    <link rel="stylesheet" href="pages/css/mylayui.css">
    <style type="text/css">
        .b8cfe5 {
            background-color: #b8cfe5 !important;
        }
        .filter-container .filter-content th {
           text-align: center;
        }
        .data-footer{
        overflow:hidden;
        margin-top:50px;
        }
    </style>
  </head>
  <body>
    <!--头部内容开始-->
    <jsp:include page="Top.jsp" flush="true"/>
    <!--头部内容结束-->
    <!--导航开始-->
    <jsp:include page="nav.jsp" flush="true"/>
    <div class="filter-container">
        <div class="filter-title"><a href="javascript:;">问题反馈</a></div>
        <div class="filter-content">
        </div>
    </div>
    <!-- 导出表格数据的表单 -->
    <form id="export_excel" action="ExportTable.servlet" method="post">
        <input type="hidden" name="PageName" value="eleHistoryWarn.jsp"/>
        <input type="hidden" id="table_th_arr" name="table_th_arr"/>
        <input type="hidden" id="table_td_arr" name="table_td_arr"/>
    </form>
    <div style="width: 100%;overflow:hidden;">
        <table id="eleInfoTbl" lay-filter="eleInfoTbl"></table>
    </div>
    <div class="data-footer">
        <!-- 分页内容 -->
        <div id="paging">
            <!-- <a href="javascript:" class="search">添加</a>        添加 -->
            <a class="layui-btn layui-btn-normal addbtn">添加</a>
    <script type="text/html" id="toolBar">
        <a class="layui-btn layui-btn-xs" lay-event="details">添加</a>
    </script>
            <a href="javascript:" id="export_table"  class="layui-btn layui-btn-normal outbtn"><s:text name="Export"/></a>        <!-- 导出 -->
        </div>
    </div>
    <div id="details"></div>
    <div id="detailsOpts"></div>
    <script type="text/javascript" src="jqueryui/jquery-ui.min.js"></script>
    <script type="text/javascript" src="js/equip-stats-change.jquery.ui.js"></script>
    <script type="text/javascript" src="js/eleHistWarn1-jquery.ui.js"></script>
    <script type="text/javascript" src="js/basic-layout.js"></script>
    <script type="text/javascript" src="js/sidebar.js"></script>
    <script type="text/javascript" src="js/rightmenu.js"></script>
    <script type="text/javascript" src="js/myConfirm.js"></script>
    <script type="text/javascript" src="js/myinterval.js"></script>
    <script type="text/javascript" src="js/pageUtil.js"></script>
    <script type="text/javascript" src="src/layui.js"></script>
    <script type="text/javascript">
        var permits;
        <%    Object obj=session.getAttribute("permits");
            if(obj!=null){
                String permits =obj.toString();  %>
                permits=<%=permits%>;
                //console.info(json);
        <%    }    %>
        // 应用layui框架
        layui.use(['layer', 'table', 'form', 'laytpl', 'element','jquery'],function() {
            var layer = layui.layer     // 获取layer模块
                ,table = layui.table     // 获取table模块
                ,element = layui.element
                ,$=layui.jquery
                ,form = layui.form;
            // 表格数据配置项
            var tOptions = {
                elem: '#eleInfoTbl'
                ,toolbar: false
                ,defaultToolbar: ['exports', 'filter']
                ,cellMinWidth: 80
                ,cols: [[
                 {field:'station_name1', title:'省', align:'center'}
                ,{field:'city', title:'市', align:'center'}
                ,{field:'stationName3', title:'机房名称', align:'center'}
                ,{field:'note', title:'时间', align:'center'}
                ,{field:'question',fixed: 'right', title:'故障详情',  width: 70}
                ]]
                ,data:[]
                ,page: true
                ,height: 'full-280'
            };
            // 生成表格数据
            table.render(tOptions);
             $(document).ready(function(){
                console.info(1111);
                tOptions.data=getData(100,0);
                var tableObj = table.render(tOptions);
                tableObj.reload(tOptions);
            });
            function getData(a,b){
            var arr=[];
            for(i=0;i<a;i++){
            arr.push({'station_name1':b,'city':b+i,'stationName3':b+i+1,'note':b+i+2,'question':'hahaha哈哈卡卡卡卡卡卡卡卡'+i});
            }
            return arr
            }
            $(document).on('click','.addbtn',function(){
                searchStationHistRecord();
            });
            function searchStationHistRecord(){
                // 将param添加到#detailsOpts
                //$('#detailsOpts').data('data', param);
                // 请求获取当前省下的市
                            // 显示面板
                            layer.open({
                                type: 2,
                                title: '<span style="font-weight:bold">>>问题添加</span>',
                                area: ['600px', '400px'],
                                fixed: false, //不固定
                                maxmin: true,
                                content: 'iframe/batt-fault-manage-add.html'
                            });
            }
        });
    </script>
  </body>
</html>
gx_tieta/WebRoot/iframe/batt-fault-manage-add.html
New file
@@ -0,0 +1,252 @@
<!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>