lis8.0-vue3/src/views/liswork/work/index.vue

<template>
  <div class="app-container">
    <el-row :gutter="10">
      <el-col :span="13">
        <div class="box-shadow">
          <el-form :model="queryParams" ref="queryRef" :inline="true" :rules="rules" class="compact-form">
            <el-form-item label="样本号：" prop="ybh">
              <el-input v-model="queryParams.ybh" placeholder="样本编号" @keyup.enter="handleQuery" style="width:160px" />
            </el-form-item>
            <el-form-item label="日期：" prop="jyrq">
              <el-date-picker v-model="queryParams.jyrq" type="date" label-width="20px" placeholder="检验日期"
                value-format="YYYY-MM-DD" :clearable="false" @change="fetchlabPatList"
                style="width:140px"></el-date-picker>
            </el-form-item>
            <el-form-item label="部门：" prop="instrGroup">
              <SelectTable v-model:data="queryParams.instrGroup" :fields="instrGroupFields"
                :tableData="instrGroupOptions" label="zdmc" value="zddh" objKey="zddh" :border="true" width="140px"
                placeholder="请选择部门" @getDataValue="handleinstrGroupChange" :clearable="false" />
            </el-form-item>
            <el-form-item label="仪器：" prop="yq">
              <SelectTable v-model:data="queryParams.yq" :fields="yqFields" :tableData="instrOptions" label="yqmc"
                value="yq" objKey="yq" :border="true" width="140px" placeholder="请选择仪器" :clearable="false"
                @getDataValue="yqHandleChange" />
            </el-form-item>
            <!-- <el-form-item>
              <el-icon color="#3c80d9" size="20" style="margin-right: 10px;" class="cp">
                <Search @click="fetchlabPatList" />
              </el-icon>
              <el-icon color="#3c80d9" size="20" class="cp" @click="selectJob(labPat)">
                <Refresh />
              </el-icon>
            </el-form-item> -->
          </el-form>
          <el-row :gutter="5">
            <el-col :span="8">
              <LabPat ref="labPatRef" v-model:labPat="labPat" :labPatKey="queryParams" :labSysList="labInputcolList"
                @getLabList="getLabList" @changeStatus="changeStatus" />
            </el-col>
            <el-col :span="16">
              <LabResult ref="labResultRef" v-model:labPat="labPat" :tableData="labResuts" :tableKey="queryParams"
                :resultSysList="resultConfig" @fetchLabResults="fetchLabResults" @changeStatus="changeStatus"
                @previewHandle="previewHandle" />
            </el-col>
          </el-row>
        </div>
      </el-col>

      <el-col :span="11">
        <div>
          <tabView :tabList="tabList" v-model:activeTab="activeTab" />
          <div class="box-shadow">
            <template v-if="activeTab == 1">
              <div class="flex-between mb10">
                <div>
                  <el-button type="primary" icon="RefreshRight" @click="fetchlabPatList">刷新</el-button>
                  <el-button type="danger" icon="delete" @click="delSampleHd">删除</el-button>
                  <el-button class="btn_green" icon="top" @click="handlePrev">上一个</el-button>
                  <el-button class="btn_green" icon="bottom" @click="handleNext">下一个</el-button>
                  <el-select placeholder="所有" style="width: 150px" class="ml10">
                    <el-option label="option" value="item.value" />
                  </el-select>
                  <el-input clearable @keyup.enter="handleQuery" @clear="handleQuery" style="width:100px" />
                </div>
                <div>
                  <el-checkbox v-model="lbFlag"> 列表翻页 </el-checkbox>
                </div>
              </div>
              <LabPatList ref="labPatListRef" :labPatList="labPatList" :loading="loading" @select="selectJob"
                :tableKey="queryParams" :dictData="dictData" @search="searchJobs" />

              <div class="button-group">
                <div class="text1">样本总数：<span>{{ ybs }}</span></div>
                <div class="text2">未审：<span>{{ ws }}</span></div>
                <div class="text3">危：<span>{{ wjs }}</span></div>
              </div>

            </template>
            <!-- 历史对照 -->
            <template v-if="activeTab == 2">
              <History :queryParams="queryParams" />
            </template>
            <!-- 其他结果 -->
            <template v-if="activeTab == 3">
              <Others :queryParams="queryParams" :dictData="dictData" :instrOptions="instrOptions" />
            </template>
            <!-- 结果复查 -->
            <template v-if="activeTab == 4">
              <Reexamination :queryParams="queryParams" />
            </template>
            <!-- 收费信息 -->
            <template v-if="activeTab == 5">
              <Charge :queryParams="queryParams" :dictData="dictData" />
            </template>
            <!-- 组合项目 -->
            <template v-if="activeTab == 6">
              <Combination :queryParams="queryParams" />
            </template>
            <!-- 临床意义 -->
            <template v-if="activeTab == 7">
              <Clinical :queryParams="queryParams" />
            </template>
            <!-- 样本流转 -->
            <template v-if="activeTab == 8">
              <Sample :queryParams="queryParams" :dictData="dictData" />
            </template>
            <!-- 结果图形 -->
            <template v-if="activeTab == 9">
              <ResultGraph :queryParams="queryParams" />
            </template>
          </div>
        </div>
      </el-col>
    </el-row>

    <el-dialog v-model="previewShow" title="预览" width="90vw" :close-on-click-modal="false">
      <iFrame v-if="pdfUrl" :src="pdfUrl" />
    </el-dialog>
  </div>
