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

<template>
  <!-- 基本资料 -->
  <div>
    <el-form ref="formRef" :model="modelParam.basicData" :rules="rules" size="small" class="form-inline" inline
      label-width="70px" :disabled="disabled" label-position="right" inline-message>
      <span class="text-span">基本参数：</span>
      <el-divider style="margin: 5px 0;" />
      <el-form-item label="项目类别" prop="xmgl">
        <SelectTable v-model:data="modelParam.basicData.xmgl" :fields="xmglFields" :tableData="dictData.XMGL"
          label="label" value="value" objKey="value" width="140px" placeholder="项目类别" size="small" />
      </el-form-item>
      <el-form-item label="英文缩写" prop="xmdh">
        <el-input placeholder="英文缩写" v-model="modelParam.basicData.xmdh" @input="xmdhInput"></el-input>
      </el-form-item>
      <el-form-item label="项目名称" prop="xmmc">
        <el-input placeholder="项目名称" v-model="modelParam.basicData.xmmc" @change="xmmcChange"></el-input>
      </el-form-item>
      <el-form-item label="单位" prop="dw">
        <SelectTable v-model:data="modelParam.basicData.dw" :fields="xmglFields" :tableData="dictData.UT" label="label"
          value="label" objKey="label" width="140px" placeholder="单位" size="small" />
      </el-form-item>
      <el-form-item label="结果类别" prop="xmlb">
        <SelectTable v-model:data="modelParam.basicData.xmlb" :fields="xmglFields" :tableData="xmlbData" label="label"
          value="value" objKey="value" width="140px" placeholder="结果类别" size="small" />
      </el-form-item>
      <el-form-item label="阴阳性" prop="mrz">
        <SelectTable v-model:data="modelParam.basicData.mrz" :fields="xmglFields" :tableData="mrzData" label="label"
          value="value" objKey="value" width="140px" placeholder="阴阳性" size="small" />
      </el-form-item>
      <el-form-item label="仪器大类" prop="yqdl">
        <SelectTable v-model:data="modelParam.basicData.yqdl" :fields="xmglFields" :tableData="dictData.YQDL"
          label="label" value="value" objKey="value" width="140px" placeholder="仪器大类" size="small" />
      </el-form-item>
      <el-form-item label="允许CV(%)" prop="qccv" label-width="100px">
        <el-input placeholder="允许CV(%)" type="number" v-model="modelParam.basicData.qccv"></el-input>
      </el-form-item>
      <el-form-item label="稀释倍数" prop="xsbs">
        <el-input placeholder="稀释倍数" v-model="modelParam.basicData.xsbs"></el-input>
      </el-form-item>
      <el-form-item label="whonet编码" prop="whocode" label-width="100px">
        <el-input placeholder="whonet编码" v-model="modelParam.basicData.whocode"></el-input>
      </el-form-item>
      <el-form-item label="Gram" prop="germflag">
        <el-input placeholder="Gram" v-model="modelParam.basicData.germflag"></el-input>
      </el-form-item>
      <el-form-item label="英文名称" prop="yymc">
        <el-input placeholder="英文名称" v-model="modelParam.basicData.yymc"></el-input>
      </el-form-item>
      <el-form-item label="项目ID" prop="xmid">
        <el-input placeholder="项目ID" disabled v-model="modelParam.basicData.xmid"></el-input>
      </el-form-item>
      <el-form-item prop="uflag">
        <el-checkbox value="uflag">停用</el-checkbox>
      </el-form-item>
      <el-form-item label="知识库编码" prop="knowledge" label-width="100px">
        <el-input placeholder="知识库编码" v-model="modelParam.basicData.knowledge"></el-input>
      </el-form-item>
      <el-form-item label="小数保留位数" prop="xsws" label-width="100px">
        <SelectTable v-model:data="modelParam.basicData.xsws" :fields="xmglFields" :tableData="xswsData" label="label"
          value="value" objKey="value" width="140px" placeholder="小数保留位数" size="small" />
      </el-form-item>
      <el-form-item label="打印形式" prop="dylx">
        <SelectTable v-model:data="modelParam.basicData.dylx" :fields="xmglFields" :tableData="dylxData" label="label"
          value="value" objKey="value" width="140px" placeholder="打印形式" size="small" />
      </el-form-item>
      <el-form-item label="总汇表代号" prop="zhbdh" label-width="100px">
        <el-input placeholder="总汇表代号" v-model="modelParam.basicData.zhbdh"></el-input>
      </el-form-item>
      <el-form-item label="报告单代号" prop="bgdh" label-width="90px">
        <el-input placeholder="报告单代号" v-model="modelParam.basicData.bgdh"></el-input>
      </el-form-item>
      <el-form-item label="价格" prop="jg">
        <el-input placeholder="价格" type="number" v-model="modelParam.basicData.jg"></el-input>
      </el-form-item>
      <el-form-item label="助记符" prop="zjf">
        <el-input placeholder="助记符" v-model="modelParam.basicData.zjf"></el-input>
      </el-form-item>
      <el-form-item label="测试方法" prop="csff">
        <SelectTable v-model:data="modelParam.basicData.csff" :fields="xmglFields" :tableData="dictData.MD"
          label="label" value="value" objKey="value" width="140px" placeholder="测试方法" size="small" />
      </el-form-item>
      <el-form-item label="分组打印组号" prop="fzdyxh" label-width="100px">
        <el-input placeholder="分组打印组号" type="number" v-model="modelParam.basicData.fzdyxh"></el-input>
      </el-form-item>
      <el-form-item label="细菌项目类别" prop="itemclass" label-width="100px">
        <SelectTable v-model:data="modelParam.basicData.itemclass" :fields="xmglFields" :tableData="dictData.ITEMCLASS"
          label="label" value="value" objKey="value" width="140px" placeholder="细菌项目类别" size="small" />
      </el-form-item>
      <span class="text-span">结果参考值计算：</span>
      <el-divider style="margin: 5px 0;" />
      <el-form-item label="参考下限" prop="ckxx">
        <el-input placeholder="参考下限" v-model="modelParam.basicData.ckxx" @input="updatedyckz"></el-input>
      </el-form-item>
      <el-form-item label="参考上限" prop="cksx">
        <el-input placeholder="参考上限" v-model="modelParam.basicData.cksx" @input="updatedyckz"></el-input>
      </el-form-item>
      <el-form-item label="参考值" prop="dyckz" label-width="60px">
        <el-input placeholder="参考值" v-model="modelParam.basicData.dyckz"></el-input>
        <el-button type="primary" @click="multiRefClick">多行参考值向导...</el-button>
      </el-form-item>
      <el-form-item label="公式" prop="jsgs" label-width="40px">
        <el-input placeholder="公式" v-model="modelParam.basicData.jsgs"></el-input>
        <el-button v-show="modelParam.basicData.jsxm === 'Y'" type="primary" @click="calcGuildeClick">向导...</el-button>
      </el-form-item>
      <el-form-item>
        <el-checkbox label="参考值与性别有关" v-model="ygxbCheck"></el-checkbox>
        <el-checkbox label="与年龄有关" v-model="ygnlCheck"></el-checkbox>
        <el-checkbox label="与标本有关" v-model="ygbbCheck"></el-checkbox>
        <el-checkbox label="与生理周期有关" v-model="ygzqCheck"></el-checkbox>
        <el-checkbox label="与诊断有关" v-model="ygzdCheck"></el-checkbox>
        <el-checkbox label="计算项目" v-model="jsxmCheck"></el-checkbox>
      </el-form-item>
      <span class="text-span">医学审核条件：</span>
      <el-divider style="margin: 5px 0;" />
      <el-form-item label="项目结果不可能大于" prop="sjx" label-width="140px">
        <el-input placeholder="项目结果不可能大于" v-model="modelParam.basicData.sjx" style="width: 100px;"></el-input>
      </el-form-item>
      <el-form-item label="不可能小于" prop="xjx" label-width="90px">
        <el-input placeholder="不可能小于" v-model="modelParam.basicData.xjx" style="width: 100px;"></el-input>
      </el-form-item>
      <el-form-item label="病人两次检验结果在" prop="jgjg" label-width="140px">
        <el-input placeholder="病人两次检验结果在" v-model="modelParam.basicData.jgjg" style="width: 100px;"></el-input>
      </el-form-item>
      <!--计算属性-->
      <el-form-item label="天内不可能相差" prop="cp_jgz" label-width="120px">
        <el-input placeholder="天内不可能相差" v-model="modelParam.basicData.cp_jgz" style="width: 100px;"></el-input>
      </el-form-item>
      <!--报警条件-->
      <span class="text-span">报警条件</span>
      <el-divider style="margin: 5px 0;" />
      <el-form-item label="危急值">
        <el-input placeholder="上限极值" v-model="modelParam.basicData.hlimt"></el-input>
        <el-input placeholder="下限极值" v-model="modelParam.basicData.llimit"></el-input>
        <el-button type="primary" @click="conditionClick">特定条件</el-button>
      </el-form-item>
      <el-form-item label="复查">
        <el-input placeholder="上限极值" v-model="modelParam.basicData.redoxx"></el-input>
        <el-input placeholder="下限极值" v-model="modelParam.basicData.redosx"></el-input>
      </el-form-item>
      <span class="text-span">其他参数</span>
      <el-divider style="margin: 5px 0;" />
      <el-form-item label="国标编码">
        <SelectTable v-model:data="modelParam.basicData.val1" :fields="xmglFields" :tableData="dictData.GBDM"
          label="label" value="value" objKey="value" width="140px" placeholder="国标编码" size="small" />
      </el-form-item>
      <el-form-item label="外部代码2">
        <el-input v-model="modelParam.basicData.val2"></el-input>
      </el-form-item>
      <el-form-item label="外部代码3">
        <el-input v-model="modelParam.basicData.val3"></el-input>
      </el-form-item>
      <el-form-item label="外部代码4">
        <el-input v-model="modelParam.basicData.val4"></el-input>
      </el-form-item>
      <el-form-item label="外部代码5">
        <el-input v-model="modelParam.basicData.val5"></el-input>
      </el-form-item>
    </el-form>

    <MultiRef :refData="modelParam.basicData.dyckz" v-model:dialog-table-visible="mulitDialogTableVisible"
      @closeWithReturn="closeWithReturnMultiRef" />
    <CalcGuilde v-model="calcDialogTableVisible" :form-data="modelParam.basicData" :text="modelParam.basicData.jsgs"
      @confirm="handleDialogConfirm" />
    <Condition v-model="conditionTabVisible" :form-data="modelParam.basicData" />

  </div>
