lianjie_admin/resources/views/orderdetail.php

<div id="detail">
    <div v-if="shipping_type_num != 3">
        <button class="btn btn-outline-primary btn-sm" @click="showMap()"  v-show="close_map" >查看路线</button>
        <button class="btn btn-outline-primary btn-sm" @click="closeMap()"  style="margin-left: 0" v-show="show_map" >关闭地图</button>
        <button class="btn btn-outline-primary btn-sm" id="btn-2d" @click="change2D()" v-show="show_map"  style="margin-left: 0">切换2D</button>
        <button class="btn btn-outline-primary btn-sm" id="btn-2d" @click="change3D()" v-show="show_map" title="按Ctrl键可调整视角" style="margin-left: 0">切换3D</button>
        <p></p>
        <div id="container" v-show="is_show"></div>
    </div>
    <!-- 用户信息表格 -->
    <table class="table table-bordered table-striped">
        <tbody>
        <tr>
            <td class="text-nowrap" scope="col">订单编号：{{order_num}}</td>
            <td colspan="5">创建时间：{{created_at}}</td>
        </tr>
        <tr>
            <td class="text-nowrap" scope="row">用户名称：{{name}}</td>
            <td colspan="5">联系电话：{{tel}}</td>
        </tr>
        <tr>
            <td class="text-nowrap" scope="row" v-if="shipping_type_num == 1 || shipping_type_num == 2">收货地址：{{address}}</td>
            <td class="text-nowrap" scope="row" v-if="shipping_type_num == 3">自提地址：{{market_name}}</td>

            <td colspan="5">更新时间：{{updated_at}}</td>
        </tr>

        <tr>
            <td class="text-nowrap" scope="row" v-if="shipping_type_num == 1 || shipping_type_num == 2">预约送达时间：{{delivery_time_note}}</td>
            <td class="text-nowrap" scope="row" v-if="shipping_type_num == 3">预约自提时间：{{delivery_time_note}}</td>
            <td class="text-nowrap" scope="col" v-if="shipping_type_num == 1 || shipping_type_num == 2">配送员: {{horseman_name}}</td>
        </tr>
        <tr>
            <td class="text-nowrap" scope="row" v-if="shipping_type_num == 1 || shipping_type_num == 2">配送距离：{{distance}}</td>
            <td colspan="5" v-if="shipping_type_num == 1 || shipping_type_num == 2">配送费：{{delivery_money}} 元</td>
        </tr>

        <tr>
            <td class="text-nowrap" scope="row">配送方式：{{shipping_type}}</td>
            <td class="text-nowrap" scope="col"></td>
        </tr>
        <tr>
            <td class="text-nowrap" scope="col" v-if="note">订单备注：{{note}}</td>
            <td class="text-nowrap" scope="col" v-if="refuse_refund_note">拒绝退款原因：{{refuse_refund_note}}</td>
        </tr>
        <tr>
            <td class="text-nowrap" scope="col" v-if="total_refund_note">退款原因：{{total_refund_note}}</td>
        </tr>
        <tr>
            <td class="text-nowrap" scope="row" colspan="2">
            总金额: {{total_money}} 元
            &ensp;&ensp;
            优惠金额: <span style="color: red">-{{coupon_money}}</span> 元

            &ensp;&ensp;
            <span style="color: green" v-if="shipping_type_num == 1 || shipping_type_num == 2"> 配送费: +{{delivery_money}} 元</span>

            &ensp;&ensp;
            增值服务费: <span style="color: green">+{{services_money?services_money:0}}</span> 元
            &ensp;&ensp;
            实付金额: {{money}} 元
            </td>
        </tr>
        </tbody>
    </table>
    <!-- 用户信息表格END -->
    <!-- 店铺 -->
    <div class="shop-box" v-for="item in orders">
        <div class="alert alert-secondary" role="alert">
            <img class="shop-logo" :src="item.store.logo" alt="店铺logo"/>
            <span>{{item.store.name}}</span>
        </div>
        <div class="media" v-for= "goods in item.goods">
            <img class="logo-img" :src="goods.cover_img" class="align-self-center mr-3" alt="商品图片">
            <div class="media-body">
                <h5 class="mt-0">{{goods.name}}</h5>
                <div>
                    <span class="price">/{{goods.goods_unit}}</span>
                    <span style="float: right;">X {{goods.number}}</span>

                </div>
                <p class="mb-0" style="color: red;font-size: 1.4rem;">￥{{goods.price}}</p>
                <el-button type="info" plain style="float: right;" @click="refundNote(goods.name,goods.id,item.id)" v-if="(state==4||state==11)&&(goods.status!=3)&&(show_refund[goods.id].show_refund_2)">{{refund_2}}</el-button>
                <p style="float: right; color: red" v-if="goods.status==3">{{refund_3}}</p>
                <p style="float: right; color: red" v-if="show_refund[goods.id].show_refund_3">{{refund_3}}</p>
            </div>
        </div>
        <p v-if="item.note">店铺备注: ({{item.note}})</p>
    </div>
    <a class="return" :href="path"><<返回</a>
    <div class="money">
        总金额: {{total_money}} 元
        &ensp;&ensp;
        优惠金额: <span style="color: red">-{{coupon_money}}</span> 元

        &ensp;&ensp;
       <span style="color: green" v-if="shipping_type_num == 1 || shipping_type_num == 2"> 配送费: +{{delivery_money}} 元</span>

        &ensp;&ensp;
        增值服务费: <span style="color: green">+{{services_money?services_money:0}}</span> 元
        &ensp;&ensp;
        实付金额: {{money}} 元

    </div>
    <el-dialog :title="refund_goods_name" :visible.sync="dialogFormVisible">
        <el-input :rows="5" v-model="total_refund_note" placehoder="请备注退款原因" type="textarea"></el-input>
        <div slot="footer" class="dialog-footer">
            <el-button @click="dialogFormVisible = false">取 消</el-button>
            <el-button type="primary" @click="refundConfirm()">确 定</el-button>
        </div>
    </el-dialog>
</div>