|
@@ -92,7 +92,6 @@
|
|
|
@click="$refs.upload_file.click()"
|
|
|
>导入</el-button>
|
|
|
</el-col>
|
|
|
- <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
|
|
|
</el-row>
|
|
|
|
|
|
<el-table v-loading="loading" :data="dataBaseList" >
|
|
@@ -131,6 +130,12 @@
|
|
|
<el-table-column label="耐药药品" align="center" prop="nyjy" /> -->
|
|
|
<el-table-column label="操作" align="center" class-name="small-padding fixed-width" fixed="right">
|
|
|
<template slot-scope="scope">
|
|
|
+ <el-button
|
|
|
+ size="mini"
|
|
|
+ type="text"
|
|
|
+ @click="handleView(scope.row)"
|
|
|
+ v-hasPermi="['data:dataReportByt:edit']"
|
|
|
+ >查看</el-button>
|
|
|
<el-button
|
|
|
size="mini"
|
|
|
type="text"
|
|
@@ -156,11 +161,11 @@
|
|
|
/>
|
|
|
|
|
|
<!-- 添加或修改病原体管理对话框 -->
|
|
|
- <el-dialog :title="title" :visible.sync="open" width="800px" append-to-body>
|
|
|
- <el-form ref="form" :model="form" :rules="rules" label-width="140px">
|
|
|
+ <el-dialog :title="title" :visible.sync="open" width="900px" append-to-body>
|
|
|
+ <el-form ref="form" :model="form" :rules="rules" label-width="150px">
|
|
|
<el-form-item label="NCBI基因组序列编号" prop="assemblyAccession">
|
|
|
<el-select
|
|
|
- v-model="form.assemblyAccession"
|
|
|
+ v-if="!view" v-model="form.assemblyAccession"
|
|
|
filterable
|
|
|
remote
|
|
|
reserve-keyword
|
|
@@ -178,10 +183,11 @@
|
|
|
>
|
|
|
</el-option>
|
|
|
</el-select>
|
|
|
+ <span v-else>{{ form.assemblyAccession }}</span>
|
|
|
</el-form-item>
|
|
|
<el-form-item label="病原体名称" prop="organismName">
|
|
|
<el-select
|
|
|
- v-model="form.organismName"
|
|
|
+ v-if="!view" v-model="form.organismName"
|
|
|
filterable
|
|
|
remote
|
|
|
reserve-keyword
|
|
@@ -198,99 +204,131 @@
|
|
|
>
|
|
|
</el-option>
|
|
|
</el-select>
|
|
|
+ <span v-else>{{ form.organismName }}</span>
|
|
|
</el-form-item>
|
|
|
<el-form-item label="病原类型" prop="group">
|
|
|
- <el-input v-model="form.group" placeholder="请输入病原类型" />
|
|
|
+ <el-input v-if="!view" v-model="form.group" placeholder="请输入病原类型" />
|
|
|
+ <span v-else>{{ form.group }}</span>
|
|
|
</el-form-item>
|
|
|
<el-form-item label="子类标签" prop="group1">
|
|
|
- <el-input v-model="form.group1" placeholder="请输入子类标签" />
|
|
|
+ <el-input v-if="!view" v-model="form.group1" placeholder="请输入子类标签" />
|
|
|
+ <span v-else>{{ form.group1 }}</span>
|
|
|
</el-form-item>
|
|
|
<el-form-item label="中文注释" prop="defined">
|
|
|
- <el-input type="textarea" v-model="form.defined" placeholder="请输入中文注释" />
|
|
|
+ <el-input v-if="!view" type="textarea" v-model="form.defined" placeholder="请输入中文注释" />
|
|
|
+ <span v-else>{{ form.defined }}</span>
|
|
|
</el-form-item>
|
|
|
<el-form-item label="解释的来源" prop="definedSource">
|
|
|
- <el-input v-model="form.definedSource" placeholder="请输入解释的来源" />
|
|
|
+ <el-input v-if="!view" v-model="form.definedSource" placeholder="请输入解释的来源" />
|
|
|
+ <span v-else>{{ form.definedSource }}</span>
|
|
|
</el-form-item>
|
|
|
<el-form-item label="参考基因组类型" prop="refseqCategory">
|
|
|
- <el-input v-model="form.refseqCategory" placeholder="请输入参考基因组类型" />
|
|
|
+ <el-input v-if="!view" v-model="form.refseqCategory" placeholder="请输入参考基因组类型" />
|
|
|
+ <span v-else>{{ form.refseqCategory }}</span>
|
|
|
</el-form-item>
|
|
|
<el-form-item label="分类号" prop="taxid">
|
|
|
- <el-input v-model="form.taxid" placeholder="请输入分类号" />
|
|
|
+ <el-input v-if="!view" v-model="form.taxid" placeholder="请输入分类号" />
|
|
|
+ <span v-else>{{ form.taxid }}</span>
|
|
|
</el-form-item>
|
|
|
<el-form-item label="种分类号" prop="speciesTaxid">
|
|
|
- <el-input v-model="form.speciesTaxid" placeholder="请输入种分类号" />
|
|
|
+ <el-input v-if="!view" v-model="form.speciesTaxid" placeholder="请输入种分类号" />
|
|
|
+ <span v-else>{{ form.speciesTaxid }}</span>
|
|
|
</el-form-item>
|
|
|
<el-form-item label="亚种名称" prop="infraspecificName">
|
|
|
- <el-input v-model="form.infraspecificName" placeholder="请输入亚种名称" />
|
|
|
+ <el-input v-if="!view" v-model="form.infraspecificName" placeholder="请输入亚种名称" />
|
|
|
+ <span v-else>{{ form.infraspecificName }}</span>
|
|
|
</el-form-item>
|
|
|
<el-form-item label="分类类型" prop="isolate">
|
|
|
- <el-input v-model="form.isolate" placeholder="请输入分类类型" />
|
|
|
+ <el-input v-if="!view" v-model="form.isolate" placeholder="请输入分类类型" />
|
|
|
+ <span v-else>{{ form.isolate }}</span>
|
|
|
</el-form-item>
|
|
|
<el-form-item label="拼装级别" prop="assemblyLevel">
|
|
|
- <el-input v-model="form.assemblyLevel" placeholder="请输入拼装级别" />
|
|
|
+ <el-input v-if="!view" v-model="form.assemblyLevel" placeholder="请输入拼装级别" />
|
|
|
+ <span v-else>{{ form.assemblyLevel }}</span>
|
|
|
</el-form-item>
|
|
|
<el-form-item label="基因组级别" prop="genomeRep">
|
|
|
- <el-input v-model="form.genomeRep" placeholder="请输入基因组级别" />
|
|
|
+ <el-input v-if="!view" v-model="form.genomeRep" placeholder="请输入基因组级别" />
|
|
|
+ <span v-else>{{ form.genomeRep }}</span>
|
|
|
</el-form-item>
|
|
|
<el-form-item label="seq_rel_date" prop="seqRelDate">
|
|
|
- <el-input v-model="form.seqRelDate" placeholder="请输入seq_rel_date" />
|
|
|
+ <el-input v-if="!view" v-model="form.seqRelDate" placeholder="请输入seq_rel_date" />
|
|
|
+ <span v-else>{{ form.seqRelDate }}</span>
|
|
|
</el-form-item>
|
|
|
<el-form-item label="ASM编号" prop="asmName">
|
|
|
- <el-input v-model="form.asmName" placeholder="请输入ASM编号" />
|
|
|
+ <el-input v-if="!view" v-model="form.asmName" placeholder="请输入ASM编号" />
|
|
|
+ <span v-else>{{ form.asmName }}</span>
|
|
|
</el-form-item>
|
|
|
<el-form-item label="gbrs_paired_asm" prop="gbrs_paired_asm">
|
|
|
- <el-input v-model="form.gbrs_paired_asm" placeholder="请输入gbrs_paired_asm" />
|
|
|
+ <el-input v-if="!view" v-model="form.gbrs_paired_asm" placeholder="请输入gbrs_paired_asm" />
|
|
|
+ <span v-else>{{ form.gbrs_paired_asm }}</span>
|
|
|
</el-form-item>
|
|
|
<el-form-item label="paired_asm_comp" prop="paired_asm_comp">
|
|
|
- <el-input v-model="form.paired_asm_comp" placeholder="请输入paired_asm_comp" />
|
|
|
+ <el-input v-if="!view" v-model="form.paired_asm_comp" placeholder="请输入paired_asm_comp" />
|
|
|
+ <span v-else>{{ form.paired_asm_comp }}</span>
|
|
|
</el-form-item>
|
|
|
<el-form-item label="ftp_path" prop="ftp_path">
|
|
|
- <el-input v-model="form.ftp_path" placeholder="请输入ftp_path" />
|
|
|
+ <el-input v-if="!view" v-model="form.ftp_path" placeholder="请输入ftp_path" />
|
|
|
+ <span v-else>{{ form.ftp_path }}</span>
|
|
|
</el-form-item>
|
|
|
<el-form-item label="excluded_from_refseq" prop="excluded_from_refseq">
|
|
|
- <el-input v-model="form.excluded_from_refseq" placeholder="请输入excluded_from_refseq" />
|
|
|
+ <el-input v-if="!view" v-model="form.excluded_from_refseq" placeholder="请输入excluded_from_refseq" />
|
|
|
+ <span v-else>{{ form.excluded_from_refseq }}</span>
|
|
|
</el-form-item>
|
|
|
<el-form-item label="装配类型" prop="assemblyType">
|
|
|
- <el-input v-model="form.assemblyType" placeholder="请输入装配类型" />
|
|
|
+ <el-input v-if="!view" v-model="form.assemblyType" placeholder="请输入装配类型" />
|
|
|
+ <span v-else>{{ form.assemblyType }}</span>
|
|
|
</el-form-item>
|
|
|
<el-form-item label="基因组大小" prop="genomeSize">
|
|
|
- <el-input v-model="form.genomeSize" placeholder="请输入基因组大小" />
|
|
|
+ <el-input v-if="!view" v-model="form.genomeSize" placeholder="请输入基因组大小" />
|
|
|
+ <span v-else>{{ form.genomeSize }}</span>
|
|
|
</el-form-item>
|
|
|
<el-form-item label="基因组大小(无缺口)" prop="genomeSizeUngapped">
|
|
|
- <el-input v-model="form.genomeSizeUngapped" placeholder="请输入基因组大小(无缺口)" />
|
|
|
+ <el-input v-if="!view" v-model="form.genomeSizeUngapped" placeholder="请输入基因组大小(无缺口)" />
|
|
|
+ <span v-else>{{ form.genomeSizeUngapped }}</span>
|
|
|
</el-form-item>
|
|
|
<el-form-item label="GC比例" prop="gcPercent">
|
|
|
- <el-input v-model="form.gcPercent" placeholder="请输入GC比例" />
|
|
|
+ <el-input v-if="!view" v-model="form.gcPercent" placeholder="请输入GC比例" />
|
|
|
+ <span v-else>{{ form.gcPercent }}</span>
|
|
|
</el-form-item>
|
|
|
<el-form-item label="replicon_count" prop="replicon_count">
|
|
|
- <el-input v-model="form.replicon_count" placeholder="请输入replicon_count" />
|
|
|
+ <el-input v-if="!view" v-model="form.replicon_count" placeholder="请输入replicon_count" />
|
|
|
+ <span v-else>{{ form.replicon_count }}</span>
|
|
|
</el-form-item>
|
|
|
<el-form-item label="scaffold_count" prop="scaffold_count">
|
|
|
- <el-input v-model="form.scaffold_count" placeholder="请输入scaffold_count" />
|
|
|
+ <el-input v-if="!view" v-model="form.scaffold_count" placeholder="请输入scaffold_count" />
|
|
|
+ <span v-else>{{ form.scaffold_count }}</span>
|
|
|
</el-form-item>
|
|
|
<el-form-item label="contig_count" prop="contig_count">
|
|
|
- <el-input v-model="form.contig_count" placeholder="请输入contig_count" />
|
|
|
+ <el-input v-if="!view" v-model="form.contig_count" placeholder="请输入contig_count" />
|
|
|
+ <span v-else>{{ form.contig_count }}</span>
|
|
|
</el-form-item>
|
|
|
<el-form-item label="总基因数" prop="totalGeneCount">
|
|
|
- <el-input v-model="form.totalGeneCount" placeholder="请输入总基因数" />
|
|
|
+ <el-input v-if="!view" v-model="form.totalGeneCount" placeholder="请输入总基因数" />
|
|
|
+ <span v-else>{{ form.totalGeneCount }}</span>
|
|
|
</el-form-item>
|
|
|
<el-form-item label="翻译蛋白基因数" prop="proteinCodingGeneCount">
|
|
|
- <el-input v-model="form.proteinCodingGeneCount" placeholder="请输入翻译蛋白基因数" />
|
|
|
+ <el-input v-if="!view" v-model="form.proteinCodingGeneCount" placeholder="请输入翻译蛋白基因数" />
|
|
|
+ <span v-else>{{ form.proteinCodingGeneCount }}</span>
|
|
|
</el-form-item>
|
|
|
<el-form-item label="非编码基因数" prop="nonCodingGeneCount">
|
|
|
- <el-input v-model="form.nonCodingGeneCount" placeholder="请输入非编码基因数" />
|
|
|
+ <el-input v-if="!view" v-model="form.nonCodingGeneCount" placeholder="请输入非编码基因数" />
|
|
|
+ <span v-else>{{ form.nonCodingGeneCount }}</span>
|
|
|
</el-form-item>
|
|
|
<el-form-item label="毒力基因" prop="dljy">
|
|
|
- <el-input v-model="form.dljy" placeholder="请输入毒力基因" />
|
|
|
+ <el-input v-if="!view" v-model="form.dljy" placeholder="请输入毒力基因" />
|
|
|
+ <span v-else>{{ form.dljy }}</span>
|
|
|
</el-form-item>
|
|
|
<el-form-item label="毒力基因注释" prop="dljyExpress">
|
|
|
- <el-input v-model="form.dljyExpress" placeholder="请输入毒力基因注释" />
|
|
|
+ <el-input v-if="!view" v-model="form.dljyExpress" placeholder="请输入毒力基因注释" />
|
|
|
+ <span v-else>{{ form.dljyExpress }}</span>
|
|
|
</el-form-item>
|
|
|
<el-form-item label="毒力基因注释来源" prop="dljySource">
|
|
|
- <el-input v-model="form.dljySource" placeholder="请输入毒力基因注释来源" />
|
|
|
+ <el-input v-if="!view" v-model="form.dljySource" placeholder="请输入毒力基因注释来源" />
|
|
|
+ <span v-else>{{ form.dljySource }}</span>
|
|
|
</el-form-item>
|
|
|
<el-form-item label="耐药药品" prop="nyjy">
|
|
|
- <el-input v-model="form.nyjy" placeholder="请输入耐药药品" />
|
|
|
+ <el-input v-if="!view" v-model="form.nyjy" placeholder="请输入耐药药品" />
|
|
|
+ <span v-else>{{ form.nyjy }}</span>
|
|
|
</el-form-item>
|
|
|
</el-form>
|
|
|
<div slot="footer" class="dialog-footer">
|
|
@@ -330,6 +368,7 @@ export default {
|
|
|
title: "",
|
|
|
// 是否显示弹出层
|
|
|
open: false,
|
|
|
+ view: false,
|
|
|
// 查询参数
|
|
|
queryParams: {
|
|
|
pageNum: 1,
|
|
@@ -514,6 +553,18 @@ importDataBase(formData).then(response => {
|
|
|
this.disabledAssemblyAccession = false
|
|
|
this.title = "添加病原体信息"
|
|
|
},
|
|
|
+ handleView(row) {
|
|
|
+ this.reset()
|
|
|
+ const id = row.assemblyAccession
|
|
|
+ this.disabledAssemblyAccession = true;
|
|
|
+ getDataBase(id).then(response => {
|
|
|
+ this.form = response.data
|
|
|
+ this.open = true
|
|
|
+ this.view = true
|
|
|
+ this.title = "查看病原体信息"
|
|
|
+ })
|
|
|
+ },
|
|
|
+
|
|
|
/** 修改按钮操作 */
|
|
|
handleUpdate(row) {
|
|
|
this.reset()
|
|
@@ -522,6 +573,7 @@ importDataBase(formData).then(response => {
|
|
|
getDataBase(id).then(response => {
|
|
|
this.form = response.data
|
|
|
this.open = true
|
|
|
+ this.view = false
|
|
|
this.title = "修改病原体信息"
|
|
|
})
|
|
|
},
|