</template>

<script setup lang="ts">
import { formatDict, getDictData, dictData } from '@/hooks';
import MultiRef from './child/MultiRef.vue';
import CalcGuilde from './child/CalcGuilde.vue';
import SelectTable from '@/components/SelectTable/index.vue'
import Condition from './child/Condition.vue';
//@ts-ignore
import { getFirstLetter } from '@/utils/pinyin.js';

const modelParam = defineModel<any>()

const formRef = ref();
const disabled = ref(true);
const mulitDialogTableVisible = ref(false)
const calcDialogTableVisible = ref(false)
const conditionTabVisible = ref(false)
const xmglFields = ref([
  { prop: 'value', label: '代号', width: 80, enablePinyinSearch: true },
  { prop: 'label', label: '名称', enablePinyinSearch: true },
])
const xmlbData = [
  { label: '数值型', value: '1' },
  { label: '文字型', value: '2' },
  { label: '阴阳性型', value: '3' },
  { label: '数值文字混合型', value: '4' },
]
const mrzData = [
  { label: '阴性', value: 'N' },
  { label: '阳性', value: 'P' }
]
const xswsData = [
  { label: '保持原始值', value: '-1' },
  { label: '0 位', value: '0' },
  { label: '1 位', value: '1' },
  { label: '2 位', value: '2' },
  { label: '3 位', value: '3' },
  { label: '4 位', value: '4' },
]
const dylxData = [
  { label: '原始检验结果', value: '1' },
  { label: '>上限,<下限模式', value: '2' },
  { label: '不打印', value: '3' },
]

