puti
/
snd-escloud


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195
							<!DOCTYPE HTML>
<html xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
      layout:decorate="~{admin/common/common}">
<head>
    <title>单据追踪</title>
</head>
<body layout:fragment="content">
<nav class="breadcrumb">
    <i class="Hui-iconfont">&#xe67f;</i>
    首页 <span class="c-gray en">&gt;</span>
    政务事务跟踪 <span class="c-gray en">&gt;</span>
    单据追踪
    <a class="btn btn-success radius r" style="line-height:1.6em;margin-top:3px"
       href="javascript:location.replace(location.href);" title="刷新"><i class="Hui-iconfont">&#xe68f;</i></a>
</nav>
<form id="myForm" th:action="@{/track/order}" th:method="get">
    <div class="page-container">
        <div class="clearfix">
            <div class="f-l" style="margin-bottom: 10px;">
                <span class="select-box" style="width:170px; margin-right: 10px;">
                    <select class="select" name="businessType" th:id="businessType" onchange="getType()">
                        <option value="">请选择政务类别</option>
                        <option value="1" th:selected="${businessType}==1">区级工业经济扶持</option>
                        <option value="2" th:selected="${businessType}==2">省市申报</option>
                        <option value="3" th:selected="${businessType}==3">报表填报</option>
                        <option value="4" th:selected="${businessType}==4">服务事项</option>
                        <option value="5" th:selected="${businessType}==5">存量用地</option>
                    </select>
                </span>
                <span class="select-box" style="width:170px; margin-right: 10px;">
                    <select class="select" th:name="typeId" th:id="typeId">
                        <option value="">请选择申请类别、事项</option>
                        <option th:each="item : ${selectList}" th:value="${item.id}" th:text="${item.name}"
                                th:selected="${typeId}==${item.id}">
                        </option>
                    </select>
                </span>
                <span style="margin-right: 10px;">
                    <input type="text" class="input-text" style="width:170px" placeholder="请输入申请单号" name="number" th:id="number"
                       th:value="${number}"/>
                </span>
                <span style="margin-right: 10px;">
                <input type="text" class="input-text" style="width:170px" placeholder="请输入申请企业的名称" name="companyName"
                       th:id="companyName"
                       th:value="${companyName}"/>
                </span>
            </div>
            <div class="f-l">
                <label>开始日期：</label><input type="text" class="input-text" style="width:170px; margin-right:10px;" readonly placeholder="请输入开始日期"
                                           id="startDate" name="startDate" th:id="startDate"/>
                <label>结束日期：</label><input type="text" class="input-text" style="width:170px;" readonly placeholder="请输入结束日期"
                                       id="endDate" name="endDate" th:id="endDate"/>
                <button type="submit" class="btn btn-primary">
                    搜索
                </button>
            </div>
        </div>
        <div class="cl pd-5 bg-1 bk-gray mt-20">
            <span class="l">
                <a onclick="exportExcel()" class="btn btn-primary radius"><i class="Hui-iconfont">&#xe600;</i> 导出</a>
            </span>
            <span class="r">共有数据：<strong th:text="${pageInfo?.total}" id="total">0</strong> 条</span>
        </div>
        <table class="table table-border table-bordered table-bg table-hover" style="table-layout: fixed;width:100%;">
            <thead>
            <tr class="text-c">
                <th>政务类别</th>
                <th>申请类别、事项</th>
                <th>申请单号</th>
                <th>申请企业</th>
                <th>当前状态</th>
                <th>单据详情</th>
            </tr>
            </thead>
            <tbody>
            <tr class="text-c" th:each="m,iterStat:${pageInfo.list}">
                <td class="text-overflow" th:text="${m.businessName}" th:title="${m.businessName}"></td>
                <td class="text-overflow" th:text="${m.typeName}" th:title="${m.typeName}"></td>
                <td class="text-overflow" th:text="${m.number}" th:title="${m.number}"></td>
                <td class="text-overflow" th:text="${m.companyName}" th:title="${m.companyName}"></td>
                <td class="text-overflow" th:text="${m.status}" th:title="${m.status}"></td>
                <td class="td-manage">
                    <a class="ml-5"
                       th:onclick="'javascript:goToDetail(\'查看详情\',\''+${m.id}+'\',\''+${m.businessType}+'\');'">详情</a>
                </td>
            </tr>
            </tbody>
        </table>
        <div th:replace="admin/common/page :: page"></div>
    </div>
</form>

<script type="text/javascript" th:src="@{/js/common/page.js}"></script>
<script th:inline="javascript">

    function goToDetail(title, id, businessType) {
        var index = layer_show(title, pagePath + '/track/orderDetail/' + id + '/' + businessType);
        layer.full(index);
    }

    function getType() {
        var businessType = $('#businessType').val()
        if (businessType == "" || businessType == null || businessType == undefined) {
            $("#typeId").empty();
            $("#typeId").append('<option value="">请选择申请类别、事项</option>');
            return;
        }
        $.ajax({
            type: "get",
            dataType: "json",
            url: pagePath + "/track/getType/" + businessType,
            data: {
                "timestamp": new Date().getTime()
            },
            success: function (result) {
                //console.log(result)
                if (result.success) {
                    //smileMessage(result.message)
                    var array = result.obj;
                    if (array == null) return;
                    var str = '<option value="">请选择申请类别、事项</option>';
                    for (var i = 0; i < array.length; i++) {
                        str += '<option value="' + array[i].id + '">' + array[i].name + '</option>';
                    }
                    $("#typeId").empty();
                    $("#typeId").append(str);
                } else {
                    errorMessage(result.message);
                }
            },
            error: function () {
                errorMessage('系统错误!');
            }
        });
    }

    function exportExcel(id) {

        var businessType = $('#businessType').val()
        var typeId = $('#typeId').val()
        var number = $('#number').val()
        var companyName = $('#companyName').val()
        var startDate = $('#startDate').val()
        var endDate = $('#endDate').val()

        window.open(encodeURI(pagePath + "/track/exportOrderExcel?businessType=" + businessType + "&typeId=" + typeId + "&number="
            + number + "&companyName=" + companyName + "&startDate=" + startDate + "&endDate=" + endDate));
    }

    var startDate = laydate.render({
        elem: '#startDate', //指定元素
        done: function (value, date) {

            if (value !== '') {
                endDate.config.min.year = date.year;
                endDate.config.min.month = date.month - 1;
                endDate.config.min.date = date.date;
                endDate.config.min.hours = date.hours;
                endDate.config.min.minutes = date.minutes;
                endDate.config.min.seconds = date.seconds;
            } else {
                endDate.config.min.year = '1900';
                endDate.config.min.month = '0';
                endDate.config.min.date = '1';
                endDate.config.min.hours = '0';
                endDate.config.min.minutes = '0';
                endDate.config.min.seconds = '0';
            }
        }
    });
    var endDate = laydate.render({
        elem: '#endDate', //指定元素
        done: function (value, date) {

            if (value !== '') {
                startDate.config.max.year = date.year;
                startDate.config.max.month = date.month - 1;
                startDate.config.max.date = date.date;
                startDate.config.max.hours = date.hours;
                startDate.config.max.minutes = date.minutes;
                startDate.config.max.seconds = date.seconds;
            } else {
                startDate.config.max.year = '2100';
                startDate.config.max.month = '0';
                startDate.config.max.date = '1';
                startDate.config.max.hours = '0';
                startDate.config.max.minutes = '0';
                startDate.config.max.seconds = '0';
            }
        }
    });
</script>
</body>
</html>