<template>
    <view class="container">
        <div class="line"></div>
        <div class="orderItem">
            <div class="orderItem1">
                <div class="orderItem_left">
                    <span>￥</span>4704.00
                    <image v-if="false" id="state1" src="http://192.168.0.172:5500/7.15/myOrder_BillState1.png"></image>
                    <image id="state2" src="http://192.168.0.172:5500/7.15/myOrder_BillState2.png"></image>
                </div>
                <div class="orderItem_right" @click="changeDialog">
                    <image src="http://192.168.0.172:5500/7.15/myOrder_Explanation.png"></image>
                    运费说明
                </div>
            </div>
            <div class="row">
                <div class="row_label">运费单号</div>
                <div class="row_con">155323454224524454</div>
            </div>
            <div class="row">
                <div class="row_label">下单时间</div>
                <div class="row_con">2021-04-16 11:11:11</div>
            </div>
        </div>
        <div class="line"></div>
        <div class="orderItem">
            <div class="orderItemTit2">关联订单号</div>
            <div class="row">
                <div class="row_label">订单1</div>
                <div class="row_con">
                    142047425444415
                    <u-icon name="arrow-right"></u-icon>
                </div>
            </div>
            <div class="row">
                <div class="row_label">订单2</div>
                <div class="row_con">
                    142047425444415
                    <u-icon name="arrow-right"></u-icon>
                </div>
            </div>
        </div>
        <div class="line"></div>
        <div class="orderItem">
            <div class="orderItemTit2">关联订单号</div>
            <div class="row">
                <div class="row_label">门店名称</div>
                <div class="row_con">
                    马路边边马路边边马路边边马路边边马
                    路边边马路边边马路边边马路边边
                </div>
            </div>

        </div>


        <div class="dialog" v-if="dialog">
            <div class="dialogCon">
                <div class="dialogCon_tit">运费退款详情</div>
                <div class="dialogCon_row">
                    <div class="dialogCon_row_label">退款金额</div>
                    <div class="dialogCon_row_con orange">￥40.00</div>
                </div>
                  <div class="dialogCon_row">
                    <div class="dialogCon_row_label">退款状态</div>
                    <div class="dialogCon_row_con">已完成</div>
                </div>
                  <div class="dialogCon_row">
                    <div class="dialogCon_row_label">退款方式</div>
                    <div class="dialogCon_row_con">微信退款</div>
                </div>
                  <div class="dialogCon_row">
                    <div class="dialogCon_row_label">退款时间</div>
                    <div class="dialogCon_row_con">2021-02-04 18:55:55</div>
                </div>
                <div class="btn" @click="changeDialog">我知道了</div>
            </div>
        </div>

    </view>
</template>



<script>
import {
    apiArr
} from '../../../api/doorToDoor';
import {
    picUrl,
    menuButtonInfo,
    request,
    NavgateTo
} from '../../../utils';
export default {
    data() {
        return {
            top: "",
            localHeight: "",
            type: "error",
            dialog:false,
        }
    },
    methods: {
        changeDialog(){
            this.dialog = !this.dialog
        },
    },
    onLoad(options) {
        const meun = menuButtonInfo();
        this.top = meun.top;
        this.localHeight = meun.height;
    },
    onReachBottom() {

    },
}
</script>

<style>
@import url("./index.css");
</style>