<!-- 依 赖 样 式 【..】 -->
<link rel="stylesheet" href="/assets/admin/css/pear.css" />
<!-- 加 载 样 式-->
<link rel="stylesheet" href="/assets/admin/css/load.css" />
<!-- 布 局 样 式 -->
<link rel="stylesheet" href="/assets/admin/css/admin.css" />
<script src="/assets/admin/jquery.min.js"></script>
<script src="/assets/admin/layui/layui.js"></script>
<script src="/assets/admin/pear.js"></script>
<script src="/assets/admin/jquery.form.min.js"></script>
<script src="/assets/admin/modules/webuploader.html5only.js"></script>
<script src="/assets/admin/modules/art-template.js"></script>
<script src="/assets/admin/app.js"></script>
<script src="/assets/admin/modules/file.library.js"></script>
<style>
.layui-table-main .layui-table-cell {
height: 70px !important;
line-height: 70px !important;
}
.layui-table img {
height: 70px ;
}
.layui-table-cell .layui-form-radio[lay-skin=primary] {
top: 8px;
padding: 0;
}
.layui-form-checked[lay-skin=primary] i {
background-color: #ffb80000 !important;
}
.layui-table-view .layui-form-radio{
line-height: 70px;
}
.layui-table-view .layui-form-radio>i{
font-size: 20px !important;
}
</style>
<body class="pear-container pear-container">
<form action="">
<div >
<div >
<input type="text" name="pay_price" placeholder="价格">
</div>
<div >
<button lay-submit lay-filter="user-query">
<i class="layui-icon layui-icon-search"></i>
提交查询
</button>
</div>
</div>
</form>
<div class="layui-card">
<div class="layui-card-body" id="divResourcePackList">
<div class="layui-row layui-col-space10">
<div class="layui-col-md3 layui-float-left">
<li class="refresh layui-nav-item"><a href="#" class="layui-icon layui-icon-refresh-1 refresh-button"></a></li>
</div>
</div>
<table id="user-table" lay-filter="user-table"></table>
</div>
</div>
</body>
<!-- 图片替换-->
<script type="text/html" id="avatarUrl">
<a href="{{d.goods[0].image.file_path}}" title="点击查看大图" target="_blank">
<img src="{{d.goods[0].image.file_path}}" alt="商品图片">
</a>
</script>
<!-- 图片替换-->
<!-- 卖家信息-->
<script type="text/html" id="sell-member">
<div class="am-text-middle" rowspan="1">
<p>{{d.sell_member.member_name}}</p>
<p class="am-link-muted">(用户id：{{d.sell_member.member_id}})</p>
</div>
</script>
<!-- 卖家信息-->
<!--<script src="https://cdn.jsdelivr.net/npm/vue@2"></script>-->
<script>
layui.use(['table', 'form', 'jquery'], function() {
let table = layui.table;
let form = layui.form;
let $ = layui.jquery;
let cols = [
[
{
title: '订单ID',
field: 'order_id',
type:'radio',
width: 120,
},
{
title: '订单号',
field: 'order_no',
width: 120,
},
{
title: '商品名称',
field: 'goods_name',
width: 120,
},
{
title: '订单价格',
field: 'pay_price',
width: 120,
},
{
title: '商品图片',
field: 'images',
templet: '#avatarUrl',
width: 120,
},
{
title: '卖家信息',
field: 'sell_member',
align: 'center',
templet: '#sell-member',
}
]
];
var dataArr = [];//当前页面数据
CheckedArray = []; //记录选中行ID
//渲染加载数据
tableIns = table.render({
elem: '#user-table',
url: "{{:url('order.consignment/index1')}}",
limit: 4, //每页默认显示的数量
page: {
curr:localStorage.getItem("streambeat_member_page_curr")?localStorage.getItem("streambeat_member_page_curr"):1,
},
cols: cols,
skin: 'line',
where:{s_type:0,range_name:'{{$model.range_name}}'},
done: function (res) {
dataArr = res.data;
let data = res.data; //资源包列表数据
let num = 0;
for (var i = 0; i < data.length; i++) {
for (var j = 0; j < CheckedArray.length; j++) {
if (data[i].order_id == CheckedArray[j]) {
num++;
data[i]["LAY_CHECKED"] = 'true'; //真正的有效勾选，只有改变LAY_CHECKED的值， table.checkStatus才能抓取到选中的状态
var index = data[i]['LAY_TABLE_INDEX'];
$('#divResourcePackList tr[data-index=' + index + '] input[type="radio"]').prop('checked', true);
$('#divResourcePackList tr[data-index=' + index + '] input[type="radio"]').next().addClass('layui-form-radio');
}
}
}
var limits = $(".layui-laypage-limits").find("option:selected").val(); //每页条数的选择项，值务必对应 limit 参数
//"全选"框被勾选
if ((num == limits || num == res.count) && res.count > 0) {
$('#divResourcePackList .layui-table-header table.layui-table thead th input[type="radio"]').prop('checked', true);
$('#divResourcePackList .layui-table-header table.layui-table thead th input[type="radio"]').next().addClass('layui-form-radio');
}
}
});
//选择勾选
table.on('radio(user-table)', function (obj) {
// console.log(obj);return;
if (obj.checked == true) {
CheckedArray = [];
CheckedArray.push(obj.data.order_id);
} else {
if (obj.type == 'one') {
for (var i = 0; i < CheckedArray.length; i++) {
if (CheckedArray[i] == obj.data.order_id) {
removeByValue(CheckedArray, CheckedArray[i]);//调用自定义的根据值移除函数
}
}
} else {
for (var i = CheckedArray.length - 1; i > -1; i--) { //splice删除后会更改原数组下标所代表的值
for (var j = dataArr.length - 1; j > -1; j--) {
if (CheckedArray[i] == dataArr[j].order_id) {
removeByValue(CheckedArray, CheckedArray[i]);//调用自定义的根据值移除函数
}
}
}
}
}
// console.log(CheckedArray)
});
/**
* 移除数据
* @param arr
* @param val
*/
function removeByValue(arr, val)
{
for (var i = 0; i < arr.length; i++) {
if (arr[i] == val) {
arr.splice(i, 1);
break;
}
}
}
});
//回调函数获取选中的值
var callbackdata = function () {
return CheckedArray;
}
</script>
请问一下，我这个搜索怎么没用啊，搜索出来的内容还是原列表的，不是我搜索的
