hemall.terabimsoft.com.cn/plugins/fight-groups/views/admin/store/order/detail.blade.php

<!--  拼团订单详情页  -->
@extends('layouts.base')
@section('title', '拼团订单详情')
@section('content')
    <style>
        .el-form-item {
            margin-bottom: 0px
        }
    </style>

    <div id="app-order" style="padding-top: 1%" xmlns:v-bind="http://www.w3.org/1999/xhtml">
        <template>
            <el-container>
                <el-header>
                    拼团订单详情
                </el-header>
                <el-main>
                    <order-operation :order="order"></order-operation>
                    <el-collapse v-model="collapseActiveName">
                        <el-collapse-item title="基本信息" name="1">
                            <el-form ref="order" :model="order" label-width="17%">


                                <el-form-item label="粉丝 :">
                                    <div style="padding-left:20px">
                                        <a v-bind:href="'{{ yzWebUrl('member.member.detail', array('id' => '')) }}'+[[order.uid]]"
                                           target="_blank"><img
                                                    v-bind:src="order.belongs_to_member.avatar_image"
                                                    style='width:100px;height:100px;padding:1px;border:1px solid #ccc'>
                                            [[order.belongs_to_member.nickname]]</a>
                                    </div>

                                </el-form-item>
                                <el-form-item label="会员信息 :">
                                    <div style="padding-left:20px">

                                        ID: [[order.belongs_to_member.uid]]
                                        姓名: [[order.belongs_to_member.realname]] /
                                        手机号: [[order.belongs_to_member.mobile]]
                                    </div>
                                </el-form-item>
                                <el-form-item label="订单编号 :">
                                    <div style="padding-left:20px">
                                        [[order.order_sn]]
                                    </div>
                                </el-form-item>
                                <el-form-item label="订单金额 :">
                                    <div style="padding-left:20px">
                                        <el-row type="flex">
                                            <el-col :span="2" style="text-align:right;">
                                                商品小计 :
                                            </el-col>
                                            <el-col :span="22">
                                                ￥[[order.order_goods_price]]
                                            </el-col>
                                        </el-row>

                                        <el-row type="flex">
                                            <el-col>
                                                <el-col :span="2" style="text-align:right;">
                                                    应收款 :
                                                </el-col>
                                                <el-col :span="22">
                                                    <span style="color:green">￥[[order.price]]</span>
                                                </el-col>
                                            </el-col>
                                        </el-row>

                                    </div>
                                </el-form-item>
                                <el-form-item label="支付状态 :">
                                    <div style="padding-left:20px">
                                        <label class='label label-info'>[[order.status_name]]</label>
                                    </div>
                                </el-form-item>


                                <el-form-item label="下单时间 :">
                                    <div style="padding-left:20px">

                                        [[order.create_time]]
                                    </div>
                                </el-form-item>
                                <el-form-item label="支付时间 :">
                                    <div style="padding-left:20px">

                                        [[order.pay_time]]

                                    </div>
                                </el-form-item>

                            </el-form>
                        </el-collapse-item>

                        <el-collapse-item v-if="order.address" title="收货地址 :" name="3">
                            <el-form label-width="17%">
                                <el-form-item label="收件人 :">
                                    <div style="padding-left:20px">
                                        [[order.address.realname]]
                                    </div>
                                </el-form-item>
                                <el-form-item label="联系电话 :">
                                    <div style="padding-left:20px">
                                        [[order.address.mobile]]
                                    </div>
                                </el-form-item>
                                <el-form-item label="收货地址 :">
                                    <div style="padding-left:20px">
                                        [[order.address.address]]
                                    </div>
                                </el-form-item>
                                <el-form-item label="物流信息" v-if="order.express">
                                    <div style="padding-left:20px">
                                        [[order.express.company_name]]
                                    </div>
                                    <el-row type="flex">
                                        <el-col :span="2" style="text-align:right;">
                                            [[order.express.express_company_name]] :
                                        </el-col>
                                        <el-col :span="22">
                                            [[order.express.express_sn]]
                                        </el-col>
                                    </el-row>

                                    <el-row type="flex">

                                        <el-col :span="2" style="text-align:right;">
                                            官方电话 :
                                        </el-col>
                                        <el-col :span="22">
                                            [[order.express.tel]]
                                        </el-col>
                                    </el-row>
                                </el-form-item>
                            </el-form>
                        </el-collapse-item>
                        <el-collapse-item title="商品信息 :" name="4">
                            <el-table
                                    :data="order.has_many_order_goods"
                                    style="width: 100%">
                                <el-table-column
                                        prop="id"
                                        label="ID" width="50%"></el-table-column>
                                <el-table-column
                                        label="商品标题">
                                    <template slot-scope="scope">

                                        <a v-bind:href="'{{ yzWebUrl('goods.goods.edit', array('id' => '')) }}'+[[scope.row.goods_id]]"
                                           target="_blank">
                                            <img v-bind:src="scope.row.thumb"
                                                 style='width:30px;height:30px;padding:1px;border:1px solid #ccc'>
                                            [[scope.row.title]]
                                        </a>
                                    </template>
                                </el-table-column>
                                <el-table-column
                                        prop="goods_option_title"
                                        label="商品规格"></el-table-column>
                                <el-table-column
                                        label="现价/原价/成本价">
                                    <template slot-scope="scope">
                                        ¥[[scope.row.goods_price]]/ ¥[[scope.row.goods_market_price]]/
                                        ¥[[scope.row.goods_cost_price]]
                                    </template>
                                </el-table-column>
                                <el-table-column
                                        prop="total"
                                        label="数量" width="50%"></el-table-column>
                                <el-table-column
                                        prop="goods.status_name"
                                        label="状态" width="50%">
                                </el-table-column>

                            </el-table>

                        </el-collapse-item>
                    </el-collapse>
                </el-main>
            </el-container>
        </template>
    </div>

@endsection('content')
@section('js')
    @include('Yunshop\FightGroups::admin.order.orderOperation')
    <script>
        var app = new Vue({
            el: '#app-order',
            delimiters: ['[[', ']]'],
            components: {
                'order-operation': orderOperation
            },
            data() {
                let data =eval({!! $data !!});
                console.log(data)
                return {
                    rules: {},
                    order: data,
                    // order:{
                    //     belongs_to_member:{avatar_image:""},
                    //     provider_platform_order:{tripartite_retailer:{name:''},tripartite_provider:{name:""}},
                    //     express:{name:"",company_name:"",}
                    // },
                    name:"",
                    collapseActiveName: ['1', '2', '3', '4']
                }
            },
            mounted: function () {
            },
            methods: {}
        });

    </script>
@endsection('js')