| | |
| | | <template> |
| | | <el-dialog :close-on-click-modal="false" :visible.sync="visible" width="80%" @open="handleOpen" @close="handleClose"> |
| | | <el-card class="top-card"> |
| | | <el-row :gutter="24" class="top-info-row"> |
| | | <el-col :span="6" class="info-col"> |
| | | <div class="info-item"> |
| | | <span class="label">菌种来源:</span>{{ detail.strainSource }} |
| | | <el-descriptions :column="descriptionsColumn"> |
| | | <el-descriptions-item label="菌种来源">{{ detail.strainSource }}</el-descriptions-item> |
| | | <el-descriptions-item label="鉴别菌株编号">{{ detail.identifyingStrainCode }}</el-descriptions-item> |
| | | <el-descriptions-item label="鉴别菌株名称">{{ detail.identifyingStrainName }}</el-descriptions-item> |
| | | <el-descriptions-item label="验证实验编号">{{ detail.validationExperimentCode }}</el-descriptions-item> |
| | | <el-descriptions-item label="实验时间">{{ detail.experimentTime | formatDate }}</el-descriptions-item> |
| | | <el-descriptions-item label="菌种实验员签字"> |
| | | <div class="signature-area"> |
| | | <el-image style="width: 120px;" v-if="detail.handleSignature" :src="getFullUrl(detail.handleSignature)" :preview-src-list="[getFullUrl(detail.handleSignature)]" alt="签字" /> |
| | | <span v-else class="waiting-text">暂无签名</span> |
| | | </div> |
| | | <div class="info-item"> |
| | | <span class="label">鉴别菌株编号:</span>{{ detail.identifyingStrainCode }} |
| | | </div> |
| | | <div class="info-item"> |
| | | <span class="label">鉴别菌株名称:</span>{{ detail.identifyingStrainName }} |
| | | </div> |
| | | </el-col> |
| | | <el-col :span="6" class="info-col"> |
| | | <div class="info-item"> |
| | | <span class="label">验证实验编号:</span>{{ detail.validationExperimentCode }} |
| | | </div> |
| | | <div class="info-item"> |
| | | <span class="label">实验时间:</span>{{ detail.experimentTime | formatDate }} |
| | | </div> |
| | | <div class="info-item"></div> |
| | | </el-col> |
| | | <el-col :span="6" class="info-col"> |
| | | <div class="info-item sign-label"> |
| | | <span class="label">菌种实验员签字</span> |
| | | </div> |
| | | <div class="info-item signature-item"> |
| | | <div class="signature-area"> |
| | | <el-image style="width: 120px;" v-if="detail.handleSignature" :src="getFullUrl(detail.handleSignature)" :preview-src-list="[getFullUrl(detail.handleSignature)]" alt="签字" /> |
| | | <span v-else class="waiting-text">暂无签名</span> |
| | | </div> |
| | | </div> |
| | | </el-col> |
| | | <el-col :span="6" class="info-col"> |
| | | <div class="info-item"> |
| | | <span class="label">签字时间:</span>{{ detail.handleTime }} |
| | | </div> |
| | | </el-col> |
| | | </el-row> |
| | | </el-descriptions-item> |
| | | <el-descriptions-item label="签字时间">{{ detail.handleTime }}</el-descriptions-item> |
| | | </el-descriptions> |
| | | </el-card> |
| | | <div class="section-card" style="margin-top: 24px"> |
| | | <el-form ref="form" label-width="100px" :model="detail" label-position="top"> |
| | |
| | | dialogIsFixed: false, |
| | | dialogValue: {}, |
| | | dialogIndex: null, |
| | | descriptionsColumn: 4, |
| | | }; |
| | | }, |
| | | filters: { |
| | |
| | | } |
| | | |
| | | .top-info-row { |
| | | display: flex; |
| | | flex-wrap: wrap; |
| | | align-items: stretch; |
| | | // gap: 16px; // 如需列间距可取消注释 |
| | | } |
| | | |
| | | .info-col { |
| | | display: flex; |
| | | flex-direction: column; |
| | | |
| | | flex: 1 1 220px; |
| | | min-width: 220px; |
| | | box-sizing: border-box; |
| | | // margin-bottom: 16px; // 如需换行后下方留空可取消注释 |
| | | } |
| | | |
| | | .info-item { |