162 lines
6.2 KiB
HTML
162 lines
6.2 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
||
<title>历史评价</title>
|
||
</head>
|
||
<link rel="stylesheet" href="/static/admin/js/layui/css/layui.css" media="all">
|
||
<link href="__CSS__/bootstrap.min.css?v=3.3.6" rel="stylesheet">
|
||
<link href="__CSS__/animate.min.css" rel="stylesheet">
|
||
<link href="__CSS__/style.min.css?v=4.1.0" rel="stylesheet">
|
||
<style>
|
||
.search_box {
|
||
overflow: hidden;
|
||
margin-top: 15px;
|
||
margin-left: 15px;
|
||
}
|
||
|
||
.margin_right_sm {
|
||
margin-right: 10px;
|
||
}
|
||
</style>
|
||
|
||
<body class="gray-bg">
|
||
|
||
<div class="wrapper wrapper-content animated fadeInRight">
|
||
<div class="ibox-title">
|
||
<h5>会话记录</h5>
|
||
</div>
|
||
<div class="ibox-content">
|
||
<div class="search_box">
|
||
<!--搜索框开始-->
|
||
<form id='commentForm' role="form" method="post" class="form-inline pull-right">
|
||
<div class="content clearfix m-b">
|
||
<div class="form-group margin_right_sm">
|
||
<label>用户ID：</label>
|
||
<input type="text" class="form-control" id="user_id" name="user_id">
|
||
</div>
|
||
<div class="form-group margin_right_sm">
|
||
<label>订单ID：</label>
|
||
<input type="text" class="form-control" id="order_id" name="order_id">
|
||
</div>
|
||
<div class="form-group margin_right_sm">
|
||
<label>评价日期：</label>
|
||
<input type="text" class="form-control" id="start" placeholder="开始日期" readonly> --
|
||
<input type="text" class="form-control" id="end" placeholder="结束日期" readonly>
|
||
</div>
|
||
<div class="form-group">
|
||
<button class="btn btn-primary" type="button" data-type="reload" id="search">
|
||
<strong>搜 索</strong>
|
||
</button>
|
||
</div>
|
||
</div>
|
||
</form>
|
||
</div>
|
||
<table id="rateList" lay-filter="test" class="layui-hide"></table>
|
||
<input type="hidden" name="kf_id" value="{$kf_id}">
|
||
</div>
|
||
</div>
|
||
<script src="/static/service/js/jquery-1.9.0.min.js"></script>
|
||
<script src="/static/admin/js/layui/layui.js"></script>
|
||
<script src="/static/common/tools.js"></script>
|
||
<script>
|
||
|
||
layui.use('table', function () {
|
||
let table = layui.table;
|
||
var kf_id = '{$kf_id}';
|
||
|
||
//第一个实例
|
||
table.render({
|
||
elem: '#rateList'
|
||
, url: '{:url("rate/getRateList")}' //数据接口
|
||
, where: {
|
||
kf_id: kf_id
|
||
}
|
||
, page: true //开启分页
|
||
, limits: [20, 30, 40, 50]
|
||
, cols: [[ //表头
|
||
{ field: 'id', title: '评价ID', minWidth: 90, sort: true, align: 'center', fixed: 'left' }
|
||
, { field: 'user_id', title: '用户ID', minWidth: 80, sort: true, align: 'center' }
|
||
, { field: 'content', title: '评价内容', minWidth: 190, align: 'center' }
|
||
, {
|
||
field: 'rank_num', title: '评价星级', minWidth: 160, sort: true, align: 'center',
|
||
templet: function (d) {
|
||
if (d.rank_num) {
|
||
let rate = '';
|
||
for (let i = 0; i < d.rank_num; i++) {
|
||
rate += '<i class="layui-icon layui-icon-rate-solid" style=" color: #ffa900"></i>';
|
||
}
|
||
return rate;
|
||
}
|
||
return '--';
|
||
}
|
||
}
|
||
, { field: 'order_id', title: '订单ID', minWidth: 160, sort: true, align: 'center' }
|
||
, {
|
||
field: 'created_time', title: '评价时间', minWidth: 100, sort: true, align: 'center',
|
||
templet: function (d) {
|
||
if (d.created_time) {
|
||
return formatDate(new Date(d.created_time * 1000));
|
||
}
|
||
return '--';
|
||
}
|
||
}
|
||
]]
|
||
, id: 'rateList'
|
||
});
|
||
|
||
var $ = layui.$, active = {
|
||
reload: function () {
|
||
let user_id = $('#user_id').val()
|
||
, order_id = $('#order_id').val()
|
||
, start = $('#start').val()
|
||
, end = $('#end').val();
|
||
|
||
//执行重载
|
||
table.reload('rateList', {
|
||
page: {
|
||
curr: 1 //重新从第 1 页开始
|
||
}
|
||
, where: {
|
||
kf_id: kf_id,
|
||
user_id: user_id,
|
||
order_id: order_id,
|
||
start: start,
|
||
end: end
|
||
}
|
||
});
|
||
}
|
||
};
|
||
|
||
$('#search').on('click', function () {
|
||
var type = $(this).data('type');
|
||
active[type] ? active[type].call(this) : '';
|
||
});
|
||
});
|
||
|
||
layui.use('laydate', function () {
|
||
var laydate = layui.laydate;
|
||
let now = (new Date()).getTime();
|
||
let start = $('#start').val();
|
||
|
||
laydate.render({
|
||
elem: '#start'
|
||
, type: 'date'
|
||
, max: now
|
||
});
|
||
|
||
laydate.render({
|
||
elem: '#end'
|
||
, type: 'date'
|
||
, max: now
|
||
, min: start
|
||
});
|
||
});
|
||
|
||
</script>
|
||
</body>
|
||
|
||
</html> |