lianjie_admin/app/Admin/Extensions/MyDetailPage.php

<?php


namespace App\Admin\Extensions;

use App\Admin\Common\LinkUrl;
use App\Models\ImsCjdcOrder;
use App\Models\ImsCjdcOrderMain;
use App\Models\LanzuOrderGoods;
use App\Models\LanzuServiceHorseman;
use Dcat\Admin\Admin;
use Dcat\Admin\Support\LazyRenderable;
use Endroid\QrCode\Exceptions\DataDoesntExistsException;

class MyDetailPage extends LazyRenderable
{

    protected static $js = [LinkUrl::VUE_JS, LinkUrl::ELEMENT_UI_JS];
    protected static $css = [LinkUrl::DETAIL_CSS, LinkUrl::ELEMENT_UI_CSS];


    public function render()
    {
        //>>1.主订单数据
        $order = ImsCjdcOrderMain::getOrderData($this->order_id);
        if ($order) {
            //>>2.获取子订单
            $orders = ImsCjdcOrder::getOrdersData($order['id']);
            //配送距离
            //配送费
            //拒绝退款理由
            //退款总备注原因，单个商品或者单个子订单
            Admin::script(
                <<<JS
            var orders =  JSON.stringify($orders)
            var app = new Vue({
                el:"#detail",
                data:{
                    dialogFormVisible: false,
                    order_num: "{$order['order_num']}",
                    name: "{$order['name']}",
                    state: "{$order['state']}",
                    created_at: "{$order['created_at']}",
                    updated_at: "{$order['updated_at']}",
                    pay_type: "{$order['pay_type']}",
                    shipping_type: "{$order['shipping_type']}",
                    tel: "{$order['tel']}",
                    delivery_time_note: "{$order['delivery_time_note']}",
                    refuse_refund_note: "{$order['refuse_refund_note']}",
                    total_refund_note: "{$order['total_refund_note']}",
                    address: "{$order['address']}",
                    note: "{$order['note']}",
                    money: "{$order['money']}",
                    total_money: "{$order['total_money']}",
                    services_money: "{$order['services_money']}",
                    coupon_money: "{$order['coupon_money']}",
                    delivery_money: "{$order['delivery_money']}",
                    horseman_name: "{$order['horseman_name']}",
                    orders: JSON.parse(orders),
                    refund_2:"退款",
                    refund_3:"已同意退款",
                    refund_goods_name:"",

                },
                methods: {
                    refundNote(name) {
                        this.dialogFormVisible = true;
                        this.refund_goods_name ="退款备注商品 ["+name+"]" ;
                    },
                    refundConfirm() {
                         this.\$confirm('是否同意该商品退款?', '提示', {
                            confirmButtonText: '同意',
                            cancelButtonText: '取消',
                            type: 'warning'
                        }).then(() => {
                            this.dialogFormVisible = false;
                            alert(this.total_refund_note)
                        }).catch(() => {
                        });
                    }
                }
            });
JS
            );

        }
        return view('orderdetail');
    }


}