查看: 716|回复: 0

微擎订单列表模板

[复制链接]

748

主题

39

回帖

3907

积分

管理员

总舵主

积分
3907
QQ
发表于 2024-5-26 13:06:15 | 显示全部楼层 |阅读模式
  1. <div class="main">
  2.         <div class="alert alert-info">筛选条件可支持任意条件查询,订单号支持模糊查询</div>
  3.         <div class="panel panel-info" style="border-radius:0">
  4.                 <div class="panel-heading">筛选</div>
  5.                 <div class="panel-body">
  6.                         <form action="./index.php" method="get" class="form-horizontal" role="form" id="form1">
  7.                                 <input type="hidden" name="c" value="site" />
  8.                                 <input type="hidden" name="a" value="entry" />
  9.                                 <input type="hidden" name="m" value="wc_huiben" />
  10.                                 <input type="hidden" name="do" value="order" />
  11.                                 <input type="hidden" name="op" value="list" />
  12.                                 <div class="form-group">
  13.                                         <label class="col-xs-12 col-sm-2 col-md-1 control-label">用户ID</label>
  14.                                         <div class="col-sm-9 col-xs-12">
  15.                                                 <input type="text" class="form-control" name="wcuid" value="{$_GPC['wcuid']}" placeholder="请输入用户ID"/>
  16.                                         </div>
  17.                                 </div>
  18.                                 <div class="form-group">
  19.                                         <label class="col-xs-12 col-sm-2 col-md-1 control-label">订单ID</label>
  20.                                         <div class="col-sm-9 col-xs-12">
  21.                                                 <input type="text" class="form-control" name="orderid" value="{$_GPC['orderid']}" placeholder="请输入订单ID"/>
  22.                                         </div>
  23.                                 </div>
  24.                                 <div class="form-group">
  25.                                         <label class="col-xs-12 col-sm-2 col-md-1 control-label">订单号</label>
  26.                                         <div class="col-sm-9 col-xs-12">
  27.                                                 <input type="text" class="form-control" name="keyword" value="{$_GPC['keyword']}" placeholder="请输入订单号"/>
  28.                                                 <span class="help-block">支持订单号模糊查询,比如输入后6位</span>
  29.                                         </div>
  30.                                 </div>
  31.                                 <div class="form-group">
  32.                                         <label class="col-xs-12 col-sm-2 col-md-1 control-label">订单类型</label>
  33.                                         <div class="col-sm-9 col-xs-12">
  34.                                                 <select name="ordertype" class="form-control">
  35.                                                     <option value="">不限</option>
  36.                                                     <option value="1" {if $_GPC['ordertype'] == '1'} selected="selected" {/if}>借阅订单</option>
  37.                                                         <option value="2" {if $_GPC['ordertype'] == '2'} selected="selected" {/if}>购买订单</option>
  38.                                                 </select>
  39.                                                 <span class="help-block"></span>
  40.                                         </div>
  41.                                 </div>
  42.                                 <div class="form-group">
  43.                                         <label class="col-xs-12 col-sm-2 col-md-2 col-lg-1 control-label">状态</label>
  44.                                         <div class="col-sm-8 col-lg-9 col-xs-12">
  45.                                                 <select name="status" class="form-control">
  46.                                                         <option value="">不限</option>
  47.                                                         <option value="0" {if $_GPC['status'] == '0'} selected="selected" {/if}>待付款</option>
  48.                                                         <option value="-1" {if $_GPC['status'] == '-1'} selected="selected" {/if}>已取消</option>
  49.                                                         <option value="1" {if $_GPC['status'] == '1'} selected="selected" {/if}>待发货</option>
  50.                                                         <option value="2" {if $_GPC['status'] == '2'} selected="selected" {/if}>已发货</option>
  51.                                                         <option value="3" {if $_GPC['status'] == '3'} selected="selected" {/if}>待归还</option>
  52.                                                         <option value="4" {if $_GPC['status'] == '4'} selected="selected" {/if}>待评价</option>
  53.                                                         <option value="5" {if $_GPC['status'] == '5'} selected="selected" {/if}>维权申请</option>
  54.                                                 </select>
  55.                                         </div>
  56.                                 </div>
  57.                                 <div class="form-group">
  58.                                         <label class="col-xs-12 col-sm-2 col-md-2 col-lg-1 control-label">导出格式</label>
  59.                                         <div class="col-sm-8 col-lg-9 col-xs-12">
  60.                                                 <select name="datatype" class="form-control">
  61.                                                         <option value="0" {if $_GPC['datatype'] == 0} selected="selected"{/if}>CSV格式</option>
  62.                                                         <option value="1" {if $_GPC['datatype'] == 1} selected="selected"{/if}>XLS格式</option>
  63.                                                 </select>
  64.                                         </div>
  65.                                 </div>
  66.                                 <div class="form-group">
  67.                                         <label class="col-xs-12 col-sm-2 col-md-2 col-lg-1 control-label">下单时间</label>
  68.                                         <div class="col-sm-4 col-xs-12">
  69.                                                 {php echo tpl_form_field_daterange('time', array('starttime'=>date('Y-m-d H:i:s', $starttime),'endtime'=>date('Y-m-d H:i:s', $endtime)), true);}
  70.                                         </div>
  71.                                         <div class="col-sm-6 col-xs-12">
  72.                                                 <button class="btn btn-default"><i class="fa fa-search"></i> 搜索</button>
  73.                                                 <button name="export" value="export" class="btn btn-default"><i class="fa fa-download"></i> 导出数据</button>
  74.                                                 <button type="button" class="btn btn-default">订单数:{$total}</button>
  75.                                         </div>
  76.                                 </div>
  77.                         </form>
  78.                 </div>
  79.         </div>
  80.         <div class="text-right">{$pager}</div>
  81.         <div class="panel panel-default" style="border-radius:0">
  82.                 <div class="panel-body table-responsive">
  83.                         <div class="row" style="font-weight:bold">
  84.                                 <!--<div class="col-md-3">商品信息</div>-->
  85.                                 <div class="col-md-12">
  86.                                         <div class="row">
  87.                                                 <div class="col-md-2">下单用户</div>
  88.                                                 <div class="col-md-2">会员卡</div>
  89.                                                 <div class="col-md-2">取书方式</div>
  90.                                                 <div class="col-md-2">联系信息</div>
  91.                                                 <div class="col-md-2">订单状态</div>
  92.                                                 <div class="col-md-2">操作</div>
  93.                                         </div>
  94.                                 </div>
  95.                         </div>
  96.                 </div>
  97.         </div>
  98.         {loop $list $item}
  99.         <div class="panel panel-default" style="border-radius:0">
  100.                 <div class="panel-body table-responsive" style="padding: 0 15px 15px;">
  101.                         <div class="row" style="height:45px;line-height:45px;background:#f1f2f6">
  102.                                 <div class="col-md-8"><span class="label label-primary">ID:{$item['id']}</span> <b>{php echo date('Y-m-d H:i:s', $item['createtime'])}</b> 订单编号:{$item['ordersn']} {if $item['orderfrom'] == 1}<span class="label label-success">小程序订单</span>{/if}</div>
  103.                                 <div class="col-md-4 text-right">
  104.                                         {if $item['sendtype'] == 2}
  105.                                         <span class="fa fa-bell" style="color:#04bb0d" data-id="{$item['id']}" data-remark="{$item['remark']}" data-toggle="modal" data-target="#myModal" onclick="remark(this)">客服备注</span>
  106.                                         {/if}
  107.                                         {if !empty($item['userremark'])}<span class="fa fa-bell" style="color:#fe000c" data-toggle="popover" data-placement="bottom" data-html="true" data-trigger="hover" title="用户备注"
  108.                                                                 data-content="<font color='#fe000c'>{$item['userremark']}</font>">用户备注</span>{/if}
  109.                                 </div>
  110.                         </div>
  111.                         <div class="row" style="margin-top: 15px;">
  112.                                 <!--<div class="col-md-3" style="border-right: 1px solid #ccc;">
  113.                                         {loop $item['goodslist'] $index $row}
  114.                                         <div class="row" {if $index!==0}style="margin-top:15px;"{/if}>
  115.                                                 <div class="col-md-4" style="width:20%;"><img src="{php echo tomedia($row['thumb'])}" style="width:60px;height:60px;border:1px solid #ccc;border-radius:5px"/></div>
  116.                                                 <div class="col-md-4" style="width:80%;overflow:hidden;">
  117.                                                         <p style="font-weight:bold">{$row['title']}
  118.                                                         {if $item['ordertype'] == 2}
  119.                                                         (<b style="color:#fb8303">¥{$row['price']}</b> x{$row['total']}{$row['unit']})
  120.                                                         {/if}
  121.                                                         </p>
  122.                                                         <p>ISBN:{$row['isbn']}</p>
  123.                                                 </div>
  124.                                         </div>
  125.                                         {/loop}
  126.                                 </div>-->
  127.                                 <div class="col-md-12">
  128.                                         <div class="row">
  129.                                                 <div class="col-md-2">
  130.                                                     <div style="display:flex;z-index:2000;" data-toggle="popover" data-placement="right" data-html="true" data-trigger="hover" title="商品信息"
  131.                                                                 data-content="
  132.                                                                 {loop $item['goodslist'] $index $row}
  133.                                                                 <div style='display:flex; justify-content:flex-start;'>
  134.                                                                     <img src='{php echo tomedia($row['thumb'])}' style='width:40px;height:40px;border:1px solid #ccc;border-radius:5px'/>
  135.                                                                     <div>
  136.                                                                         <p>{$row['title']}</p>
  137.                                                                         {if $item['ordertype'] == 2}
  138.                                                                         <p>
  139.                                                                             <b style='color:#fb8303'>¥{$row['price']}</b>
  140.                                                                             x{$row['total']}{$row['unit']}
  141.                                                                         </p>
  142.                                                                         {/if}
  143.                                                                         <p>ISBN:{$row['isbn']}</p>
  144.                                                                     </div>
  145.                                                                 </div>
  146.                                                                 {/loop}
  147.                                                                 ">
  148.                                                         <img src="{php echo tomedia($item['avatar'])}" style="width:40px;height:40px;border-radius:5px;margin-right:15px"/><p>UID:{$item['wcuid']}<br>{$item['nickname']}</p>
  149.                                                     </div>
  150.                                                 </div>
  151.                                                 <div class="col-md-2">
  152.                                                     {if $item['mycardid']}
  153.                                                         <h4 class="text-primary">{$item['name']}</h4>
  154.                                                         <p>
  155.                                                                 {php echo date('Y-m-d', $item['end_time'])}前有效
  156.                                                         </p>
  157.                                                         {else}
  158.                                                         <h4 class="text-danger">无会员卡</h4>
  159.                                                         {/if}
  160.                                                 </div>
  161.                                                 <div class="col-md-2">
  162.                                                     <h4>
  163.                                                         {if $item['ordertype'] == 1}
  164.                                                         借阅订单
  165.                                                         {else}
  166.                                                         购买订单
  167.                                                         {/if}
  168.                                                     </h4>
  169.                                                         <h4 class="text-danger">{if $item['sendtype'] == 1}自取{else}配送上门{/if}</h4>
  170.                                                 </div>
  171.                                                 <div class="col-md-2">
  172.                                                         <p>{$item['realname']}</p>
  173.                                                         <p>{$item['mobile']}</p>
  174.                                                         {if $item['sendtype'] == 2}
  175.                                                         <p>
  176.                                                             {$item['province']}/{$item['city']}/{$item['city']}
  177.                                                         </p>
  178.                                                         <p>{$item['village']}{$item['address']}</p>
  179.                                                         {/if}
  180.                                                 </div>
  181.                                                 <div class="col-md-2">
  182.                                                     {if $item['ordertype'] == 2}
  183.                                                     <b>¥{$item['payfee']}</b>
  184.                                                     {if !empty($item['paytime'])}
  185.                                                     <p>
  186.                                                         {if $item['paytype'] == 1}
  187.                                                         <label class="label label-primary">余额支付</label>
  188.                                                         {else}
  189.                                                         <label class="label label-success">微信支付</label>
  190.                                                         {/if}
  191.                                                     </p>
  192.                                                     {/if}
  193.                                                     {/if}
  194.                                                     {if $item['status'] == 1}
  195.                                                         <span class="label label-success">待发货</span>
  196.                                                         {elseif $item['status'] == 2}
  197.                                                         <span class="label label-primary">已发货</span>
  198.                                                         {elseif $item['status'] == 3}
  199.                                                         <span class="label label-info">待归还</span>
  200.                                                         {elseif $item['status'] == 4}
  201.                                                         <span class="label label-warning">已完成</span>
  202.                                                         {elseif $item['status'] == 5}
  203.                                                         <span class="label label-danger">维权申请</span>
  204.                                                         {elseif $item['status'] == -1}
  205.                                                         <span class="label label-default">
  206.                                                             已取消
  207.                                                         </span>
  208.                                                             {if $item['paytime']}
  209.                                                             <span class="label label-danger" style="margin-left:5px">有退款</span>
  210.                                                             {/if}
  211.                                                         {else}
  212.                                                         <span class="label label-info">待付款</span>
  213.                                                         {/if}
  214.                                                 </div>
  215.                                                 <div class="col-md-2 text-right">
  216.                                                         <a href="{php echo $this->createWebUrl('order', array('op' => 'detail', 'id' => $item['id']))}" class="label label-success" data-toggle="tooltip" data-placement="left" title="查看订单">查看订单</a>
  217.                                                         <div style="height:10px"></div>
  218.                                                         {if $item['sendtype'] == 1 && $item['status'] == 0}
  219.                                                         <a href="{php echo $this->createWebUrl('order', array('op' => 'confirm', 'id' => $item['id']))}" onclick="return confirm('确认订单后用户就可将绘本取走了,确认继续吗?');" class="label label-warning" data-toggle="tooltip" data-placement="left" title="确认订单">确认订单</a>
  220.                                                         <div style="height:10px"></div>
  221.                                                         {/if}
  222.                                                         {if $item['status'] == 2}
  223.                                                         <a href="{php echo $this->createWebUrl('order', array('op' => 'backbook', 'id' => $item['id']))}" onclick="return confirm('请核对用户还书情况,确保订单中的绘本一次还完,确认继续吗?');" class="label label-warning" data-toggle="tooltip" data-placement="left" title="确认还书">确认还书</a>
  224.                                                         <div style="height:10px"></div>
  225.                                                         {/if}
  226.                                                         {if $item['status'] < 0}
  227.                                                         <a href="{php echo $this->createWebUrl('order', array('id' => $item['id'], 'op' => 'delete'))}" onclick="return confirm('此操作不可恢复,确认删除?');"
  228.                                                            class="label label-danger" data-toggle="tooltip" data-placement="left" title="删除订单">删除订单</i>
  229.                                                         </a>
  230.                                                         {/if}
  231.                                                 </div>
  232.                                         </div>
  233.                                 </div>
  234.                         </div>
  235.                 </div>
  236.         </div>
  237.         {/loop}
  238.         <div class="text-right">{$pager}</div>
  239. </div>
  240. <!-- Modal -->
  241. <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
  242.         <div class="modal-dialog" role="document">
  243.             <div class="modal-content">
  244.                     <div class="modal-header">
  245.                         <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
  246.                         <h4 class="modal-title" id="myModalLabel" style="font-weight:bold">客服备注</h4>
  247.                     </div>
  248.                     <form action="" method="post" class="form-horizontal form" enctype="multipart/form-data">
  249.                             <input type="hidden" name="orderid" value=""/>
  250.                             <div class="modal-body">
  251.                                 <div class="form-group">
  252.                                                 <label class="col-xs-12 col-sm-2 col-md-1 control-label">备注信息</label>
  253.                                                 <div class="col-sm-9 col-xs-12">
  254.                                                         <textarea name="remark" class="form-control" placeholder="请填写订单备注信息" rows="3"></textarea>
  255.                                                         <span class="help-block">备注信息不可超过200字</span>
  256.                                                 </div>
  257.                                         </div>
  258.                             </div>
  259.                             <div class="modal-footer">
  260.                                 <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
  261.                                 <input type="submit" name="submit" class="btn btn-primary" value="确定"/>
  262.                                 <input type="hidden" name="token" value="{$_W['token']}" />
  263.                             </div>
  264.                     </form>
  265.             </div>
  266.         </div>
  267. </div>
  268. <script>
  269.         function remark(obj){
  270.                 var orderid = $(obj).data('id');
  271.                 var remark = $(obj).data('remark');
  272.                 $("input[name='orderid']").val(orderid);
  273.                 $("textarea[name='remark']").val(remark);
  274.         }
  275. </script>
复制代码


道不同,不相为谋!理想要有,万一实现了呢?
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

关注公众号

相关侵权、举报、投诉及建议等,请发 E-mail:2513533699@qq.com

Powered by Discuz! X5.0 © 2001-2026 Discuz! Team.|鲁ICP备19000917号|鲁公网安备37078302000320号

在本版发帖
关注公众号
QQ客服返回顶部