| | |
| | | <div>一、培养基分离记录</div> |
| | | </div> |
| | | <div class="header-title-right"> |
| | | <el-button @click="showSeparationDialog = true" class="el-icon-circle-plus-outline" type="primary"> |
| | | <el-button @click="showChoose = true" class="el-icon-circle-plus-outline" type="primary"> |
| | | 新增培养皿分离记录</el-button> |
| | | </div> |
| | | </div> |
| | | <SeparationRecordDialog |
| | | :visible.sync="showSeparationDialog" |
| | | @save="handleSeparationSave" |
| | | /> |
| | | <Table :height="null" :queryForm="queryForm" :total="0"> |
| | | <template> |
| | | <el-table-column prop="name" label="培养皿序号" /> |
| | |
| | | <div>三、接种斜面记录</div> |
| | | </div> |
| | | <div class="header-title-right"> |
| | | <el-button @click="showInoculationSlopeDialog = true" class="el-icon-circle-plus-outline" type="primary"> |
| | | <el-button @click="showChoose = true" class="el-icon-circle-plus-outline" type="primary"> |
| | | 新增斜面记录</el-button> |
| | | </div> |
| | | </div> |
| | | <InoculationSlopeRecordDialog |
| | | :visible.sync="showInoculationSlopeDialog" |
| | | @save="handleInoculationSlopeSave" |
| | | /> |
| | | <Table :height="null" :queryForm="queryForm" :total="0"> |
| | | <template> |
| | | <el-table-column prop="age" label="分离菌落编号" /> |
| | |
| | | <el-table-column prop="address" label="操作"> |
| | | <template slot-scope="scope"> |
| | | <el-button type="text" |
| | | @click="handleEdit(scope.row)">删除</el-button> |
| | | <el-button type="text" |
| | | @click="showConfirmStorageDialog = true">确认入库</el-button></template> |
| | | @click="handleEdit(scope.row)">删除</el-button></template> |
| | | </el-table-column> |
| | | </template> |
| | | </Table> |
| | | <ConfirmStorageDialog |
| | | :visible.sync="showConfirmStorageDialog" |
| | | @confirm="handleConfirmStorage" |
| | | /> |
| | | <div class="header-title" style="margin-top: 20px;"> |
| | | <div class="header-title-left"> |
| | | <img src="@/assets/public/headercard.png" /> |
| | | <div>四、菌种保藏记录</div> |
| | | </div> |
| | | <div class="header-title-right"> |
| | | <el-button @click="showPreserveStrainDialog = true" class="el-icon-circle-plus-outline" type="primary"> |
| | | <el-button @click="showChoose = true" class="el-icon-circle-plus-outline" type="primary"> |
| | | 新增菌种保藏记录</el-button> |
| | | </div> |
| | | </div> |
| | |
| | | <el-table-column prop="address" label="操作"> |
| | | <template slot-scope="scope"> |
| | | <el-button type="text" |
| | | @click="handleEdit(scope.row)">删除</el-button> |
| | | </template> |
| | | @click="handleEdit(scope.row)">删除</el-button></template> |
| | | </el-table-column> |
| | | </template> |
| | | </Table> |
| | | <PreserveStrainRecordDialog |
| | | :visible.sync="showPreserveStrainDialog" |
| | | @save="handlePreserveStrainSave" |
| | | /> |
| | | <div class="end-btn"> |
| | | <el-button type="primary">提交</el-button> |
| | | <el-button type="primary">同步给保藏人</el-button> |
| | | <el-button type="primary">发送</el-button> |
| | | <el-button type="default">存草稿</el-button> |
| | | </div> |
| | | </el-form> |
| | |
| | | </template> |
| | | <script> |
| | | import AiEditor from "@/components/AiEditor"; |
| | | import SeparationRecordDialog from './separation-record-dialog.vue'; |
| | | import InoculationSlopeRecordDialog from './inoculation-slope-record-dialog.vue'; |
| | | import PreserveStrainRecordDialog from './preserve-strain-record-dialog.vue'; |
| | | import ConfirmStorageDialog from './confirm-storage-dialog.vue'; |
| | | export default { |
| | | components: { AiEditor, SeparationRecordDialog, InoculationSlopeRecordDialog, PreserveStrainRecordDialog, ConfirmStorageDialog }, |
| | | components: { AiEditor }, |
| | | name: "AddBreedingRecord", |
| | | data() { |
| | | return { |
| | |
| | | status: "1", |
| | | remark: "", |
| | | queryForm: {}, |
| | | showSeparationDialog: false, |
| | | separationRecords: [], // 用于存储分离记录 |
| | | showInoculationSlopeDialog: false, |
| | | inoculationSlopeRecords: [], |
| | | showPreserveStrainDialog: false, |
| | | preserveStrainRecords: [], |
| | | showConfirmStorageDialog: false, |
| | | }; |
| | | }, |
| | | methods: { |
| | | handleSeparationSave(record) { |
| | | this.separationRecords.push(record); |
| | | // 这里可以根据需要将数据同步到表格等 |
| | | }, |
| | | handleInoculationSlopeSave(record) { |
| | | this.inoculationSlopeRecords.push(record); |
| | | }, |
| | | handlePreserveStrainSave(record) { |
| | | this.preserveStrainRecords.push(record); |
| | | }, |
| | | handleConfirmStorage() { |
| | | // 这里可以处理确认入库后的逻辑 |
| | | this.showConfirmStorageDialog = false; |
| | | }, |
| | | }, |
| | | }; |
| | | </script> |
| | |
| | | display: flex; |
| | | align-items: center; |
| | | gap: 10px; |
| | | margin-top: 20px; |
| | | |
| | | button { |
| | | width: 180px; |