const rules = ref({
  dylx: [{ required: true, message: '请选择打印形式', trigger: 'blur' }],
})

computed(() => {
  switch (modelParam.value.basicData.jgbz) {
    case '1':
      modelParam.value.basicData.cp_jgz = modelParam.value.basicData.jgz;
      break;
    case '2':
      modelParam.value.basicData.cp_jgz = modelParam.value.basicData.jgz + '%';
      break;
  }
});

const jsxmCheck = computed({
  get() {
    return modelParam.value.basicData.jsxm === 'Y'
  },
  set(checked: boolean) {
    modelParam.value.basicData.jsxm = checked ? 'Y' : 'N';
  }
})

const ygzqCheck = computed({
  get() {
    return modelParam.value.basicData.ygzq === 'Y'
  },
  set(checked: boolean) {
    modelParam.value.basicData.ygzq = checked ? 'Y' : 'N';
  }
})

const ygzdCheck = computed({
  get() {
    return modelParam.value.basicData.ygzd === 'Y'
  },
  set(checked: boolean) {
    modelParam.value.basicData.ygzd = checked ? 'Y' : 'N';
  }
})

const ygbbCheck = computed({
  get() {
    return modelParam.value.basicData.ygbb === 'Y'
  },
  set(checked: boolean) {
    modelParam.value.basicData.ygbb = checked ? 'Y' : 'N';
  }
})