</template>

<script setup lang="ts">
import { ref, nextTick, onMounted, toRaw } from 'vue';
import LabPat from './components/labpat.vue';
import SelectTable from '@/components/SelectTable/index.vue';
import tabView from '@/components/tabViews/index.vue';
// @ts-ignore
import iFrame from "@/components/iFrame/index.vue";
// @ts-ignore
import LabResult from './components/labresult.vue';
import LabPatList from './components/labpatlist.vue';
// @ts-ignore
import { comDict } from '@/utils/dict'
import { queryLabPatList, queryLabResults, loadDefault, queryLabPat, instrdconfig, delSample, getGroupInstrdList } from "@/api/liswork/work/LisWork";
import { getComDicts, queryComDictListService } from "@/api/liswork/dict/ComDict";
import { ElMessage, ElMessageBox } from "element-plus";
import History from './history/index.vue'
import Others from './others/index.vue'
import Reexamination from './reexamination/index.vue'
import Charge from './charge/index.vue'
import Combination from './combination/index.vue'
import Clinical from './clinical/index.vue'
import Sample from './sample/index.vue'
import ResultGraph from './resultGraph/index.vue'
import { getNextNumber, getPreviousNumber } from "@/utils/getNextNumber";


const previewShow = ref(false);
const lbFlag = ref(false);
const queryParams = ref({
  jyrq: '2025-08-20',
  yq: '46',
  ybh: '1',
  instrGroup: '02',
  problemId: 0,
  days: 1,
})
const ybs = ref(0)
const ws = ref(0)
const wjs = ref(0)
const activeTab = ref(1)
const tabList = ref([
  { label: '标本列表', value: 1 },
  { label: '结果图形', value: 9 },
  { label: '历史对照', value: 2 },
  { label: '其他结果', value: 3 },
  { label: '结果复查', value: 4 },
  { label: '收费信息', value: 5 },
  { label: '组合项目', value: 6 },
  { label: '临床意义', value: 7 },
  { label: '样本流转', value: 8 },
])
const labPat = ref<any>(
  {
    jyrq: '',
    yq: '',
    ybh: '',
    brly: '',
    jzbz: '0',
    brdh: '',
    brxm: '',
    brxb: '',
    nl: null,
    nldw: '1',
    ksdh: '',
    ch: '',
    sjys: '',
    sqsj: '',
    cyrq: '',
    dysj: '',
    zd: '',
    bz: '',
    yhdh: '',
    hdys: '',
    jgbz: '0',
    yblx: '',
  },
)
const labPatList = ref<Array<{ ybh: string; jgbz: string }>>([]);
const loading = ref(false)
const total = ref(0)

