套餐管理完成

shop/src/main/resources/template/js/meal/mealAdd.js

+
+
+// 表格的序号
+var rowNum = 1;
+
+layui.config({
+    base: basePath,
+    version: skyeyeVersion
+}).extend({
+    window: 'js/winui.window'
+}).define(['window', 'table', 'jquery', 'winui', 'textool', 'fileUpload'], function (exports) {
+    winui.renderColor();
+    layui.use(['form'], function (form) {
+        var index = parent.layer.getFrameIndex(window.name);
+        var $ = layui.$,
+        	textool = layui.textool;
+        var usetableTemplate = $("#usetableTemplate").html();
+
+        textool.init({
+	    	eleId: 'mealExplain',
+	    	maxlength: 500,
+	    	tools: ['count', 'copy', 'reset', 'clear']
+	    });
+
+        // 初始化上传
+        $("#logo").upload({
+            "action": reqBasePath + "common003",
+            "data-num": "1",
+            "data-type": "PNG,JPG,jpeg,gif",
+            "uploadType": 22,
+            "function": function (_this, data) {
+                show("#logo", data);
+            }
+        });
+
+        // 加载当前登陆用户所属的区域列表
+        shopUtil.queryStaffBelongAreaList(function (json){
+            $("#areaMation").html(getDataUseHandlebars(getFileContent('tpl/template/checkbox-property.tpl'), json));
+        });
+        
+	    matchingLanguage();
+        form.render();
+        form.on('submit(formAddBean)', function (data) {
+            if (winui.verifyForm(data.elem)) {
+                var tableData = new Array();
+                $.each($("#useTable tr"), function(i, item) {
+                    // 获取行编号
+                    var rowNum = $(item).attr("trcusid").replace("tr", "");
+                    var row = {
+                        consumeExplain: $("#consumeExplain" + rowNum).val(),
+                    };
+                    tableData.push(row);
+                });
+
+                var mealAreaMationList = new Array();
+                $.each($('#areaMation input:checkbox:checked'),function(){
+                    mealAreaMationList.push({
+                        areaId: $(this).attr("rowId")
+                    });
+                });
+
+                var params = {
+                    title: $("#title").val(),
+                    logo: $("#logo").find("input[type='hidden'][name='upload']").attr("oldurl"),
+                    type: $("input[name='type']:checked").val(),
+                    price: $("#price").val(),
+                    mealNum: $("#mealNum").val(),
+                    mealExplain: $("#mealExplain").val(),
+                    state: $("input[name='state']:checked").val(),
+                    mealAreaMationList: JSON.stringify(mealAreaMationList),
+                    mealConsumeMationList: JSON.stringify(tableData),
+                };
+                if(isNull(params.logo)){
+                    winui.window.msg('请上传套餐LOGO', {icon: 2,time: 2000});
+                    return false;
+                }
+
+                AjaxPostUtil.request({url: shopBasePath + "meal002", params: params, type: 'json', method: "POST", callback: function(json){
+                    if(json.returnCode == 0){
+                        parent.layer.close(index);
+                        parent.refreshCode = '0';
+                    }else{
+                        winui.window.msg(json.returnMessage, {icon: 2, time: 2000});
+                    }
+                }, async: true});
+            }
+            return false;
+        });
+
+        // 新增行
+        $("body").on("click", "#addRow", function() {
+            addRow();
+        });
+
+        // 删除行
+        $("body").on("click", "#deleteRow", function() {
+            deleteRow();
+        });
+
+        // 新增行
+        function addRow() {
+            var par = {
+                id: "row" + rowNum.toString(), //checkbox的id
+                trId: "tr" + rowNum.toString(), //行的id
+                consumeExplain: "consumeExplain" + rowNum.toString(), // 耗材说明id
+            };
+            $("#useTable").append(getDataUseHandlebars(usetableTemplate, par));
+            form.render();
+            rowNum++;
+        }
+
+        // 删除行
+        function deleteRow() {
+            var checkRow = $("#useTable input[type='checkbox'][name='tableCheckRow']:checked");
+            if(checkRow.length > 0) {
+                $.each(checkRow, function(i, item) {
+                    // 移除界面上的信息
+                    $(item).parent().parent().remove();
+                });
+            } else {
+                winui.window.msg('请选择要删除的行', {icon: 2, time: 2000});
+            }
+        }
+
+        $("body").on("click", "#cancle", function(){
+            parent.layer.close(index);
+        });
+    });
+});
\ No newline at end of file

