<template>
	<div class="recordsDetails">
		<div>
			<div id="pdfId">
				<div class="recordsTable">
					<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.drugUnit" 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.kdname" readonly></el-input>
							</label>
						</el-col>
					</el-row>
					<el-row>
						<el-col :span="24">
							<label class="label-title">储存条件</label>
							<label class="textarea">
								<textarea rows="5" :value="tableData.cctj" readonly></textarea>
							</label>
						</el-col>
					</el-row>
					<el-row>
						<el-col :span="24">
							<label class="label-title">安全使用说明书</label>
							<label class="textarea">
								<textarea rows="5" :value="tableData.aqsysms" readonly></textarea>
							</label>
						</el-col>
					</el-row>
					<el-row>
						<el-col :span="24">
							<label class="label-title">包装物处理方式</label>
							<label class="textarea">
								<textarea rows="5" :value="tableData.bzwclfs" readonly></textarea>
							</label>
						</el-col>
					</el-row>
					<el-row>
						<el-col :span="24">
							<label class="label-title">残渣处理方式</label>
							<label class="textarea">
								<textarea rows="5" :value="tableData.syhclfs" readonly></textarea>
							</label>
						</el-col>
					</el-row>
					<div style="text-align: center;">
						<el-button type="primary" @click="returnFun" class="iconfont iconfanhui">返回</el-button>
					</div>
				</div>
			</div>

		</div>
	</div>
</template>

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

		getInfo() {
			let params = {
				id: this.$route.query.id,
			}
			infoMaintainDetail(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;
}

.textarea,
textarea {
	display: block;
	width: 100%;
	height: auto;
	resize: none;
	// padding: 5px 10px;
}

textarea {
	border: none;
}

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

.recordsTable {
	height: 100%;
}

.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>
