<template>
    <div class="recordsDetails">
        <div>
            <div id="pdfId">
                <div class="recordsTable">
                    <div class="fieldset">
                        <el-row :gutter="30">
                            <el-col :span="8" :xs="24">
                                <label class="label-title">药剂编号</label>
                                <label>
                                    <el-input :value="tableData.drugNumber" readonly></el-input>
                                </label>
                            </el-col>
                            <el-col :span="8" :xs="24">
                                <label class="label-title">药剂种类</label>
                                <label>
                                    <el-input :value="tableData.drugKind" readonly></el-input>
                                </label>
                            </el-col>
                            <el-col :span="8" :xs="24">
                                <label class="label-title">药剂名称</label>
                                <label>
                                    <el-input :value="tableData.drugName" readonly></el-input>
                                </label>
                            </el-col>
                        </el-row>
                        <el-row :gutter="30">
                            <el-col :span="8" :xs="24">
                                <label class="label-title">药剂形态</label>
                                <label>
                                    <el-input :value="tableData.drugType" readonly></el-input>
                                </label>
                            </el-col>
                            <el-col :span="8" :xs="24">
                                <label class="label-title">药剂包装</label>
                                <label>
                                    <el-input :value="tableData.drugPacking" readonly></el-input>
                                </label>
                            </el-col>
                            <el-col :span="4" :xs="24">
                                <label class="label-title">规格型号</label>
                                <label>
                                    <el-input :value="tableData.drugSpecification" readonly></el-input>
                                </label>
                            </el-col>
                            <el-col :span="4" :xs="24">
                                <label class="label-title">&nbsp;</label>
                                <label>
                                    <el-input :value="tableData.createUnit" readonly></el-input>
                                </label>
                            </el-col>
                        </el-row>
                        <el-row :gutter="30">
                            <el-col :span="8" :xs="24">
                                <label class="label-title">生产厂家</label>
                                <label>
                                    <el-input :value="tableData.manufacturer" readonly></el-input>
                                </label>
                            </el-col>
                            <el-col :span="8" :xs="24">
                                <label class="label-title">采购来源</label>
                                <label>
                                    <el-input :value="tableData.cgly" readonly></el-input>
                                </label>
                            </el-col>
                            <el-col :span="8" :xs="24">
                                <label class="label-title">生产日期</label>
                                <label>
                                    <el-input :value="tableData.productionDate" readonly></el-input>
                                </label>
                            </el-col>
                        </el-row>
                        <el-row :gutter="30">
                            <el-col :span="8" :xs="24">
                                <label class="label-title">过期日期</label>
                                <label>
                                    <el-input :value="tableData.expireDate" readonly></el-input>
                                </label>
                            </el-col>
                            <el-col :span="8" :xs="24">
                                <label class="label-title">货架号</label>
                                <label>
                                    <el-input :value="tableData.shelfName" readonly></el-input>
                                </label>
                            </el-col>
                            <el-col :span="8" :xs="24">
                                <label class="label-title">入库数量(袋或瓶)</label>
                                <label>
                                    <el-input :value="tableData.storageCount" readonly></el-input>
                                </label>
                            </el-col>
                        </el-row>
                        <el-row :gutter="30">
                            <el-col :span="8" :xs="24">
                                <label class="label-title">入库总量(L或kg)</label>
                                <label>
                                    <el-input :value="tableData.storagePrice" readonly></el-input>
                                </label>
                            </el-col>
                            <el-col :span="8" :xs="24">
                                <label class="label-title">登记人</label>
                                <label>
                                    <el-input :value="tableData.controlMan" readonly></el-input>
                                </label>
                            </el-col>
                            <el-col :span="8" :xs="24">
                                <label class="label-title">入库时间</label>
                                <label>
                                    <el-input :value="tableData.createTime" readonly></el-input>
                                </label>
                            </el-col>
                        </el-row>
                    </div>
                </div>
            </div>
            <div style="text-align: center">
                <el-button type="primary" @click="returnFun" class="iconfont iconfanhui">返回</el-button>
            </div>
        </div>
    </div>
</template>

<script>
import { inStoreDetail } from "@/api/grainReserves/zygl/index"
export default {
    name: "inStoreDetail",
    data() {
        return {
            tableData: {},
        }
    },
    methods: {
        //取消
        returnFun() {
            this.$router.go(-1)
        },

        getInfo() {
            let params = {
                id: this.$route.query.id,
            }
            inStoreDetail(params)
                .then(res => {
                    if (res.infoCode && res.infoCode == 200) {
                        this.tableData = res.data
                    }
                })
                .catch()
        },
    },
    created() {
        this.getInfo()
    },
}
</script>

<style scoped lang="scss">
.title-box {
    border-bottom: 1px dashed #00000071;
    padding: 5px 0;

    p {
        display: inline-block;
        font-weight: 800;
    }
}

.el-col {
    margin-bottom: 15px;
}

.label-title {
    display: inline-block;
    margin-bottom: 6px;
}

.fieldset {
    display: block;
    border: none;
    background: rgba(255, 255, 255, 0.9);
    position: relative;
    padding: 25px 14px 5px;
}

.recordsDetails {
    font-size: 14px;
    padding-bottom: 20px;

    #pdfId {
        padding: 20px;
    }

    .littleMsg {
        height: 17px;
    }

    .title {
        font-size: 26px;
        font-weight: 500;
        text-align: center;
    }

    table {
        margin: 10px 0;
        font-size: 14px;
        border-collapse: collapse;
        color: #525357;
    }

    th {
        font-weight: 700;
        font-size: 18px;
    }

    td,
    th {
        padding: 10px;
        text-align: center;
        border: 1px solid #b0b0b0;
    }
}
</style>
<style>
#qyxzbaInfoApply {
    position: relative !important;
}

#qyxzbaInfoApply > div {
    left: 0px !important;
    top: -40px !important;
}

#qyxzbaInfoApplySign {
    left: 0px !important;
    top: -40px !important;
}

#gxxzbaInfoApply {
    position: relative !important;
}

#gxxzbaInfoApply > div {
    left: 0px !important;
    top: -160px !important;
}

#gxxzbaInfoApplySign {
    left: 0px !important;
    top: -160px !important;
}

#xzbaInfoApply {
    position: relative !important;
}

#xzbaInfoApply > div {
    left: 0px !important;
    top: -160px !important;
}

#xzbaInfoApplySign {
    left: 0px !important;
    top: -160px !important;
}
</style>
