From f030d0ddcec8aad1b9f5c48d84714fcbe1c674d1 Mon Sep 17 00:00:00 2001
From: 13404089107 <puwei@sinata.cn>
Date: 星期一, 30 六月 2025 18:10:12 +0800
Subject: [PATCH] fix
---
culture/src/views/strain-library/validation/primitive-cell/DetailConditionDialog.vue | 59 +++++++++++++++++++++--------------------------------------
1 files changed, 21 insertions(+), 38 deletions(-)
diff --git a/culture/src/views/strain-library/validation/primitive-cell/DetailConditionDialog.vue b/culture/src/views/strain-library/validation/primitive-cell/DetailConditionDialog.vue
index 014eb64..ff60c4b 100644
--- a/culture/src/views/strain-library/validation/primitive-cell/DetailConditionDialog.vue
+++ b/culture/src/views/strain-library/validation/primitive-cell/DetailConditionDialog.vue
@@ -1,44 +1,20 @@
<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">
@@ -128,6 +104,7 @@
dialogIsFixed: false,
dialogValue: {},
dialogIndex: null,
+ descriptionsColumn: 4,
};
},
filters: {
@@ -201,13 +178,19 @@
}
.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 {
--
Gitblit v1.7.1