+
+
+
+
+
+
+
-
+
+
+
+
-
搜索
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 查看
+
+
+
+
+
+
+
+
+
+
+
下载查看
+
+
+
+
+
+
+
+
+
+
+
+
+ 查看
@@ -66,50 +155,187 @@
export default {
data() {
return {
+ activeName: 'ABLUP',
searchForm: {
- farm: '',
- number: ''
+ a: '',
+ b: ''
},
- tableData: [
+ tableDataABLUP: [
{
id: 0,
- a: 'CX_82010000990',
- b: '10.23MB',
- c: '2024-03-06',
- d: '九龙牦牛',
- e: '已上传'
- },
- {
- id: 1,
- a: 'CX_82010000991',
- b: '8.6MB',
- c: '2024-03-06',
- d: '西门塔尔',
- e: '已上传'
+ a: '若尔盖',
+ b: '82010000990',
+ c: '雌',
+ d: '93',
+ e: '132',
+ f: '161',
+ g: '198',
+ h: '18',
+ i: '577',
+ j: '10.9',
+ k: '42.92',
+ l: '4500',
+ m: '4.1',
+ n: '3.4',
+ o: '255.85'
},
{
id: 2,
- a: 'CX_82010000992',
- b: '21.23MB',
- c: '2024-03-06',
- d: '华西牛',
- e: '已上传'
+ a: '若尔盖',
+ b: '82010000991',
+ c: '雌',
+ d: '90',
+ e: '130',
+ f: '155',
+ g: '192',
+ h: '19',
+ i: '567',
+ j: '9.9',
+ k: '41.2',
+ l: '4490',
+ m: '4.0',
+ n: '3.2',
+ o: '252.85'
},
+
{
id: 3,
- a: 'CX_82010000993',
- b: '13.21MB',
- c: '2024-03-06',
- d: '西门塔尔',
- e: '已上传'
+ a: '若尔盖',
+ b: '82010000992',
+ c: '雌',
+ d: '91',
+ e: '130',
+ f: '155',
+ g: '192',
+ h: '19',
+ i: '567',
+ j: '9.9',
+ k: '41.2',
+ l: '4490',
+ m: '4.0',
+ n: '3.2',
+ o: '252.85'
},
+ {
+ id: 6,
+ a: '若尔盖',
+ b: '82010000993',
+ c: '雌',
+ d: '98',
+ e: '140',
+ f: '175',
+ g: '199',
+ h: '20',
+ i: '597',
+ j: '12.9',
+ k: '47.2',
+ l: '4690',
+ m: '4.9',
+ n: '3.4',
+ o: '259.85'
+ },
+
{
id: 4,
- a: 'CX_82010000994',
- b: '15.3MB',
- c: '2024-03-06',
- d: '西藏高山牦牛',
- e: '已上传'
+ a: '若尔盖',
+ b: '82010000994',
+ c: '雌',
+ d: '96',
+ e: '140',
+ f: '185',
+ g: '199',
+ h: '20',
+ i: '597',
+ j: '12.9',
+ k: '47.2',
+ l: '4800',
+ m: '4.9',
+ n: '3.4',
+ o: '254.85'
+ }
+ ],
+ tableDataGBLUP: [
+ {
+ a: '若尔盖',
+ b: '82010000990',
+ c: '雌',
+ d: '6',
+ e: '血液',
+ f: '1'
+ },
+ {
+ a: '若尔盖',
+ b: '82010000991',
+ c: '雌',
+ d: '8',
+ e: '血液',
+ f: '3'
+ },
+ {
+ a: '若尔盖',
+ b: '82010000992',
+ c: '雌',
+ d: '7',
+ e: '血液',
+ f: '5'
+ },
+ {
+ a: '若尔盖',
+ b: '82010000993',
+ c: '雌',
+ d: '6',
+ e: '血液',
+ f: '4'
+ },
+ {
+ a: '若尔盖',
+ b: '82010000994',
+ c: '雌',
+ d: '6',
+ e: '血液',
+ f: '9'
+ }
+ ],
+ tableDatassGBLUP: [
+ {
+ a: '若尔盖',
+ b: '82010000991',
+ c: '雌',
+ d: '8',
+ e: '血液',
+ f: '3'
+ },
+ {
+ a: '若尔盖',
+ b: '82010000994',
+ c: '雌',
+ d: '6',
+ e: '血液',
+ f: '8'
+ },
+ {
+ a: '若尔盖',
+ b: '82010000992',
+ c: '雌',
+ d: '7',
+ e: '血液',
+ f: '5'
+ },
+ {
+ a: '若尔盖',
+ b: '82010000990',
+ c: '雌',
+ d: '6',
+ e: '血液',
+ f: '6'
+ },
+ {
+ a: '若尔盖',
+ b: '82010000993',
+ c: '雌',
+ d: '6',
+ e: '血液',
+ f: '4'
}
],
form: {
@@ -136,11 +362,8 @@ export default {
handleCurrentChange(val) {
this.form.page = parseInt(val)
},
- download(id) {
- this.$message({
- message: '下载成功',
- type: 'success'
- })
+ handleClick(tab, event) {
+ console.log(tab, event)
}
}
}
diff --git a/src/views/breedMgmt/lineage.vue b/src/views/breedMgmt/lineage.vue
index 226bb3d..f6ca3a4 100644
--- a/src/views/breedMgmt/lineage.vue
+++ b/src/views/breedMgmt/lineage.vue
@@ -9,54 +9,94 @@
label-width="auto"
size="mini"
>
-
-
+
+
+
+
+
+
+
+
- 搜索
重置
-
-
-
-
-
-
-
-
-
-
- 下载
+
+
+
+
+
+
+
+
+
+

+

+
+
+
+
+
+ 低近交系数(0% -
+ 5%):表示个体的遗传多样性较高,近交程度较低。这些个体的基因组中
+ 来自近亲的比例很小,通常表示良好的遗传多样性和较低的遗传疾病风险。
+ 中等近交系数(5% -
+ 15%):表示个体存在一定程度的近交,遗传多样性略有下降。这些个体
+ 可能会有一些遗传问题的风险,但整体仍然在可接受范围内。
+ 高近交系数(15%
+ 以上):表示个体的近交程度较高,遗传多样性明显下降。这些个体可能面
+ 临更高的遗传疾病风险,且可能出现表现不稳定的情况,如生长缓慢、繁殖问题等
+
+
+
+ 近交系数
+
+
+
@@ -67,56 +107,103 @@ export default {
data() {
return {
searchForm: {
- farm: '',
- number: ''
+ a: '',
+ b: '',
+ c: ''
},
- tableData: [
+ options1: [
{
- id: 0,
- a: 'CX_82010000990',
- b: '10.23MB',
- c: '2024-03-06',
- d: '九龙牦牛',
- e: '已上传'
+ value: '选项1',
+ label: '西门塔尔'
},
+ {
+ value: '选项2',
+ label: '九龙牦牛'
+ },
+ {
+ value: '选项3',
+ label: '荷斯坦牛'
+ },
+ {
+ value: '选项4',
+ label: '安格斯牛'
+ }
+ ],
+ options2: [
+ {
+ value: '选项1',
+ label: '单个'
+ },
+ {
+ value: '选项2',
+ label: '多个'
+ }
+ ],
+ tableData: [
{
id: 1,
- a: 'CX_82010000991',
- b: '8.6MB',
- c: '2024-03-06',
- d: '西门塔尔',
- e: '已上传'
+ a: 'CX_82010000990'
},
{
id: 2,
- a: 'CX_82010000992',
- b: '21.23MB',
- c: '2024-03-06',
- d: '华西牛',
- e: '已上传'
+ a: 'CX_82010000991'
},
{
id: 3,
- a: 'CX_82010000993',
- b: '13.21MB',
- c: '2024-03-06',
- d: '西门塔尔',
- e: '已上传'
+ a: 'CX_82010000992'
},
{
id: 4,
- a: 'CX_82010000994',
- b: '15.3MB',
- c: '2024-03-06',
- d: '西藏高山牦牛',
- e: '已上传'
+ a: 'CX_82010000993'
+ },
+ {
+ id: 5,
+ a: 'CX_82010000994'
+ },
+ {
+ id: 6,
+ a: 'CX_82010000995'
+ },
+ {
+ id: 7,
+ a: 'CX_82010000996'
+ },
+ {
+ id: 8,
+ a: 'CX_82010000997'
+ },
+ {
+ id: 9,
+ a: 'CX_82010000998'
+ },
+ {
+ id: 10,
+ a: 'CX_82010000999'
+ },
+ {
+ id: 11,
+ a: 'CX_82010001000'
+ },
+ {
+ id: 12,
+ a: 'CX_82010001001'
+ },
+ {
+ id: 13,
+ a: 'CX_82010001002'
+ },
+ {
+ id: 14,
+ a: 'CX_82010001003'
}
],
form: {
page: 1,
pagesize: 20
},
- total: 2
+ total: 2,
+ multipleSelection: [],
+ maxSelectionCount: 2
}
},
methods: {
@@ -136,11 +223,13 @@ export default {
handleCurrentChange(val) {
this.form.page = parseInt(val)
},
- download(id) {
- this.$message({
- message: '下载成功',
- type: 'success'
- })
+ handleSelectionChange(val) {
+ if (val.length > this.maxSelectionCount) {
+ val.splice(0, val.length - 2)
+ this.$refs.multipleTable.toggleRowSelection(val[0], false) // 取消第一行的选中状态
+ }
+ this.multipleSelection = val
+ console.log(this.multipleSelection)
}
}
}
@@ -183,4 +272,37 @@ export default {
/deep/ .cell {
font-weight: normal;
}
+/deep/ .el-input--suffix .el-input__inner {
+ padding-right: 30px;
+ width: 150px;
+ height: 28px;
+ line-height: 28px;
+}
+/deep/ .el-input__suffix {
+ height: 120%;
+}
+.con {
+ width: 100%;
+ height: 500px;
+ border: #ccc solid 1px;
+ padding: 15px;
+ border-radius: 3px;
+ display: flex;
+ flex-direction: row;
+}
+.left {
+ width: 200px;
+}
+.right {
+ flex: 1;
+ img {
+ width: auto;
+ height: 480px;
+ margin-left: 100px;
+ }
+}
+.info p {
+ padding-right: 200px;
+ float: right;
+}
diff --git a/src/views/breedMgmt/paternityTest.vue b/src/views/breedMgmt/paternityTest.vue
index 185b7e4..cd439e0 100644
--- a/src/views/breedMgmt/paternityTest.vue
+++ b/src/views/breedMgmt/paternityTest.vue
@@ -9,13 +9,18 @@
label-width="auto"
size="mini"
>
-
+
+
+
+
-
搜索
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
下载查看
@@ -67,235 +73,59 @@ export default {
data() {
return {
searchForm: {
- farm: '',
- number: ''
+ a: '',
+ b: ''
},
tableData: [
{
id: 0,
- a: 'CX_82010000990',
- b: '10.23MB',
- c: '2024-03-06',
- d: '九龙牦牛',
- e: '已上传'
+ a: '若尔盖',
+ b: '82010000991',
+ c: '雌',
+ d: '8',
+ e: '血液',
+ f: '82020000981',
+ g: '99.99%'
},
{
id: 1,
- a: 'CX_82010000991',
- b: '8.6MB',
- c: '2024-03-06',
- d: '西门塔尔',
- e: '已上传'
+ a: '若尔盖',
+ b: '82010000992',
+ c: '雌',
+ d: '6',
+ e: '血液',
+ f: '82020000986',
+ g: '69.99%'
},
{
id: 2,
- a: 'CX_82010000992',
- b: '21.23MB',
- c: '2024-03-06',
- d: '华西牛',
- e: '已上传'
+ a: '若尔盖',
+ b: '82010000994',
+ c: '雌',
+ d: '6',
+ e: '血液',
+ f: '82020000985',
+ g: '79.99%'
},
{
id: 3,
- a: 'CX_82010000993',
- b: '13.21MB',
- c: '2024-03-06',
- d: '西门塔尔',
- e: '已上传'
+ a: '若尔盖',
+ b: '82010000995',
+ c: '雌',
+ d: '6',
+ e: '血液',
+ f: '82020000989',
+ g: '98.99%'
},
{
- id: 4,
- a: 'CX_82010000994',
- b: '15.3MB',
- c: '2024-03-06',
- d: '西藏高山牦牛',
- e: '已上传'
- }
- ],
- form: {
- page: 1,
- pagesize: 20
- },
- total: 2
- }
- },
- methods: {
- // 搜索
- searchClick() {},
- // 重置
- resetClick() {
- for (const key in this.searchForm) {
- this.searchForm[key] = ''
- }
- },
- // 条
- handleSizeChange(val) {
- this.form.pagesize = parseInt(val)
- },
- // 页
- handleCurrentChange(val) {
- this.form.page = parseInt(val)
- },
- download(id) {
- this.$message({
- message: '下载成功',
- type: 'success'
- })
- }
- }
-}
-
-
-
-
-
-
-
-
-
-
-
-
- 搜索
- 重置
-
-
-
-
-
-
-
-
-
-
-
-
-
- 下载
-
-
-
-
-
-
-
-
-
-
-
-
diff --git a/src/views/layout/left-menu.vue b/src/views/layout/left-menu.vue
index b28b47c..d747963 100644
--- a/src/views/layout/left-menu.vue
+++ b/src/views/layout/left-menu.vue
@@ -42,7 +42,7 @@
-
+
繁育管理
diff --git a/src/views/phylogeneticAnalysis/evolutionaryTree.vue b/src/views/phylogeneticAnalysis/evolutionaryTree.vue
index 9bcb4b3..109df5a 100644
--- a/src/views/phylogeneticAnalysis/evolutionaryTree.vue
+++ b/src/views/phylogeneticAnalysis/evolutionaryTree.vue
@@ -9,16 +9,16 @@
label-width="auto"
size="mini"
>
-
+
-
+
@@ -34,19 +34,19 @@
-
-
-
-
-
-
+
+
+
+
+
+
详情查看
@@ -78,11 +78,59 @@ export default {
tableData: [
{
id: 1,
- a: '',
- b: 'illumina',
- c: '',
- d: '',
- e: ''
+ a: '若尔盖',
+ b: '82010000990',
+ c: '45MB',
+ d: '2024.03.06',
+ e: 'PhyML'
+ },
+ {
+ id: 2,
+ a: '若尔盖',
+ b: '82010000991',
+ c: '40MB',
+ d: '2024.03.06',
+ e: 'PhyML'
+ },
+ {
+ id: 3,
+ a: '若尔盖',
+ b: '82010000992',
+ c: '42MB',
+ d: '2024.03.27',
+ e: 'PhyML'
+ },
+ {
+ id: 4,
+ a: '若尔盖',
+ b: '82010000993',
+ c: '35MB',
+ d: '2024.08.02',
+ e: 'PhyML'
+ },
+ {
+ id: 5,
+ a: '若尔盖',
+ b: '82010000994',
+ c: '40MB',
+ d: '2024.05.03',
+ e: 'PhyML'
+ },
+ {
+ id: 6,
+ a: '若尔盖',
+ b: '82010000995',
+ c: '50MB',
+ d: '2024.04.23',
+ e: 'PhyML'
+ },
+ {
+ id: 7,
+ a: '若尔盖',
+ b: '82010000996',
+ c: '38MB',
+ d: '2024.06.03',
+ e: 'PhyML'
}
],
form: {