fastadmin操作栏添加查看订单详情按纽

原创已于 2024-01-29 13:50:59 修改 · 1.4k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#php

于 2023-03-31 22:33:41 首次发布

本文介绍了如何在FastAdmin框架中为表格操作栏添加一个新的订单详情按钮，包括修改JS文件中的operate代码，添加detail_url，定义控制器中的detail方法，更新HTML中的授权检查，以及创建detail.html视图文件来展示订单详细信息。

fastadmin操作栏添加查看订单详情按纽(窗帘订制)

1、在js文件中，替换原来的操作按纽operate代码

{
                            field: 'operate',
                            title: __('Operate'),
                            table: table,
                            buttons :[
                                {name: 'detail',
                                    text: '订单详情',
                                    title: '订单详情',
                                    icon: 'fa fa-list',
                                    extend: 'data-area=\'["80%", "80%"]\'',
                                    classname: 'btn btn-xs btn-primary btn-dialog',
                                    url: 'cldz/order/detail'
                                }
                            ],
                            events: Table.api.events.operate,
                            formatter: Table.api.formatter.operate
                        }

在js的上方table中，添加

detail_url: 'cldz/order/detail',

在下面的api中，添加方法

detail: function () {
    Controller.api.bindevent();
},

2、在对应的index.html中，添加

data-operate-detail="{:$auth->check('cldz/order/detail')}"

３、在对应的controllaer中，添加details方法

public function detail($ids = null){
        //$ids就是订单的id
       $orderData =  CldzOrderModel::where('id',$ids)->find();
        $userData = CldzUserModel::where('id',$orderData['userId'])->find();
        $orderDetails = CldzOrderDetModel::where('orderNumber', $orderData['orderNumber'])->select();
        $this->assign('userData',$userData);
        $orderData['cTime'] = date('Y-m-d H:i',$orderData['createtime']);
        $this->assign('orderData',$orderData);
        $this->assign('orderDetails',$orderDetails);
        return $this->view->fetch();
    }

最后，在view中，添加detail.html文件


<div class="panel panel-default panel-intro">
    {:build_heading()}

    <div class="panel panel-default">
        <div class="panel-heading">
            订单信息
            <a href="javascript:;" onclick="window.print();" class="btn btn-info btn-xs pull-right btn-print-page">
                <i class="fa fa-print"></i>
                打印
            </a>
        </div>
        <div class="panel-body">
            <div class="row">
                <div class="col-xs-6">
                    <ul class="list-group">
                        <li class="list-group-item">订单号：{$orderData['orderNumber']}</li>
                    </ul>
                </div>
                <div class="col-xs-6">
                    <ul class="list-group">
                        <li class="list-group-item">下单时间：{$orderData['cTime']}</li>
                    </ul>
                </div>
            </div>
        </div>
    </div>

    <div class="panel panel-default">
        <div class="panel-heading print-flex">
            <span>收货信息</span>
        </div>
        <div class="panel-body">
            <div class="row">
                <div class="col-xs-6">
                    <p>收货人的姓名：{$orderData['userName']}</p>
                    <p>收货人的手机：{$orderData['phoneNum']}</p>
                    <p>收货人的地址：{$orderData['address']}</p>
                </div>
            </div>
        </div>
    </div>

    <!-- 商品信息 -->
    <div class="panel panel-default">
        <div class="panel-heading">
            <span>商品信息</span>
            <a href="javascript:;" class="btn btn-info btn-xs pull-right">
                总金额：{$orderData['total']}元
            </a>
        </div>
        <div class="panel-body">
            <div class="goods">
                <table class="table table-bordered table-goods">
                    <thead>
                    <tr>
                        <th class="text-center">商品ID</th>
                        <th>商品名称</th>
                        <th class="text-center">图片</th>
                        <th class="text-center">价格</th>
                    </tr>
                    </thead>
                    <tbody>
                    {volist name="$orderDetails" id="vo" key='k'}
                    <tr>
                        <th class="text-center" scope="row">{$vo.pid}</th>
                        <td>{$vo.name}</td>
                        <td class="text-center">
                            <img src="{$vo.showImage}" class="img-sm" alt="">
                        </td>
                        <td class="text-center">{$vo.price}元</td>
                    </tr>
                    {/volist}
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>

<script>


</script>


</div>