|
|
@ -9,6 +9,7 @@ const homeStore = useHomeStore() |
|
|
|
const form = ref({ |
|
|
|
cycle: undefined, |
|
|
|
columns: [], |
|
|
|
height: undefined, |
|
|
|
}) |
|
|
|
const formRef = ref() |
|
|
|
|
|
|
@ -28,6 +29,9 @@ const rules = { |
|
|
|
cycle: [ |
|
|
|
{ required: true, trigger: 'blur', message: '请输入清洗次数' }, |
|
|
|
], |
|
|
|
height: [ |
|
|
|
{ required: true, trigger: 'blur', message: '请输入针头高度' }, |
|
|
|
], |
|
|
|
} |
|
|
|
|
|
|
|
const okHandle = async () => { |
|
|
@ -79,17 +83,6 @@ const mousedownHandle = async (index: number) => { |
|
|
|
<el-form ref="formRef" label-width="auto" :model="form" :rules="rules"> |
|
|
|
<el-form-item label="选择试管" prop="columns"> |
|
|
|
<div class="tube-item"> |
|
|
|
<!-- <div --> |
|
|
|
<!-- v-for="item in 5" --> |
|
|
|
<!-- :key="item" --> |
|
|
|
<!-- class="tube-line" --> |
|
|
|
<!-- :class="{ 'tube-line-active': selectedColumns[item - 1], 'tube-line-disable': !tubes.find(tu => tu.columnNum === item)?.exists }" --> |
|
|
|
|
|
|
|
<!-- @click.prevent="() => mousedownHandle(item)" --> |
|
|
|
<!-- @touch.prevent="() => mousedownHandle(item)" --> |
|
|
|
<!-- > --> |
|
|
|
<!-- <span v-for="i in 8" :key="i" class="tube-line-inner" /> --> |
|
|
|
<!-- </div> --> |
|
|
|
<div |
|
|
|
v-for="item in 5" |
|
|
|
:key="item" |
|
|
@ -120,6 +113,14 @@ const mousedownHandle = async (index: number) => { |
|
|
|
/> |
|
|
|
</el-select> |
|
|
|
</el-form-item> |
|
|
|
|
|
|
|
<el-form-item label="针头高度" prop="height"> |
|
|
|
<el-input v-model.number="form.height" type="number" placeholder="请输入针头高度"> |
|
|
|
<template #append> |
|
|
|
mm |
|
|
|
</template> |
|
|
|
</el-input> |
|
|
|
</el-form-item> |
|
|
|
</el-form> |
|
|
|
</FtDialog> |
|
|
|
</template> |
|
|
|