intelligent-medicine-cabinet/mini-pro-web/src/views/replenishment/picking/detail.vue

<template>
    <div class='replenishment-picking-detail fs-14'>
        <div class="list bgc-fff">
            <div class="row kitbox">
                <div class="box-flex-1 pl10">药品名称</div>
                <div class="tc">领料数量</div>
            </div>
            <div class="row kitbox" v-for="(item, i) in drugList" :key="i">
                <div class="box-flex-1 pl10 ellipsis">{{item.drugName}}</div>
                <div class="tc">{{item.claim || item.quantity}}</div>
            </div>
        </div>
    </div>
</template>
<script>
import medicineAbinetApi from '@/api/api-medicineAbinet'
export default{
    name: 'replenishmentPickingDetail',
    data(){
        return {
            entity: '',
            drugList: [],
            idUp: this.$route.query.idUp,
            idOut: this.$route.query.idOut,
        }
    },
    created() {
        this.findById()
    },
    methods:{
        findById(){
            this.$loading('加载中..')
            if(this.idUp){
                let p = {
                    idUp: this.idUp
                }
                medicineAbinetApi
                    .getUpDetailById(p)
                    .then(res=>{
                        this.$toast.clear()
                        console.log('getUpDetailById', res)
                        if(res.status == 200){
                            this.drugList = res.obj.list
                        } else {
                            this.drugList = []
                        }
                    })
                    .catch(err=>{
                        console.error(err)
                    })
            } else {
                let p = {
                    idOut: this.idOut
                }
                medicineAbinetApi
                    .getOutDetailById(p)
                    .then(res=>{
                        this.$toast.clear()
                        console.log('getOutDetailById', res)
                        if(res.status == 200){
                            this.drugList = res.obj.list
                        } else {
                            this.drugList = []
                        }
                    })
                    .catch(err=>{
                        console.error(err)
                    })
            }
        }
    },
}
</script>
<style lang='scss' scoped>
.replenishment-picking-detail{
    .list{
        .row{
            padding: 10px 0;
            border-bottom: 1px solid #e1e1e1;
            >div:nth-child(2){
                width: 80px;
            }
            &:last-child{
                border-bottom: 0;
            }
        }
    }
}
</style>