shop/src/main/resources/template/js/meal/mealEdit.js

+
+// 表格的序号
+var rowNum = 1;
+
+layui.config({
+    base: basePath,
+    version: skyeyeVersion
+}).extend({
+    window: 'js/winui.window'
+}).define(['window', 'table', 'jquery', 'winui', 'textool', 'fileUpload'], function (exports) {
+    winui.renderColor();
+    layui.use(['form'], function (form) {
+        var index = parent.layer.getFrameIndex(window.name);
+        var $ = layui.$,
+        	textool = layui.textool;
+        var usetableTemplate = $("#usetableTemplate").html();
+
+        showGrid({
+            id: "showForm",
+            url: shopBasePath + "meal003",
+            params: {rowId: parent.rowId},
+            pagination: false,
+            method: "GET",
+            template: $("#beanTemplate").html(),
+            ajaxSendLoadBefore: function(hdb){},
+            ajaxSendAfter:function(data){
+
+                $("input:radio[name=type][value=" + data.bean.type + "]").attr("checked", true);
+                $("input:radio[name=state][value=" + data.bean.state + "]").attr("checked", true);
+
+                textool.init({
+                    eleId: 'mealExplain',
+                    maxlength: 500,
+                    tools: ['count', 'copy', 'reset', 'clear']
+                });
+
+                $("#logo").upload({
+                    "action": reqBasePath + "common003",
+                    "data-num": "1",
+                    "data-type": "PNG,JPG,jpeg,gif",
+                    "uploadType": 22,
+                    "data-value": data.bean.logo,
+                    //该函数为点击放大镜的回调函数，如没有该函数，则不显示放大镜
+                    "function": function (_this, d) {
+                        show("#logo", d);
+                    }
+                });
+
+                if(!isNull(data.bean.mealConsumeMationList)){
+                    $.each(data.bean.mealConsumeMationList, function(i, item) {
+                        addRow();
+                        $("#consumeExplain" + (rowNum - 1)).val(item.consumeExplain);
+                    });
+                }
+
+                // 加载当前登陆用户所属的区域列表
+                shopUtil.queryStaffBelongAreaList(function (json){
+                    $("#areaMation").html(getDataUseHandlebars(getFileContent('tpl/template/checkbox-property.tpl'), json));
+                    $.each(data.bean.mealAreaMationList, function(i, item) {
+                        $("input:checkbox[name=limitrequire][rowId=" + item.areaId + "]").attr("checked", true);
+                    });
+                });
+
+			    matchingLanguage();
+                form.render();
+                form.on('submit(formEditBean)', function (data) {
+                    if (winui.verifyForm(data.elem)) {
+                        var tableData = new Array();
+                        $.each($("#useTable tr"), function(i, item) {
+                            // 获取行编号
+                            var rowNum = $(item).attr("trcusid").replace("tr", "");
+                            var row = {
+                                consumeExplain: $("#consumeExplain" + rowNum).val(),
+                            };
+                            tableData.push(row);
+                        });
+
+                        var mealAreaMationList = new Array();
+                        $.each($('#areaMation input:checkbox:checked'),function(){
+                            mealAreaMationList.push({
+                                areaId: $(this).attr("rowId")
+                            });
+                        });
+
+                        var params = {
+                            title: $("#title").val(),
+                            logo: $("#logo").find("input[type='hidden'][name='upload']").attr("oldurl"),
+                            type: $("input[name='type']:checked").val(),
+                            price: $("#price").val(),
+                            mealNum: $("#mealNum").val(),
+                            mealExplain: $("#mealExplain").val(),
+                            state: $("input[name='state']:checked").val(),
+                            mealAreaMationList: JSON.stringify(mealAreaMationList),
+                            mealConsumeMationList: JSON.stringify(tableData),
+                            rowId: parent.rowId
+                        };
+                        if(isNull(params.logo)){
+                            winui.window.msg('请上传套餐LOGO', {icon: 2,time: 2000});
+                            return false;
+                        }
+                        AjaxPostUtil.request({url: shopBasePath + "meal005", params: params, type: 'json', method: "PUT", callback: function(json){
+                            if(json.returnCode == 0){
+                                parent.layer.close(index);
+                                parent.refreshCode = '0';
+                            }else{
+                                winui.window.msg(json.returnMessage, {icon: 2, time: 2000});
+                            }
+                        }, async: true});
+                    }
+                    return false;
+                });
+            }
+        });
+
+        // 新增行
+        $("body").on("click", "#addRow", function() {
+            addRow();
+        });
+
+        // 删除行
+        $("body").on("click", "#deleteRow", function() {
+            deleteRow();
+        });
+
+        // 新增行
+        function addRow() {
+            var par = {
+                id: "row" + rowNum.toString(), //checkbox的id
+                trId: "tr" + rowNum.toString(), //行的id
+                consumeExplain: "consumeExplain" + rowNum.toString(), // 耗材说明id
+            };
+            $("#useTable").append(getDataUseHandlebars(usetableTemplate, par));
+            form.render();
+            rowNum++;
+        }
+
+        // 删除行
+        function deleteRow() {
+            var checkRow = $("#useTable input[type='checkbox'][name='tableCheckRow']:checked");
+            if(checkRow.length > 0) {
+                $.each(checkRow, function(i, item) {
+                    // 移除界面上的信息
+                    $(item).parent().parent().remove();
+                });
+            } else {
+                winui.window.msg('请选择要删除的行', {icon: 2, time: 2000});
+            }
+        }
+
+        $("body").on("click", "#cancle", function(){
+            parent.layer.close(index);
+        });
+    });
+});
\ No newline at end of file

