Commit e2a64d42 authored by Huang's avatar Huang
Browse files

no commit message

parent 0844dd86
<%@ page contentType="text/html;charset=UTF-8" %>
<%@ include file="/WEB-INF/views/include/taglib.jsp"%>
<html>
<head>
<title>订单管理</title>
<%@ include file="/WEB-INF/views/include/headMeta.jsp" %>
<%@ include file="/WEB-INF/views/include/headCss.jsp" %>
<%@ include file="/WEB-INF/views/include/headJs.jsp" %>
</head>
<body>
<!-- 内容-->
<div class="wrapper">
<!-- 内容盒子-->
<div class="box box-main">
<!-- 内容盒子头部 -->
<div class="box-header">
<div class="box-title"><i class="fa fa-edit"></i>
订单管理
</div>
</div>
<!-- 内容盒子身体 -->
<div class="box-body">
<form:form id="inputForm" modelAttribute="tfTicket" action="${ctx}/ylttrip/tfTicket/save" method="post" class="form-horizontal content-background">
<div class="content">
<form:hidden path="id"/>
<sys:message content="${message}"/>
<div class="form-unit">基本信息</div>
<div class="row">
<div class="form-group col-xs-6">
<label class="control-label col-sm-4 pull-left">订单编号<font color="red">*</font></label>
<div class="col-sm-8">
<form:input placeholder="订单编号" path="ticketNo" htmlEscape="false" maxlength="25" class="form-control required"/>
<div class="help-block">请填写订单编号</div>
</div>
</div>
<div class="form-group col-xs-6">
<label class="control-label col-sm-4 pull-left">商品编号</label>
<div class="col-sm-8">
<form:input placeholder="商品编号" path="goodsNo" htmlEscape="false" maxlength="25" class="form-control "/>
<div class="help-block">请填写商品编号</div>
</div>
</div>
<div class="form-group col-xs-6">
<label class="control-label col-sm-4 pull-left">种类编号</label>
<div class="col-sm-8">
<form:input placeholder="种类编号" path="goodsItemId" htmlEscape="false" maxlength="255" class="form-control "/>
<div class="help-block">请填写种类编号</div>
</div>
</div>
<div class="form-group col-xs-6">
<label class="control-label col-sm-4 pull-left">种类名称</label>
<div class="col-sm-8">
<form:input placeholder="种类名称" path="goodsItemName" htmlEscape="false" maxlength="255" class="form-control "/>
<div class="help-block">请填写种类名称</div>
</div>
</div>
<div class="form-group col-xs-6">
<label class="control-label col-sm-4 pull-left">商品数量</label>
<div class="col-sm-8">
<form:input placeholder="商品数量" path="goodsNum" htmlEscape="false" maxlength="11" class="form-control digits"/>
<div class="help-block">请填写商品数量</div>
</div>
</div>
<div class="form-group col-xs-6">
<label class="control-label col-sm-4 pull-left">商品单价</label>
<div class="col-sm-8">
<form:input placeholder="商品单价" path="price" htmlEscape="false" class="form-control number"/>
<div class="help-block">请填写商品单价</div>
</div>
</div>
<div class="form-group col-xs-6">
<label class="control-label col-sm-4 pull-left">订单金额</label>
<div class="col-sm-8">
<form:input placeholder="订单金额" path="salePrice" htmlEscape="false" class="form-control number"/>
<div class="help-block">请填写订单金额</div>
</div>
</div>
<div class="form-group col-xs-6">
<label class="control-label col-sm-4 pull-left">下单人</label>
<div class="col-sm-8">
<sys:treeselect id="user" name="user.id" value="${tfTicket.user.id}" labelName="user.name" labelValue="${tfTicket.user.name}"
title="用户" url="/sys/office/treeData?type=3" cssClass="form-control " allowClear="true" notAllowSelectParent="true"/>
<div class="help-block">请选择下单人</div>
</div>
</div>
<div class="form-group col-xs-6">
<label class="control-label col-sm-4 pull-left">下单时间</label>
<div class="col-sm-8">
<input id="orderDate" name="orderDate" type="text" maxlength="20" class="laydate-icon form-control layer-date "
value="<fmt:formatDate value="${tfTicket.orderDate}" pattern="yyyy-MM-dd HH:mm:ss"/>"/>
<div class="help-block">请选择下单时间</div>
</div>
</div>
<div class="form-group col-xs-6">
<label class="control-label col-sm-4 pull-left">订单状态</label>
<div class="col-sm-8">
<form:radiobuttons path="state" items="${fns:getDictList('STATE')}" itemLabel="label" itemValue="value" htmlEscape="false" class="i-checks "/>
<div class="help-block">请选择订单状态</div>
</div>
</div>
<div class="form-group col-xs-6">
<label class="control-label col-sm-4 pull-left">状态时间</label>
<div class="col-sm-8">
<input id="stateDate" name="stateDate" type="text" maxlength="20" class="laydate-icon form-control layer-date "
value="<fmt:formatDate value="${tfTicket.stateDate}" pattern="yyyy-MM-dd HH:mm:ss"/>"/>
<div class="help-block">请选择状态时间</div>
</div>
</div>
<div class="form-group col-xs-6">
<label class="control-label col-sm-4 pull-left">客户姓名</label>
<div class="col-sm-8">
<form:input placeholder="客户姓名" path="custName" htmlEscape="false" maxlength="50" class="form-control "/>
<div class="help-block">请填写客户姓名</div>
</div>
</div>
<div class="form-group col-xs-6">
<label class="control-label col-sm-4 pull-left">联系电话</label>
<div class="col-sm-8">
<form:input placeholder="联系电话" path="linkPhone" htmlEscape="false" maxlength="50" class="form-control "/>
<div class="help-block">请填写联系电话</div>
</div>
</div>
<div class="form-group col-xs-6">
<label class="control-label col-sm-4 pull-left">收货地址</label>
<div class="col-sm-8">
<form:input placeholder="收货地址" path="address" htmlEscape="false" maxlength="500" class="form-control "/>
<div class="help-block">请填写收货地址</div>
</div>
</div>
<div class="form-group col-xs-6">
<label class="control-label col-sm-4 pull-left">付款方式</label>
<div class="col-sm-8">
<form:radiobuttons path="payType" items="${fns:getDictList('PAY_TYPE')}" itemLabel="label" itemValue="value" htmlEscape="false" class="i-checks "/>
<div class="help-block">请选择付款方式</div>
</div>
</div>
<div class="form-group col-xs-6">
<label class="control-label col-sm-4 pull-left">入园号</label>
<div class="col-sm-8">
<form:input placeholder="入园号" path="checkinCode" htmlEscape="false" maxlength="255" class="form-control "/>
<div class="help-block">请填写入园号</div>
</div>
</div>
<div class="form-group col-xs-6">
<label class="control-label col-sm-4 pull-left">票务系统订单号</label>
<div class="col-sm-8">
<form:input placeholder="票务系统订单号" path="reserveId" htmlEscape="false" maxlength="30" class="form-control "/>
<div class="help-block">请填写票务系统订单号</div>
</div>
</div>
<div class="form-group col-xs-6">
<label class="control-label col-sm-4 pull-left">订单备注</label>
<div class="col-sm-8">
<form:textarea path="remark" htmlEscape="false" rows="4" maxlength="500" class="form-control "/>
<sys:ckeditor replace="remark" height="400" uploadPath="/ylttrip/tfTicket" />
</div>
</div>
</div>
<div class="form-group">
<c:if test="${action ne 'view'}">
<a id="btnSubmit" class="btn btn-primary">保存</a>
</c:if>
<a id="btnBack" class="btn btn-default">返回</a>
<!--a class="btn btn-primary" onclick="top.closeSelectTabs()">关闭</a-->
</div>
</div>
</form:form>
</div>
</div>
</div>
<div id="messageBox">${message}</div>
<%@ include file="/WEB-INF/views/include/footJs.jsp" %>
<script src="/staticViews/viewBase.js"></script>
<script src="/staticViews/modules/ylttrip//tfTicketForm.js" type="text/javascript"></script>
<link href="/staticViews/modules/ylttrip//tfTicketForm.css" rel="stylesheet" />
</body>
</html>
\ No newline at end of file
<%@ page contentType="text/html;charset=UTF-8" %>
<%@ include file="/WEB-INF/views/include/taglib.jsp"%>
<html>
<head>
<title>订单管理</title>
<%@ include file="/WEB-INF/views/include/headMeta.jsp" %>
<%@ include file="/WEB-INF/views/include/headCss.jsp" %>
<%@ include file="/WEB-INF/views/include/headJs.jsp" %>
<%@ include file="/WEB-INF/views/include/echarts.jsp" %>
</head>
<body>
<!-- 内容-->
<div class="wrapper">
<!-- 内容盒子-->
<div class="box box-main">
<!-- 内容盒子头部 -->
<div class="box-header">
<div class="box-title"><i class="fa fa-edit"></i>订单管理</div>
<div class="box-tools pull-right">
<a id="btnSearchView" href="#" title="筛选" class="btn btn-default btn-sm"><i
class="fa fa-filter"></i>筛选</a>
<a id="btnRefresh" title="刷新" class="btn btn-default btn-sm"><i class="glyphicon glyphicon-repeat"></i>刷新</a>
<shiro:hasPermission name="ylttrip:tfTicket:add">
<a id="btnAdd" href="${ctx}/ylttrip/tfTicket/form" title="增加" class="btn btn-default btn-sm"><i
class="fa fa-plus"></i>增加</a>
<a id="btnAdd" href="${ctx}/ylttrip/tfTicket/form?ViewFormType=FormTwo" title="增加2" class="btn btn-default btn-sm"><i
class="fa fa-plus"></i>增加2</a>
</shiro:hasPermission>
<shiro:hasPermission name="ylttrip:tfTicket:del">
<a id="btnDeleteAll" href="${ctx}/ylttrip/tfTicket/deleteAll" title="删除"
class="btn btn-default btn-sm"><i class="fa fa-trash-o"></i>删除</a>
</shiro:hasPermission>
<a id="btnTotalView" href="#" title="统计" class="btn btn-default btn-sm"><i class="fa fa-file-pdf-o"></i>统计</a>
<shiro:hasPermission name="ylttrip:tfTicket:import">
<table:importExcel url="${ctx}/ylttrip/tfTicket/import"></table:importExcel><!-- 导入按钮 -->
</shiro:hasPermission>
<shiro:hasPermission name="ylttrip:tfTicket:export">
<table:exportExcel url="${ctx}/ylttrip/tfTicket/export"></table:exportExcel><!-- 导出按钮 -->
</shiro:hasPermission>
<a href="${ctx}/ylttrip/tfTicket/listVue" title="Vue" class="btn btn-default btn-sm"><i
class="glyphicon glyphicon-repeat"></i>Vue</a>
<shiro:hasPermission name="ylttrip:tfTicket:total">
<a href="${ctx}/ylttrip/tfTicket/total" title="统计图表" class="btn btn-default btn-sm"><i
class="glyphicon glyphicon-repeat"></i>统计图表</a>
<a href="${ctx}/ylttrip/tfTicket/totalMap" title="统计地图" class="btn btn-default btn-sm"><i
class="glyphicon glyphicon-repeat"></i>统计地图</a>
</shiro:hasPermission>
<!-- 工具功能 -->
<%@ include file="/WEB-INF/views/include/btnGroup.jsp" %>
</div>
</div>
<!-- 内容盒子身体 -->
<div class="box-body">
<!-- 查询条件 -->
<form:form id="searchForm" modelAttribute="tfTicket" action="${ctx}/ylttrip/tfTicket/" method="post" class="form-inline">
<input id="pageNo" name="pageNo" type="hidden" value="${page.pageNo}"/>
<input id="pageSize" name="pageSize" type="hidden" value="${page.pageSize}"/>
<input id="orderBy" name="orderBy" type="hidden" value="${page.orderBy}"/>
<div class="form-group">
<span>订单编号:</span>
<form:input path="ticketNo" htmlEscape="false" maxlength="25" class=" form-control input-sm"/>
</div>
<div class="form-group">
<span>商品编号:</span>
<form:input path="goodsNo" htmlEscape="false" maxlength="25" class=" form-control input-sm"/>
</div>
<div class="form-group">
<span>种类编号:</span>
<form:input path="goodsItemId" htmlEscape="false" maxlength="255" class=" form-control input-sm"/>
</div>
<div class="form-group">
<span>种类名称:</span>
<form:input path="goodsItemName" htmlEscape="false" maxlength="255" class=" form-control input-sm"/>
</div>
<div class="form-group">
<span>商品数量:</span>
<form:input path="goodsNum" htmlEscape="false" maxlength="11" class=" form-control input-sm"/>
</div>
<div class="form-group">
<span>商品单价:</span>
<form:input path="price" htmlEscape="false" class=" form-control input-sm"/>
</div>
<div class="form-group">
<span>订单金额:</span>
<form:input path="salePrice" htmlEscape="false" class=" form-control input-sm"/>
</div>
<div class="form-group">
<span>下单人:</span>
<sys:treeselect id="user" name="user.id" value="${tfTicket.user.id}" labelName="user.name" labelValue="${tfTicket.user.name}"
title="用户" url="/sys/office/treeData?type=3" cssClass="form-control input-sm" allowClear="true" notAllowSelectParent="true"/>
</div>
<div class="form-group">
<span>下单时间:</span>
<input id="beginOrderDate" name="beginOrderDate" type="text" maxlength="20" class="laydate-icon form-control layer-date input-sm"
value="<fmt:formatDate value="${tfTicket.beginOrderDate}" pattern="yyyy-MM-dd HH:mm:ss"/>"/> -
<input id="endOrderDate" name="endOrderDate" type="text" maxlength="20" class="laydate-icon form-control layer-date input-sm"
value="<fmt:formatDate value="${tfTicket.endOrderDate}" pattern="yyyy-MM-dd HH:mm:ss"/>"/>
</div>
<div class="form-group">
<span>订单状态:</span>
<form:radiobuttons class="i-checks" path="state" items="${fns:getDictListAddAll('STATE')}" itemLabel="label" itemValue="value" htmlEscape="false"/>
</div>
<div class="form-group">
<span>状态时间:</span>
<input id="beginStateDate" name="beginStateDate" type="text" maxlength="20" class="laydate-icon form-control layer-date input-sm"
value="<fmt:formatDate value="${tfTicket.beginStateDate}" pattern="yyyy-MM-dd HH:mm:ss"/>"/> -
<input id="endStateDate" name="endStateDate" type="text" maxlength="20" class="laydate-icon form-control layer-date input-sm"
value="<fmt:formatDate value="${tfTicket.endStateDate}" pattern="yyyy-MM-dd HH:mm:ss"/>"/>
</div>
<div class="form-group">
<span>客户姓名:</span>
<form:input path="custName" htmlEscape="false" maxlength="50" class=" form-control input-sm"/>
</div>
<div class="form-group">
<span>联系电话:</span>
<form:input path="linkPhone" htmlEscape="false" maxlength="50" class=" form-control input-sm"/>
</div>
<div class="form-group">
<span>付款方式:</span>
<form:radiobuttons class="i-checks" path="payType" items="${fns:getDictListAddAll('PAY_TYPE')}" itemLabel="label" itemValue="value" htmlEscape="false"/>
</div>
<div class="form-group">
<button id="btnSearch" class="btn btn-primary"><i class="fa fa-search"></i> 查询</button>
<button id="btnReset" class="btn btn-default"><i class="fa fa-refresh"></i> 重置</button>
</div>
</form:form>
<!-- 表格 -->
<table id="contentTable" class="table table-hover table-condensed dataTables-example dataTable">
<thead>
<tr>
<th> <input type="checkbox" class="i-checks"></th>
<th class="sort-column ticketNo ">订单编号</th>
<th class="sort-column goodsNo ">商品编号</th>
<th class="sort-column goodsItemId ">种类编号</th>
<th class="sort-column goodsItemName hidden-xs">种类名称</th>
<th class="sort-column goodsNum hidden-xs">商品数量</th>
<th class="sort-column price hidden-xs">商品单价</th>
<th class="sort-column salePrice hidden-xs">订单金额</th>
<th class="sort-column user.name hidden-xs">下单人</th>
<th class="sort-column linkPhone hidden-xs">联系电话</th>
<th class="sort-column payType hidden-xs">付款方式</th>
<th class="sort-column checkinCode hidden-xs">入园号</th>
<th class="sort-column reserveId hidden-xs">票务系统订单号</th>
<th class="sort-column remark hidden-xs">订单备注</th>
<th>操作</th>
</tr>
</thead>
<tbody>
<c:forEach items="${page.list}" var="tfTicket">
<tr>
<td>
<input type="checkbox" id="${tfTicket.id}"
ticketNo="${tfTicket.ticketNo}"
goodsNo="${tfTicket.goodsNo}"
goodsItemId="${tfTicket.goodsItemId}"
goodsItemName="${tfTicket.goodsItemName}"
goodsNum="${tfTicket.goodsNum}"
price="${tfTicket.price}"
salePrice="${tfTicket.salePrice}"
user.id="${tfTicket.user.id}"
linkPhone="${tfTicket.linkPhone}"
payType="${tfTicket.payType}"
checkinCode="${tfTicket.checkinCode}"
reserveId="${tfTicket.reserveId}"
class="i-checks"></td>
<td class=""><a href="${ctx}/ylttrip/tfTicket/form?id=${tfTicket.id}&action=view">
${tfTicket.ticketNo}
</a></td>
<td class="">
${tfTicket.goodsNo}
</td>
<td class="">
${tfTicket.goodsItemId}
</td>
<td class="hidden-xs">
${tfTicket.goodsItemName}
</td>
<td class="hidden-xs">
${tfTicket.goodsNum}
</td>
<td class="hidden-xs">
${tfTicket.price}
</td>
<td class="hidden-xs">
${tfTicket.salePrice}
</td>
<td class="hidden-xs">
${tfTicket.user.name}
</td>
<td class="hidden-xs">
${tfTicket.linkPhone}
</td>
<td class="hidden-xs">
${fns:getDictLabel(tfTicket.payType, 'PAY_TYPE', '')}
</td>
<td class="hidden-xs">
${tfTicket.checkinCode}
</td>
<td class="hidden-xs">
${tfTicket.reserveId}
</td>
<td class="hidden-xs">
${tfTicket.remark}
</td>
<td>
<shiro:hasPermission name="ylttrip:tfTicket:view">
<a href="${ctx}/ylttrip/tfTicket/form?id=${tfTicket.id}&action=view" title="查看"><i class="fa fa-search-plus"></i></a>
</shiro:hasPermission>
<shiro:hasPermission name="ylttrip:tfTicket:edit">
<a href="${ctx}/ylttrip/tfTicket/form?id=${tfTicket.id}" title="修改" title="修改"><i class="fa fa-pencil"></i></a>
</shiro:hasPermission>
<shiro:hasPermission name="ylttrip:tfTicket:del">
<a href="${ctx}/ylttrip/tfTicket/delete?id=${tfTicket.id}" onclick="return confirmx('确认要删除该订单吗?', this.href)" title="删除"><i class="fa fa-trash-o"></i></a>
</shiro:hasPermission>
</td>
</tr>
</c:forEach>
</tbody>
</table>
<!-- 分页代码 -->
${page.toStringPage()}
<!-- 统计 -->
<div class="row" id="total" style="margin-top: 10px;">
<div class="col-sm-12 echartsEval">
<h4>合计:${sumTotalCount}行;
商品数量:${sumGoodsNum};
商品单价:${sumPrice};
订单金额:${sumSalePrice};
</h4>
<div id="pie" class="main000"></div>
<echarts:pie
id="pie"
title="订单数量饼图"
subtitle="订单数量饼图"
orientData="${orientData}"/>
<!--div id="pieSumGoodsNum" class="main000"></div-->
<!--xxx-echarts:pie
id="pieSumGoodsNum"
title="订单商品数量饼图"
subtitle="订单商品数量饼图"
orientData="${orientDataSumGoodsNum}"/-->
<!--div id="pieSumPrice" class="main000"></div-->
<!--xxx-echarts:pie
id="pieSumPrice"
title="订单商品单价饼图"
subtitle="订单商品单价饼图"
orientData="${orientDataSumPrice}"/-->
<!--div id="pieSumSalePrice" class="main000"></div-->
<!--xxx-echarts:pie
id="pieSumSalePrice"
title="订单订单金额饼图"
subtitle="订单订单金额饼图"
orientData="${orientDataSumSalePrice}"/-->
<div id="line_normal" class="main000"></div>
<echarts:line
id="line_normal"
title="订单曲线"
subtitle="订单曲线"
xAxisData="${xAxisData}"
yAxisData="${yAxisData}"
xAxisName="时间"
yAxisName="数量" />
</div>
</div>
<!-- 统计 end-->
</div>
</div>
</div>
<!-- 信息-->
<div id="messageBox">${message}</div>
<script src="/staticViews/viewBase.js"></script>
<script src="/staticViews/modules/ylttrip//tfTicketList.js" type="text/javascript"></script>
<link href="/staticViews/modules/ylttrip/tfTicketList.css" rel="stylesheet" />
</body>
</html>
\ No newline at end of file
<%@ page contentType="text/html;charset=UTF-8" %>
<%@ include file="/WEB-INF/views/include/taglib.jsp"%>
<html>
<head>
<title>订单管理</title>
<%@ include file="/WEB-INF/views/include/headMeta.jsp" %>
<%@ include file="/WEB-INF/views/include/headCss.jsp" %>
<%@ include file="/WEB-INF/views/include/headJs.jsp" %>
<script src="/staticViews/modules/ylttrip//tfTicketList.js" type="text/javascript"></script>
<link href="/staticViews/modules/ylttrip//tfTicketList.css" rel="stylesheet" />
</head>
<body>
<!-- 内容-->
<div class="wrapper" id="rrapp">
<!-- 内容盒子-->
<div class="box box-main">
<!-- 内容盒子头部 -->
<div class="box-header">
<div class="box-title"><i class="fa fa-edit"></i>订单管理</div>
<div class="box-tools pull-right">
<button class="btn btn-success btn-sm " onclick="$('#searchForm').toggle();$('.fa-chevron').toggle();" title="筛选">
<i class="fa-chevron fa fa-chevron-up"></i><i class="fa-chevron fa fa-chevron-down" style="display:none"></i> 筛选
</button>
<shiro:hasPermission name="ylttrip:tfTicket:add">
<a id="btnAdd" href="${ctx}/ylttrip/tfTicket/form" title="增加" class="btn btn-default btn-sm"><i
class="fa fa-plus"></i>增加</a>
<a id="btnAdd" href="${ctx}/ylttrip/tfTicket/form?ViewFormType=FormTwo" title="增加2" class="btn btn-default btn-sm"><i
class="fa fa-plus"></i>增加2</a>
</shiro:hasPermission>
<shiro:hasPermission name="ylttrip:tfTicket:del">
<a id="btnDeleteAll" href="${ctx}/ylttrip/tfTicket/deleteAll" title="删除"
class="btn btn-default btn-sm"><i class="fa fa-trash-o"></i>删除</a>
</shiro:hasPermission>
<shiro:hasPermission name="ylttrip:tfTicket:import">
<table:importExcel url="${ctx}/ylttrip/tfTicket/import"></table:importExcel><!-- 导入按钮 -->
</shiro:hasPermission>
<shiro:hasPermission name="ylttrip:tfTicket:export">
<table:exportExcel url="${ctx}/ylttrip/tfTicket/export"></table:exportExcel><!-- 导出按钮 -->
</shiro:hasPermission>
<a href="${ctx}/ylttrip/tfTicket/list" title="Vue" class="btn btn-default btn-sm"><i
class="glyphicon glyphicon-repeat"></i>list</a>
<shiro:hasPermission name="ylttrip:tfTicket:total">
<a href="${ctx}/ylttrip/tfTicket/total" title="统计图表" class="btn btn-default btn-sm"><i
class="glyphicon glyphicon-repeat"></i>统计图表</a>
<a href="${ctx}/ylttrip/tfTicket/totalMap" title="统计地图" class="btn btn-default btn-sm"><i
class="glyphicon glyphicon-repeat"></i>统计地图</a>
</shiro:hasPermission>
</div>
</div>
<!-- 内容盒子身体 -->
<div class="box-body">
<!--查询条件-->
<form:form id="searchForm" modelAttribute="tfTicket" action="${ctx}/../rest/ylttrip/tfTicket/list" method="post" class="form-inline">
<input id="pageNo" name="pageNo" type="hidden" value="${page.pageNo}"/>
<input id="pageSize" name="pageSize" type="hidden" value="${page.pageSize}"/>
<input id="orderBy" name="orderBy" type="hidden" value="${page.orderBy}"/>
<div class="form-group">
<span>订单编号:</span>
<form:input path="ticketNo" htmlEscape="false" maxlength="25" class=" form-control input-sm"/>
</div>
<div class="form-group">
<span>商品编号:</span>
<form:input path="goodsNo" htmlEscape="false" maxlength="25" class=" form-control input-sm"/>
</div>
<div class="form-group">
<span>种类编号:</span>
<form:input path="goodsItemId" htmlEscape="false" maxlength="255" class=" form-control input-sm"/>
</div>
<div class="form-group">
<span>种类名称:</span>
<form:input path="goodsItemName" htmlEscape="false" maxlength="255" class=" form-control input-sm"/>
</div>
<div class="form-group">
<span>商品数量:</span>
<form:input path="goodsNum" htmlEscape="false" maxlength="11" class=" form-control input-sm"/>
</div>
<div class="form-group">
<span>商品单价:</span>
<form:input path="price" htmlEscape="false" class=" form-control input-sm"/>
</div>
<div class="form-group">
<span>订单金额:</span>
<form:input path="salePrice" htmlEscape="false" class=" form-control input-sm"/>
</div>
<div class="form-group">
<span>下单人:</span>
<sys:treeselect id="user" name="user.id" value="${tfTicket.user.id}" labelName="user.name" labelValue="${tfTicket.user.name}"
title="用户" url="/sys/office/treeData?type=3" cssClass="form-control input-sm" allowClear="true" notAllowSelectParent="true"/>
</div>
<div class="form-group">
<span>下单时间:</span>
<input id="beginOrderDate" name="beginOrderDate" type="text" maxlength="20" class="laydate-icon form-control layer-date input-sm"
value="<fmt:formatDate value="${tfTicket.beginOrderDate}" pattern="yyyy-MM-dd HH:mm:ss"/>"/> -
<input id="endOrderDate" name="endOrderDate" type="text" maxlength="20" class="laydate-icon form-control layer-date input-sm"
value="<fmt:formatDate value="${tfTicket.endOrderDate}" pattern="yyyy-MM-dd HH:mm:ss"/>"/>
</div>
<div class="form-group">
<span>订单状态:</span>
<form:radiobuttons class="i-checks" path="state" items="${fns:getDictList('STATE')}" itemLabel="label" itemValue="value" htmlEscape="false"/>
</div>
<div class="form-group">
<span>状态时间:</span>
<input id="beginStateDate" name="beginStateDate" type="text" maxlength="20" class="laydate-icon form-control layer-date input-sm"
value="<fmt:formatDate value="${tfTicket.beginStateDate}" pattern="yyyy-MM-dd HH:mm:ss"/>"/> -
<input id="endStateDate" name="endStateDate" type="text" maxlength="20" class="laydate-icon form-control layer-date input-sm"
value="<fmt:formatDate value="${tfTicket.endStateDate}" pattern="yyyy-MM-dd HH:mm:ss"/>"/>
</div>
<div class="form-group">
<span>客户姓名:</span>
<form:input path="custName" htmlEscape="false" maxlength="50" class=" form-control input-sm"/>
</div>
<div class="form-group">
<span>联系电话:</span>
<form:input path="linkPhone" htmlEscape="false" maxlength="50" class=" form-control input-sm"/>
</div>
<div class="form-group">
<span>付款方式:</span>
<form:radiobuttons class="i-checks" path="payType" items="${fns:getDictList('PAY_TYPE')}" itemLabel="label" itemValue="value" htmlEscape="false"/>
</div>
<div class="form-group">
<button id="btnSearch" class="btn btn-primary"><i class="fa fa-search"></i> 查询</button>
<button id="btnReset" class="btn btn-default"><i class="fa fa-refresh"></i> 重置</button>
</div>
</form:form>
<!-- 表格 -->
<table id="contentTable" class="table table-hover table-condensed dataTables-example dataTable">
<thead>
<tr>
<th> <input type="checkbox" class="i-checks"></th>
<th class="sort-column ticketNo ">订单编号</th>
<th class="sort-column goodsNo ">商品编号</th>
<th class="sort-column goodsItemId ">种类编号</th>
<th class="sort-column goodsItemName hidden-xs">种类名称</th>
<th class="sort-column goodsNum hidden-xs">商品数量</th>
<th class="sort-column price hidden-xs">商品单价</th>
<th class="sort-column salePrice hidden-xs">订单金额</th>
<th class="sort-column user.name hidden-xs">下单人</th>
<th class="sort-column linkPhone hidden-xs">联系电话</th>
<th class="sort-column payType hidden-xs">付款方式</th>
<th class="sort-column checkinCode hidden-xs">入园号</th>
<th class="sort-column reserveId hidden-xs">票务系统订单号</th>
<th class="sort-column remark hidden-xs">订单备注</th>
<th>操作</th>
</tr>
</thead>
<tbody>
<tr v-for="item in page" >
<td>
<input type="checkbox" :id="item.id"
ticketNo="${tfTicket.ticketNo}"
goodsNo="${tfTicket.goodsNo}"
goodsItemId="${tfTicket.goodsItemId}"
goodsItemName="${tfTicket.goodsItemName}"
goodsNum="${tfTicket.goodsNum}"
price="${tfTicket.price}"
salePrice="${tfTicket.salePrice}"
user.id="${tfTicket.user.id}"
linkPhone="${tfTicket.linkPhone}"
payType="${tfTicket.payType}"
checkinCode="${tfTicket.checkinCode}"
reserveId="${tfTicket.reserveId}"
remark="${tfTicket.remark}"
class="i-checks"></td>
<td class=""><a href="#" v-on:click="openDialogView('查看订单', '${ctx}/ylttrip/tfTicket/form?id='+item.id,'800px', '500px')">
{{item.ticketNo}}
</a></td>
<td class="">
{{item.goodsNo}}
</td>
<td class="">
{{item.goodsItemId}}
</td>
<td class="hidden-xs">
{{item.goodsItemName}}
</td>
<td class="hidden-xs">
{{item.goodsNum}}
</td>
<td class="hidden-xs">
{{item.price}}
</td>
<td class="hidden-xs">
{{item.salePrice}}
</td>
<td class="hidden-xs">
{{item.user.name}}
</td>
<td class="hidden-xs">
{{item.linkPhone}}
</td>
<td class="hidden-xs">
{{item.payTypeLabel}}
</td>
<td class="hidden-xs">
{{item.checkinCode}}
</td>
<td class="hidden-xs">
{{item.reserveId}}
</td>
<td class="hidden-xs">
{{item.remark}}
</td>
<td>
<shiro:hasPermission name="ylttrip:tfTicket:view">
<a href="${ctx}/ylttrip/tfTicket/form?id=${tfTicket.id}&action=view" title="查看"><i class="fa fa-search-plus"></i></a>
</shiro:hasPermission>
<shiro:hasPermission name="ylttrip:tfTicket:edit">
<a href="${ctx}/ylttrip/tfTicket/form?id=${tfTicket.id}" title="修改" title="修改"><i class="fa fa-pencil"></i></a>
</shiro:hasPermission>
<shiro:hasPermission name="ylttrip:tfTicket:del">
<a href="${ctx}/ylttrip/tfTicket/delete?id=${tfTicket.id}" onclick="return confirmx('确认要删除该订单吗?', this.href)" title="删除"><i class="fa fa-trash-o"></i></a>
</shiro:hasPermission>
</td>
</tr>
</tbody>
</table>
<!-- 分页代码 -->
<div v-html="result.html">
{{result.html}}
</div>
</div>
</div>
</div>
<!-- 信息-->
<div id="messageBox">${message}</div>
<script src="/staticViews/viewBase.js"></script>
<script src="/static/vue/vue.min.js"></script>
<script src="/static/common/SpringUI.js"></script>
</body>
</html>
\ No newline at end of file
<%@ page contentType="text/html;charset=UTF-8" %>
<%@ include file="/WEB-INF/views/include/taglib.jsp"%>
<html>
<head>
<title>订单管理</title>
<meta name="decorator" content="default"/>
<%@ include file="/WEB-INF/views/include/head.jsp"%>
<script type="text/javascript">
$(document).ready(function() {
laydate({
elem: '#beginOrderDate', //目标元素。由于laydate.js封装了一个轻量级的选择器引擎,因此elem还允许你传入class、tag但必须按照这种方式 '#id .class'
event: 'focus' //响应事件。如果没有传入event,则按照默认的click
});
laydate({
elem: '#endOrderDate', //目标元素。由于laydate.js封装了一个轻量级的选择器引擎,因此elem还允许你传入class、tag但必须按照这种方式 '#id .class'
event: 'focus' //响应事件。如果没有传入event,则按照默认的click
});
laydate({
elem: '#beginStateDate', //目标元素。由于laydate.js封装了一个轻量级的选择器引擎,因此elem还允许你传入class、tag但必须按照这种方式 '#id .class'
event: 'focus' //响应事件。如果没有传入event,则按照默认的click
});
laydate({
elem: '#endStateDate', //目标元素。由于laydate.js封装了一个轻量级的选择器引擎,因此elem还允许你传入class、tag但必须按照这种方式 '#id .class'
event: 'focus' //响应事件。如果没有传入event,则按照默认的click
});
});
function openWindowSelect(){
window.backup="selectData";
// 正常打开
top.layer.open({
type: 2,
area: ['800px', '720px'],
title:"选择部门",
ajaxData:{},
content: location.href ,
btn: ['确定', '关闭']
,yes: function(index, layero){ //或者使用btn1
var window = layero.find("iframe")[0].contentWindow;//h.find("iframe").contents();
//回调方法,可以选择使用
window.backup="selectData";
window.select();
//直接处理returnValue值,可以选择使用
if (window.opener) {
console.log("openSelect:"+window.opener.returnValue);
}
else if(window.parent){
if(window.parent.returnValue!=undefined)
console.log("openSelect:"+window.parent.returnValue);
}
else {
console.log("openSelect:"+window.returnValue);
}
top.layer.close(index);
},
cancel: function(index){ //或者使用btn2
//按钮【按钮二】的回调
}
});
}
function openSelect(){
var iWidth=560; //模态窗口宽度
var iHeight=300;//模态窗口高度
var iTop=(window.screen.height-iHeight-100)/2;
var iLeft=(window.screen.width-iWidth)/2;
window.backup="selectData";
window.open(location.href, "newwindow", "dialogHeight:"+iHeight+"px; dialogWidth:"+iWidth+"px; toolbar:no; menubar:no; scrollbars:no; resizable:no; location:no; status:no;left:200px;top:100px;");
}
function selectData(){
if (window.opener) {
console.log("openSelect:"+window.opener.returnValue);
}
else {
console.log("openSelect:"+window.returnValue);
}
}
function select(){
var str="";
var ids="";
var size = $("#contentTable tbody tr td input.i-checks:checked").size();
if(size == 0 ){
top.layer.alert('请至少选择一条数据!', {icon: 0, title:'警告'});
return;
}
if(size > 1 ){
top.layer.alert('只能选择一条数据!', {icon: 0, title:'警告'});
return;
}
var id = $("#contentTable tbody tr td input.i-checks:checkbox:checked").attr("id");
var ticketNo = $("#contentTable tbody tr td input.i-checks:checkbox:checked").attr("ticketNo");
var goodsNo = $("#contentTable tbody tr td input.i-checks:checkbox:checked").attr("goodsNo");
var goodsItemId = $("#contentTable tbody tr td input.i-checks:checkbox:checked").attr("goodsItemId");
var goodsItemName = $("#contentTable tbody tr td input.i-checks:checkbox:checked").attr("goodsItemName");
var goodsNum = $("#contentTable tbody tr td input.i-checks:checkbox:checked").attr("goodsNum");
var price = $("#contentTable tbody tr td input.i-checks:checkbox:checked").attr("price");
var salePrice = $("#contentTable tbody tr td input.i-checks:checkbox:checked").attr("salePrice");
var user.id = $("#contentTable tbody tr td input.i-checks:checkbox:checked").attr("user.id");
var linkPhone = $("#contentTable tbody tr td input.i-checks:checkbox:checked").attr("linkPhone");
var payType = $("#contentTable tbody tr td input.i-checks:checkbox:checked").attr("payType");
var checkinCode = $("#contentTable tbody tr td input.i-checks:checkbox:checked").attr("checkinCode");
var reserveId = $("#contentTable tbody tr td input.i-checks:checkbox:checked").attr("reserveId");
var remark = $("#contentTable tbody tr td input.i-checks:checkbox:checked").attr("remark");
var obj= '"id":id';
if(ticketNo==undefined) ticketNo="";
obj+=',"ticketNo":"'+ticketNo+'"';
if(goodsNo==undefined) goodsNo="";
obj+=',"goodsNo":"'+goodsNo+'"';
if(goodsItemId==undefined) goodsItemId="";
obj+=',"goodsItemId":"'+goodsItemId+'"';
if(goodsItemName==undefined) goodsItemName="";
obj+=',"goodsItemName":"'+goodsItemName+'"';
if(goodsNum==undefined) goodsNum="";
obj+=',"goodsNum":"'+goodsNum+'"';
if(price==undefined) price="";
obj+=',"price":"'+price+'"';
if(salePrice==undefined) salePrice="";
obj+=',"salePrice":"'+salePrice+'"';
if(user.id==undefined) user.id="";
obj+=',"user.id":"'+user.id+'"';
if(linkPhone==undefined) linkPhone="";
obj+=',"linkPhone":"'+linkPhone+'"';
if(payType==undefined) payType="";
obj+=',"payType":"'+payType+'"';
if(checkinCode==undefined) checkinCode="";
obj+=',"checkinCode":"'+checkinCode+'"';
if(reserveId==undefined) reserveId="";
obj+=',"reserveId":"'+reserveId+'"';
if(remark==undefined) remark="";
obj+=',"remark":"'+remark+'"';
if (window.opener) {
window.opener.returnValue=eval("({"+obj+"})");
if(window.opener.backup!=undefined)
eval("window.opener."+window.opener.backup+"();");
}
else if(window.parent!=undefined){
window.parent.returnValue =eval("({"+obj+"})");
if(window.parent.backup!=undefined)
eval("window.parent."+window.parent.backup+"();");
}
else {
window.returnValue =eval("({"+obj+"})");
if(window.backup!=undefined)
eval("window."+window.backup+"();");
}
window.close();
}
</script>
</head>
<body class="gray-bg">
<div class="wrapper wrapper-content">
<div class="ibox">
<div class="ibox-content">
<sys:message content="${message}"/>
<!--查询条件-->
<div class="row">
<div class="col-sm-12">
<form:form id="searchForm" modelAttribute="tfTicket" action="${ctx}/ylttrip/tfTicket/" method="post" class="form-inline">
<input id="pageNo" name="pageNo" type="hidden" value="${page.pageNo}"/>
<input id="pageSize" name="pageSize" type="hidden" value="${page.pageSize}"/>
<table:sortColumn id="orderBy" name="orderBy" value="${page.orderBy}" callback="sortOrRefresh();"/><!-- 支持排序 -->
<div class="form-group">
<span>订单编号:</span>
<form:input path="ticketNo" htmlEscape="false" maxlength="25" class=" form-control input-sm"/>
<span>商品编号:</span>
<form:input path="goodsNo" htmlEscape="false" maxlength="25" class=" form-control input-sm"/>
<span>种类编号:</span>
<form:input path="goodsItemId" htmlEscape="false" maxlength="255" class=" form-control input-sm"/>
<span>种类名称:</span>
<form:input path="goodsItemName" htmlEscape="false" maxlength="255" class=" form-control input-sm"/>
<span>商品数量:</span>
<form:input path="goodsNum" htmlEscape="false" maxlength="11" class=" form-control input-sm"/>
<span>商品单价:</span>
<form:input path="price" htmlEscape="false" class=" form-control input-sm"/>
<span>订单金额:</span>
<form:input path="salePrice" htmlEscape="false" class=" form-control input-sm"/>
<span>下单人:</span>
<sys:treeselect id="user" name="user.id" value="${tfTicket.user.id}" labelName="user.name" labelValue="${tfTicket.user.name}"
title="用户" url="/sys/office/treeData?type=3" cssClass="form-control input-sm" allowClear="true" notAllowSelectParent="true"/>
<span>下单时间:</span>
<input id="beginOrderDate" name="beginOrderDate" type="text" maxlength="20" class="laydate-icon form-control layer-date input-sm"
value="<fmt:formatDate value="${tfTicket.beginOrderDate}" pattern="yyyy-MM-dd HH:mm:ss"/>"/> -
<input id="endOrderDate" name="endOrderDate" type="text" maxlength="20" class="laydate-icon form-control layer-date input-sm"
value="<fmt:formatDate value="${tfTicket.endOrderDate}" pattern="yyyy-MM-dd HH:mm:ss"/>"/>
<span>订单状态:</span>
<form:radiobuttons class="i-checks" path="state" items="${fns:getDictList('STATE')}" itemLabel="label" itemValue="value" htmlEscape="false"/>
<span>状态时间:</span>
<input id="beginStateDate" name="beginStateDate" type="text" maxlength="20" class="laydate-icon form-control layer-date input-sm"
value="<fmt:formatDate value="${tfTicket.beginStateDate}" pattern="yyyy-MM-dd HH:mm:ss"/>"/> -
<input id="endStateDate" name="endStateDate" type="text" maxlength="20" class="laydate-icon form-control layer-date input-sm"
value="<fmt:formatDate value="${tfTicket.endStateDate}" pattern="yyyy-MM-dd HH:mm:ss"/>"/>
<span>客户姓名:</span>
<form:input path="custName" htmlEscape="false" maxlength="50" class=" form-control input-sm"/>
<span>联系电话:</span>
<form:input path="linkPhone" htmlEscape="false" maxlength="50" class=" form-control input-sm"/>
<span>付款方式:</span>
<form:radiobuttons class="i-checks" path="payType" items="${fns:getDictList('PAY_TYPE')}" itemLabel="label" itemValue="value" htmlEscape="false"/>
</div>
</form:form>
<br/>
</div>
</div>
<!-- 工具栏 -->
<div class="row">
<div class="col-sm-12">
<div class="pull-left">
<button class="btn btn-white btn-sm " data-toggle="tooltip" data-placement="left" onclick="sortOrRefresh()" title="刷新"><i class="glyphicon glyphicon-repeat"></i> 刷新</button>
<button class="btn btn-success btn-sm " onclick="openSelect()"><i class="fa fa-refresh"></i> OpenSelect</button>
<button class="btn btn-success btn-sm " onclick="openWindowSelect()"><i class="fa fa-refresh"></i> OpenWindowSelect</button>
<button class="btn btn-success btn-sm " onclick="select()"><i class="fa fa-refresh"></i> select</button>
</div>
<div class="pull-right">
<button class="btn btn-success btn-sm " onclick="search()" ><i class="fa fa-search"></i> 查询</button>
<button class="btn btn-success btn-sm " onclick="reset()" ><i class="fa fa-refresh"></i> 重置</button>
</div>
</div>
</div>
<!-- 表格 -->
<table id="contentTable" class="table table-striped table-bordered table-hover table-condensed dataTables-example dataTable">
<thead>
<tr>
<th> <input type="checkbox" class="i-checks"></th>
<th class="sort-column ticketNo">订单编号</th>
<th class="sort-column goodsNo">商品编号</th>
<th class="sort-column goodsItemId">种类编号</th>
<th class="sort-column goodsItemName">种类名称</th>
<th class="sort-column goodsNum">商品数量</th>
<th class="sort-column price">商品单价</th>
<th class="sort-column salePrice">订单金额</th>
<th class="sort-column user.name">下单人</th>
<th class="sort-column linkPhone">联系电话</th>
<th class="sort-column payType">付款方式</th>
<th class="sort-column checkinCode">入园号</th>
<th class="sort-column reserveId">票务系统订单号</th>
<th class="sort-column remark">订单备注</th>
<th>操作</th>
</tr>
</thead>
<tbody>
<c:forEach items="${page.list}" var="tfTicket">
<tr>
<td>
<input type="checkbox" id="${tfTicket.id}"
ticketNo="${tfTicket.ticketNo}"
goodsNo="${tfTicket.goodsNo}"
goodsItemId="${tfTicket.goodsItemId}"
goodsItemName="${tfTicket.goodsItemName}"
goodsNum="${tfTicket.goodsNum}"
price="${tfTicket.price}"
salePrice="${tfTicket.salePrice}"
user.id="${tfTicket.user.id}"
linkPhone="${tfTicket.linkPhone}"
payType="${tfTicket.payType}"
checkinCode="${tfTicket.checkinCode}"
reserveId="${tfTicket.reserveId}"
remark="${tfTicket.remark}"
class="i-checks"></td>
<td><a href="#" onclick="openDialogView('查看订单', '${ctx}/ylttrip/tfTicket/form?id=${tfTicket.id}','800px', '500px')">
${tfTicket.ticketNo}
</a></td>
<td>
${tfTicket.goodsNo}
</td>
<td>
${tfTicket.goodsItemId}
</td>
<td>
${tfTicket.goodsItemName}
</td>
<td>
${tfTicket.goodsNum}
</td>
<td>
${tfTicket.price}
</td>
<td>
${tfTicket.salePrice}
</td>
<td>
${tfTicket.user.name}
</td>
<td>
${tfTicket.linkPhone}
</td>
<td>
${fns:getDictLabel(tfTicket.payType, 'PAY_TYPE', '')}
</td>
<td>
${tfTicket.checkinCode}
</td>
<td>
${tfTicket.reserveId}
</td>
<td>
${tfTicket.remark}
</td>
<td>
<!--shiro:hasPermission name="ylttrip:tfTicket:view"-->
<a href="#" onclick="openDialogView('查看订单', '${ctx}/ylttrip/tfTicket/form?id=${tfTicket.id}','800px', '500px')" class="btn btn-info btn-sm" ><i class="fa fa-search-plus"></i> 查看</a>
<!--/shiro:hasPermission-->
</td>
</tr>
</c:forEach>
</tbody>
</table>
<!-- 分页代码 -->
<table:page page="${page}"></table:page>
<br/>
<br/>
</div>
</div>
</div>
</body>
</html>
\ No newline at end of file
<%@ page contentType="text/html;charset=UTF-8" %>
<%@ include file="/WEB-INF/views/include/taglib.jsp"%>
<html>
<head>
<title>订单管理</title>
<%@ include file="/WEB-INF/views/include/headMeta.jsp" %>
<%@ include file="/WEB-INF/views/include/headCss.jsp" %>
<%@ include file="/WEB-INF/views/include/headJs.jsp" %>
<%@ include file="/WEB-INF/views/include/echarts.jsp" %>
<script src="/staticViews/modules/ylttrip//tfTicketTotal.js" type="text/javascript"></script>
<link href="/staticViews/modules/ylttrip//tfTicketTotal.css" rel="stylesheet" />
</head>
<body>
<!-- 内容-->
<div class="wrapper">
<!-- 内容盒子-->
<div class="box box-main">
<!-- 内容盒子头部 -->
<div class="box-header">
<div class="box-title"><i class="fa fa-edit"></i>订单管理</div>
<div class="box-tools pull-right">
<a id="btnSearchView" href="#" title="筛选" class="btn btn-default btn-sm"><i
class="fa fa-filter"></i>筛选</a>
<!-- 工具功能 -->
<%@ include file="/WEB-INF/views/include/btnGroup.jsp" %>
</div>
</div>
</div>
<!-- 内容盒子身体 -->
<div class="box-body">
<!-- 查询条件 -->
<form:form id="searchForm" modelAttribute="tfTicket" action="${ctx}/ylttrip/tfTicket/total" method="post" class="form-inline">
<div class="form-group">
<input id="run" type="checkbox" value="true" name="run" checked/>自动刷新
<form:select path="totalType" class="form-control m-b">
<form:option value="" label=""/>
<form:options items="${fns:getDictList('total_type')}" itemLabel="label" itemValue="value" htmlEscape="false"/>
</form:select>
</div>
<div class="form-group">
<span>订单编号:</span>
<form:input path="ticketNo" htmlEscape="false" maxlength="25" class=" form-control input-sm"/>
</div>
<div class="form-group">
<span>商品编号:</span>
<form:input path="goodsNo" htmlEscape="false" maxlength="25" class=" form-control input-sm"/>
</div>
<div class="form-group">
<span>种类编号:</span>
<form:input path="goodsItemId" htmlEscape="false" maxlength="255" class=" form-control input-sm"/>
</div>
<div class="form-group">
<span>种类名称:</span>
<form:input path="goodsItemName" htmlEscape="false" maxlength="255" class=" form-control input-sm"/>
</div>
<div class="form-group">
<span>商品数量:</span>
<form:input path="goodsNum" htmlEscape="false" maxlength="11" class=" form-control input-sm"/>
</div>
<div class="form-group">
<span>商品单价:</span>
<form:input path="price" htmlEscape="false" class=" form-control input-sm"/>
</div>
<div class="form-group">
<span>订单金额:</span>
<form:input path="salePrice" htmlEscape="false" class=" form-control input-sm"/>
</div>
<div class="form-group">
<span>下单人:</span>
<sys:treeselect id="user" name="user.id" value="${tfTicket.user.id}" labelName="user.name" labelValue="${tfTicket.user.name}"
title="用户" url="/sys/office/treeData?type=3" cssClass="form-control input-sm" allowClear="true" notAllowSelectParent="true"/>
</div>
<div class="form-group">
<span>下单时间:</span>
<input id="beginOrderDate" name="beginOrderDate" type="text" maxlength="20" class="laydate-icon form-control layer-date input-sm"
value="<fmt:formatDate value="${tfTicket.beginOrderDate}" pattern="yyyy-MM-dd HH:mm:ss"/>"/> -
<input id="endOrderDate" name="endOrderDate" type="text" maxlength="20" class="laydate-icon form-control layer-date input-sm"
value="<fmt:formatDate value="${tfTicket.endOrderDate}" pattern="yyyy-MM-dd HH:mm:ss"/>"/>
</div>
<div class="form-group">
<span>订单状态:</span>
<form:radiobuttons class="i-checks" path="state" items="${fns:getDictList('STATE')}" itemLabel="label" itemValue="value" htmlEscape="false"/>
</div>
<div class="form-group">
<span>状态时间:</span>
<input id="beginStateDate" name="beginStateDate" type="text" maxlength="20" class="laydate-icon form-control layer-date input-sm"
value="<fmt:formatDate value="${tfTicket.beginStateDate}" pattern="yyyy-MM-dd HH:mm:ss"/>"/> -
<input id="endStateDate" name="endStateDate" type="text" maxlength="20" class="laydate-icon form-control layer-date input-sm"
value="<fmt:formatDate value="${tfTicket.endStateDate}" pattern="yyyy-MM-dd HH:mm:ss"/>"/>
</div>
<div class="form-group">
<span>客户姓名:</span>
<form:input path="custName" htmlEscape="false" maxlength="50" class=" form-control input-sm"/>
</div>
<div class="form-group">
<span>联系电话:</span>
<form:input path="linkPhone" htmlEscape="false" maxlength="50" class=" form-control input-sm"/>
</div>
<div class="form-group">
<span>付款方式:</span>
<form:radiobuttons class="i-checks" path="payType" items="${fns:getDictList('PAY_TYPE')}" itemLabel="label" itemValue="value" htmlEscape="false"/>
</div>
<div class="form-group">
<button id="btnSearch" class="btn btn-primary"><i class="fa fa-search"></i> 查询</button>
<button id="btnReset" class="btn btn-default"><i class="fa fa-refresh"></i> 重置</button>
</div>
</form:form>
<div class="row" style="margin-top: 10px;">
<div class="col-sm-12 echartsEval">
<div id="pie" class="main000"></div>
<echarts:pie
id="pie"
title="订单数量饼图"
subtitle="订单数量饼图"
orientData="${orientData}"/>
<!--div id="pieSumGoodsNum" class="main000"></div-->
<!--xxx-echarts:pie
id="pieSumGoodsNum"
title="订单商品数量饼图"
subtitle="订单商品数量饼图"
orientData="${orientDataSumGoodsNum}"/-->
<!--div id="pieSumPrice" class="main000"></div-->
<!--xxx-echarts:pie
id="pieSumPrice"
title="订单商品单价饼图"
subtitle="订单商品单价饼图"
orientData="${orientDataSumPrice}"/-->
<!--div id="pieSumSalePrice" class="main000"></div-->
<!--xxx-echarts:pie
id="pieSumSalePrice"
title="订单订单金额饼图"
subtitle="订单订单金额饼图"
orientData="${orientDataSumSalePrice}"/-->
<div id="line_normal" class="main000"></div>
<echarts:line
id="line_normal"
title="订单曲线"
subtitle="订单曲线"
xAxisData="${xAxisData}"
yAxisData="${yAxisData}"
xAxisName="时间"
yAxisName="数量" />
</div>
</div>
<!-- 表格 -->
<table class="table table-striped table-bordered table-hover table-condensed dataTables-example dataTable">
<thead>
<tr>
<th>时间段</th>
<th>数量</th>
<th>商品数量</th>
<th>商品单价</th>
<th>订单金额</th>
</tr>
</thead>
<tbody>
<c:forEach items="${list}" var="tfTicket">
<tr>
<td>${tfTicket.totalDate}</td>
<td style="text-align: right;" class="totalCount">${tfTicket.totalCount}</td>
<td style="text-align: right;" class="sumGoodsNum">${tfTicket.sumGoodsNum}</td>
<td style="text-align: right;" class="sumPrice">${tfTicket.sumPrice}</td>
<td style="text-align: right;" class="sumSalePrice">${tfTicket.sumSalePrice}</td>
</tr>
</c:forEach>
</tbody>
<tfoot>
<tr id="totalRow">
<td>合计:</td>
<td id="totalCount" style="text-align: right;"><script>sumColumn("totalCount");</script></td>
<td id="sumGoodsNum" style="text-align: right;"><script>sumColumn("sumGoodsNum");</script></td>
<td id="sumPrice" style="text-align: right;"><script>sumColumn("sumPrice");</script></td>
<td id="sumSalePrice" style="text-align: right;"><script>sumColumn("sumSalePrice");</script></td>
</tr>
</tfoot>
</table>
</div>
</div>
<!-- 信息-->
<div id="messageBox">${message}</div>
<script src="/staticViews/viewBase.js"></script>
</body>
</head>
\ No newline at end of file
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ include file="/WEB-INF/views/include/taglib.jsp"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" style="width:100%; height:100%;">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<meta name="keywords" content="百度地图,百度地图API,百度地图自定义工具,百度地图所见即所得工具" />
<meta name="description" content="百度地图API自定义地图,帮助用户在可视化操作下生成百度地图" />
<title>百度地图API自定义地图</title>
<!--引用百度地图API-->
<style type="text/css">
html,body{margin:0;padding:0;}
.iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}
.iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}
.BMapLabel {max-width: none;}
</style>
<script type="text/javascript" src="http://api.map.baidu.com/api?key=&v=1.1&services=true"></script>
<%@ include file="/WEB-INF/views/include/taglib.jsp"%>
<%@ include file="/WEB-INF/views/include/head.jsp"%>
<script src="/staticViews/modules/ylttrip//tfTicketTotal.js" type="text/javascript"></script>
<link href="/staticViews/modules/ylttrip//tfTicketTotal.css" rel="stylesheet" />
</head>
<body style="width: 100%; height: 100%;overflow: hidden">
<div class="wrapper wrapper-content" style="padding: 0px 20px 0px 20px;">
<div class="ibox">
<!--查询条件-->
<div class="row">
<div class="col-sm-12" style="z-index: 1000;background-color: white;">
<form:form id="searchForm" modelAttribute="tfTicket" action="${ctx}/ylttrip/tfTicket/totalMap" method="post" class="form-inline" style="display:none">
<div class="form-group">
<input id="run" type="checkbox" value="true" name="run" checked/>自动刷新
<form:select path="totalType" class="form-control m-b">
<form:option value="" label=""/>
<form:options items="${fns:getDictList('total_type')}" itemLabel="label" itemValue="value" htmlEscape="false"/>
</form:select>
<span>订单编号:</span>
<form:input path="ticketNo" htmlEscape="false" maxlength="25" class=" form-control input-sm"/>
<span>商品编号:</span>
<form:input path="goodsNo" htmlEscape="false" maxlength="25" class=" form-control input-sm"/>
<span>种类编号:</span>
<form:input path="goodsItemId" htmlEscape="false" maxlength="255" class=" form-control input-sm"/>
<span>种类名称:</span>
<form:input path="goodsItemName" htmlEscape="false" maxlength="255" class=" form-control input-sm"/>
<span>商品数量:</span>
<form:input path="goodsNum" htmlEscape="false" maxlength="11" class=" form-control input-sm"/>
<span>商品单价:</span>
<form:input path="price" htmlEscape="false" class=" form-control input-sm"/>
<span>订单金额:</span>
<form:input path="salePrice" htmlEscape="false" class=" form-control input-sm"/>
<span>下单人:</span>
<sys:treeselect id="user" name="user.id" value="${tfTicket.user.id}" labelName="user.name" labelValue="${tfTicket.user.name}"
title="用户" url="/sys/office/treeData?type=3" cssClass="form-control input-sm" allowClear="true" notAllowSelectParent="true"/>
<span>下单时间:</span>
<input id="beginOrderDate" name="beginOrderDate" type="text" maxlength="20" class="laydate-icon form-control layer-date input-sm"
value="<fmt:formatDate value="${tfTicket.beginOrderDate}" pattern="yyyy-MM-dd HH:mm:ss"/>"/> -
<input id="endOrderDate" name="endOrderDate" type="text" maxlength="20" class="laydate-icon form-control layer-date input-sm"
value="<fmt:formatDate value="${tfTicket.endOrderDate}" pattern="yyyy-MM-dd HH:mm:ss"/>"/>
<span>订单状态:</span>
<form:radiobuttons class="i-checks" path="state" items="${fns:getDictList('STATE')}" itemLabel="label" itemValue="value" htmlEscape="false"/>
<span>状态时间:</span>
<input id="beginStateDate" name="beginStateDate" type="text" maxlength="20" class="laydate-icon form-control layer-date input-sm"
value="<fmt:formatDate value="${tfTicket.beginStateDate}" pattern="yyyy-MM-dd HH:mm:ss"/>"/> -
<input id="endStateDate" name="endStateDate" type="text" maxlength="20" class="laydate-icon form-control layer-date input-sm"
value="<fmt:formatDate value="${tfTicket.endStateDate}" pattern="yyyy-MM-dd HH:mm:ss"/>"/>
<span>客户姓名:</span>
<form:input path="custName" htmlEscape="false" maxlength="50" class=" form-control input-sm"/>
<span>联系电话:</span>
<form:input path="linkPhone" htmlEscape="false" maxlength="50" class=" form-control input-sm"/>
<span>付款方式:</span>
<form:radiobuttons class="i-checks" path="payType" items="${fns:getDictList('PAY_TYPE')}" itemLabel="label" itemValue="value" htmlEscape="false"/>
</div>
</form:form>
<br/>
</div>
</div>
<!-- 工具栏 -->
<div class="row">
<div class="col-sm-12" style="z-index: 1000;background-color: white;">
<div class="pull-left">
<button class="btn btn-success btn-sm " onclick="$('#searchForm').toggle();$('.fa-chevron').toggle();" title="检索">
<i class="fa-chevron fa fa-chevron-up"></i><i class="fa-chevron fa fa-chevron-down" style="display:none"></i> 检索
</button>
<button class="btn btn-success btn-sm " onclick="search()" ><i class="fa fa-search"></i> 查询</button>
</div>
<div class="pull-right">
<div class="btn-group" title="其他">
<button class="btn btn-success btn-sm dropdown-toggle" data-toggle="dropdown" type="button" aria-expanded="false">
<i class="glyphicon glyphicon-th icon-th"></i>
<span class="caret"></span>
</button>
<ul class="dropdown-menu" role="menu">
<li data-type="放大"><a href="javascript:void(0)" onclick="$('body').css({zoom:Number($('body').css('zoom'))+0.1});$('body .echartsEval script').each(function(){eval($(this).html())});">放大</a></li>
<li data-type="缩小"><a href="javascript:void(0)" onclick="$('body').css({zoom:$('body').css('zoom')-0.1});$('body .echartsEval script').each(function(){eval($(this).html())});">缩小</a></li>
</ul>
</div>
</div>
</div>
</div>
<!--查询条件-->
</div>
</div>
<!--百度地图容器-->
<div style="width:100%;height:100%;position: absolute; bottom: 0px;top: 0px;">
<div style="width:100%;height:100%;border:#ccc solid 1px;" id="dituContent"></div>
</div>
</body>
<script type="text/javascript">
//创建和初始化地图函数:
function initMap(){
createMap();//创建地图
setMapEvent();//设置地图事件
addMapControl();//向地图添加控件
addMarker();//向地图中添加marker
}
//创建地图函数:
function createMap(){
var map = new BMap.Map("dituContent");//在百度地图容器中创建一个地图
var point = new BMap.Point(113.271431,23.135336);//定义一个中心点坐标
map.centerAndZoom(point,13);//设定地图的中心点和坐标并将地图显示在地图容器中
window.map = map;//将map变量存储在全局
}
//地图事件设置函数:
function setMapEvent(){
map.enableDragging();//启用地图拖拽事件,默认启用(可不写)
map.enableScrollWheelZoom();//启用地图滚轮放大缩小
map.enableDoubleClickZoom();//启用鼠标双击放大,默认启用(可不写)
map.enableKeyboard();//启用键盘上下左右键移动地图
}
//地图控件添加函数:
function addMapControl(){
//向地图中添加缩放控件
var ctrl_nav = new BMap.NavigationControl({anchor:BMAP_ANCHOR_TOP_LEFT,type:BMAP_NAVIGATION_CONTROL_LARGE});
map.addControl(ctrl_nav);
//向地图中添加缩略图控件
var ctrl_ove = new BMap.OverviewMapControl({anchor:BMAP_ANCHOR_BOTTOM_RIGHT,isOpen:1});
map.addControl(ctrl_ove);
//向地图中添加比例尺控件
var ctrl_sca = new BMap.ScaleControl({anchor:BMAP_ANCHOR_BOTTOM_LEFT});
map.addControl(ctrl_sca);
}
//标注点数组
var markerArr = [
<c:forEach items="${list}" var="tfTicket">
{title:"${tfTicket.totalDate}<br>统计${tfTicket.totalCount}次"
+";商品数量:${tfTicket.sumGoodsNum}"
+";商品单价:${tfTicket.sumPrice}"
+";订单金额:${tfTicket.sumSalePrice}"
,content:""
+";合计商品数量:${tfTicket.sumGoodsNum}"
+";合计商品单价:${tfTicket.sumPrice}"
+";合计订单金额:${tfTicket.sumSalePrice}"
,point:(113.271431+${tfTicket.totalCount})+"|"+(23.135336+${tfTicket.totalCount}),isOpen:0,icon:{w:21,h:21,l:0,t:0,x:6,lb:5}},
</c:forEach>
{title:"订单<br>统计${sumTotalCount}次。"
+";商品数量:${sumGoodsNum}"
+";商品单价:${sumPrice}"
+";订单金额:${sumSalePrice}"
,content:""
+";合计商品数量:${sumGoodsNum}"
+";合计商品单价:${sumPrice}"
+";合计订单金额:${sumSalePrice}"
,point:"113.271431|23.135336",isOpen:0,icon:{w:21,h:21,l:0,t:0,x:6,lb:5}}
];
//创建marker
function addMarker(){
for(var i=0;i<markerArr.length;i++){
var json = markerArr[i];
var p0 = json.point.split("|")[0];
var p1 = json.point.split("|")[1];
var point = new BMap.Point(p0,p1);
var iconImg = createIcon(json.icon);
var marker = new BMap.Marker(point,{icon:iconImg});
var iw = createInfoWindow(i);
var label = new BMap.Label(json.title,{"offset":new BMap.Size(json.icon.lb-json.icon.x+10,-20)});
label.setStyle({
width: "300px",
color: '#fff',
borderRadius: "5px",
textAlign: "center",
height: "50px",
lineHeight: "26px"
});
marker.setLabel(label);
map.addOverlay(marker);
label.setStyle({
borderColor:"#808080",
color:"#333",
cursor:"pointer"
});
(function(){
var index = i;
var _iw = createInfoWindow(i);
var _marker = marker;
_marker.addEventListener("click",function(){
this.openInfoWindow(_iw);
});
_iw.addEventListener("open",function(){
_marker.getLabel().hide();
})
_iw.addEventListener("close",function(){
_marker.getLabel().show();
})
label.addEventListener("click",function(){
_marker.openInfoWindow(_iw);
})
if(!!json.isOpen){
label.hide();
_marker.openInfoWindow(_iw);
}
})()
}
}
//创建InfoWindow
function createInfoWindow(i){
var json = markerArr[i];
var iw = new BMap.InfoWindow("<b class='iw_poi_title' title='" + json.title + "'>" + json.title + "</b><div class='iw_poi_content'>"+json.content+"</div>");
return iw;
}
//创建一个Icon
function createIcon(json){
var icon = new BMap.Icon("http://api.map.baidu.com/lbsapi/creatmap/images/us_cursor.gif", new BMap.Size(json.w,json.h),{imageOffset: new BMap.Size(-json.l,-json.t),infoWindowOffset:new BMap.Size(json.lb+5,1),offset:new BMap.Size(json.x,json.h)})
return icon;
}
initMap();//创建和初始化地图
</script>
</html>
\ No newline at end of file
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment