选孔规则
选孔规则只出现在流程板组件中。
# 规则列表
| 选孔规则 | 说明 |
|---|---|
| fixed_reagent | 选试剂模式,这儿不能选择孔位 |
| dynamic_single_item | 动态单选模式,每次选完孔位之后板位上最多只有一个孔位 |
| single_col | 单列模式,只有一种颜色 |
| single_col_color | 单列模式,多种颜色 |
| two_col | 双列模式,只有一种颜色 |
| two_col_color | 双列模式,多种颜色 |
| three_col | 三列模式,只有一种颜色 |
| three_col_color | 三列模式,多种颜色 |
| multiple_col_normal | 按样本数选择模式,只有一种颜色 |
| multiple_col_normal_color | 按样本数选择模式,有多种颜色 |
| multiple_col | 多列模式,只有一种颜色,数目除以八后取整数 |
| multiple_col_color | 多列模式,多种颜色,数目除以八后取整数 |
| multiple_col_save | 多列余一规则,只有一种颜色(除以八余一时候样本数为本身，不为1时候为8的倍数) |
| multiple_col_save_color | 多列余一规则,多种颜色(除以八余一时候样本数为本身，不为1时候为8的倍数) |
| dynamic_multiple_item | 动态多选模式,可以修改孔位,要注意不能跨区域选择 |
| dynamic_single_col | 动态单列模式 |
| multiple_col_or_multiple_col_normal | 所在区域是八连管时候,必须取8的倍数;所在区域不是八连管时候,就取样本数;一种颜色 |
| multiple_col_or_multiple_col_normal_color | 所在区域是八连管时候,必须取8的倍数;所在区域不是八连管时候,就取样本数;多种颜色 |
# 相关示例
fixed_reagent
点击孔位,会没有反应。
<template>
<div class="hole-selection-container-box1">
<as-workflow-plate-52-hole plate-type="destination"
:active-arr="activeArr"
select-mode="fixed_reagent"
comp-mark="hole-selection-1"
></as-workflow-plate-52-hole>
</div>
</template>
<script>
export default {
name: 'App',
data() {
return{
activeArr:[{
i:0,
j:0
}]
}
},
methods: {}
}
</script>
<style>
.hole-selection-container-box1{
width: 60%;
}
@media screen and (max-width: 480px) {
.hole-selection-container-box1{
width: 100%;
}
}
</style>
Expand Copy Copy
dynamic_single_item
<template>
<div class="hole-selection-container-box2">
<as-workflow-plate-62-hole plate-type="destination"
:active-arr="activeArr"
select-mode="dynamic_single_item"
comp-mark="hole-selection-2"
></as-workflow-plate-62-hole>
</div>
</template>
<script>
export default {
name: 'App',
data() {
return{
activeArr:[{
i:0,
j:0
}]
}
},
methods: {}
}
</script>
<style>
.hole-selection-container-box2{
width: 60%;
}
@media screen and (max-width: 480px) {
.hole-selection-container-box2{
width: 100%;
}
}
</style>
Expand Copy Copy
single_col
<template>
<div class="hole-selection-container-box3">
<as-workflow-plate-80-hole plate-type="destination"
:active-arr="activeArr"
select-mode="single_col"
comp-mark="hole-selection-3"
></as-workflow-plate-80-hole>
</div>
</template>
<script>
export default {
name: 'App',
data() {
return{
activeArr:[
{
i:0,
j:0
},
{
i:0,
j:1
},
{
i:0,
j:2
},
{
i:0,
j:3
},
{
i:0,
j:4
},
{
i:0,
j:5
},
{
i:0,
j:6
},
{
i:0,
j:7
},
]
}
},
methods: {}
}
</script>
<style>
.hole-selection-container-box3{
width: 60%;
}
@media screen and (max-width: 480px) {
.hole-selection-container-box3{
width: 100%;
}
}
</style>
Expand Copy Copy
single_col_color
<template>
<div class="hole-selection-container-box4">
<as-workflow-plate-80-hole plate-type="destination"
:active-arr="activeArr"
select-mode="single_col_color"
comp-mark="hole-selection-4"
></as-workflow-plate-80-hole>
</div>
</template>
<script>
export default {
name: 'App',
data() {
return{
activeArr:[
{
i:0,
j:0
},
{
i:0,
j:1
},
{
i:0,
j:2
},
{
i:0,
j:3
},
{
i:0,
j:4
},
{
i:0,
j:5
},
{
i:0,
j:6
},
{
i:0,
j:7
},
]
}
},
methods: {}
}
</script>
<style>
.hole-selection-container-box4{
width: 60%;
}
@media screen and (max-width: 480px) {
.hole-selection-container-box4{
width: 100%;
}
}
</style>
Expand Copy Copy
two_col
<template>
<div class="hole-selection-container-box5">
<as-workflow-plate-80-hole plate-type="destination"
:active-arr="activeArr"
select-mode="two_col"
comp-mark="hole-selection-5"
></as-workflow-plate-80-hole>
</div>
</template>
<script>
export default {
name: 'App',
data() {
return{
activeArr:[
{
i:0,
j:0
},
{
i:0,
j:1
},
{
i:0,
j:2
},
{
i:0,
j:3
},
{
i:0,
j:4
},
{
i:0,
j:5
},
{
i:0,
j:6
},
{
i:0,
j:7
},
{
i:1,
j:0
},
{
i:1,
j:1
},
{
i:1,
j:2
},
{
i:1,
j:3
},
{
i:1,
j:4
},
{
i:1,
j:5
},
{
i:1,
j:6
},
{
i:1,
j:7
},
]
}
},
methods: {}
}
</script>
<style>
.hole-selection-container-box5{
width: 60%;
}
@media screen and (max-width: 480px) {
.hole-selection-container-box5{
width: 100%;
}
}
</style>
Expand Copy Copy
two_col_color
<template>
<div class="hole-selection-container-box6">
<as-workflow-plate-80-hole plate-type="destination"
:active-arr="activeArr"
select-mode="two_col_color"
comp-mark="hole-selection-6"
></as-workflow-plate-80-hole>
</div>
</template>
<script>
export default {
name: 'App',
data() {
return{
activeArr:[
{
i:0,
j:0
},
{
i:0,
j:1
},
{
i:0,
j:2
},
{
i:0,
j:3
},
{
i:0,
j:4
},
{
i:0,
j:5
},
{
i:0,
j:6
},
{
i:0,
j:7
},
{
i:1,
j:0
},
{
i:1,
j:1
},
{
i:1,
j:2
},
{
i:1,
j:3
},
{
i:1,
j:4
},
{
i:1,
j:5
},
{
i:1,
j:6
},
{
i:1,
j:7
},
]
}
},
methods: {}
}
</script>
<style>
.hole-selection-container-box6{
width: 60%;
}
@media screen and (max-width: 480px) {
.hole-selection-container-box6{
width: 100%;
}
}
</style>
Expand Copy Copy
three_col
<template>
<div class="hole-selection-container-box7">
<as-workflow-plate-80-hole plate-type="destination"
:active-arr="activeArr"
select-mode="three_col"
comp-mark="hole-selection-7"
></as-workflow-plate-80-hole>
</div>
</template>
<script>
export default {
name: 'App',
data() {
return{
activeArr:[
{
i:0,
j:0
},
{
i:0,
j:1
},
{
i:0,
j:2
},
{
i:0,
j:3
},
{
i:0,
j:4
},
{
i:0,
j:5
},
{
i:0,
j:6
},
{
i:0,
j:7
},
{
i:1,
j:0
},
{
i:1,
j:1
},
{
i:1,
j:2
},
{
i:1,
j:3
},
{
i:1,
j:4
},
{
i:1,
j:5
},
{
i:1,
j:6
},
{
i:1,
j:7
},
{
i:2,
j:0
},
{
i:2,
j:1
},
{
i:2,
j:2
},
{
i:2,
j:3
},
{
i:2,
j:4
},
{
i:2,
j:5
},
{
i:2,
j:6
},
{
i:2,
j:7
},
]
}
},
methods: {}
}
</script>
<style>
.hole-selection-container-box7{
width: 60%;
}
@media screen and (max-width: 480px) {
.hole-selection-container-box7{
width: 100%;
}
}
</style>
Expand Copy Copy
three_col_color
<template>
<div class="hole-selection-container-box8">
<as-workflow-plate-80-hole plate-type="destination"
:active-arr="activeArr"
select-mode="three_col_color"
comp-mark="hole-selection-8"
></as-workflow-plate-80-hole>
</div>
</template>
<script>
export default {
name: 'App',
data() {
return{
activeArr:[
{
i:0,
j:0
},
{
i:0,
j:1
},
{
i:0,
j:2
},
{
i:0,
j:3
},
{
i:0,
j:4
},
{
i:0,
j:5
},
{
i:0,
j:6
},
{
i:0,
j:7
},
{
i:1,
j:0
},
{
i:1,
j:1
},
{
i:1,
j:2
},
{
i:1,
j:3
},
{
i:1,
j:4
},
{
i:1,
j:5
},
{
i:1,
j:6
},
{
i:1,
j:7
},
{
i:2,
j:0
},
{
i:2,
j:1
},
{
i:2,
j:2
},
{
i:2,
j:3
},
{
i:2,
j:4
},
{
i:2,
j:5
},
{
i:2,
j:6
},
{
i:2,
j:7
},
]
}
},
methods: {}
}
</script>
<style>
.hole-selection-container-box8{
width: 60%;
}
@media screen and (max-width: 480px) {
.hole-selection-container-box8{
width: 100%;
}
}
</style>
Expand Copy Copy
multiple_col_normal
<template>
<div class="hole-selection-container-box9">
<as-workflow-plate-80-hole plate-type="destination"
:active-arr="activeArr"
select-mode="multiple_col_normal"
:sample-number="12"
comp-mark="hole-selection-9"
></as-workflow-plate-80-hole>
</div>
</template>
<script>
export default {
name: 'App',
data() {
return{
activeArr:[
{
i:0,
j:0
},
{
i:0,
j:1
},
{
i:0,
j:2
},
{
i:0,
j:3
},
{
i:0,
j:4
},
{
i:0,
j:5
},
{
i:0,
j:6
},
{
i:0,
j:7
},
{
i:1,
j:0
},
{
i:1,
j:1
},
{
i:1,
j:2
},
{
i:1,
j:3
},
]
}
},
methods: {}
}
</script>
<style>
.hole-selection-container-box9{
width: 60%;
}
@media screen and (max-width: 480px) {
.hole-selection-container-box9{
width: 100%;
}
}
</style>
Expand Copy Copy
multiple_col_normal_color
<template>
<div class="hole-selection-container-box10">
<as-workflow-plate-80-hole plate-type="destination"
:active-arr="activeArr"
select-mode="multiple_col_normal_color"
:sample-number="12"
comp-mark="hole-selection-10"
></as-workflow-plate-80-hole>
</div>
</template>
<script>
export default {
name: 'App',
data() {
return{
activeArr:[
{
i:0,
j:0
},
{
i:0,
j:1
},
{
i:0,
j:2
},
{
i:0,
j:3
},
{
i:0,
j:4
},
{
i:0,
j:5
},
{
i:0,
j:6
},
{
i:0,
j:7
},
{
i:1,
j:0
},
{
i:1,
j:1
},
{
i:1,
j:2
},
{
i:1,
j:3
},
]
}
},
methods: {}
}
</script>
<style>
.hole-selection-container-box10{
width: 60%;
}
@media screen and (max-width: 480px) {
.hole-selection-container-box10{
width: 100%;
}
}
</style>
Expand Copy Copy
multiple_col
<template>
<div class="hole-selection-container-box11">
<as-workflow-plate-64-hole plate-type="destination"
:active-arr="activeArr"
select-mode="multiple_col"
:sample-number="12"
comp-mark="hole-selection-11"
></as-workflow-plate-64-hole>
</div>
</template>
<script>
export default {
name: 'App',
data() {
return{
activeArr:[
{
i:0,
j:0
},
{
i:0,
j:1
},
{
i:0,
j:2
},
{
i:0,
j:3
},
{
i:0,
j:4
},
{
i:0,
j:5
},
{
i:0,
j:6
},
{
i:0,
j:7
},
{
i:1,
j:0
},
{
i:1,
j:1
},
{
i:1,
j:2
},
{
i:1,
j:3
},
{
i:1,
j:4
},
{
i:1,
j:5
},
{
i:1,
j:6
},
{
i:1,
j:7
},
]
}
},
methods: {}
}
</script>
<style>
.hole-selection-container-box11{
width: 60%;
}
@media screen and (max-width: 480px) {
.hole-selection-container-box11{
width: 100%;
}
}
</style>
Expand Copy Copy
multiple_col_color
<template>
<div class="hole-selection-container-box12">
<as-workflow-plate-64-hole plate-type="destination"
:active-arr="activeArr"
select-mode="multiple_col_color"
:sample-number="12"
comp-mark="hole-selection-12"
></as-workflow-plate-64-hole>
</div>
</template>
<script>
export default {
name: 'App',
data() {
return{
activeArr:[
{
i:0,
j:0
},
{
i:0,
j:1
},
{
i:0,
j:2
},
{
i:0,
j:3
},
{
i:0,
j:4
},
{
i:0,
j:5
},
{
i:0,
j:6
},
{
i:0,
j:7
},
{
i:1,
j:0
},
{
i:1,
j:1
},
{
i:1,
j:2
},
{
i:1,
j:3
},
{
i:1,
j:4
},
{
i:1,
j:5
},
{
i:1,
j:6
},
{
i:1,
j:7
},
]
}
},
methods: {}
}
</script>
<style>
.hole-selection-container-box12{
width: 60%;
}
@media screen and (max-width: 480px) {
.hole-selection-container-box12{
width: 100%;
}
}
</style>
Expand Copy Copy
multiple_col_save
<template>
<div class="hole-selection-container-box13">
<as-workflow-plate-64-hole plate-type="destination"
:active-arr="activeArr"
select-mode="multiple_col_save"
:sample-number="9"
comp-mark="hole-selection-13"
></as-workflow-plate-64-hole>
</div>
</template>
<script>
export default {
name: 'App',
data() {
return{
activeArr:[
{
i:0,
j:0
},
{
i:0,
j:1
},
{
i:0,
j:2
},
{
i:0,
j:3
},
{
i:0,
j:4
},
{
i:0,
j:5
},
{
i:0,
j:6
},
{
i:0,
j:7
},
{
i:1,
j:0
},
]
}
},
methods: {}
}
</script>
<style>
.hole-selection-container-box13{
width: 60%;
}
@media screen and (max-width: 480px) {
.hole-selection-container-box13{
width: 100%;
}
}
</style>
Expand Copy Copy
multiple_col_save_color
<template>
<div class="hole-selection-container-box14">
<as-workflow-plate-64-hole plate-type="destination"
:active-arr="activeArr"
select-mode="multiple_col_save_color"
:sample-number="9"
comp-mark="hole-selection-14"
></as-workflow-plate-64-hole>
</div>
</template>
<script>
export default {
name: 'App',
data() {
return{
activeArr:[
{
i:0,
j:0
},
{
i:0,
j:1
},
{
i:0,
j:2
},
{
i:0,
j:3
},
{
i:0,
j:4
},
{
i:0,
j:5
},
{
i:0,
j:6
},
{
i:0,
j:7
},
{
i:1,
j:0
},
]
}
},
methods: {}
}
</script>
<style>
.hole-selection-container-box14{
width: 60%;
}
@media screen and (max-width: 480px) {
.hole-selection-container-box14{
width: 100%;
}
}
</style>
Expand Copy Copy
dynamic_multiple_item
当跨区域选择时候,清空容器。
<template>
<div class="hole-selection-container-box15">
<as-workflow-plate-46-hole plate-type="destination"
:active-arr="activeArr"
select-mode="dynamic_multiple_item"
comp-mark="hole-selection-15"
></as-workflow-plate-46-hole>
</div>
</template>
<script>
export default {
name: 'App',
data() {
return{
activeArr:[]
}
},
methods: {}
}
</script>
<style>
.hole-selection-container-box15{
width: 60%;
}
@media screen and (max-width: 480px) {
.hole-selection-container-box15{
width: 100%;
}
}
</style>
Expand Copy Copy
dynamic_single_col
<template>
<div class="hole-selection-container-box16">
<as-workflow-plate-48-hole plate-type="destination"
:active-arr="activeArr"
select-mode="dynamic_single_col"
comp-mark="hole-selection-16"
></as-workflow-plate-48-hole>
</div>
</template>
<script>
export default {
name: 'App',
data() {
return{
activeArr:[
{
i:0,
j:0
},
{
i:0,
j:1
},
{
i:0,
j:2
},
{
i:0,
j:3
},
{
i:0,
j:4
},
{
i:0,
j:5
},
{
i:0,
j:6
},
{
i:0,
j:7
},
]
}
},
methods: {}
}
</script>
<style>
.hole-selection-container-box16{
width: 60%;
}
@media screen and (max-width: 480px) {
.hole-selection-container-box16{
width: 100%;
}
}
</style>
Expand Copy Copy
multiple_col_or_multiple_col_normal
<template>
<div class="hole-selection-container-box17">
<as-workflow-plate-62-hole plate-type="destination"
:active-arr="activeArr"
select-mode="multiple_col_or_multiple_col_normal"
comp-mark="hole-selection-17"
:sample-number="6"
></as-workflow-plate-62-hole>
</div>
</template>
<script>
export default {
name: 'App',
data() {
return{
activeArr:[
{
i:5,
j:0
},
{
i:5,
j:1
},
{
i:5,
j:2
},
{
i:5,
j:3
},
{
i:5,
j:4
},
{
i:5,
j:5
},
{
i:5,
j:6
},
{
i:5,
j:7
},
]
}
},
methods: {}
}
</script>
<style>
.hole-selection-container-box17{
width: 60%;
}
@media screen and (max-width: 480px) {
.hole-selection-container-box17{
width: 100%;
}
}
</style>
Expand Copy Copy
multiple_col_or_multiple_col_normal_color
<template>
<div class="hole-selection-container-box18">
<as-workflow-plate-62-hole plate-type="destination"
:active-arr="activeArr"
select-mode="multiple_col_or_multiple_col_normal_color"
comp-mark="hole-selection-18"
:sample-number="6"
></as-workflow-plate-62-hole>
</div>
</template>
<script>
export default {
name: 'App',
data() {
return{
activeArr:[
{
i:5,
j:0
},
{
i:5,
j:1
},
{
i:5,
j:2
},
{
i:5,
j:3
},
{
i:5,
j:4
},
{
i:5,
j:5
},
{
i:5,
j:6
},
{
i:5,
j:7
},
]
}
},
methods: {}
}
</script>
<style>
.hole-selection-container-box18{
width: 60%;
}
@media screen and (max-width: 480px) {
.hole-selection-container-box18{
width: 100%;
}
}
</style>
Expand Copy Copy