shop/src/main/resources/template/js/meal/mealInfo.js

+
+layui.config({
+    base: basePath,
+    version: skyeyeVersion
+}).extend({
+    window: 'js/winui.window',
+}).define(['window', 'table', 'jquery', 'winui'], function (exports) {
+    winui.renderColor();
+    layui.use(['form'], function (form) {
+        var index = parent.layer.getFrameIndex(window.name);
+        var $ = layui.$;
+        var simpleTemplate = $("#simpleTemplate").html();
+        showGrid({
+            id: "showForm",
+            url: shopBasePath + "meal006",
+            params: {rowId: parent.rowId},
+            pagination: false,
+            method: "GET",
+            template: simpleTemplate,
+            ajaxSendLoadBefore: function(hdb, json){
+                json.bean.mealExplain = stringManipulation.textAreaShow(json.bean.mealExplain);
+            },
+            ajaxSendAfter:function(json){
+                $("#logo").attr("src", fileBasePath + json.bean.logo);
+                if(json.bean.type == 1){
+                    $("#type").html("保养套餐");
+                }
+
+                if(json.bean.state == 1){
+                    $("#state").html("下线");
+                }else{
+                    $("#state").html("上线");
+                }
+
+                matchingLanguage();
+                form.render();
+            }
+        });
+
+        $("body").on("click", "#cancle", function(){
+            parent.layer.close(index);
+        });
+    });
+});
\ No newline at end of file

