前置说明

# 板位业务场景

我们须知板位使用的业务场景分为三大类，平台板(worktable),试剂板(reagent)和流程板(workflow)。三种板的使用场景各不相同。下面将简要介绍三种主要的板位业务场景。

# (1)平台板

平台板几乎遍及所有项目所有模块，是使用最频繁的组件。它是一个具体板位的简要模型图,不能对它进行操作，仅供展示。

# (2)试剂板

试剂板主要与试剂的业务有关,它的目的是在各个试剂板上提前设置好相关试剂,以便完成后续的移液全自动化。它可选择x道枪试剂、8道枪试剂、16道枪试剂和24道枪试剂(后续会详细介绍)。

# (3)流程板

流程板经常用于程序模块中。该模块是一个极其复杂的模块,该模块很多地方都会用到流程板。使用它的目的是为了实现用户移液的全自动化。

# 必要的有宽度容器

在一切准备就绪后，当我们在相关页面引入组件,我们应该确保我们的组件放置在一个有宽度的容器中(如div),组件会自动填充它的宽度到盒子的百分百,同时高度也会以相应的某个比例进行适配。否则组件可能出现失真。

下面我们以WorkflowPlate96Hole为例说明。

<template>
  <div class="parent-box">
      <as-workflow-plate-96-hole 
          :active-arr="[]"
          plate-type="destination" 
          select-mode="multiple_col_normal_color" 
          :sample-number="12"
      ></as-workflow-plate-96-hole>
  </div>
</template>

 <script>
export default {
  name: 'App',
  data() {
    return{
      
    }
  },
   methods: {
    
   }
}
</script>
<style>
.parent-box{
  width: 60%;
}
@media screen and (max-width: 480px) {
  .parent-box {
    width: 100%;
  }
}
@media screen and (min-width: 480px) and (max-width: 768px) {
  .parent-box {
    width: 70%;
  }
}
</style>

Copy

上面代码中给WorkflowPlate96Hole添加了一个有宽度的容器盒子parent-box。其它板位与上面示例相同,以此类推。

← 开始使用样式隔离 →