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

<template>
  <!-- 基本资料 -->
  <div class="basic_info">
    <el-form ref="formRef" :model="modelParam.basicData" :rules="rules" size="small" class="form-inline" inline
      label-width="6.25rem" label-position="right" :inline-message="false">
      <span class="text-span">基本参数：</span>
      <el-divider style="margin: .3125rem 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="12.5rem" placeholder="" size="small" />
      </el-form-item>
      <el-form-item label="英文缩写" prop="xmdh">
        <el-input v-model="modelParam.basicData.xmdh" @input="xmdhInput" />
      </el-form-item>
      <el-form-item label="项目名称" prop="xmmc">
        <el-input v-model="modelParam.basicData.xmmc" @change="xmmcChange" />
      </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="12.5rem" 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="12.5rem" 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="12.5rem" 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="12.5rem" placeholder="" size="small" />
      </el-form-item>
      <el-form-item label="允许CV(%)" prop="qccv">
        <el-input type="number" v-model="modelParam.basicData.qccv" />
      </el-form-item>
      <el-form-item label="稀释倍数" prop="xsbs">
        <el-input v-model="modelParam.basicData.xsbs" />
      </el-form-item>
      <el-form-item label="whonet编码" prop="whocode">
        <el-input v-model="modelParam.basicData.whocode" />
      </el-form-item>
      <el-form-item label="Gram" prop="germflag">
        <el-input v-model="modelParam.basicData.germflag" />
      </el-form-item>
      <el-form-item label="英文名称" prop="yymc">
        <el-input v-model="modelParam.basicData.yymc" />
      </el-form-item>
      <el-form-item label="项目ID" prop="xmid">
        <el-input disabled v-model="modelParam.basicData.xmid" />
      </el-form-item>

      <el-form-item label="知识库编码" prop="knowledge">
        <el-input v-model="modelParam.basicData.knowledge" />
      </el-form-item>
      <el-form-item label="小数保留位数" prop="xsws">
        <SelectTable v-model:data="modelParam.basicData.xsws" :fields="xmglFields" :tableData="xswsData" label="label"
          value="value" objKey="value" width="12.5rem" 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="12.5rem" placeholder="" size="small" />
      </el-form-item>
      <el-form-item label="总汇表代号" prop="zhbdh">
        <el-input v-model="modelParam.basicData.zhbdh" />
      </el-form-item>
      <el-form-item label="报告单代号" prop="bgdh">
        <el-input v-model="modelParam.basicData.bgdh" />
      </el-form-item>
      <el-form-item label="价格" prop="jg">
        <el-input type="number" v-model="modelParam.basicData.jg" />
      </el-form-item>
      <el-form-item label="助记符" prop="zjf">
        <el-input v-model="modelParam.basicData.zjf" />
      </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="12.5rem" placeholder="" size="small" />
      </el-form-item>
      <el-form-item label="分组打印组号" prop="fzdyxh">
        <el-input type="number" v-model="modelParam.basicData.fzdyxh" />
      </el-form-item>
      <el-form-item label="细菌项目类别" prop="itemclass">
        <SelectTable v-model:data="modelParam.basicData.itemclass" :fields="xmglFields" :tableData="dictData.ITEMCLASS"
          label="label" value="value" objKey="value" width="12.5rem" placeholder="" size="small" />
      </el-form-item>
      <el-form-item prop="uflag">
        <el-checkbox value="uflag">停用</el-checkbox>
      </el-form-item>
      <span class="text-span">结果参考值计算：</span>
      <el-divider style="margin: .3125rem 0;" />
      <el-form-item label="参考下限" prop="ckxx">
        <el-input v-model="modelParam.basicData.ckxx" @input="updatedyckz" />
      </el-form-item>
      <el-form-item label="参考上限" prop="cksx">
        <el-input v-model="modelParam.basicData.cksx" @input="updatedyckz" />
      </el-form-item>
      <el-form-item label="参考值" prop="dyckz">
        <el-input v-model="modelParam.basicData.dyckz" />
        <el-button type="primary" class="ml5" @click="multiRefClick">多行参考值向导...</el-button>
      </el-form-item>
      <el-form-item label="公式" prop="jsgs">
        <el-input v-model="modelParam.basicData.jsgs" />
        <el-button v-show="modelParam.basicData.jsxm === 'Y'" type="primary" class="ml5"
          @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: .3125rem 0;" />
      <el-form-item label="项目结果不可能大于" prop="sjx" label-width="8.75rem">
        <el-input v-model="modelParam.basicData.sjx" style="width:10rem" />
      </el-form-item>
      <el-form-item label="不可能小于" prop="xjx" label-width="7rem">
        <el-input v-model="modelParam.basicData.xjx" style="width:10rem" />
      </el-form-item>
      <el-form-item label="病人两次检验结果在" prop="jgjg" label-width="8.75rem">
        <el-input v-model="modelParam.basicData.jgjg" style="width:10rem" />
      </el-form-item>
      <!--计算属性-->
      <el-form-item label="天内不可能相差" prop="cp_jgz" label-width="7rem">
        <el-input v-model="modelParam.basicData.cp_jgz" style="width:10rem" />
      </el-form-item>
      <!--报警条件-->
      <span class="text-span">报警条件</span>
      <el-divider style="margin: .3125rem 0;" />
      <el-form-item label="危急值">
        <el-input placeholder="上限极值" v-model="modelParam.basicData.hlimt" /> &nbsp;
        <el-input placeholder="下限极值" v-model="modelParam.basicData.llimit" />
        <el-button type="primary" class="ml5" @click="conditionClick">特定条件</el-button>
      </el-form-item>
      <el-form-item label="复查">
        <el-input placeholder="上限极值" v-model="modelParam.basicData.redoxx" />&nbsp;
        <el-input placeholder="下限极值" v-model="modelParam.basicData.redosx" />
      </el-form-item>
      <span class="text-span">其他参数</span>
      <el-divider style="margin: .3125rem 0;" />
      <el-form-item label="国标编码">
        <SelectTable v-model:data="modelParam.basicData.val1" :fields="xmglFields" :tableData="dictData.GBDM"
          label="label" value="value" objKey="value" width="12.5rem" placeholder="国标编码" size="small" />
      </el-form-item>
      <el-form-item label="外部代码2">
        <el-input v-model="modelParam.basicData.val2" />
      </el-form-item>
      <el-form-item label="外部代码3">
        <el-input v-model="modelParam.basicData.val3" />
      </el-form-item>
      <el-form-item label="外部代码4">
        <el-input v-model="modelParam.basicData.val4" />
      </el-form-item>
      <el-form-item label="外部代码5">
        <el-input v-model="modelParam.basicData.val5" />
      </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';
import { ElMessage } from 'element-plus';

const modelParam = defineModel<any>()

const formRef = ref();

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({
  xmgl: [{ required: true, message: '请输入项目类别', trigger: 'blur' }],
  xmdh: [{ required: true, message: '请输入英文缩写', trigger: 'blur' }],
  xmmc: [{ required: true, message: '请输入项目名称', trigger: 'blur' }],
  yqdl: [{ required: true, message: '请选择仪器大类', trigger: 'change' }],
})

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 = () => {
  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();
  },

});

</script>


<style scoped lang="scss">
.basic_info {
  height: 82vh;
  overflow-y: auto;
}

.form-inline {
  padding: .625rem .625rem 0 .625rem;
  background-color: #f5f7fa;
  height: auto;

  .el-input {
    width: 12.5rem;
  }

  .el-form-item {
    margin-right: 10px;
    margin-bottom: 2px;
  }

  .text-span {
    font-weight: bold;
    font-size: 14px;
    color: #1f6dd3;
    display: block;
  }

  .el-checkbox {
    margin-right: .9375rem;
  }



  :deep(.el-form-item__error) {
    display: none;
  }
}
</style>