js代码
<script type="text/javascript">
order_status = <?php echo isset($_GET['order_status']) ? intval($_GET['order_status']) : -1;?>;
token = "{{ csrf_token() }}";
layui.use('flow', function () {
$ = layui.jquery;
flow = layui.flow;
flow.load({
elem: '#lay_order_list'
, scrollElem: '#tops'
, isLazyimg: true
, mb: 50
, end: '没有更多啦!'
, done: function (page, next) {
count = 0; //总页数
var limit = 10;//每页显示的条数
var pages = limit * (page - 1);// 起始行数
setTimeout(function () {
var lis = [];
$.ajax({
type: "get",
async: false,
url: "{{url('user_ajax')}}?order_status=" + order_status + "&page=" + pages,
//data: "order_status=" + order_status + "&_token=" + token + "&page=" + first + "&limit=" + limit,
dataType: 'json',
success: function (msg) {
if (msg) {
count = msg.count;
for (var i = 0; i < msg.list.length; i++) {
var html = '';
msgs = msg.list[i];
var goodsarr = msgs.to_goods;
var refund_url = "{{route('refund/send')}}?order_id=" + msgs.id;
var receipt_url = "{{route('receipt')}}?id=" + msgs.id;
var _token = "{{csrf_token()}}";
var order_detail = "{{url('order/deal')}}?order_id=" + msgs.id;
html += "<li>";
html += "<div class=\"top\">";
html += "<p>";
html += "<a href=\"" + order_detail + "\" class=\"sd\">订单号:" + msgs.order_sn + "</a>";
html += "<span style=\"color: #94cc3d;\">" + msgs.status + "</span>";
html += "</p>";
html += "</div>";
for (var j = 0; j < goodsarr.length; j++) {
var comment_url = "{{route('comment/send')}}?goods_id=" + goodsarr[j].id;
html += "<div class=\"bottom\">";
html += "<div class=\"left\">";
html += "<img style=\"width: 1.5rem\" src=\"" + goodsarr[j].goods_images + "\">";
html += "</div>";
html += "<div class=\"right\">";
html += "<p>" + mySubString(goodsarr[j].goods_name, 30) + "</p>";
html += "<span>" + goodsarr[j].goods_price + "HE</span>";
if (msgs.status == '已完成') {
html += "<a href=\"" + comment_url + "\" class='buttonsty' >去评价</a>";
}
html += "</div>";
html += "</div>";
}
//var order_id =
html += "<div class=\"bottom_btn\">";
if (msgs.status == '未付款') {
html += "<a href=\"##\">未付款</a>";
html += "<a href=\"##\">去支付</a>";
}
if (msgs.status == '已付款') {
html += "<a href=\"" + refund_url + "\">退货</a>";
html += "<a href=\"##\">已付款</a>";
html += "<a href=\"##\">待发货</a>";
}
if (msgs.status == '已发货') {
html += "<a href=\"" + refund_url + "\">退货</a>";
html += "<a href=\"##\">待收货</a>";
html += "<a data-value=\"" + msgs.id + "\" data-token=\"" + _token + "\" data-href=\"" + receipt_url + "\" class=\"ajax-order\" style=\"background: #ff6d1f;border: 1px solid #e25306\" >确认收货</a>";
}
/* if( msgs.status == '已完成'){
html += "<a href=\"##\">去评论</a>";
html += "<a href=\"##\">已完成</a>";
}*/
if (msgs.status == '已取消') {
html += "<a href=\"##\">已取消</a>";
}
html += "</div>";
html += "</li>";
lis.push(html);
}
}
}
});
next(lis.join(''), page < count); //总页数
}, 500);
}
});
});
</script>
<script>
function mySubString(str, len, hasDot) {
var newLength = 0;
var newStr = "";
var chineseRegex = /[^\x00-\xff]/g;
var singleChar = "";
var strLength = str.replace(chineseRegex, "**").length;
for (var i = 0; i < strLength; i++) {
singleChar = str.charAt(i).toString();
if (singleChar.match(chineseRegex) != null) {
newLength += 2;
} else {
newLength++;
}
if (newLength > len) {
break;
}
newStr += singleChar;
}
if (hasDot && strLength > len) {
newStr += "...";
}
return newStr;
}
</script>
html代码
<section id="tops">
<div class="Dd_list" id="Dd_list">
<!--代付款-->
<div class="list list_1">
<ul id="lay_order_list"></ul>
</div>
<input type="hidden" name="_token" value="{{csrf_token()}}">
</div>
</section>
php代码 是一个二维数组
public function orderDataAjax(Request $request)
{
$sql = Order::where('id', '>', 0);
$data = $request->input();
$page=intval($data['page']);
$limit=10;
if (isset($data['order_status']) && $data['order_status'] != -1) {
$sql->where('status', '=', $data['order_status']);
}
$counts = $sql->with('toGoods')->orderBy('id', 'desc')->count();
$count = ceil($counts/$limit);
$list = $sql->with('toGoods')->orderBy('id', 'desc')->offset($page)->limit($limit)->get()->toArray();
$obj = new static();
if ($list) {
$obj->code = 0;
$obj->count = $count;
$obj->list = $list;
$obj->msg = "订单";
}
return response()->json($obj);
}
结果
不知道为什么无法自动加载,只能点击加载