新增所有套餐订单查看

shop/src/main/resources/template/js/mealOrder/allMealOrderList.js

+var rowId = "";
+
+layui.config({
+    base: basePath,
+    version: skyeyeVersion
+}).extend({
+    window: 'js/winui.window'
+}).define(['window', 'table', 'jquery', 'winui', 'form'], function (exports) {
+    winui.renderColor();
+    var $ = layui.$,
+        form = layui.form,
+        table = layui.table;
+    var selOption = getFileContent('tpl/template/select-option.tpl');
+
+    // 加载区域
+    shopUtil.getShopAreaMation(function (json){
+        $("#areaId").html(getDataUseHandlebars(selOption, json));
+    });
+    form.on('select(areaId)', function(data) {
+        shopUtil.queryStoreListByAreaId(data.value, function (json){
+            $("#storeId").html(getDataUseHandlebars(selOption, json));
+            form.render('select');
+        });
+    });
+
+    table.render({
+        id: 'messageTable',
+        elem: '#messageTable',
+        method: 'post',
+        url: shopBasePath + 'mealOrder001',
+        where: getTableParams(),
+        even: true,
+        page: true,
+        limits: getLimits(),
+        limit: getLimit(),
+        cols: [[
+            { title: systemLanguage["com.skyeye.serialNumber"][languageType], fixed: 'left', rowspan: '2', type: 'numbers'},
+            { field: 'orderNum', title: '订单号', align: 'left', width: 180, fixed: 'left', rowspan: '2', templet: function(d){
+                return '<a lay-event="select" class="notice-title-click">' + d.orderNum + '</a>';
+            }},
+            { field: 'contacts', title: '会员名称', width: 100, rowspan: '2' },
+            { field: 'phone', title: '会员手机号', width: 100, rowspan: '2', align: "center"},
+            { title: '下单地址', align: 'center', colspan: '2'},
+            { field: 'payablePrice', title: '应付金额', width: 100, align: "left", rowspan: '2'},
+            { field: 'state', title: '支付状态', width: 80, align: "center", rowspan: '2', templet: function(d){
+                if(d.state == 1){
+                    return "<span class='state-down'>待支付</span>";
+                }else{
+                    return "<span class='state-up'>已支付</span>";
+                }
+            }},
+            { field: 'payPrice', title: '实付金额', width: 100, align: "left", rowspan: '2'},
+            { field: 'payTime', title: '实付日期', align: 'center', rowspan: '2', width: 150 },
+            { field: 'type', title: '订单来源', width: 80, align: "center", rowspan: '2', templet: function(d){
+                if(d.type == 1){
+                    return "线上下单";
+                }else{
+                    return "线下下单";
+                }
+            }},
+            { field: 'createName', title: '录入人', width: 120, rowspan: '2' },
+            { field: 'createTime', title: '单据日期', align: 'center', width: 150, rowspan: '2' },
+            { title: systemLanguage["com.skyeye.operation"][languageType], fixed: 'right', align: 'center', rowspan: '2', width: 150, toolbar: '#tableBar'}
+        ],[
+            { field: 'areaName', title: '区域', align: 'left', width: 120},
+            { field: 'storeName', title: '门店', align: 'left', width: 120}
+        ]],
+        done: function(){
+            matchingLanguage();
+        }
+    });
+
+    table.on('tool(messageTable)', function (obj) {
+        var data = obj.data;
+        var layEvent = obj.event;
+        if(layEvent == 'select'){ // 详情
+            select(data)
+        }
+    });
+
+    // 详情
+    function select(data){
+        rowId = data.id;
+        _openNewWindows({
+            url: "../../tpl/mealOrder/storeMealOrderDetails.html",
+            title: systemLanguage["com.skyeye.detailsPageTitle"][languageType],
+            pageId: "storeMealOrderDetails",
+            area: ['90vw', '90vh'],
+            callBack: function(refreshCode){
+            }
+        });
+    }
+
+    form.render();
+    form.on('submit(formSearch)', function (data) {
+        if (winui.verifyForm(data.elem)) {
+            table.reload("messageTable", {page: {curr: 1}, where: getTableParams()})
+        }
+        return false;
+    });
+
+    $("body").on("click", "#reloadTable", function() {
+        loadTable();
+    });
+
+    // 刷新
+    function loadTable(){
+        table.reload("messageTable", {where: getTableParams()});
+    }
+
+    function getTableParams(){
+        return {
+            orderNum: $("#orderNum").val(),
+            memberName: $("#memberName").val(),
+            memberPhone: $("#memberPhone").val(),
+            state: $("#state").val(),
+            areaId: $("#areaId").val(),
+            storeId: $("#storeId").val()
+        };
+    }
+
+    exports('allMealOrderList', {});
+});

