ghy-all/ghy-admin/src/main/resources/templates/order/master.html

242 lines
10 KiB
HTML
Raw Normal View History

2022-05-15 14:37:20 +08:00
<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org" xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
2022-05-19 21:40:00 +08:00
2022-05-15 14:37:20 +08:00
<head>
<th:block th:include="include :: header('订单列表')"/>
<th:block th:include="include :: layout-latest-css"/>
<th:block th:include="include :: ztree-css"/>
</head>
2022-05-19 21:40:00 +08:00
2022-05-15 14:37:20 +08:00
<body class="gray-bg">
<div class="ui-layout-center">
<div class="container-div">
<div class="row">
<div class="col-sm-12 search-collapse">
<form id="order-form">
<input type="hidden" id="deptId" name="deptId">
<input type="hidden" id="parentId" name="parentId">
<div class="select-list">
<ul>
<li>
订单号:<input type="text" name="code"/>
</li>
<li>
<a class="btn btn-primary btn-rounded btn-sm" onclick="$.table.search()"><i
class="fa fa-search"></i>&nbsp;搜索</a>
<a class="btn btn-warning btn-rounded btn-sm" onclick="$.form.reset()"><i
class="fa fa-refresh"></i>&nbsp;重置</a>
</li>
</ul>
</div>
</form>
</div>
<div class="btn-group-sm" id="toolbar" role="group">
<a class="btn btn-warning" onclick="$.table.exportExcel()"
shiro:hasPermission="order:order:export">
<i class="fa fa-download"></i> 导出
</a>
</div>
<div class="col-sm-12 select-table table-striped">
<table id="bootstrap-table"></table>
</div>
</div>
</div>
</div>
<th:block th:include="include :: footer"/>
<th:block th:include="include :: layout-latest-js"/>
<th:block th:include="include :: ztree-js"/>
<script th:inline="javascript">
2022-05-19 19:31:08 +08:00
var payTypes = [[${@dict.getType('pay_type')}]];
var orderTypes = [[${@dict.getType('goods_category_type')}]];
2022-05-15 14:37:20 +08:00
var editFlag = [[${@permission.hasPermi('order:order:edit')}]];
var prefix = ctx + "order/master";
$(function () {
var panehHidden = false;
if ($(this).width() < 769) {
panehHidden = true;
}
$('body').layout({initClosed: panehHidden, west__size: 185});
// 回到顶部绑定
if ($.fn.toTop !== undefined) {
var opt = {
win: $('.ui-layout-center'),
doc: $('.ui-layout-center')
};
$('#scroll-up').toTop(opt);
}
queryOrderList();
});
function queryOrderList() {
var options = {
url: prefix + "/list",
exportUrl: prefix + "/export",
sortName: "createTime",
sortOrder: "desc",
modalName: "订单",
columns: [
{
checkbox: true
},
{
field: 'id',
title: '订单ID',
visible: false
},
{
2022-06-01 14:50:58 +08:00
field: 'id',
title: '序号'
2022-05-15 14:37:20 +08:00
},
{
2022-06-01 14:50:58 +08:00
field: 'detailsList',
title: '订单信息',
2022-05-19 21:40:00 +08:00
formatter: function (value, row, index) {
2022-06-01 14:50:58 +08:00
console.log(value);
console.log(row);
console.log(index);
var actions = [];
value.forEach(item => {
actions.push("商品id" + item.goodsId + "</br>");
actions.push("商品名称:" + item.goodsName+ "</br>");
actions.push("商品数量:" + item.goodsNum+ "</br>");
actions.push("已服务数量:" + item.serverGoodsNum + "</br>");
actions.push("完成时间:" + item.finishTime + "</br>");
})
/** 消费者相关信息 **/
if(row.customDetails){
actions.push("消费者Id" + row.customDetails.customerId + "</br>");
actions.push("收件人姓名:" + row.customDetails.name+ "</br>");
actions.push("收件人手机:" + row.customDetails.phone + "</br>");
actions.push("地址信息:" + row.customDetails.provinceName + "-" + row.customDetails.cityName + "-" + row.customDetails.countryName + "</br>");
actions.push("详细地址:" + row.customDetails.address + "</br>");
}
if(actions.length){
return actions.join('');
}
2022-05-19 19:31:08 +08:00
}
2022-05-15 14:37:20 +08:00
},
{
2022-06-01 14:50:58 +08:00
field: 'state',
title: '订单状态',
formatter: function (value, row, index) {
var actions = [];
if(value){
2022-06-01 15:41:30 +08:00
actions.push("订单状态:" + value.orderStatusDesc + "</br>" );
2022-06-01 14:50:58 +08:00
actions.push("订单时间:" + value.receivingTime + "</br>" );
}
return actions.join('');
}
2022-05-15 14:37:20 +08:00
},
2022-06-01 14:50:58 +08:00
// {
// field: 'orderType',
// title: '订单类型',
// align: 'center',
// formatter: function (value, row, index) {
// return $.table.selectDictLabel(orderTypes, value);
// }
// },
2022-05-15 14:37:20 +08:00
{
2022-06-01 14:50:58 +08:00
field: 'memo',
title: '便签',
2022-05-19 21:40:00 +08:00
formatter: function (value, row, index) {
2022-06-01 14:50:58 +08:00
if(value){
return value.memoStr;
}
2022-05-19 19:31:08 +08:00
}
2022-05-15 14:37:20 +08:00
},
{
2022-06-01 14:50:58 +08:00
field: 'detailsList',
title: '订单流转信息',
align: 'center'
2022-05-15 14:37:20 +08:00
},
{
2022-06-01 14:50:58 +08:00
field: 'receiving',
title: '接单信息',
formatter: function (value, row, index) {
var actions = [];
if(value){
actions.push("接单人id" + value.receivingUserId + "</br>");
actions.push("接单人姓名:" + value.receivingUserName + "</br>");
actions.push("接单人电话:" + value.receivingUserPhone + "</br>");
actions.push("操作人id" + value.operationUserId + "</br>");
actions.push("操作人姓名:" + value.operationUserName + "</br>");
actions.push("操作人电话:" + value.operationUserPhone + "</br>");
}
return actions.join('');
}
2022-05-15 14:37:20 +08:00
},
{
2022-06-01 14:50:58 +08:00
field: 'operationType',
title: '操作',
formatter: function (value, row, index) {
var actions = [];
actions.push('<a class="btn btn-success btn-xs " href="javascript:void(0)" onclick="detail(\'' + row.id + '\')"><i class="fa fa-info-circle"></i>查看</a> </br>');
actions.push('<a class="btn btn-success btn-xs " href="javascript:void(1)" onclick="detail(\'' + row.id + '\')"><i class="fa fa-info-circle"></i>查看急报</a> </br>');
actions.push('<a class="btn btn-success btn-xs " href="javascript:void(2)" onclick="detail(\'' + row.id + '\')"><i class="fa fa-info-circle"></i>发送急报</a> </br>');
actions.push('<a class="btn btn-success btn-xs " href="javascript:void(3)" onclick="detail(\'' + row.id + '\')"><i class="fa fa-info-circle"></i>追加扣减</a> </br>');
actions.push('<a class="btn btn-success btn-xs " href="javascript:void(4)" onclick="detail(\'' + row.id + '\')"><i class="fa fa-info-circle"></i>师傅退单</a> </br>');
actions.push('<a class="btn btn-success btn-xs " href="javascript:void(5)" onclick="detail(\'' + row.id + '\')"><i class="fa fa-info-circle"></i>商家退款</a> </br>');
return actions.join('');
}
2022-05-15 14:37:20 +08:00
},
{
2022-06-01 14:50:58 +08:00
field: 'workerId',
title: '客诉中'
2022-05-15 14:37:20 +08:00
},
{
2022-06-01 14:50:58 +08:00
field: 'revTime',
title: '商家信息',
2022-05-19 19:31:08 +08:00
formatter: function (value, row, index) {
var actions = [];
2022-06-01 14:50:58 +08:00
if(value){
actions.push("商家id" + value.businessId+ "</br>");
actions.push("商家姓名:" + value.businessUserName+ "</br>");
actions.push("商家电话:" + value.businessUserPhone+ "</br>");
}
2022-05-19 19:31:08 +08:00
return actions.join('');
}
2022-06-01 14:50:58 +08:00
},
{
field: 'business',
title: '商家发布家'
},
{
field: 'createTime',
title: '商家加追金额'
},
{
field: 'createTime',
title: '代收款'
},
{
field: 'createTime',
title: '奖励金'
},
{
field: 'createTime',
title: '邀请人'
}
// {
// title: '操作',
// align: 'left',
// }
]
2022-05-15 14:37:20 +08:00
};
$.table.init(options);
}
2022-05-19 19:31:08 +08:00
function detail(id) {
2022-05-19 21:40:00 +08:00
var url = "order/goods?orderId=" + id;
$.modal.open("商品信息", url);
2022-05-19 19:31:08 +08:00
}
2022-05-15 14:37:20 +08:00
</script>
</body>
</html>