const rules = ref([])
const instrGroupOptions = ref<any[]>([])
const instrOptions = ref<{ yq: string; yqmc: string }[]>([])

const pdfUrl = ref('')
const previewHandle = (url: string) => {
  if (!url) return ElMessage.warning('未查询到文件')
  pdfUrl.value = `data:application/pdf;base64,${url}`
  previewShow.value = true
}
const handleinstrGroupChange = (val: any) => {
  queryParams.value.yq = ''
  // labResuts.value = []
  // labPat.value = {}
  getYqConfig()
}

const yqHandleChange = (val: any) => {
  labResuts.value = []
  labPat.value = {}
  getSysList()
  fetchlabPatList()
}
const instrGroupFields = ref([
  { prop: 'zddh', label: '代号', width: 80, enablePinyinSearch: true },
  { prop: 'zdmc', label: '名称', width: 150, enablePinyinSearch: true },
])

// 部门
const loadinstrGroupOptions = () => {
  getComDicts({ zdlb: 'GROUP' }).then((res: any) => {
    instrGroupOptions.value = res.data
    instrGroupOptions.value.push({ zddh: 'ALL', zdmc: '所有仪器' })
    queryParams.value.instrGroup = '02'
    queryParams.value.yq = '46'
    getYqConfig()
  });
}

const yqFields = ref([
  { prop: 'yq', label: '代号', width: 80, enablePinyinSearch: true },
  { prop: 'yqmc', label: '名称', width: 150, enablePinyinSearch: true },
])
// 仪器
const getYqConfig = () => {
  getGroupInstrdList({ lisgroup: queryParams.value.instrGroup })
    .then((res: any) => {
      if (res.code == 0) {
        instrOptions.value = res.data.map((item: any) => ({
          yq: item.yq.trim(),
          yqmc: item.yqmc
        }))
      }
    })
}

const highlightRowIndex = ref(-1)
const labPatListRef = ref()
//样本列表点击切换样本信息,同步载入左边样本信息表单和中间结果表单
const selectJob = (job: any) => {
  lastRow.value = job;
  // 复制选中的job数据到当前编辑状态
  // Object.assign(labPat.value, {...job})
  queryParams.value.jyrq = job.jyrq;
  queryParams.value.yq = job.yq.trim();
  queryParams.value.ybh = job.ybh;
  fetchLabResults();
  fetchLabPat();
  highlightRowIndex.value = labPatList.value.findIndex((item: any) => item.ybh == queryParams.value.ybh);
}
const labResuts = ref([])
//载入样本结果表单(中间labresult.vue组件)
const fetchLabResults = async () => {
  queryLabResults({ jyrq: queryParams.value.jyrq, yq: queryParams.value.yq, ybh: queryParams.value.ybh }).then((response: any) => {
    labResuts.value = response.data;
  })
}

//载入样本编辑表单(左边labpat.vue组件)
const fetchLabPat = () => {
  queryLabPat(queryParams.value).then((response: any) => {
    labPat.value = response.data[0];
  })
}

const lastRow: any = ref({})

const handleQuery = () => {
  if (!labPatList.value.length) return
  // fetchlabPatList()
  if (!queryParams.value.ybh) {
    highlightRowIndex.value = -1;
    ElMessage.warning('请输入样本编号')
    queryParams.value.ybh = lastRow.value.ybh
    return;
  }
  queryParams.value = { ...queryParams.value };
  // 查找匹配的行
  const matchedIndex = labPatList.value.findIndex((item: any) => item.ybh == queryParams.value.ybh);
  const row = labPatList.value[matchedIndex]

  if (matchedIndex !== -1) {
    highlightRowIndex.value = matchedIndex;
    // 等待DOM更新后滚动到目标行
    nextTick(() => {
      labPatListRef.value.setCurrentRow(row);
    });
    selectJob(row);
  } else {
    handleCreate()
    highlightRowIndex.value = -1;
  }

}