shop/src/main/resources/template/tpl/mealOrder/allMealOrderList.html

+<!DOCTYPE html>
+<html>
+<head>
+    <meta charset="utf-8" />
+    <title></title>
+    <link href="../../assets/lib/layui/css/layui.css" rel="stylesheet" />
+    <link href="../../assets/lib/winui/css/winui.css" rel="stylesheet" />
+</head>
+<body>
+    <div class="txtcenter" style="margin:0 auto;padding-top:10px;">
+        <form class="layui-form layui-form-pane layui-col-xs12" action="" autocomplete="off">
+            <div class="layui-form-item layui-col-xs12" style="margin-top: 10px;">
+                <div class="layui-inline">
+                    <label class="layui-form-label">区域</label>
+                    <div class="layui-input-inline">
+                        <select id="areaId" name="areaId" lay-filter="areaId" lay-search="">
+
+                        </select>
+                    </div>
+                    <label class="layui-form-label">门店</label>
+                    <div class="layui-input-inline">
+                        <select id="storeId" name="storeId" lay-filter="storeId" lay-search="">
+
+                        </select>
+                    </div>
+                    <label class="layui-form-label">订单编号</label>
+                    <div class="layui-input-inline">
+                        <input type="text" id="orderNum" name="orderNum" placeholder="请输入订单编号" class="layui-input" />
+                    </div>
+                    <label class="layui-form-label">会员名称</label>
+                    <div class="layui-input-inline">
+                        <input type="text" id="memberName" name="memberName" placeholder="请输入会员名称" class="layui-input" />
+                    </div>
+                    <label class="layui-form-label">会员手机号</label>
+                    <div class="layui-input-inline">
+                        <input type="text" id="memberPhone" name="memberPhone" placeholder="请输入会员手机号" class="layui-input" />
+                    </div>
+                    <label class="layui-form-label">订单状态</label>
+                    <div class="layui-input-inline">
+                        <select id="state" name="state" lay-filter="state" lay-search="">
+                            <option value="">全部</option>
+                            <option value="1">待支付</option>
+                            <option value="2">已支付</option>
+                        </select>
+                    </div>
+                    <button type="reset" class="layui-btn layui-btn-primary list-form-search"><language showName="com.skyeye.reset"></language></button>
+                    <button class="layui-btn list-form-search" lay-submit lay-filter="formSearch"><language showName="com.skyeye.search2"></language></button>
+                </div>
+            </div>
+        </form>
+    </div>
+    <div class="winui-toolbar layui-col-xs12">
+        <div class="winui-tool">
+            <button id="reloadTable" class="winui-toolbtn"><i class="fa fa-refresh" aria-hidden="true"></i><language showName="com.skyeye.refreshDataBtn"></language></button>
+        </div>
+    </div>
+    <div style="margin:auto 10px;">
+        <table id="messageTable" lay-filter="messageTable"></table>
+    </div>
+
+    <script type="text/x-handlebars-template" id="selectTemplate">
+        {{#each rows}}
+            <option value="{{id}}">{{name}}</option>
+        {{/each}}
+    </script>
+
+    <script src="../../assets/lib/layui/layui.js"></script>
+    <script src="../../assets/lib/layui/custom.js"></script>
+    <script type="text/javascript">
+        layui.config({base: '../../js/mealOrder/'}).use('allMealOrderList');
+    </script>
+</body>
+</html>
\ No newline at end of file

web/src/main/resources/template/assets/lib/layui/customer/shopUtil.js

@@ -53,4 +53,25 @@ var shopUtil = {
         }, async: false});
     },
 
+    /**
+     * 获取指定区域下的门店列表
+     *
+     * @param areaId 区域id
+     * @param callback 回执函数
+     */
+    queryStoreListByAreaId: function (areaId, callback){
+        if(isNull(areaId)){
+            return [];
+        }
+        AjaxPostUtil.request({url: shopBasePath + "queryStoreList", params: {areaId: areaId}, type: 'json', method: "GET", callback: function(json) {
+            if(json.returnCode == 0) {
+                if(typeof(callback) == "function") {
+                    callback(json);
+                }
+            } else {
+                winui.window.msg(json.returnMessage, {icon: 2, time: 2000});
+            }
+        }, async: false});
+    },
+
 };