<template>
    <div class='order-detail'>
        <div class="lh26 plr15 ptb10 bgc-fff fs-14">
            <div class="row">
                <div>处方号</div>
                <div>D2021090811040440280122</div>
            </div>
            <div class="row">
                <div>订单类型</div>
                <div>取货订单</div>
            </div>
            <div class="row">
                <div>开方时间</div>
                <div>2021-09-08 11:04</div>
            </div>
            <div class="row">
                <div>订单金额</div>
                <div>￥0</div>
            </div>
            <div class="row">
                <div>社保扣款</div>
                <div>￥264.66</div>
            </div>
            <div class="row">
                <div>订单状态</div>
                <div>待取货</div>
            </div>
            <div class="row">
                <div>存取信息</div>
                <div>取药码 43057502</div>
            </div>
        </div>

        <van-tabs class="mt10" v-model="active" sticky>
            <van-tab title="药品详情">
                <DrugList/>
            </van-tab>
            <van-tab title="出货日志">
                <LogList/>
            </van-tab>
            <van-tab title="设备信息">
                <DeviceInfo/>
            </van-tab>
        </van-tabs>
    </div>
</template>
<script>
import DeviceInfo from './components/DeviceInfo'
import LogList from './components/LogList'
import DrugList from './components/DrugList'
export default{
    name: 'orderDetail',
    components:{
        DeviceInfo,
        DrugList,
        LogList
    },
    data(){
        return {
            
        }
    },
    created() {
        
    },
    methods:{
        
    },
}
</script>
<style lang='scss' scoped>
.order-detail{
    .row{
        display: -webkit-box;
        div{
            &:first-child{
                width: 60px;
                position: relative;
                text-align: justify;
                text-align-last: justify;
                margin-right: 12px;
                &::after{
                    content: "：";
                    display: inline-block;
                    position: absolute;
                    right: -14px;
                    top: 0;
                }
            }
        }
    }
}
</style>