shop/src/main/resources/template/js/meal/mealList.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;
+    authBtn('1644054570044');
+
+    table.render({
+        id: 'messageTable',
+        elem: '#messageTable',
+        method: 'post',
+        url: shopBasePath + 'meal001',
+        where: getTableParams(),
+        even: true,
+        page: true,
+        limits: getLimits(),
+        limit: getLimit(),
+        cols: [[
+            { title: systemLanguage["com.skyeye.serialNumber"][languageType], fixed: 'left', type: 'numbers'},
+            { field: 'title', title: '套餐名称', align: 'left', width: 200, fixed: 'left', templet: function(d){
+                return '<a lay-event="select" class="notice-title-click">' + d.title + '</a>';
+            }},
+            { field: 'logo', title: 'LOGO', align: 'center', width: 60, templet: function(d){
+                return '<img src="' + fileBasePath + d.logo + '" class="photo-img" lay-event="logo">';
+            }},
+            { field: 'mealNum', title: '可使用次数', width: 120 },
+            { field: 'type', title: '套餐分类', width: 100, align: "center", templet: function(d){
+                if(d.type == 1){
+                    return "保养套餐";
+                }
+                return "-";
+            }},
+            { field: 'state', title: '状态', width: 80, align: "center", templet: function(d){
+                if(d.state == 1){
+                    return "下线";
+                }else{
+                    return "上线";
+                }
+            }},
+            { field: 'price', title: '价格', width: 100 },
+            { field: 'createName', title: systemLanguage["com.skyeye.createName"][languageType], width: 120 },
+            { field: 'createTime', title: systemLanguage["com.skyeye.createTime"][languageType], align: 'center', width: 150 },
+            { field: 'lastUpdateName', title: systemLanguage["com.skyeye.lastUpdateName"][languageType], align: 'left', width: 120 },
+            { field: 'lastUpdateTime', title: systemLanguage["com.skyeye.lastUpdateTime"][languageType], align: 'center', width: 150},
+            { title: systemLanguage["com.skyeye.operation"][languageType], fixed: 'right', align: 'center', width: 150, toolbar: '#tableBar'}
+        ]],
+	    done: function(){
+	    	matchingLanguage();
+	    }
+    });
+
+    table.on('tool(messageTable)', function (obj) {
+        var data = obj.data;
+        var layEvent = obj.event;
+        if (layEvent === 'edit') { // 编辑
+            edit(data);
+        }else if (layEvent === 'delete') { // 删除
+            delet(data);
+        }else if(layEvent == 'select'){ // 详情
+            select(data)
+        }else if (layEvent === 'logo') { // logo预览
+            systemCommonUtil.showPicImg(fileBasePath + data.logo);
+        }
+    });
+
+    // 编辑
+    function edit(data){
+        rowId = data.id;
+        _openNewWindows({
+            url: "../../tpl/meal/mealEdit.html",
+            title: systemLanguage["com.skyeye.editPageTitle"][languageType],
+            pageId: "mealEdit",
+            area: ['90vw', '90vh'],
+            callBack: function(refreshCode){
+                if (refreshCode == '0') {
+                    winui.window.msg(systemLanguage["com.skyeye.successfulOperation"][languageType], {icon: 1,time: 2000});
+                    loadTable();
+                } else if (refreshCode == '-9999') {
+                    winui.window.msg(systemLanguage["com.skyeye.operationFailed"][languageType], {icon: 2,time: 2000});
+                }
+            }});
+    }
+
+    // 删除
+    function delet(data){
+        layer.confirm(systemLanguage["com.skyeye.deleteOperationMsg"][languageType], {icon: 3, title: systemLanguage["com.skyeye.deleteOperation"][languageType]}, function(index){
+            layer.close(index);
+            AjaxPostUtil.request({url: shopBasePath + "meal004", params: {rowId: data.id}, type: 'json', method: "DELETE", callback: function(json){
+                if(json.returnCode == 0){
+                    winui.window.msg(systemLanguage["com.skyeye.deleteOperationSuccessMsg"][languageType], {icon: 1, time: 2000});
+                    loadTable();
+                }else{
+                    winui.window.msg(json.returnMessage, {icon: 2, time: 2000});
+                }
+            }});
+        });
+    }
+
+    // 详情
+    function select(data){
+        rowId = data.id;
+        _openNewWindows({
+            url: "../../tpl/meal/mealInfo.html",
+            title: systemLanguage["com.skyeye.detailsPageTitle"][languageType],
+            pageId: "mealInfo",
+            area: ['90vw', '90vh'],
+            callBack: function(refreshCode){
+            }
+        });
+    }
+
+    // 添加
+    $("body").on("click", "#addBean", function(){
+        _openNewWindows({
+            url: "../../tpl/meal/mealAdd.html",
+            title: systemLanguage["com.skyeye.addPageTitle"][languageType],
+            pageId: "mealAdd",
+            area: ['90vw', '90vh'],
+            callBack: function(refreshCode){
+                if (refreshCode == '0') {
+                    winui.window.msg(systemLanguage["com.skyeye.successfulOperation"][languageType], {icon: 1,time: 2000});
+                    loadTable();
+                } else if (refreshCode == '-9999') {
+                    winui.window.msg(systemLanguage["com.skyeye.operationFailed"][languageType], {icon: 2,time: 2000});
+                }
+            }});
+    });
+
+    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 {
+            title: $("#title").val()
+        };
+    }
+
+    exports('mealList', {});
+});