const ygnlCheck = computed({
  get() {
    return modelParam.value.basicData.ygnl === 'Y'
  },
  set(checked: boolean) {
    modelParam.value.basicData.ygnl = checked ? 'Y' : 'N';
  }
})

const ygxbCheck = computed({
  get() {
    return modelParam.value.basicData.ygxb === 'Y'
  },
  set(checked: boolean) {
    modelParam.value.basicData.ygxb = checked ? 'Y' : 'N';
  }
})

const updatedyckz = () => {
  modelParam.value.basicData.dyckz = !modelParam.value.basicData.ckxx && !modelParam.value.basicData.cksx ? '' : `${modelParam.value.basicData.ckxx}--${modelParam.value.basicData.cksx}`;
}


//多行参考值
const multiRefClick = () => {
  if (modelParam.value.basicData.dyckz) {
    mulitDialogTableVisible.value = true
  }
}

const closeWithReturnMultiRef = (val: string) => {
  modelParam.value.basicData.dyckz = val;
  mulitDialogTableVisible.value = false;
}

const handleDialogConfirm = (val: string) => {
  modelParam.value.basicData.jsgs = val;
  calcDialogTableVisible.value = false
}

//计算向导
const calcGuildeClick = () => {
  if (modelParam.value.basicData.jsxm) {
    calcDialogTableVisible.value = true
  }

}
//危急值特定条件
const conditionClick = () => {
  if (modelParam.value.basicData.xmid) {
    conditionTabVisible.value = true
  }

}

const xmdhInput = (val: string) => {
  modelParam.value.basicData.zhbdh = val;
  modelParam.value.basicData.bgdh = val;
}

const xmmcChange = (val: string) => {
  modelParam.value.basicData.zjf = getFirstLetter(val);

}

onActivated(async () => {
  await getDictData('XMGL', 'UT', 'YQDL', 'MD', 'ITEMCLASS', 'GBDM');
})




// 暴露验证方法（关键步骤）
defineExpose({
  // 封装表单验证方法，返回 Promise
  validate: () => {
    return new Promise((resolve) => {
      formRef.value?.validate((valid: boolean) => {
        resolve(valid);
      });
    });
  },
  // 可选：暴露清除验证的方法
  clearValidate: () => {
    formRef.value?.clearValidate();
  },
  resetField: () => {
    formRef.value?.resetFields();
  },
  changeDisabled: (val: any) => {
    disabled.value = val;
  }
});

</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;
  }

  .text-span {
    font-weight: bold;
    font-size: 14px;
    color: #333;
    display: block;
  }
}
</style>