aiotagro/admin-jxn-testing
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix:优化快速查询模块

Browse Source
This commit is contained in:
wuzhihao
2024-08-30 16:53:29 +08:00
parent 74aaab7d5b
commit 45ceaaa250
5 changed files with 100 additions and 54 deletions
Download Patch File Download Diff File Expand all files Collapse all files

47
src/router/index.js
View File

@@ -5,13 +5,12 @@ import Login from '../views/login/login.vue'
import local from '../utils/local'
Vue.use(VueRouter)
const routes = [
{
path: '/login',
component: Login,
meta: { title: '登录', activeMenu: '/login' }
},
},
{
// 首页
path: '/index',
@@ -24,21 +23,19 @@ const routes = [
meta: { title: '首页', activeMenu: '/index/index' }
}
]
},
{
// 遗传病风险
path: '/disease-resistance',
}, {
// 快速查询
path: '/quick-Search/quick-Search',
component: Layout,
children: [
{
path: '/disease-resistance/disease-resistance',
path: '/quick-Search/quick-Search',
component: () =>
import('../views/disease-resistance/disease-resistance.vue'),
meta: { title: '遗传病风险', activeMenu: '/disease-resistance/disease-resistance' }
import('../views/quick-Search/quick-Search.vue'),
meta: { title: '快速查询', activeMenu: '/quick-Search/quick-Search' }
}
]
},
{
}, {
// 基因管理
path: '/geneMgmt',
component: Layout,
@@ -63,7 +60,6 @@ const routes = [
}
]
},
{
// 繁育管理
path: '/breedMgmt',
@@ -103,6 +99,19 @@ const routes = [
},
]
},
{
// 遗传病风险
path: '/disease-resistance',
component: Layout,
children: [
{
path: '/disease-resistance/disease-resistance',
component: () =>
import('../views/disease-resistance/disease-resistance.vue'),
meta: { title: '遗传病风险', activeMenu: '/disease-resistance/disease-resistance' }
}
]
},
{
// 档案信息
path: '/archive-information',
@@ -116,19 +125,7 @@ const routes = [
}
]
},
{
// 快速查询
path: '/quick-Search/quick-Search',
component: Layout,
children: [
{
path: '/quick-Search/quick-Search',
component: () =>
import('../views/quick-Search/quick-Search.vue'),
meta: { title: '快速查询', activeMenu: '/quick-Search/quick-Search' }
}
]
},
{
// 品种资源
path: '/variety-resources',

2
src/views/index/index.vue
View File

@@ -28,7 +28,7 @@
<div class="tabsdata">
<div class="tabs">
<div>平均育种值</div>
<div>132</div>
<div>258</div>
</div>
</div>
<div style="text-align: center">

21
src/views/layout/left-menu.vue
View File

@@ -27,9 +27,9 @@
<i class="el-icon-price-tag"></i>
<span slot="title">首页</span>
</el-menu-item>
<el-menu-item index="/disease-resistance/disease-resistance">
<i class="el-icon-orange"></i>
<span slot="title">遗传病风险</span>
<el-menu-item index="/quick-Search/quick-Search">
<i class="el-icon-folder-checked"></i>
<span slot="title">快速查询</span>
</el-menu-item>
<el-submenu index="66">
<template slot="title">
@@ -44,6 +44,7 @@
<el-menu-item index="/geneMgmt/sequence">原始测序数据</el-menu-item>
</el-menu-item-group>
</el-submenu>
<el-submenu index="67">
<template slot="title">
<i class="el-icon-news"></i>
@@ -66,18 +67,18 @@
>
</el-menu-item-group>
</el-submenu>
<el-menu-item index="/archive-information/archive-information">
<i class="el-icon-document"></i>
<span slot="title">档案信息</span>
</el-menu-item>
<el-menu-item index="/quick-Search/quick-Search">
<i class="el-icon-folder-checked"></i>
<span slot="title">快速查询</span>
<el-menu-item index="/disease-resistance/disease-resistance">
<i class="el-icon-orange"></i>
<span slot="title">遗传病风险</span>
</el-menu-item>
<el-menu-item index="/variety-resources/variety-resources">
<i class="el-icon-copy-document"></i>
<span slot="title">品种资源</span>
</el-menu-item>
<el-menu-item index="/archive-information/archive-information">
<i class="el-icon-document"></i>
<span slot="title">档案信息</span>
</el-menu-item>
</el-menu>
</div>
</template>

82
src/views/quick-Search/quick-Search.vue
View File

@@ -101,20 +101,55 @@
</div>
<el-dialog :visible.sync="dialogVisible" width="40%">
<div style="text-align: center">
<div class="btmstyle">1</div>
<div class="btmstyle">综合分子育种报告</div>
<div class="textstyle">
<div>标记编号:213</div>
<div>养殖场:234</div>
<div>品种信息:43223</div>
<div>标记编号:82010000990</div>
<div>养殖场:若尔盖</div>
<div>品种信息:牦牛</div>
</div>
<div class="textdiv">
<div style="font-weight: bold; padding: 30px 0px 6px 14px">
1. 繁育管理的育种值
</div>
<div class="pl">综合育种值：225.85</div>
<div class="pl">性状名称: 外貌评分、生长性状、产奶性状</div>
<div class="pl">
分析说明:
该个体在生长性能上的优异表现，更在经济性能上展现了其潜在的高价值。基于此，我们强烈推荐将此个体作为未来育种计划中的亲本首选，以期望通过其遗传优势，孕育出更多具备优良性状的后代。
</div>
</div>
<div class="textdiv">
<div style="font-weight: bold; padding: 30px 0px 6px 14px">
2. 进化分析结果中的近交系数
</div>
<div class="pl">近交系数: 0</div>
<div class="pl">
分析说明:
经过精确的遗传评估，该个体和82010001456的近交系数计算结果为零，意味着它们在遗传上不存在亲缘关系。因此，这两个个体可以作为无亲缘关系的育种候选者，进行交配以产生后代。这样的配对有助于避免近交衰退，同时促进遗传多样性的保持，为育种项目带来潜在的遗传增益。
</div>
</div>
<div
style="
text-align: left;
padding: 30px 0px 18px 14px;
font-weight: bold;
"
class="textdiv"
style="border-bottom: 2px solid #ebebeb; padding-bottom: 50px"
>
11
<div style="font-weight: bold; padding: 30px 0px 6px 14px">
3. 携带遗传基因风险警告
</div>
<div class="pl">风险等级:低</div>
<div class="pl">
建议措施:
经过专业的基因检测分析，确认该个体并未携带任何已知的遗传性疾病相关基因。在进行繁育计划时，可以放心地将该个体纳入考虑，以实现遗传改良的目标。
</div>
</div>
</div>
<div
class="textdiv"
style="border-bottom: 2px solid #ebebeb; padding-bottom: 20px"
>
<div style="font-weight: bold; padding: 30px 0px 6px 14px">总结</div>
<div class="pl">
繁育：经过严格的遗传评估和基因检测，该个体证实具备出色的生长性能和繁殖能力。特别值得注意的是，基因检测结果表明，该个体并未携带任何已知的遗传性疾病相关基因。因此，我们可以放心地选择此个体作为繁育计划中的亲本，以期在维持遗传多样性的同时，促进后代群体生产性能的提升和遗传改良。
选配：该个体和82010001456的近交系数为0，不存在亲缘关系，可放心进行繁育。
</div>
</div>
<span slot="footer" class="dialog-footer">
@@ -128,8 +163,8 @@
</el-dialog>
</div>
</template>
<script>
<script>
export default {
data() {
return {
@@ -214,8 +249,10 @@ export default {
detailClick() {
this.$router.push('/phylogeneticAnalysis/evolutionaryTree')
},
report() {
this.dialogVisible = true
report(row) {
if (row.b == '82010000990') {
this.dialogVisible = true
}
},
// 搜索
searchClick() {
@@ -251,8 +288,8 @@ export default {
}
}
</script>
<style lang="less" scoped>
<style lang="less" scoped>
.container-box {
min-height: calc(100vh - 84px);
padding: 15px;
@@ -285,6 +322,9 @@ export default {
.btmstyle {
border-bottom: 2px solid #ebebeb;
padding-bottom: 26px;
font-size: 24px;
font-weight: bold;
color: black;
}
.textstyle {
display: flex;
@@ -292,7 +332,15 @@ export default {
border-bottom: 2px solid #ebebeb;
}
.textstyle div {
margin-right: 15%;
margin-right: 10%;
}
.textdiv div {
text-align: left;
}
.pl {
padding-left: 14px;
padding-bottom: 4px;
line-height: 18px;
}
// table
/deep/.el-table th.el-table__cell {

2
vue.config.js
View File

@@ -78,7 +78,7 @@ module.exports = {
chainWebpack: config => {
// if (IS_PRODUCTION) {
config.plugin('html').tap(args => {
args[0].title = '智慧畜牧平台'
args[0].title = '基芯农育种'
args[0].cdn = cdn
return args
})