From 4a364d65d24020dcacab6c1ee86f854d8de8cd36 Mon Sep 17 00:00:00 2001 From: pyt <626651354@qq.com> Date: 星期一, 19 五月 2025 09:05:19 +0800 Subject: [PATCH] feat --- culture/src/views/strain-library/strain-library-manage/components/RecordDetailDialog.vue | 58 +++++++++++++++++++++++++--------------------------------- 1 files changed, 25 insertions(+), 33 deletions(-) diff --git a/culture/src/views/strain-library/strain-library-manage/components/RecordDetailDialog.vue b/culture/src/views/strain-library/strain-library-manage/components/RecordDetailDialog.vue index dbff104..0f8aa15 100644 --- a/culture/src/views/strain-library/strain-library-manage/components/RecordDetailDialog.vue +++ b/culture/src/views/strain-library/strain-library-manage/components/RecordDetailDialog.vue @@ -1,20 +1,14 @@ <template> - <el-dialog - title="出/入库详情" - :visible.sync="visible" - width="520px" - :close-on-click-modal="false" - custom-class="record-detail-dialog" - @close="handleClose" - > + <el-dialog title="出/入库详情" :visible.sync="visible" width="520px" :close-on-click-modal="false" + custom-class="record-detail-dialog" @close="handleClose" @opened="opened"> <div class="dialog-content"> <el-form :model="formData" label-position="top"> <el-form-item label="出库/入库" required> <div class="type-buttons"> - <el-button - type="primary" - @click="handleOutbound" - >出库</el-button> + <el-button :type="formData.type == '1' ? 'primary' : 'default'" + @click="formData.type = '1'">出库</el-button> + <el-button :type="formData.type == '2' ? 'primary' : 'default'" + @click="formData.type = '2'">入库</el-button> </div> </el-form-item> @@ -30,12 +24,7 @@ </div> </el-form-item> - <el-form-item - v-if="formData.operatorSignature" - label="出库时间" - required - class="time-item" - > + <el-form-item v-if="formData.operatorSignature" label="出库时间" required class="time-item"> <div class="time-value">{{ formData.operateTime }}</div> </el-form-item> </div> @@ -44,7 +33,8 @@ <el-form-item required class="signature-item"> <template #label> <span>保藏人签字</span> - <el-button type="primary" class="edit-sign-btn" @click="showSignature = true">修改签名</el-button> + <el-button type="primary" class="edit-sign-btn" + @click="showSignature = true">修改签名</el-button> </template> <div class="signature-area" :class="{ 'waiting': !formData.reviewerSignature }"> <template v-if="formData.reviewerSignature"> @@ -56,18 +46,14 @@ </div> </el-form-item> - <el-form-item - v-if="formData.reviewerSignature" - label="确认时间" - required - class="time-item" - > + <el-form-item v-if="formData.reviewerSignature" label="确认时间" required class="time-item"> <div class="time-value">{{ formData.confirmTime }}</div> </el-form-item> </div> </el-form> </div> - <signature-canvas :visible.sync="showSignature" @confirm="handleSignatureConfirm" @cancel="showSignature = false" /> + <signature-canvas :visible.sync="showSignature" @confirm="handleSignatureConfirm" + @cancel="showSignature = false" /> </el-dialog> </template> @@ -88,7 +74,9 @@ }, data() { return { - formData: {}, + formData: { + type: '1', + }, showSignature: false } }, @@ -101,8 +89,10 @@ } }, methods: { + opened() { + this.formData.type = this.recordData.type + }, handleClose() { - this.$emit('update:visible', false) this.$emit('close') }, handleOutbound() { @@ -128,7 +118,7 @@ padding: 20px 24px; margin: 0; border-bottom: 1px solid #DCDFE6; - + .el-dialog__title { font-size: 16px; font-weight: 600; @@ -156,11 +146,13 @@ } .type-buttons { + display: flex; + + gap: 12px; + .el-button { width: 80px; - background: #409EFF; - border-color: #409EFF; - color: #FFFFFF; + &:hover { opacity: 0.8; @@ -232,4 +224,4 @@ .edit-sign-btn { margin-left: 12px; } -</style> \ No newline at end of file +</style> \ No newline at end of file -- Gitblit v1.7.1