shop/src/main/resources/template/tpl/meal/mealAdd.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 style="padding:20px; margin:0 auto;">
+        <form class="layui-form" action="" id="showForm">
+            <div class="layui-form-item layui-col-xs12">
+                <label class="layui-form-label">套餐名称<i class="red">*</i></label>
+                <div class="layui-input-block">
+                    <input type="text" id="title" name="title" win-verify="required" placeholder="请输入套餐名称" class="layui-input"/>
+                </div>
+            </div>
+            <div class="layui-form-item layui-col-xs6">
+                <label class="layui-form-label">套餐LOGO<i class="red">*</i></label>
+                <div class="layui-input-block">
+                    <div class="upload" id="logo"></div>
+                </div>
+            </div>
+            <div class="layui-form-item layui-col-xs6">
+                <label class="layui-form-label">套餐类型<i class="red">*</i></label>
+                <div class="layui-input-block winui-radio">
+                    <input type="radio" name="type" value="1" title="保养套餐" checked="checked"/>
+                </div>
+            </div>
+            <div class="layui-form-item layui-col-xs6">
+                <label class="layui-form-label">套餐价格<i class="red">*</i></label>
+                <div class="layui-input-block">
+                    <input type="text" id="price" name="price" win-verify="required|double" placeholder="请输入套餐价格" class="layui-input"/>
+                </div>
+            </div>
+            <div class="layui-form-item layui-col-xs12">
+                <label class="layui-form-label">可使用次数<i class="red">*</i></label>
+                <div class="layui-input-block">
+                    <input type="text" id="mealNum" name="mealNum" win-verify="required|number" placeholder="请输入可使用次数" class="layui-input"/>
+                </div>
+            </div>
+            <div class="layui-form-item layui-col-xs12">
+                <label class="layui-form-label">套餐说明<i class="red">*</i></label>
+                <div class="layui-input-block">
+                    <textarea id="mealExplain" name="mealExplain" win-verify="required" placeholder="请输入套餐说明" maxlength="500" class="layui-textarea" style="height: 100px;"></textarea>
+                </div>
+            </div>
+            <div class="layui-form-item layui-col-xs6">
+                <label class="layui-form-label">状态<i class="red">*</i></label>
+                <div class="layui-input-block winui-radio">
+                    <input type="radio" name="state" value="1" title="下线" />
+                    <input type="radio" name="state" value="2" title="上线" checked="checked"/>
+                </div>
+            </div>
+            <div class="layui-form-item layui-col-xs12">
+                <label class="layui-form-label">可用区域<i class="red">*</i></label>
+                <div class="layui-input-block winui-radio" win-verify="required">
+                    <div id="areaMation"></div>
+                    <div class="layui-form-mid layui-word-aux ver-center" style="padding-top: 8px !important">
+                        该区域来源于当前用户所在区域，如果当前用户拥有多个区域，则会展示多个供选择。
+                    </div>
+                </div>
+            </div>
+            <div class="layui-form-item layui-col-xs12">
+                <label class="layui-form-label">套餐耗材</label>
+                <div class="layui-input-block">
+                    <div class="winui-toolbar">
+                        <div class="winui-tool" style="text-align: left;">
+                            <button id="addRow" class="winui-toolbtn" type="button"><i class="fa fa-plus" aria-hidden="true"></i>新增行</button>
+                            <button id="deleteRow" class="winui-toolbtn" type="button"><i class="fa fa-trash-o" aria-hidden="true"></i>删除行</button>
+                        </div>
+                    </div>
+                    <table class="layui-table">
+                        <thead>
+                        <tr>
+                            <th style="width: 30px;"></th>
+                            <th style="width: 150px;">耗材说明</th>
+                        </tr>
+                        </thead>
+                        <tbody id="useTable" class="insurance-table">
+                        </tbody>
+                    </table>
+                </div>
+            </div>
+            <div class="layui-form-item layui-col-xs12">
+                <div class="layui-input-block">
+                    <button class="winui-btn" id="cancle"><language showName="com.skyeye.cancel"></language></button>
+                    <button class="winui-btn" lay-submit lay-filter="formAddBean"><language showName="com.skyeye.save"></language></button>
+                </div>
+            </div>
+        </form>
+    </div>
+
+    <script type="text/x-handlebars-template" id="usetableTemplate">
+        <tr trcusid="{{trId}}">
+            <td><input type="checkbox" rowId="{{id}}" lay-filter="checkboxProperty" name="tableCheckRow"/></td>
+            <td><input type="text" class="layui-input" id="{{consumeExplain}}" win-verify="required"/></td>
+        </tr>
+    </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/meal/'}).use('mealAdd');
+    </script>
+</body>
+</html>
\ No newline at end of file

