admin 发表于 2024-5-26 13:06:15

微擎订单列表模板

<div class="main">
      <div class="alert alert-info">筛选条件可支持任意条件查询,订单号支持模糊查询</div>
      <div class="panel panel-info" style="border-radius:0">
                <div class="panel-heading">筛选</div>
                <div class="panel-body">
                        <form action="./index.php" method="get" class="form-horizontal" role="form" id="form1">
                              <input type="hidden" name="c" value="site" />
                              <input type="hidden" name="a" value="entry" />
                              <input type="hidden" name="m" value="wc_huiben" />
                              <input type="hidden" name="do" value="order" />
                              <input type="hidden" name="op" value="list" />
                              <div class="form-group">
                                        <label class="col-xs-12 col-sm-2 col-md-1 control-label">用户ID</label>
                                        <div class="col-sm-9 col-xs-12">
                                                <input type="text" class="form-control" name="wcuid" value="{$_GPC['wcuid']}" placeholder="请输入用户ID"/>
                                        </div>
                              </div>
                              <div class="form-group">
                                        <label class="col-xs-12 col-sm-2 col-md-1 control-label">订单ID</label>
                                        <div class="col-sm-9 col-xs-12">
                                                <input type="text" class="form-control" name="orderid" value="{$_GPC['orderid']}" placeholder="请输入订单ID"/>
                                        </div>
                              </div>
                              <div class="form-group">
                                        <label class="col-xs-12 col-sm-2 col-md-1 control-label">订单号</label>
                                        <div class="col-sm-9 col-xs-12">
                                                <input type="text" class="form-control" name="keyword" value="{$_GPC['keyword']}" placeholder="请输入订单号"/>
                                                <span class="help-block">支持订单号模糊查询,比如输入后6位</span>
                                        </div>
                              </div>
                              <div class="form-group">
                                        <label class="col-xs-12 col-sm-2 col-md-1 control-label">订单类型</label>
                                        <div class="col-sm-9 col-xs-12">
                                                <select name="ordertype" class="form-control">
                                                    <option value="">不限</option>
                                                    <option value="1" {if $_GPC['ordertype'] == '1'} selected="selected" {/if}>借阅订单</option>
                                                      <option value="2" {if $_GPC['ordertype'] == '2'} selected="selected" {/if}>购买订单</option>
                                                </select>
                                                <span class="help-block"></span>
                                        </div>
                              </div>
                              <div class="form-group">
                                        <label class="col-xs-12 col-sm-2 col-md-2 col-lg-1 control-label">状态</label>
                                        <div class="col-sm-8 col-lg-9 col-xs-12">
                                                <select name="status" class="form-control">
                                                      <option value="">不限</option>
                                                      <option value="0" {if $_GPC['status'] == '0'} selected="selected" {/if}>待付款</option>
                                                      <option value="-1" {if $_GPC['status'] == '-1'} selected="selected" {/if}>已取消</option>
                                                      <option value="1" {if $_GPC['status'] == '1'} selected="selected" {/if}>待发货</option>
                                                      <option value="2" {if $_GPC['status'] == '2'} selected="selected" {/if}>已发货</option>
                                                      <option value="3" {if $_GPC['status'] == '3'} selected="selected" {/if}>待归还</option>
                                                      <option value="4" {if $_GPC['status'] == '4'} selected="selected" {/if}>待评价</option>
                                                      <option value="5" {if $_GPC['status'] == '5'} selected="selected" {/if}>维权申请</option>
                                                </select>
                                        </div>
                              </div>
                              <div class="form-group">
                                        <label class="col-xs-12 col-sm-2 col-md-2 col-lg-1 control-label">导出格式</label>
                                        <div class="col-sm-8 col-lg-9 col-xs-12">
                                                <select name="datatype" class="form-control">
                                                      <option value="0" {if $_GPC['datatype'] == 0} selected="selected"{/if}>CSV格式</option>
                                                      <option value="1" {if $_GPC['datatype'] == 1} selected="selected"{/if}>XLS格式</option>
                                                </select>
                                        </div>
                              </div>
                              <div class="form-group">
                                        <label class="col-xs-12 col-sm-2 col-md-2 col-lg-1 control-label">下单时间</label>
                                        <div class="col-sm-4 col-xs-12">
                                                {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);}
                                        </div>
                                        <div class="col-sm-6 col-xs-12">
                                                <button class="btn btn-default"><i class="fa fa-search"></i> 搜索</button>
                                                <button name="export" value="export" class="btn btn-default"><i class="fa fa-download"></i> 导出数据</button>
                                                <button type="button" class="btn btn-default">订单数:{$total}</button>
                                        </div>
                              </div>
                        </form>
                </div>
      </div>
      <div class="text-right">{$pager}</div>
      <div class="panel panel-default" style="border-radius:0">
                <div class="panel-body table-responsive">
                        <div class="row" style="font-weight:bold">
                              <!--<div class="col-md-3">商品信息</div>-->
                              <div class="col-md-12">
                                        <div class="row">
                                                <div class="col-md-2">下单用户</div>
                                                <div class="col-md-2">会员卡</div>
                                                <div class="col-md-2">取书方式</div>
                                                <div class="col-md-2">联系信息</div>
                                                <div class="col-md-2">订单状态</div>
                                                <div class="col-md-2">操作</div>
                                        </div>
                              </div>
                        </div>
                </div>
      </div>
      {loop $list $item}
      <div class="panel panel-default" style="border-radius:0">
                <div class="panel-body table-responsive" style="padding: 0 15px 15px;">
                        <div class="row" style="height:45px;line-height:45px;background:#f1f2f6">
                              <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>
                              <div class="col-md-4 text-right">
                                        {if $item['sendtype'] == 2}
                                        <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>
                                        {/if}
                                        {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="用户备注"
                                                                data-content="<font color='#fe000c'>{$item['userremark']}</font>">用户备注</span>{/if}
                              </div>
                        </div>
                        <div class="row" style="margin-top: 15px;">
                              <!--<div class="col-md-3" style="border-right: 1px solid #ccc;">
                                        {loop $item['goodslist'] $index $row}
                                        <div class="row" {if $index!==0}style="margin-top:15px;"{/if}>
                                                <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>
                                                <div class="col-md-4" style="width:80%;overflow:hidden;">
                                                      <p style="font-weight:bold">{$row['title']}
                                                      {if $item['ordertype'] == 2}
                                                      (<b style="color:#fb8303">¥{$row['price']}</b> x{$row['total']}{$row['unit']})
                                                      {/if}
                                                      </p>
                                                      <p>ISBN:{$row['isbn']}</p>
                                                </div>
                                        </div>
                                        {/loop}
                              </div>-->
                              <div class="col-md-12">
                                        <div class="row">
                                                <div class="col-md-2">
                                                    <div style="display:flex;z-index:2000;" data-toggle="popover" data-placement="right" data-html="true" data-trigger="hover" title="商品信息"
                                                                data-content="
                                                                {loop $item['goodslist'] $index $row}
                                                                <div style='display:flex; justify-content:flex-start;'>
                                                                  <img src='{php echo tomedia($row['thumb'])}' style='width:40px;height:40px;border:1px solid #ccc;border-radius:5px'/>
                                                                  <div>
                                                                        <p>{$row['title']}</p>
                                                                        {if $item['ordertype'] == 2}
                                                                        <p>
                                                                            <b style='color:#fb8303'>¥{$row['price']}</b>
                                                                            x{$row['total']}{$row['unit']}
                                                                        </p>
                                                                        {/if}
                                                                        <p>ISBN:{$row['isbn']}</p>
                                                                  </div>
                                                                </div>
                                                                {/loop}
                                                                ">
                                                      <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>
                                                    </div>
                                                </div>
                                                <div class="col-md-2">
                                                    {if $item['mycardid']}
                                                      <h4 class="text-primary">{$item['name']}</h4>
                                                      <p>
                                                                {php echo date('Y-m-d', $item['end_time'])}前有效
                                                      </p>
                                                      {else}
                                                      <h4 class="text-danger">无会员卡</h4>
                                                      {/if}
                                                </div>
                                                <div class="col-md-2">
                                                    <h4>
                                                      {if $item['ordertype'] == 1}
                                                      借阅订单
                                                      {else}
                                                      购买订单
                                                      {/if}
                                                    </h4>
                                                      <h4 class="text-danger">{if $item['sendtype'] == 1}自取{else}配送上门{/if}</h4>
                                                </div>
                                                <div class="col-md-2">
                                                      <p>{$item['realname']}</p>
                                                      <p>{$item['mobile']}</p>
                                                      {if $item['sendtype'] == 2}
                                                      <p>
                                                            {$item['province']}/{$item['city']}/{$item['city']}
                                                      </p>
                                                      <p>{$item['village']}{$item['address']}</p>
                                                      {/if}
                                                </div>
                                                <div class="col-md-2">
                                                    {if $item['ordertype'] == 2}
                                                    <b>¥{$item['payfee']}</b>
                                                    {if !empty($item['paytime'])}
                                                    <p>
                                                      {if $item['paytype'] == 1}
                                                      <label class="label label-primary">余额支付</label>
                                                      {else}
                                                      <label class="label label-success">微信支付</label>
                                                      {/if}
                                                    </p>
                                                    {/if}
                                                    {/if}
                                                    {if $item['status'] == 1}
                                                      <span class="label label-success">待发货</span>
                                                      {elseif $item['status'] == 2}
                                                      <span class="label label-primary">已发货</span>
                                                      {elseif $item['status'] == 3}
                                                      <span class="label label-info">待归还</span>
                                                      {elseif $item['status'] == 4}
                                                      <span class="label label-warning">已完成</span>
                                                      {elseif $item['status'] == 5}
                                                      <span class="label label-danger">维权申请</span>
                                                      {elseif $item['status'] == -1}
                                                      <span class="label label-default">
                                                            已取消
                                                      </span>
                                                            {if $item['paytime']}
                                                            <span class="label label-danger" style="margin-left:5px">有退款</span>
                                                            {/if}
                                                      {else}
                                                      <span class="label label-info">待付款</span>
                                                      {/if}
                                                </div>
                                                <div class="col-md-2 text-right">
                                                      <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>
                                                      <div style="height:10px"></div>
                                                      {if $item['sendtype'] == 1 && $item['status'] == 0}
                                                      <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>
                                                      <div style="height:10px"></div>
                                                      {/if}
                                                      {if $item['status'] == 2}
                                                      <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>
                                                      <div style="height:10px"></div>
                                                      {/if}
                                                      {if $item['status'] < 0}
                                                      <a href="{php echo $this->createWebUrl('order', array('id' => $item['id'], 'op' => 'delete'))}" onclick="return confirm('此操作不可恢复,确认删除?');"
                                                         class="label label-danger" data-toggle="tooltip" data-placement="left" title="删除订单">删除订单</i>
                                                      </a>
                                                      {/if}
                                                </div>
                                        </div>
                              </div>
                        </div>
                </div>
      </div>
      {/loop}
      <div class="text-right">{$pager}</div>
</div>
<!-- Modal -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
      <div class="modal-dialog" role="document">
            <div class="modal-content">
                  <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
                        <h4 class="modal-title" id="myModalLabel" style="font-weight:bold">客服备注</h4>
                  </div>
                  <form action="" method="post" class="form-horizontal form" enctype="multipart/form-data">
                            <input type="hidden" name="orderid" value=""/>
                            <div class="modal-body">
                              <div class="form-group">
                                                <label class="col-xs-12 col-sm-2 col-md-1 control-label">备注信息</label>
                                                <div class="col-sm-9 col-xs-12">
                                                      <textarea name="remark" class="form-control" placeholder="请填写订单备注信息" rows="3"></textarea>
                                                      <span class="help-block">备注信息不可超过200字</span>
                                                </div>
                                        </div>
                            </div>
                            <div class="modal-footer">
                              <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                              <input type="submit" name="submit" class="btn btn-primary" value="确定"/>
                              <input type="hidden" name="token" value="{$_W['token']}" />
                            </div>
                  </form>
            </div>
      </div>
</div>
<script>
      function remark(obj){
                var orderid = $(obj).data('id');
                var remark = $(obj).data('remark');
                $("input").val(orderid);
                $("textarea").val(remark);
      }
</script>

页: [1]
查看完整版本: 微擎订单列表模板