lis8.0-vue3/src/views/liswork/labItem/tab/parameter.vue

<template>
<!-- 参数设置 -->
 <div v-show="visible">
  <el-form ref="form" :model="formData" :rules="rules" label-width="80px" size="small" class="form-inline" inline>
    <el-row>
      <span>说明：公式中阴阳对照请用NC,PC表示</span>
    </el-row>
    <el-form-item label="测试波长" prop="csbc">
      <el-input placeholder="测试波长" v-model="formData.csbc"></el-input>
    </el-form-item>
    <el-form-item label="参考波长" prop="ckbc">
      <el-input placeholder="参考波长" v-model="formData.ckbc"></el-input>
      <el-button type="primary" @click="">滤光片波长对照表...</el-button>
    </el-form-item>
    <el-form-item label="阳性判断公式" prop="yxgs" label-width="100px">
      <el-input placeholder="阳性判断公式" v-model="formData.yxgs" style="width: 400px;"></el-input>
    </el-form-item>
    <el-form-item label="上灰区" prop="shq">
      <el-input placeholder="上灰区" v-model="formData.shq"></el-input>%
    </el-form-item>
    <el-form-item label="下灰区" prop="xhq">
      <el-input placeholder="下灰区" v-model="formData.xhq"></el-input>%
    </el-form-item>
    <el-form-item label="阴性对照下限" prop="negxx" label-width="100px">
      <el-input placeholder="阴性对照下限" v-model="formData.negxx" style="width: 100px;"></el-input>
    </el-form-item>
    <el-form-item label="阳性对照下限" prop="posxx" label-width="100px">
      <el-input placeholder="阳性对照下限" v-model="formData.posxx"></el-input>
    </el-form-item>
    <el-form-item label="阴性对照上限" prop="negsx" label-width="100px">
      <el-input placeholder="阴性对照上限" v-model="formData.negsx" style="width: 100px;"></el-input>
    </el-form-item>
    <el-form-item label="阳性对照上限" prop="possx" label-width="100px">
      <el-input placeholder="阳性对照上限" v-model="formData.possx"></el-input>
    </el-form-item>

    <el-divider></el-divider>
    <el-form-item label="项目性质" prop="xmxz">
      <el-radio-group v-model="formData.xmxz">
        <el-radio value="1">定性</el-radio>
        <el-radio value="2">定量</el-radio>
      </el-radio-group>
    </el-form-item>
    <el-form-item label="移动模式" prop="ydfs">
      <el-radio-group v-model="formData.ydfs">
        <el-radio value="1">连续</el-radio>
        <el-radio value="2">步进</el-radio>
      </el-radio-group>
    </el-form-item>
    <el-form-item label="测试模式" prop="csms">
      <el-radio-group v-model="formData.csms">
        <el-radio value="1">终点法</el-radio>
        <el-radio value="2">两点法</el-radio>
      </el-radio-group>
    </el-form-item>
    <el-form-item label="振板频率" prop="zbpl">
      <el-radio-group v-model="formData.zbpl">
        <el-radio value="1">高</el-radio>
        <el-radio value="2">中</el-radio>
        <el-radio value="3">低</el-radio>
      </el-radio-group>
    </el-form-item>
    <el-form-item label="空白形式" prop="kbms">
      <el-radio-group v-model="formData.kbms">
        <el-radio value="1">空气</el-radio>
        <el-radio value="2">试剂</el-radio>
      </el-radio-group>
    </el-form-item>
    <el-form-item label="振板时间" prop="zbsj">
      <el-input placeholder="振板时间" v-model="formData.zbsj"></el-input>秒
    </el-form-item>

    <el-divider></el-divider>
    <el-form-item label="默认模板" prop="mrmb">
      <el-input placeholder="默认模板" v-model="formData.mrmb"></el-input>
    </el-form-item>
    <el-form-item label="默认试剂" prop="mrsjph">
      <el-input placeholder="默认试剂" v-model="formData.mrsjph"></el-input>
      <el-button type="primary" @click="">试剂维护</el-button>
    </el-form-item>

  </el-form>
 </div>
</template>

<script setup lang="ts">
import { ref } from 'vue';

const formData = ref({
  csbc: '',
  ckbc: '',
  yxgs: '',
  shq: '',
  xhq: '',
  negxx: '',
  posxx: '',
  negsx: '',
  possx: '',
  xmxz: '',
  ydfs: '',
  csms: '',
  zbpl: '',
  kbms: '',
  zbsj: '',
  mrmb: '',
  mrsjph: ''
});

const rules = ref({
  // name: [
  //   { required: true, message: '请输入姓名', trigger: 'blur' }
  // ],
  // sex: [
  //   { required: true, message: '请选择性别', trigger: 'change' }
  // ]
});

const props = defineProps({
  // 是否显示
  visible: {
    type: Boolean,
    required: true,
    default: false
  }
});
</script>

<style scoped lang="scss">
.form-inline {
  padding: 10px;
  background-color: #f5f7fa;
  height: auto;
  .el-input {
    width: 150px;
  }
  .el-form-item {
    margin-right: 10px;
    margin-bottom: 2px;
  }
}
</style>