<!文档类型 网页类型>

<网页 语言代码="中文">

    <网页头部>

        <网页信息 文档编码="UTF8" />

        <网页信息 名称="页面视图" 关联数据="视图宽度=填充视图宽度,初始缩放值=1,最大缩放值=1,用户缩放状态=假" />

        <网页信息 关联HTTP="兼容模式" 关联数据="最高IE版本" />

        <网页标题>Document</网页标题>

    </网页头部>

    <网页主体>

        <区块 类名="lay-卡片面板" 行内样式="下边距: 0px">

            <区块 行内样式="内边距: 0px 0px 0px 0px" 类名="lay-表单 lay-表单-方框风格" 表单地址="">

                <区块 类名="lay-表单-项目"></区块>

            </区块>



            <区块 类名="lay-卡片面板-主体 表格盒子" 行内样式="内边距: 0px 0 10px">

                <表格 类名="lay-表格-头部 表格头" id="用户表格" lay-过滤器="用户"></表格>

                <脚本 因特网标准="text/网页标准" id="左侧工具栏">

                    <区块 类名="lay-输入框-内联块">

                        <区块 类名="订单浮动">

                            <数据框标注 类名="lay-表单-标签">开始</数据框标注>

                        </区块>

                        <区块 类名="订单浮动">

                            <数据框 id="开始时间" 数据类型="日期类型" 属性名称="title" 自动填充="不记住" 默认提示="" 数据值="2023-11-01" lay-验证="必填项" 类名="lay-输入框" />

                        </区块>

                        <区块 类名="订单浮动">

                            <数据框标注 类名="lay-表单-标签">结束</数据框标注>

                        </区块>

                        <区块 类名="订单浮动">

                            <数据框 id="结束时间" 数据类型="日期类型" 属性名称="title" 自动填充="不记住" 默认提示="" 数据值="2023-12-01" lay-验证="必填项" 类名="lay-输入框" />

                        </区块>

                        <区块 类名="订单浮动">

                            <数据框标注 行内样式="左边距: 8px" 类名="lay-表单-标签">支付状态</数据框标注>

                        </区块>

                        <区块 类名="订单浮动">

                            <下拉列表 id="支付状态" 属性名称="city" lay-验证="必填项">

                                <列表选项 列表值="">全部</列表选项>

                                <列表选项 列表值="1">已支付</列表选项>

                                <列表选项 列表值="0">未支付</列表选项>

                            </下拉列表>

                        </区块>

                        <区块 类名="订单浮动">

                            <数据框标注 行内样式="左边距: 8px" 类名="lay-表单-标签" 行内样式="内边距: 10px">支付类型</数据框标注>

                        </区块>

                        <区块 类名="订单浮动">

                            <下拉列表 id="支付类型" 属性名称="city" lay-验证="必填项">

                                <列表选项 列表值="">全部</列表选项>

                                <列表选项 列表值="支付宝付款">支付宝付款</列表选项>

                                <列表选项 列表值="现金付款">现金付款</列表选项>

                            </下拉列表>

                        </区块>

                        <区块 类名="订单浮动">

                            <数据框 id="搜索框" 数据类型="文本输入" 属性名称="title" 自动填充="不记住" 默认提示="" lay-验证="必填项" 类名="lay-输入框" />

                        </区块>

                        <区块 类名="订单浮动">

                            <按钮 类名="lay-按钮 lay-按钮-百搭" 点击回调="查询()">搜索</按钮>

                        </区块>

                    </区块>

                </脚本>

            </区块>

        </区块>



        <脚本>

            变量 日期时间 = 新建对象 日期类();

            变量 年 = 日期时间.取年(); //获取完整的年份(4位,1970-????)

            变量 月 = 日期时间.取月份() + 1; //获取当前月份(0-11,0代表1月)

            变量 日 = 日期时间.取日(); //获取当前日(1-31)

            变量 格式时间1 = 年 + "-" + 转化时间(月) + "-" + 转化时间(日);

            变量 格式时间2 = 年 + "-" + 转化时间(月) + "-" + "01";

            新建对象 lay_日期({

                [lay_日期.配置.绑定元素]: "#开始时间",

                [lay_日期.配置.初始值]: 格式时间2

            });

            新建对象 lay_日期({

                [lay_日期.配置.绑定元素]: "#结束时间",

                [lay_日期.配置.初始值]: 格式时间1

            });

            调试输出(格式时间2);

            调试输出(格式时间1);

            变量 订单详情内容弹出层;

            定义函数 查看订单明细(订单号) {

                局部变量 订单号组 = 订单号;

                浏览器临时储存.保存数据("订单号", JSON类.到可读JSON文本(订单号组));

                订单详情内容弹出层 = lay_弹出层.创建({

                    [lay_弹出层.配置.类型]: lay_弹出层.类型.内联框架,

                    [lay_弹出层.配置.宽高]: ["1024px", "600px"],

                    [lay_弹出层.配置.遮罩]: 0.7,

                    [lay_弹出层.配置.标题]: "订单详情",

                    [lay_弹出层.配置.遮罩关闭]: 真,

                    [lay_弹出层.配置.内容]: "@名称_订单详情.lhtml",

                    [lay_弹出层.配置.最大最小化]: 真

                });

            }

            定义函数 转化时间(传参) {

                变量 计数;

                如果 (传参 < 10) {

                    计数 = "0" + 传参;

                } 否则 {

                    计数 = 传参;

                }

                返回 计数;

            }



            //这里执行相关的JS代码

            局部变量 表格对象 = 新建对象 lay_表格({

                [lay_表格.配置.绑定元素]: "#用户表格",

                [lay_表格.配置.地址]: "/order2?" + "开始时间=" + 格式时间2 + "&结束时间=" + 格式时间1 + "&搜索框=" + +"&支付状态=" + "&支付类型=",

                [lay_表格.配置.id]: "用户数据",

                [lay_表格.配置.工具栏]: "#左侧工具栏",

                [lay_表格.配置.默认工具栏]: [lay_表格.默认工具栏.打印, lay_表格.默认工具栏.导出],

                [lay_表格.配置.分页]: 真,

                [lay_表格.配置.条数选择]: [5, 10, 15, 20, 25, 30],

                [lay_表格.配置.条数]: 15, // 不设置默认15条

                [lay_表格.配置.加载条]: 真, // 不设置默认15条



                [lay_表格.配置.分页]: {

                    [lay_分页.配置.起始页]: 1

                },

                [lay_表格.配置.表头]: [

                    [

                        {

                            [lay_表格.表头配置.字段]: "RowNum",

                            [lay_表格.表头配置.宽度]: 80,

                            [lay_表格.表头配置.标题]: "ID"

                        },

                        {

                            [lay_表格.表头配置.字段]: "订单号",

                            [lay_表格.表头配置.标题]: "订单号",

                            [lay_表格.表头配置.模板]: 定义函数 (数据) {

                                返回 `<超链接 类名="订单号样式" 链接地址="@标签_超链接不跳转" 点击回调="查看订单明细('${数据["订单号"]}')">${数据["订单号"]}</超链接>`;

                            }

                        },

                        {

                            [lay_表格.表头配置.字段]: "总金额",

                            [lay_表格.表头配置.标题]: "总金额",

                            [lay_表格.表头配置.排序]: 真

                        },

                        {

                            [lay_表格.表头配置.字段]: "操作人",

                            [lay_表格.表头配置.标题]: "操作人",

                            [lay_表格.表头配置.排序]: 真

                        },

                        {

                            [lay_表格.表头配置.字段]: "店号",

                            [lay_表格.表头配置.标题]: "店号",

                            [lay_表格.表头配置.排序]: 真

                        },

                        {

                            [lay_表格.表头配置.字段]: "状态",

                            [lay_表格.表头配置.标题]: "状态",

                            [lay_表格.表头配置.排序]: 真,

                            [lay_表格.表头配置.模板]: 定义函数 (数据) {

                                如果 (数据.状态 === 1) {

                                    返回 `<按钮 类名="lay-按钮 lay-按钮-迷你 lay-按钮-百搭" >已支付</按钮>`;

                                } 否则 {

                                    返回 `<按钮 类名="lay-按钮 lay-按钮-迷你 lay-按钮-警告">未支付</按钮>`;

                                }

                            }

                        },

                        {

                            [lay_表格.表头配置.字段]: "备注",

                            [lay_表格.表头配置.标题]: "备注",

                            [lay_表格.表头配置.排序]: 真

                        },

                        {

                            [lay_表格.表头配置.字段]: "特征",

                            [lay_表格.表头配置.标题]: "特征",

                            [lay_表格.表头配置.排序]: 真

                        }

                    ]

                ]

            });



            lay_表格.工具事件("用户", 定义函数 (工具事件对象) {

                变量 数据 = 工具事件对象.数据;

                变量 事件 = 工具事件对象.事件;

                变量 当前行 = 工具事件对象.表格行;

                信息框("11");

                如果 (事件 === "搜索") {

                    lay_弹出层.消息框(JSON类.到可读JSON文本(数据));

                }

            });



            lay_表格.工具栏事件("用户", 定义函数 (工具事件对象) {

                变量 数据 = 工具事件对象.数据;

                变量 事件 = 工具事件对象.事件;

                变量 当前行 = 工具事件对象.表格行;

                变量 选中 = lay_表格.选中行("用户数据");



                如果 (事件 === "添加") {

                }



                如果 (事件 === "编辑") {

                    //

                    //重载表格();

                    // lay_弹出层.消息框("编辑" + JSON类.到可读JSON文本(数据));

                }



                如果 (事件 === "删除") {

                    // lay_弹出层.消息框("删除" + JSON类.到可读JSON文本(数据));

                }



                如果 (事件 === "搜索") {

                    局部变量 临时搜索内容 = $("#输入框ID").设置或获取值(); //保存搜索内容

                    lay_表格.重载("用户数据", {

                        [lay_表格.配置.分页]: {

                            [lay_分页.配置.起始页]: 1

                        },

                        [lay_表格.配置.地址]: "/getTableList2?店号=" + 临时搜索内容 //搜索

                    });

                    lay_弹出层.消息框("搜索");

                    $("#输入框ID").设置或获取值(临时搜索内容); //渲染后写回去不然会消失

                }

            });



            定义函数 查询() {

                局部变量 a = $("#开始时间").设置或获取值();

                局部变量 b = $("#结束时间").设置或获取值();



                lay_表格.重载("用户数据", {

                    [lay_表格.配置.分页]: {

                        [lay_分页.配置.起始页]: 1

                    },

                    [lay_表格.配置.地址]: "/order2?" + "开始时间=" + a + "&结束时间=" +b+ "&搜索框=" + $("#搜索框").设置或获取值() + "&支付状态=" + $("#支付状态").设置或获取值() + "&支付类型=" + $("#支付类型").设置或获取值()

                });



                //   $("#开始时间").设置或获取值("2023/12/02");

                //局部变量 后端数据 = 网页访问_同步("/order2?page=1" + "&开始时间=" + $("#开始时间").设置或获取值() + "&结束时间=" + $("#结束时间").设置或获取值() + "&搜索框=" + $("#搜索框").设置或获取值() + "&支付状态=" + $("#支付状态").设置或获取值() + "&支付类型=" + $("#支付类型").设置或获取值(), 假, "");

            }

        </脚本>

    </网页主体>

</网页>

你把时间数据框放在表格的工具栏里面，每次重载都会刷新元素。