-
-
-
-
- 下载
+
@@ -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/geneMgmt/SPNPanel.vue b/src/views/geneMgmt/SPNPanel.vue
index 9bcb4b3..bf9d6f5 100644
--- a/src/views/geneMgmt/SPNPanel.vue
+++ b/src/views/geneMgmt/SPNPanel.vue
@@ -109,12 +109,7 @@ export default {
handleCurrentChange(val) {
this.form.page = parseInt(val)
},
- download(id) {
- this.$message({
- message: '下载成功',
- type: 'success'
- })
- }
+ download(id) {}
}
}
+
+
+
+
+
+
-
-
-
-
+
-
-
+
+
+
+
+ 
+ 
+
+
+
+
+
+
+
+ 低近交系数（0% -
+ 5%）：表示个体的遗传多样性较高，近交程度较低。这些个体的基因组中
+
+
+ 来自近亲的比例很小，通常表示良好的遗传多样性和较低的遗传疾病风险。
+ 中等近交系数（5% -
+ 15%）：表示个体存在一定程度的近交，遗传多样性略有下降。这些个体
+ 可能会有一些遗传问题的风险，但整体仍然在可接受范围内。
+ 高近交系数（15%
+ 以上）：表示个体的近交程度较高，遗传多样性明显下降。这些个体可能面
+ 临更高的遗传疾病风险，且可能出现表现不稳定的情况，如生长缓慢、繁殖问题等
+