// 创建新样本
const handleCreate = () => {
  loadDefault(queryParams.value).then((response: any) => {
    if (response.code == 0) {
      labPat.value = response.data;
      labPat.value.id = `temp_${Date.now()}_${Math.random().toString(36).substr(2, 8)}`;
      labResuts.value = []
      labPatListRef.value?.clearCurrentRow();
    }
  });
}

const getLabList = (data: any) => {
  labPatList.value.push(data)
  setTimeout(() => { handleQuery(); }, 10)
  getTotals()
}

// 删除样本
const delSampleHd = () => {
  if (lastRow.value.jgbz == '2') return ElMessage.warning('标本已审核，不能删除！')
  const data = {
    jyrq: lastRow.value.jyrq,
    yq: lastRow.value.yq.trim(),
    ybh: lastRow.value.ybh,
  }

  ElMessageBox.confirm(
    `确定删除当前${lastRow.value.ybh}号标本？`,
    '提示',
    {
      confirmButtonText: '确定',
      cancelButtonText: '取消',
      type: 'warning',
    }
  )
    .then(() => {
      delSample(data).then((res: any) => {
        if (res.code == 0) {
          ElMessage.success('删除成功')
          labPatList.value = labPatList.value.filter((item: any) => item.ybh != lastRow.value.ybh)
          getTotals()
          // 删除跳下一个样本
          handleNext()
        }
      })
    })
    .catch(() => {

    })
}
// 上一个样本
const handlePrev = () => {
  if (!lbFlag.value) {
    const ybh = getPreviousNumber(queryParams.value.ybh) as string;
    queryParams.value.ybh = ybh;
    const index = labPatList.value.findIndex((item: any) => item.ybh == ybh)
    if (index !== -1) {
      highlightRowIndex.value = index;
      const row = labPatList.value[index];
      labPatListRef.value.setCurrentRow(row);
      selectJob(row);
    } else {
      handleCreate();
    }
  } else {
    if (highlightRowIndex.value > 0) {
      highlightRowIndex.value--;
      const row = labPatList.value[highlightRowIndex.value];
      labPatListRef.value.setCurrentRow(row);
      selectJob(row);
    }
  }

}

// 下一个样本
const handleNext = () => {
  if (!lbFlag.value) {
    const ybh = getNextNumber(queryParams.value.ybh) as string;
    queryParams.value.ybh = ybh;
    const index = labPatList.value.findIndex((item: any) => item.ybh == ybh)
    if (index !== -1) {
      highlightRowIndex.value = index;
      const row = labPatList.value[index];
      labPatListRef.value.setCurrentRow(row);
      selectJob(row);
    } else {
      handleCreate();
    }
  } else {
    if (highlightRowIndex.value < labPatList.value.length - 1) {
      highlightRowIndex.value++;
      const row = labPatList.value[highlightRowIndex.value];
      labPatListRef.value.setCurrentRow(row);
      selectJob(row);
    } else {
      queryParams.value.ybh = getNextNumber(queryParams.value.ybh) as string;
      handleCreate();
    }
  }

}


// 改变样本列表中样本状态
const changeStatus = (updatedPat: any, flag: boolean) => {
  console.log('flag==>', flag, updatedPat);
  queryLabPat(queryParams.value).then((response: any) => {
    if (response.code == 0) {
      labPat.value = response.data[0];
      const index = labPatList.value.findIndex((item: any) => item.ybh == updatedPat.ybh);
      if (index !== -1) {
        labPatList.value = labPatList.value.map((item, i) =>
          i === index ? { ...labPat.value } : item
        );
        highlightRowIndex.value = index;

        nextTick(() => {
          labPatListRef.value.setCurrentRow(labPat.value);
        });
        // selectJob(labPat.value);
        // 条码号输入后操作
        if (flag) {
          setTimeout(() => { handleNext() }, 10)
        }
      }
    }
  });
};
//样本列表检索时刷新列表信息
const searchJobs = async (text: string, page: number, size: number) => {
  fetchlabPatList()
}

