📖 File Reader
<?php /*a:3:{s:55:"D:\XiangMu\hecheng\app\admin\view\order\order_list.html";i:1739262494;s:49:"D:\XiangMu\hecheng\app\admin\view\public\top.html";i:1723193413;s:49:"D:\XiangMu\hecheng\app\admin\view\public\vue.html";i:1677287072;}*/ ?>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title></title>
<link href="/public/layui-v2.9.14/layui/css/layui.css" rel="stylesheet">
<style>
element.style {
height: 1020px!important;
}
.demoTable {
padding:1rem 1rem 0rem 1rem;
}
/*订单详情样式*/
.modal-dialog {
width: 700px;
}
.shou_xin{border: 1px solid #dcdcdc;width: 96%;margin: 10px auto;border-radius: 4px;overflow: hidden;}
.shou_xin_title{background: #f5f5f5;border-bottom: 1px solid #dcdcdc;padding: 8px 14px;font-size: 13px;}
.shou_xin_fu{width: 96%;margin: 10px auto;font-size: 12px;color: #333333;}
.shou_xin_box1{line-height: 20px;}
.shou_xin_fu1{display: flex;align-items: center;flex-wrap: wrap;width: 96%;margin: 10px auto;}
.shou_xin_box2{width: 50%;font-size: 12px;color: #333333;line-height: 20px;}
.shou_gai{display: flex;align-items: center;width: 100%;border-bottom: 1px solid #f5f5f5;padding: 10px 0;}
.shou_gai:last-child{border-bottom: 0;}
.shou_gai_box2{width: 80%;margin-left: 2%;}
.shou_gai_box2_font1{font-size: 14px;}
.shou_gai_box2_font3{margin-top: 2px;}
.shou_gai_box2_font3 span{margin-left: 10px;font-size: 12px;}
.tan_jia_meng{position: fixed;left: 0;top: 0;width: 100%;height: 100%;z-index: 99999;background: rgba(0,0,0,0.4);display: none;}
</style>
</head>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="renderer" content="webkit" />
<title><?php echo htmlentities($config['name']); ?></title>
<meta name="keywords" content="" />
<meta name="description" content=""/>
<!--[if lt IE 9]>
<meta http-equiv="refresh" content="0;ie.html" />
<![endif]-->
<link rel="shortcut icon" href="favicon.ico" />
<link href="/public/admin/css/jquery.contextMenu.min.css" rel="stylesheet"/>
<link href="/public/admin/css/font-awesome.css?v=4.4.0" rel="stylesheet">
<link href="/public/admin/css/plugins/jsTree/style.min.css" rel="stylesheet">
<link rel="shortcut icon" href="favicon.ico">
<link href="/public/admin/css/plugins/iCheck/custom.css" rel="stylesheet">
<link href="/public/admin/css/plugins/summernote/summernote.css" rel="stylesheet" />
<link href="/public/admin/css/plugins/summernote/summernote-bs3.css" rel="stylesheet" />
<link href="/public/admin/css/bootstrap.min.css?v=3.3.7" rel="stylesheet">
<link href="/public/admin/css/font-awesome.css?v=4.4.0" rel="stylesheet">
<link href="/public/admin/css/style.css?v=4.1.0" rel="stylesheet">
<script src="/public/layui-v2.9.14/layui/layui.js"></script>
<script src="/public/admin/js/jquery-2.2.0.min.js"></script>
<script>
layui.use('upload', function(){
var $ = layui.jquery,upload = layui.upload;
});
</script>
<style>
/*分页样式*/
.pagination{width: 100%;display: flex;align-items: center;justify-content: flex-end;}
</style>
</head>
<script src="/public/admin/js/jquery-2.2.0.min.js"></script>
<script src="/public/vue/vue.js"></script>
<script src="/public/vue/axios.min.js"></script>
<script src="/public/vue/vue-resource.min.js"></script>
<script src="/public/vue/request_admin.js"></script>
<body>
<!--搜索栏-->
<div class="demoTable">
<fieldset class="layui-elem-field">
<legend style="margin-bottom:0px;">搜索栏</legend>
<div class="layui-field-box">
<form class="layui-form layui-row layui-col-space16" onkeydown="if(event.keyCode==13)return false;" onSubmit="return checkSubmit();">
<div class="layui-col-md4" style="width: 21rem;">
<div class="layui-input-wrap">
<div class="layui-input-prefix">
<i class="layui-icon layui-icon-date"></i>
</div>
<input type="text" id="time_ks" readonly placeholder="开始时间" class="layui-input demo-table-search-date">
</div>
</div>
<div class="layui-col-md4" style="width: 21rem;">
<div class="layui-input-wrap">
<div class="layui-input-prefix">
<i class="layui-icon layui-icon-date"></i>
</div>
<input type="text" id="time_js" readonly placeholder="结束时间" class="layui-input demo-table-search-date">
</div>
</div>
<div class="layui-col-md4" style="width: 120px;">
<div class="layui-input-wrap">
<select class="layui-select" lay-filter="province" id="province">
<option value="">请选择省</option>
<?php if(is_array($region) || $region instanceof \think\Collection || $region instanceof \think\Paginator): if( count($region)==0 ) : echo "" ;else: foreach($region as $key=>$item): ?>
<option value="<?php echo htmlentities($item['id']); ?>"><?php echo htmlentities($item['name']); ?></option>
<?php endforeach; endif; else: echo "" ;endif; ?>
</select>
</div>
</div>
<div class="layui-col-md4" id="city_select" style="width: 120px;display:none;">
<div class="layui-input-wrap" >
<select class="layui-select" lay-filter="city" id="city">
<option value="">请选择</option>
</select>
</div>
</div>
<div class="layui-col-md4" id="district_select" style="width: 120px;display:none;">
<div class="layui-input-wrap" >
<select class="layui-select" lay-filter="district" id="district">
<option value="">请选择</option>
</select>
</div>
</div>
<div class="layui-col-md4" style="width: 33rem;">
<div class="layui-input-wrap">
<input class="layui-input" id="keyword" placeholder="请输入订单编号 / 收货人 / 手机号" autocomplete="off">
</div>
</div>
<div class="layui-col-md4" style="width: 150px;">
<div class="layui-input-wrap">
<select class="layui-select" id="state">
<option value="">订单状态</option>
<option value="0">待付款</option>
<option value="1">已付款，待发货</option>
<option value="2">已发货，待收货</option>
<option value="3">已完成</option>
<option value="4">已取消</option>
</select>
</div>
</div>
<div>
<button type="button" class="layui-btn" data-type="reload" lay-filter="demo-table-search">搜索</button>
</div>
</form>
</div>
</fieldset>
</div>
<!--表格处理-->
<div style="margin-left:1rem!important;margin-right:1rem!important;">
<table class="layui-hide" id="demo" lay-filter="test"></table>
</div>
<script type="text/html" id="toolbarDemo">
<div class="layui-btn-container">
<button class="layui-btn layui-btn-sm" lay-event="derive" style="width: 100px;background-color:#ff5722;">导出excel</button>
</div>
</script>
<script type="text/html" id="barDemo">
<?php if($table_jurisdiction['is39_show'] == 1): ?>
<a class="layui-btn layui-btn-primary layui-btn-xs" data-toggle="modal" data-target="#myModal" lay-event="info">订单详情</a>
<?php endif; if($table_jurisdiction['is40_show'] == 1): ?>
<a class="layui-btn layui-btn-xs" lay-event="FromDeliver">操作</a>
<?php endif; ?>
</script>
<!--订单详情弹窗-->
<div class="tan_jia_meng">
<div class="modal inmodal" id="myModal" tabindex="-1" role="dialog" aria-hidden="true" >
<div class="modal-dialog" style="width:800px;">
<div class="modal-content animated bounceInRight" style="height: 500px;overflow: auto;">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" onclick="close2()">
<span aria-hidden="true">×</span><span class="sr-only">关闭</span>
</button>
<h4 class="modal-title">订单详情</h4>
</div>
<!--收货信息-->
<div class="shou_xin">
<div class="shou_xin_title">会员信息</div>
<div class="shou_xin_fu" id="dizhi">
</div>
</div>
<div class="shou_xin">
<div class="shou_xin_title">订单信息</div>
<div class="shou_xin_fu1" id="shangpin">
</div>
</div>
<div class="shou_xin">
<div class="shou_xin_title">产品信息</div>
<div class="shou_xin_fu1" style="margin: 0 auto;" id="goods_list">
</div>
</div>
</div>
</div>
</div>
</div>
<script src="/public/layui-v2.9.14/layui/layui.js"></script>
<script>
layui.use(function(){
//定义全局变量
window.check_reload = function () {
table.reload('demo');
return true;
};
// 得到需要的内置组件
var layer = layui.layer; //弹层
var table = layui.table
,form = layui.form; //表格
var dropdown = layui.dropdown; //下拉菜单
var laydate = layui.laydate;
// 执行一个 table 实例
table.render({
elem: '#demo'
,height: 600
,url: "<?php echo Url('Order/order_list_ajax'); ?>" //数据接口（此处为静态数据，仅作演示）
,title: '用户表'
,page: true //开启分页
,limit:20
//,toolbar: 'default' //开启工具栏，此处显示默认图标，可以自定义模板，详见文档
,toolbar: '#toolbarDemo' //开启工具栏，此处显示默认图标，可以自定义模板，详见文档
,defaultToolbar: ['filter']//自定义右侧
,totalRow: false //开启合计行
,cols: [[ //表头
{type: 'checkbox', fixed: 'left'}
,{field: 'order_sn', title: '订单编号', width:210}
,{field: 'shop_name', title: '所属店铺', width:140,align: "center",templet:field_shop_name,hide: true}
,{field: 'type_courier', title: '配送方式', width:100,align: "center"}
,{field: 'address_name', title: '收货人姓名', width:130,align: "center"}
,{field: 'address_phone', title: '收货人手机号', width:130,align: "center"}
,{field: 'address', title: '收货人地址', width:300}
,{field: 'price', title: '订单总价', width:100,align: "center"}
,{field: 'pay_way', title: '支付方式', width:100,align: "center"}
,{field: 'state', title: '状态', width:100,align: "center",templet:field_custom}
,{field: 'add_time', title: '创建时间', width: 155, sort: true}
,{fixed: 'right', title: '操作', width: 180, align:'center', toolbar: '#barDemo'}
]],response: {
statusCode: 200 //重新规定成功的状态码为 200，table 组件默认为 0
}, done: function (res, curr, count) {
var admin_role_type = "<?php echo htmlentities($admin_info['role_type']); ?>";
if (admin_role_type == 1){ //平台管理员
table.hideCol('demo', [
{field: 'shop_name', hide: false},
]);
}
}
});
/*设置字段*/
function field_custom(data){
var state = data.state;
if (state == '已退款'){
return "<span style='color:red;'>已退款</span>"
}else{
return state;
}
}
function field_shop_name(data)
{
if (data.shop_name == ''){
return "<span style='color:#16b777;'>平台直售</span>"
}else{
return data.shop_name;
}
}
/*根据省查市*/
form.on('select(province)', function (data) {
var value = data.value;
if (value > 0){
req_post("/admin/Config/region_d",{'region_id':value}).then(res=>{
if (res.code == 200){
var list = res.data.list;
var str = '<option value="">请选择市</option>';
list.forEach((v,k)=>{
str += '<option value="'+v.id+'">'+v.name+'</option>';
});
$("#city").html(str);
if (res.data.list.length > 0){
$("#city_select").css('display','block');
}
form.render();
$("#district").html('<option value="">请选择区</option>');
$("#district_select").css('display','none');
}
});
}else{
$("#city").html('<option value="">请选择市</option>');
$("#city_select").css('display','none');
$("#district").html('<option value="">请选择区</option>');
$("#district_select").css('display','none');
}
});
/*根据市查区*/
form.on('select(city)', function (data) {
var value = data.value;
if (value > 0){
req_post("/admin/Config/region_d",{'region_id':value}).then(res=>{
if (res.code == 200){
var list = res.data.list;
var str = '<option value="">请选择区</option>';
list.forEach((v,k)=>{
str += '<option value="'+v.id+'">'+v.name+'</option>';
});
$("#district").html(str);
if (res.data.list.length > 0){
$("#district_select").css('display','block');
}
form.render();
}
});
}else{
$("#district").html('<option value="0">请选择区</option>');
$("#district_select").css('display','none');
}
});
/*搜索处理*/
var $ = layui.$, active = {
reload: function(){
//执行重载
table.reload('demo', {
page: {
curr: 1 //重新从第 1 页开始
}
,where: {
time_ks:$("#time_ks").val(),
time_js:$("#time_js").val(),
keyword:$('#keyword').val(),
state:$('#state').val(),
province:$('#province').val(),
city:$('#city').val(),
district:$('#district').val(),
}
});
}
};
$('.demoTable .layui-btn').on('click', function(){
var type = $(this).data('type');
active[type] ? active[type].call(this) : '';
});
/*日期*/
laydate.render({
elem: '.demo-table-search-date',
type: 'date',
});
/*头工具栏事件*/
table.on('toolbar(test)', function(obj){
switch(obj.event){
case 'derive':
var time_ks = $('#time_ks').val();
var time_js = $('#time_js').val();
var keyword = $('#keyword').val();
var state = $('#state').val();
var province = $('#province').val();
var city = $('#city').val();
var district = $('#district').val();
var loading = layer.msg('正在导出', {
icon: 16
, shade: 0.5
, time: 0
});
req_post("<?php echo Url('Order/order_list_export'); ?>",{'is_detection':1,'keyword':keyword,'state':state,'time_ks':time_ks,'time_js':time_js,'province':province,'city':city,'district':district}).then(res=>{
if (res.code == 200){
layer.close(loading);
window.location.href="/admin/Order/order_list_export?keyword="+keyword+'&state='+state+"&time_ks="+time_ks+"&time_js="+time_js+'&province='+province+'&city='+city+'&district='+district;
}
});
break;
};
});
/*表格工具事件*/
table.on('tool(test)', function(obj){ //注：tool 是工具条事件名，test 是 table 原始容器的属性 lay-filter="对应的值"
var data = obj.data //获得当前行数据
,layEvent = obj.event; //获得 lay-event 对应的值
if(layEvent === 'info'){
req_post("<?php echo Url('Order/order_info'); ?>",{'order_id':data.order_id}).then(res=>{
$("#myModal").css('display','block');
$(".tan_jia_meng").css('display','block');
$("#dizhi").html(res.data.dizhi);
$("#shangpin").html(res.data.xiangqing);
$("#goods_list").html(res.data.goods);
});
}else if(layEvent === 'FromDeliver'){
parent.layer.open({
type: 2,
title: '操作',
shadeClose: true,
shade: 0.5,
maxmin: true, //开启最大化最小化按钮
area: ['70%','80%'],
content:'/admin/Order/form_deliver_update?order_id='+data.order_id,
end:function(res,err) {
}
});
}
});
});
/*表单提交成功*/
function Fromsucceed(){
check_reload();
}
function close2(){
$("#myModal").css('display','none');
$(".tan_jia_meng").css('display','none');
}
</script>
</body>
</html>