shop/src/main/resources/template/tpl/meal/mealEdit.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 style="padding:20px; margin:0 auto;">
+        <form class="layui-form" action="" id="showForm">
+
+        </form>
+    </div>
+
+    <script type="text/x-handlebars-template" id="beanTemplate">
+        {{#bean}}
+        <div class="layui-form-item layui-col-xs12">
+            <label class="layui-form-label">套餐名称<i class="red">*</i></label>
+            <div class="layui-input-block">
+                <input type="text" id="title" name="title" win-verify="required" placeholder="请输入套餐名称" class="layui-input" value="{{title}}"/>
+            </div>
+        </div>
+        <div class="layui-form-item layui-col-xs6">
+            <label class="layui-form-label">套餐LOGO<i class="red">*</i></label>
+            <div class="layui-input-block">
+                <div class="upload" id="logo"></div>
+            </div>
+        </div>
+        <div class="layui-form-item layui-col-xs6">
+            <label class="layui-form-label">套餐类型<i class="red">*</i></label>
+            <div class="layui-input-block winui-radio">
+                <input type="radio" name="type" value="1" title="保养套餐"/>
+            </div>
+        </div>
+        <div class="layui-form-item layui-col-xs6">
+            <label class="layui-form-label">套餐价格<i class="red">*</i></label>
+            <div class="layui-input-block">
+                <input type="text" id="price" name="price" win-verify="required|double" placeholder="请输入套餐价格" class="layui-input" value="{{price}}"/>
+            </div>
+        </div>
+        <div class="layui-form-item layui-col-xs12">
+            <label class="layui-form-label">可使用次数<i class="red">*</i></label>
+            <div class="layui-input-block">
+                <input type="text" id="mealNum" name="mealNum" win-verify="required|number" placeholder="请输入可使用次数" class="layui-input" value="{{mealNum}}"/>
+            </div>
+        </div>
+        <div class="layui-form-item layui-col-xs12">
+            <label class="layui-form-label">套餐说明<i class="red">*</i></label>
+            <div class="layui-input-block">
+                <textarea id="mealExplain" name="mealExplain" win-verify="required" placeholder="请输入套餐说明" maxlength="500" class="layui-textarea" style="height: 100px;">{{mealExplain}}</textarea>
+            </div>
+        </div>
+        <div class="layui-form-item layui-col-xs6">
+            <label class="layui-form-label">状态<i class="red">*</i></label>
+            <div class="layui-input-block winui-radio">
+                <input type="radio" name="state" value="1" title="下线" />
+                <input type="radio" name="state" value="2" title="上线" />
+            </div>
+        </div>
+        <div class="layui-form-item layui-col-xs12">
+            <label class="layui-form-label">可用区域<i class="red">*</i></label>
+            <div class="layui-input-block winui-radio" win-verify="required">
+                <div id="areaMation"></div>
+                <div class="layui-form-mid layui-word-aux ver-center" style="padding-top: 8px !important">
+                    该区域来源于当前用户所在区域，如果当前用户拥有多个区域，则会展示多个供选择。
+                </div>
+            </div>
+        </div>
+        <div class="layui-form-item layui-col-xs12">
+            <label class="layui-form-label">套餐耗材</label>
+            <div class="layui-input-block">
+                <div class="winui-toolbar">
+                    <div class="winui-tool" style="text-align: left;">
+                        <button id="addRow" class="winui-toolbtn" type="button"><i class="fa fa-plus" aria-hidden="true"></i>新增行</button>
+                        <button id="deleteRow" class="winui-toolbtn" type="button"><i class="fa fa-trash-o" aria-hidden="true"></i>删除行</button>
+                    </div>
+                </div>
+                <table class="layui-table">
+                    <thead>
+                    <tr>
+                        <th style="width: 30px;"></th>
+                        <th style="width: 150px;">耗材说明</th>
+                    </tr>
+                    </thead>
+                    <tbody id="useTable" class="insurance-table">
+                    </tbody>
+                </table>
+            </div>
+        </div>
+        <div class="layui-form-item layui-col-xs12">
+            <div class="layui-input-block">
+                <button class="winui-btn" id="cancle"><language showName="com.skyeye.cancel"></language></button>
+                <button class="winui-btn" lay-submit lay-filter="formEditBean"><language showName="com.skyeye.save"></language></button>
+            </div>
+        </div>
+        {{/bean}}
+    </script>
+
+    <script type="text/x-handlebars-template" id="usetableTemplate">
+        <tr trcusid="{{trId}}">
+            <td><input type="checkbox" rowId="{{id}}" lay-filter="checkboxProperty" name="tableCheckRow"/></td>
+            <td><input type="text" class="layui-input" id="{{consumeExplain}}" win-verify="required"/></td>
+        </tr>
+    </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/meal/'}).use('mealEdit');
+    </script>
+</body>
+</html>
\ No newline at end of file

shop/src/main/resources/template/tpl/meal/mealInfo.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 style="padding:20px; margin:0 auto;">
+        <form class="layui-form" action="" id="showForm" autocomplete="off">
+
+        </form>
+        <script type="text/x-handlebars-template" id="simpleTemplate">
+            {{#bean}}
+            <div class="layui-form-item layui-col-xs12">
+                <label class="layui-form-label">套餐名称：</label>
+                <div class="layui-input-block ver-center">
+                    {{title}}
+                </div>
+            </div>
+            <div class="layui-form-item layui-col-xs6">
+                <label class="layui-form-label">套餐LOGO：</label>
+                <div class="layui-input-block ver-center">
+                    <img src="" class="photo-img" id="logo">
+                </div>
+            </div>
+            <div class="layui-form-item layui-col-xs6">
+                <label class="layui-form-label">套餐类型：</label>
+                <div class="layui-input-block ver-center" id="type">
+
+                </div>
+            </div>
+            <div class="layui-form-item layui-col-xs6">
+                <label class="layui-form-label">套餐价格：</label>
+                <div class="layui-input-block ver-center">
+                    {{price}}
+                </div>
+            </div>
+            <div class="layui-form-item layui-col-xs12">
+                <label class="layui-form-label">可使用次数：</label>
+                <div class="layui-input-block ver-center">
+                    {{mealNum}}
+                </div>
+            </div>
+            <div class="layui-form-item layui-col-xs12">
+                <label class="layui-form-label">套餐说明：</label>
+                <div class="layui-input-block ver-center">
+                    {{{mealExplain}}}
+                </div>
+            </div>
+            <div class="layui-form-item layui-col-xs6">
+                <label class="layui-form-label">状态：</label>
+                <div class="layui-input-block ver-center" id="state">
+
+                </div>
+            </div>
+            <div class="layui-form-item layui-col-xs12">
+                <label class="layui-form-label">可用区域：</label>
+                <div class="layui-input-block ver-center">
+                    {{#each mealAreaMationList}}
+                        <span class="layui-badge layui-bg-blue skyeye-badge">{{areaName}}</span>
+                    {{/each}}
+                </div>
+            </div>
+            <div class="layui-form-item layui-col-xs12">
+                <label class="layui-form-label">套餐耗材：</label>
+                <div class="layui-input-block">
+                    <table class="layui-table">
+                        <thead>
+                        <tr>
+                            <th style="width: 150px;">耗材说明</th>
+                        </tr>
+                        </thead>
+                        <tbody id="useTable" class="insurance-table">
+                        {{#each mealConsumeMationList}}
+                            <tr>
+                                <td>{{consumeExplain}}</td>
+                            </tr>
+                        {{/each}}
+                        </tbody>
+                    </table>
+                </div>
+            </div>
+            {{/bean}}
+        </script>
+    </div>
+    <script src="../../assets/lib/layui/layui.js"></script>
+    <script src="../../assets/lib/layui/custom.js"></script>
+    <script type="text/javascript">
+        layui.config({base: '../../js/meal/'}).use('mealInfo');
+    </script>
+</body>
+</html>
\ No newline at end of file

shop/src/main/resources/template/tpl/meal/mealList.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" action="" autocomplete="off">
+            <div class="layui-form-item">
+                <div class="layui-inline">
+                    <label class="layui-form-label">套餐名称</label>
+                    <div class="layui-input-inline">
+                        <input type="text" id="title" name="title" placeholder="请输入套餐名称" class="layui-input" />
+                    </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">
+        <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>
+            <button id="addBean" class="winui-toolbtn" auth="1644054570044"><i class="fa fa-plus" aria-hidden="true"></i><language showName="com.skyeye.addBtn"></language></button>
+        </div>
+    </div>
+    <div style="margin:auto 10px;">
+        <table id="messageTable" lay-filter="messageTable"></table>
+
+        <script type="text/html" id="tableBar">
+            {{# if(auth('1644054588089')){ }}
+                <a class="layui-btn layui-btn-xs" lay-event="edit"><language showName="com.skyeye.editBtn"></language></a>
+            {{# } }}
+            {{# if(auth('1644054579565')){ }}
+                <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="delete"><language showName="com.skyeye.deleteBtn"></language></a>
+            {{# } }}
+        </script>
+    </div>
+    <script src="../../assets/lib/layui/layui.js"></script>
+    <script src="../../assets/lib/layui/custom.js"></script>
+    <script type="text/javascript">
+        layui.config({base: '../../js/meal/'}).use('mealList');
+    </script>
+</body>
+</html>
\ No newline at end of file

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

@@ -19,5 +19,21 @@ var shopUtil = {
         }, async: false});
     },
 
+    /**
+     * 获取当前登陆用户所属的区域列表
+     *
+     * @param callback 回执函数
+     */
+    queryStaffBelongAreaList: function (callback){
+        AjaxPostUtil.request({url: shopBasePath + "storeStaff004", params: {}, 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});
+    },
 
 };