//载入样本列表(右边labpatlist.vue组件)
const fetchlabPatList = () => {
  if (!queryParams.value.jyrq) {
    queryParams.value.jyrq = lastRow.value.jyrq
    return ElMessage.warning('请选择检验日期')
  }
  loading.value = true;
  queryLabPatList(queryParams.value).then((res: any) => {
    if (res.code == 0) {
      labPatList.value = res.data;
      loading.value = false;
      if (res.data.length > 0) {
        highlightRowIndex.value = 0;
        labPat.value = res.data[0];
        setTimeout(() => { labPatListRef.value.setCurrentRow(res.data[0]); }, 100)
        selectJob(res.data[0])
        getTotals()
      } else {
        ybs.value = 0
        ws.value = 0
        wjs.value = 0
      }
    }
  })
}
// 计算样本数
const getTotals = () => {
  ybs.value = labPatList.value.length
  ws.value = labPatList.value.filter((item: any) => item.jgbz != 2).length
  wjs.value = labPatList.value.filter((item: any) => item.alarmflag == 1).length
}


loadinstrGroupOptions()
fetchlabPatList()


interface DictData {
  PT?: Array<any>;
  AU?: Array<any>;
  SX?: Array<any>;
  DP?: Array<any>;
  BT?: Array<any>;
  SRD?: Array<any>;
  HOS?: Array<any>;
  ST?: Array<any>;
  [key: string]: any[] | undefined; // 添加索引签名以支持动态访问
}
// 字典数据存储
const dictData = ref<DictData>({});
const labInputcolList = ref([])
const resultConfig = ref([])
// 获取参数配置
const getSysList = () => {
  instrdconfig({ yq: queryParams.value.yq }).then((res: any) => {
    if (res.code == 0) {
      labInputcolList.value = res.data.labInputcolList.filter((item: any) => item.mrts != '年龄单位' || item.mrts != '!')
      resultConfig.value = res.data.ResultConfig
    }
  });
}
getSysList()
onMounted(async () => {
  // 加载病人来源字典
  const dictRefs = await comDict('PT', 'AU', 'SX', 'DP', 'BT', 'SRD', 'HOS', 'ST');

  // 从 ref 中获取实际数据
  dictData.value = {
    PT: toRaw(dictRefs.PT.value) || [],
    AU: toRaw(dictRefs.AU.value) || [],
    SX: toRaw(dictRefs.SX.value) || [],
    DP: toRaw(dictRefs.DP.value) || [],
    BT: toRaw(dictRefs.BT.value) || [],
    SRD: toRaw(dictRefs.SRD.value) || [],
    HOS: toRaw(dictRefs.HOS.value) || [],
    ST: toRaw(dictRefs.ST.value) || [],
  };

});
</script>

<style scoped lang="scss">
.app-container {
  background: #F0F3F8;

}

.box-shadow {
  box-shadow: 2px 2px 4px 0px rgba(206, 217, 234, 0.7);
  border-radius: 12px;
  padding: 10px;
  background-color: #fff;
}

.compact-form {
  border-bottom: 1px solid #E1E9F7;
  margin-bottom: 10px;

  .el-form-item--default {
    margin-bottom: 5px !important;
  }
}

.card-content {
  max-height: 450px;
  /* 设置最大高度 */
  overflow-y: auto;
  /* 超出高度时显示垂直滚动条 */
  padding: 5px;
  /* 保持与卡片默认一致的内边距 */
}



.button-group {
  display: flex;
  justify-content: space-around;
  font-family: SourceHanSansCN, SourceHanSansCN;
  font-weight: 500;
  font-size: 16px;
  color: #28BDBB;
  // margin-top: 20px;



  .text2 {
    color: #1F33FF;
  }

  .text3 {
    color: #FF0000;
  }
}
</style>