|
|
@@ -32,14 +32,6 @@
|
|
|
|
|
|
<div class="layui-form-item">
|
|
|
<div class="layui-inline">
|
|
|
- <label class="layui-form-label" style = "width: 150px;">货道号:</label>
|
|
|
- <div class="layui-input-inline">
|
|
|
- <input type="tel" readonly=" readonly" name="equrelId" id="equrelId"autocomplete="off" lay-verify="equrelId" class="layui-input">
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="layui-form-item">
|
|
|
- <div class="layui-inline">
|
|
|
<label class="layui-form-label" style = "width: 150px;">玩家ID:</label>
|
|
|
<div class="layui-input-inline">
|
|
|
<input type="tel" readonly=" readonly" name="personId" id="personId"autocomplete="off" lay-verify="personId" class="layui-input">
|
|
|
@@ -80,6 +72,10 @@
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
+ <div class="shadow-content" style="margin:1.5rem;">
|
|
|
+ <table id="orderDetail" lay-filter="orderDetail"></table>
|
|
|
+ </div>
|
|
|
+
|
|
|
</form>
|
|
|
<script src="../../js/min-loader-next.js"></script>
|
|
|
<script>
|
|
|
@@ -93,7 +89,62 @@
|
|
|
layui.each(rowData, function(index, item){
|
|
|
$("#"+index+"").val(item);
|
|
|
})
|
|
|
+ var table;
|
|
|
+ layui.use('table', function(){
|
|
|
+ table = layui.table;
|
|
|
+ // 加载数据
|
|
|
+ table.render({
|
|
|
+ id: 'orderDetail'
|
|
|
+ ,elem: '#orderDetail'
|
|
|
+ ,limit:10
|
|
|
+ // ,height: 315
|
|
|
+ ,url: 'ShOrderManageAction/queryOrderDetails' //数据接口
|
|
|
+ ,method: 'post'
|
|
|
+ ,where:{MINView:"JSON","orderNo":rowData.id}
|
|
|
+ ,page: true //开启分页
|
|
|
+ ,cols: [[ //表头
|
|
|
+ {field:'num', title: '序号',width:'8%', type:'numbers', fixed: true, align: 'center'}
|
|
|
+ ,{field: 'detailsId', title: '订单编号', width:'10%', sort: true, fixed: 'left'}
|
|
|
+ ,{field: 'proName', title: '产品信息', width:'15%'}
|
|
|
+ ,{field: 'productId', title: '商品编号', width:'10%'}
|
|
|
+ ,{field: 'proEquRelId', title: '货道号', width:'10%'}
|
|
|
+ ,{field: 'cargoWay', title: '货道名称', width:'10%'}
|
|
|
+ ,{field: 'proPrice', title: '单价', width:'10%'}
|
|
|
+ ,{field: 'proNums', title: '数量', width:'10%'}
|
|
|
+ ,{field: 'amount', title: '总价', width:'8%'}
|
|
|
+ ,{field: 'proTypedesc', title: '商品交易类别', width:'8%'}
|
|
|
+ ]]
|
|
|
+ ,done: function(res, curr, count){
|
|
|
+ //如果是异步请求数据方式，res即为你接口返回的信息。
|
|
|
+ //如果是直接赋值的方式，res即为：{data: [], count: 99} data为当前页数据、count为数据总长度
|
|
|
+ console.log(res);
|
|
|
+
|
|
|
+ //得到当前页码
|
|
|
+ console.log(curr);
|
|
|
+
|
|
|
+ //得到数据总量
|
|
|
+ console.log(count);
|
|
|
+ }
|
|
|
+ ,even: true //开启隔行背景
|
|
|
+
|
|
|
+ });
|
|
|
+
|
|
|
+ // 监听工具条（操作）
|
|
|
+ table.on('tool(tableFilter)', function(obj){ //注：tool是工具条事件名，tableFilter是table原始容器的属性 lay-filter="对应的值"
|
|
|
+ var data = obj.data; //获得当前行数据
|
|
|
+ var layEvent = obj.event; //获得 lay-event 对应的值（也可以是表头的 event 参数对应的值）
|
|
|
+ var tr = obj.tr; //获得当前行 tr 的DOM对象
|
|
|
+ });
|
|
|
+ $('.layui-btn').on('click', function(){
|
|
|
+ var type = $(this).data('type');
|
|
|
+ active[type] ? active[type].call(this) : '';
|
|
|
+ });
|
|
|
+
|
|
|
+ });
|
|
|
+
|
|
|
});
|
|
|
+
|
|
|
+
|
|
|
</script>
|
|
|
</body>
|
|
|
</html>
|
