From e950c38ba82e5e6bc8b0c50c35e5dbb6a180165a Mon Sep 17 00:00:00 2001 From: 13404089107 <puwei@sinata.cn> Date: 星期二, 20 五月 2025 16:43:06 +0800 Subject: [PATCH] Merge branch 'main' of http://120.76.84.145:10101/gitblit/r/H5/leshan-laboratory --- culture/src/views/pedigree-chart/progenitorComponents/PlanForm.vue | 135 +++++++++++++++++++++++++++++++++++++++++++++ 1 files changed, 135 insertions(+), 0 deletions(-) diff --git a/culture/src/views/pedigree-chart/progenitorComponents/PlanForm.vue b/culture/src/views/pedigree-chart/progenitorComponents/PlanForm.vue new file mode 100644 index 0000000..5c624c4 --- /dev/null +++ b/culture/src/views/pedigree-chart/progenitorComponents/PlanForm.vue @@ -0,0 +1,135 @@ +<template> + <!-- 设置传代计划数弹窗 --> + <el-dialog :title="planForm.status === 'detail' ? '祖代传代计划数详情' : '设置祖代传代计划数'" :visible.sync="planDialogVisible" + width="40%" :close-on-click-modal="false"> + <el-form :model="planForm" :rules="planRules" ref="planForm" label-position="top"> + <el-row :gutter="20"> + <el-col :span="16"> + <el-form-item label="菌株类型"> + <div class="activeType">{{ ['原始祖代菌株SO', '分离菌落 CO', '祖代菌株 O'][planForm.activeType - 1] }}</div> + </el-form-item> + </el-col> + <el-col :span="20"> + <el-form-item label="来源获得" prop="source"> + <el-input disabled v-model="planForm.source" placeholder="请输入"></el-input> + </el-form-item> + </el-col> + <el-col :span="10"> + <el-form-item label="菌种名称" prop="inoculateName"> + <el-input disabled v-model="planForm.inoculateName" placeholder="请输入"></el-input> + </el-form-item> + </el-col> + <el-col :span="10"> + <el-form-item label="菌种编号" prop="inoculateNo"> + <el-input disabled v-model="planForm.inoculateNo" placeholder="请输入"></el-input> + </el-form-item> + </el-col> + </el-row> + <el-row :gutter="20"> + <el-col :span="10"> + <el-form-item label="保存/废弃"> + <div class="active">保存</div> + </el-form-item> + </el-col> + </el-row> + <el-row :gutter="20"> + <el-col :span="10"> + <el-form-item label="菌种入库时间"> + <el-input disabled v-model="planForm.inTime"></el-input> + </el-form-item> + </el-col> + </el-row> + <el-row :gutter="20"> + <el-col :span="10"> + <el-form-item label="传代计划数" prop="count"> + <el-input-number :disabled="planForm.status === 'detail'" v-model="planForm.count" + :controls="false" :min="1" placeholder="请输入" /> + </el-form-item> + </el-col> + </el-row> + </el-form> + <div v-if="planForm.status !== 'detail'" class="dialog-footer"> + <el-button type="primary" @click="handleAddPlan">提交签字</el-button> + </div> + </el-dialog> +</template> +<script> +export default { + data() { + return { + planDialogVisible: false, + planForm: {}, + planRules: { + count: [ + { required: true, message: '请输入传代计划数', trigger: 'blur' } + ] + } + } + }, + methods: { + openInitData(value) { + this.planForm = value + this.openDialog() + }, + openDialog() { + this.planDialogVisible = true + }, + closeDialog() { + this.planDialogVisible = false + }, + handleAddPlan() { + this.$refs.planForm.validate((valid) => { + if (valid) { + this.$emit('addNodeSign', this.planForm, 2) + } + }) + } + } +} +</script> +<style scoped lang="less"> +.dialog-footer { + margin-top: 39px; + display: flex; + justify-content: center; + + .el-button--primary { + width: 150px; + height: 40px; + background: #049C9A; + border-radius: 4px; + } +} + +::v-deep .el-input-number .el-input__inner { + text-align: left; +} + +.el-input-number--small { + width: 100%; +} + +.active { + font-family: 'SourceHanSansCN-Medium'; + color: #049C9A; + background: #EBFEFD; + border-radius: 10px; + width: 183px; + line-height: 40px; + border-radius: 10px; + text-align: center; + font-weight: 500; + font-size: 16px; +} + +.activeType { + width: 150px; + background: #EBFEFD; + font-weight: 500; + color: #049C9A; + border-radius: 4px; + font-size: 16px; + line-height: 40px; + text-align: center; +} +</style> \ No newline at end of file -- Gitblit v1.7.1