master

分支 (2)

管理

管理

master

2.0

jqueryMobile
/
gpcx.html

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" name="viewport" content="width=device-width, initial-scale=1">
    <title>jQuery Mobile Web 应用程序</title>

    <!-- css -->
    <link href="css/jquery.mobile-1.4.0.min.css" rel="stylesheet" type="text/css"/>
    <link href="css/jquery.mobile.datepicker.css" rel="stylesheet" type="text/css"/>
    <link href="css/my.css" rel="stylesheet" type="text/css"/>
    <link href="css/myScroll.css" rel="stylesheet" type="text/css" media="all"/>
    <link href="css/jquery.toastmessage.css" rel="stylesheet" type="text/css">
    <link href="css/myDate.css" rel="stylesheet" type="text/css"/>

    <!-- js -->
    <script src="js/jquery-1.10.2.min.js" type="text/javascript"></script>
    <script src="js/jquery.mobile-1.4.0.min.js" type="text/javascript"></script>
    <script src="js/jquery.mobile.datepicker.js" type="text/javascript"></script>
    <script src="js/jquery.ui.datepicker.js" type="text/javascript"></script>
    <script src="js/jquery.ui.datepicker-zh-CN.js" type="text/javascript"></script>
    <script src="js/jquery.toastmessage.js" type="text/javascript"></script>
    <script src="js/iscroll.js" type="text/javascript"></script>
    <script src="js/myDate.js" type="text/javascript"></script>
    <script src="js/myDateFlip.js" type="text/javascript"></script>
    <script src="js/myDatei18n.js" type="text/javascript"></script>

    <script src="js/constant.js" type="text/javascript"></script>
    <script src="js/department.js" type="text/javascript"></script>
    <script src="js/gpcx.js" type="text/javascript"></script>

    <script type="text/javascript">
        $(function () {
            initPcPerson();
        });

    </script>
</head>
<body>
<!-- 挂牌查询1 -- 查询结果页面 -->
<div data-role="page" id="gpcx1" data-add-back-btn="true">
    <div data-role="header" data-theme="b" style="height: 3.5em">
        <a href="index2.html" data-ajax="false" data-role="button" class="ui-btn-left" data-icon="arrow-l"
           data-iconpos="notext"></a>

        <h1 style="font-size: large">挂牌查询</h1>

        <a class="ui-shadow ui-btn ui-corner-all ui-btn-inline ui-btn-icon-left ui-icon-search"
           onclick="gotoQuery()">查询</a>
    </div>

    <div data-role="content">

        <table id="gpcx-result" data-role="table" data-mode="columntoggle" class="ui-responsive table-stroke">
            <thead>
            <tr>
                <!-- 如果列比较多，屏幕比较窄 则会优先显示 data-priority = "1"的  数越小优先级越高 -->
                <th data-priority="0">单位</th>
                <th data-priority="0">合计</th>
                <th data-priority="0">已摘牌</th>
                <th data-priority="0">未摘牌</th>
            </tr>
            </thead>

            <tbody>
            </tbody>
        </table>

    </div>
</div>

<!-- 挂牌查询2 -- 录入参数页面 -->
<div data-role="page" id="gpcx2" data-add-back-btn="true">
    <div data-role="header" data-theme="b" style="height: 3.5em">
        <a href="index2.html" data-ajax="false" data-role="button" class="ui-btn-left" data-icon="arrow-l"
           data-iconpos="notext"></a>

        <h1 style="font-size: large">挂牌查询</h1>
    </div>

    <div data-role="content">
        <label for="startDate">开始日期:</label>
        <input id="startDate" type="text" data-role="datebox"
               data-options='{"mode": "flipbox", "useButton": true}' data-mini="true">

        <label for="endDate">结束日期:</label>
        <input id="endDate" type="text" data-role="datebox"
               data-options='{"mode": "flipbox", "useButton": true}' data-mini="true">

        <span style="color: red">*默认查询当月挂牌信息</span>

        <br>
        <a class="ui-shadow ui-btn ui-corner-all ui-btn-inline ui-btn-icon-left ui-icon-search"
           onclick="getGpcxData()">查询</a>

    </div>
</div>


<!-- 挂牌查询3 -- 查询详细结果页面 -->
<div data-role="page" id="gpcx3" data-add-back-btn="true">
    <div data-role="header" data-theme="b" style="height: 3.5em">
        <a href="index2.html" data-ajax="false" data-role="button" class="ui-btn-left" data-icon="arrow-l"
           data-iconpos="notext"></a>

        <h1 style="font-size: large">挂牌查询</h1>
    </div>

    <div data-role="content">
        <div id="summaryWrapper" class="wrapper">
            <div id="summaryScroller" class="scroller">
                <div id="summaryPullDown" class="pullDown">
                    <span class="pullDownIcon"></span><span class="pullDownLabel">下拉刷新...</span>
                </div>
                <table id="gpcxDetail-result" data-role="table" data-mode="columntoggle"
                       class="ui-responsive table-stroke">
                    <thead>
                    <tr>
                        <!-- 如果列比较多，屏幕比较窄 则会优先显示 data-priority = "1"的  数越小优先级越高 -->
                        <th data-priority="0">单位</th>
                        <th data-priority="0">挂牌人</th>
                        <th data-priority="0">挂牌时间</th>
                        <th data-priority="1">摘牌人</th>
                        <th data-priority="1">摘牌时间</th>
                        <th data-priority="0">状态</th>
                    </tr>
                    </thead>

                    <tbody>
                    </tbody>
                </table>

                <div id="summaryPullUp" class="pullUp">
                    <span class="pullUpIcon"></span><span class="pullUpLabel">上拉加载更多...</span>
                </div>
            </div>
        </div>
    </div>
</div>

</body>
</html>