lis8.0-vue3/src/views/liswork/micro/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" :size="aotuSize" :rules="rules"
            class="compact-form">
            <el-row :gutter="5">
              <el-col :span="6">
                <el-form-item label="" prop="ybh">
                  <div class="next_box">
                    <el-button type="primary" class="jt_btn" :size="aotuSize" icon="ArrowUpBold"
                      @click="handlePrev"></el-button>
                    <el-input v-model="queryParams.ybh" placeholder="样本编号" @keyup.enter="handleQuery"
                      style="width:100%" />
                    <el-button type="primary" class="jt_btn" :size="aotuSize" icon="ArrowDownBold"
                      @click="handleNext"></el-button>
                  </div>
                </el-form-item>
              </el-col>
              <el-col :span="6">
                <el-form-item label="日期：" prop="jyrq">
                  <el-date-picker v-model="ybJyrq" type="date" label-width="1.25rem" placeholder="检验日期"
                    value-format="YYYY-MM-DD" :clearable="false" @change="jyrqChange" ref="datePickerRef"
                    style="width:100%" />
                </el-form-item>
              </el-col>
              <el-col :span="6">
                <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="9rem"
                    placeholder="请选择部门" @getDataValue="handleinstrGroupChange" :clearable="false" :size="aotuSize" />
                </el-form-item>
              </el-col>
              <el-col :span="6">
                <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="9rem" placeholder="请选择仪器" :clearable="false"
                    :size="aotuSize" @getDataValue="yqHandleChange" />
                </el-form-item>
              </el-col>

            </el-row>

            <!-- <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"
                :userList="userList" @changeStatus="changeStatus" @batchShow="handleBatchScan" />
            </el-col>
            <el-col :span="16">
              <el-tabs v-model="activeName" type="card" class="demo-tabs">
                <el-tab-pane label="鉴定(终报)结果" name="first">
                  <ZbReport ref="labResultRef" v-model:labPat="labPat" :labPatKey="queryParams"
                    @update:labPatKey="queryParams = $event" :dictData="dictData" :labResutsData="zbLabResuts"
                    :userList="userList" @fetchLabResults="resultsHandle" @changeStatus="changeStatus"
                    @previewHandle="previewHandle" />
                </el-tab-pane>
                <el-tab-pane label="初级和二级报告" name="second">
                  <CbReport v-model:labPat="labPat" :labPatKey="queryParams" @update:labPatKey="queryParams = $event"
                    :instrdComOpt="instrdComOpt" :dictData="dictData" @changeStatus="changeStatus" :userList="userList"
                    @previewHandle="previewHandle" />
                </el-tab-pane>
                <el-tab-pane label="培养基接种" name="third">
                  <Pyj :labPat="labPat" :labPatKey="queryParams" :userList="userList" />
                </el-tab-pane>
                <el-tab-pane label="操作记录" name="fourth">
                  <Record :labPat="labPat" :labPatKey="queryParams" />
                </el-tab-pane>
              </el-tabs>
            </el-col>
          </el-row>
        </div>
      </el-col>

      <el-col :span="11">
        <div>
          <tabView :tabList="tabList" v-model:activeTab="activeTab" />
          <div class="box-shadow right_box">
            <template v-if="activeTab == 'LabPatList'">
              <div class="flex-between">
                <div>
                  <el-button type="primary" :size="aotuSize" icon="RefreshRight" circle
                    @click="fetchlabPatList"></el-button>
                  <el-button type="danger" :size="aotuSize" icon="Delete" circle @click="delSampleHd"></el-button>
                  <el-button class="btn_green" :size="aotuSize" icon="top" circle @click="handlePrev"></el-button>
                  <el-button class="btn_green mr5" :size="aotuSize" icon="bottom" circle
                    @click="handleNext"></el-button>
                  <PatientQueryForm :initial-params="initialParams" @query="handleQueryResult" @reset="handleReset"
                    width="14rem" :size="aotuSize" placeholder="查询条件" :dict-data="dictData" :clearable="true" />
                  <el-input v-model="searchText" clearable :size="aotuSize" @keyup.enter="searchQuery" class="ml10"
                    @clear="clearSearch" style="width: 10rem" />
                </div>
                <div>
                  <el-checkbox v-model="lbFlag" :size="aotuSize"> 列表翻页 </el-checkbox>
                </div>
              </div>
              <div class="radio_box">
                <el-radio-group v-model="queryParams.days" @change="fetchlabPatList" :size="aotuSize">
                  <el-radio :value="-1">所有</el-radio>
                  <el-radio :value="30">近30天</el-radio>
                  <el-radio :value="60">近60天</el-radio>
                  <el-radio :value="90">近90天</el-radio>
                  <el-radio :value="7">近7天</el-radio>
                  <el-radio :value="0">此日
                    <el-icon>
                      <Right />
                    </el-icon>
                  </el-radio>
                </el-radio-group>
                <el-date-picker v-model="queryParams.jyrq" type="date" :size="aotuSize" @change="fetchlabPatList"
                  value-format="YYYY-MM-DD" style="width: 10rem;" />
              </div>
              <LabPatList ref="labPatListRef" :labPatList="labPatList" :loading="loading" @select="selectJob"
                :tableKey="{ ...queryParams, jyrq: ybJyrq }" :dictData="dictData" @search="searchJobs" />

              <div class="button-group">
                <el-pagination v-model:current-page="queryParams.pageNum" v-model:page-size="queryParams.pageSize"
                  :page-sizes="[300, 600, 1000]" :size="aotuSize" background
                  layout="total, sizes, prev, pager, next, jumper" :total="total" @size-change="handleSizeChange"
                  @current-change="handleCurrentChange" />
              </div>
            </template>

            <!-- tab栏 内容 -->
            <component :is="activeTabName" :queryParams="{ ...queryParams, jyrq: ybJyrq }" :dictData="dictData"
              :instrOptions="instrOptions" @fetchResults="fetchLabResults" :tablekey="labPat" />

          </div>
        </div>
      </el-col>
    </el-row>
    <!-- 校验用户 -->
    <CheckUser ref="checkUserRef" @onConfirm="handleCheckUserConfirm" @onCancel="checkUserCancel" />
    <!-- 批量扫码弹窗 -->
    <BatchCode ref="batchRef" v-model:labPat="labPat" :labPatKey="queryParams" :dictData="dictData"
      :totalCount="labPatList.length" @goNext="handleNext" @goPrev="handlePrev" @goLast="handleLast"
      @queryYbh="ybhChangeTb" @changeStatus="changeStatus" />

    <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 './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";
import LabPatList from './labpatlist.vue';
import History from '../components/wswHistory/index.vue'
import OthersResult from '../components/othersResult/index.vue'
import Reexamination from '../components/reexamination/index.vue'
import Charge from '../components/charge/index.vue'
import Combination from '../components/combination/index.vue'
import Clinical from '../components/clinical/index.vue'
import Sample from '../components/sample/index.vue'
import OtherInformation from '../components/otherInformation/index.vue'
import ResultGraph from '../components/resultGraph/index.vue'
import CheckUser from '../work/components/CheckUser.vue';
// 中间部分
import ZbReport from './labresult/zbReport.vue';
import CbReport from './labresult/cbReport.vue';
import Pyj from './labresult/pyj.vue';
import Record from './labresult/record.vue';
// @ts-ignore
import { comDict } from '@/utils/dict'
import { queryLabResults, loadDefault, instrdconfig, delSample, getGroupInstrdList, checkuser, updateLabPat } from "@/api/liswork/work/LisWork";
import { wswsamplelistpage, sampleMedInfo, changepatjyrq, wswsampleinfo } from "@/api/liswork/micro/index";
import { getComDicts, queryComDictListService } from "@/api/liswork/dict/ComDict";
import { ElMessage, ElMessageBox } from "element-plus";
import BatchCode from '../work/components/batchCode.vue';
import { getNextNumber, getPreviousNumber } from "@/utils/getNextNumber";
import { useCommonStore } from '@/store/modules/commonStore';
import { classCom } from '@/utils/classCom';
import PatientQueryForm from '@/components/selectSearch/index.vue'
// @ts-ignore
import { listUser } from '@/api/system/user.js'
import dayjs from 'dayjs'
const aotuSize = classCom.useAutoSize();
import { initWebSocket, sendWebSocketMessage, closeWebSocket, getWebSocketState } from '@/utils/webSocket';

const previewShow = ref(false);
const lbFlag = ref(false);
const queryParams = ref({
  jyrq: dayjs().format('YYYY-MM-DD'),
  yq: 'PHOENI',
  ybh: '',
  instrGroup: '04',
  problemId: 0,
  days: -1,
  pageSize: 600,
  pageNum: 1,
  yhdh: ''
})


const activeName = ref('first');

const total = ref(0)
const ybs = ref(0)
const ws = ref(0)
const wjs = ref(0)
const activeTab = ref('LabPatList')
const tabList = ref([
  { label: '标本列表', value: 'LabPatList' },
  { label: '结果图形', value: 'ResultGraph' },
  { label: '历史对照', value: 'History' },
  { label: '其他结果', value: 'OthersResult' },
  { label: '结果复查', value: 'Reexamination' },
  { label: '收费信息', value: 'Charge' },
  { label: '组合项目', value: 'Combination' },
  { label: '临床意义', value: 'Clinical' },
  { label: '样本流转', value: 'Sample' },
  { label: '其他信息', value: 'OtherInformation' },
])

const activeTabMap = {
  ResultGraph,
  History,
  OthersResult,
  Reexamination,
  Charge,
  Combination,
  Clinical,
  Sample,
  OtherInformation
}

const activeTabName = computed(() => activeTabMap[activeTab.value as keyof typeof activeTabMap] || 'LabPatList');

const labPat = ref<any>({})
const labPatList = ref<Array<{ ybh: string; jgbz: string }>>([]);
const originalLabPatList = ref([]) //原始数据
const loading = ref(false)
const searchText = ref('')

const rules = ref([])
const instrGroupOptions = ref<any[]>([])
const instrOptions = ref<{ yq: string; yqmc: string }[]>([])
const pdfUrl = ref('')
// 初始查询参数（可选）
const initialParams = {}

// 定义查询参数类型
interface QueryParams {
  brly?: string | number
  jgbz?: string | number
  dybz?: string | number
  alarmflag?: string | number
  jzbz?: string | number
  finish?: string | number
  autojgbz?: string | number
}
const ybJyrq = ref('')

watch(() => labPat.value, (newValue) => {
  queryParams.value.ybh = newValue.ybh;
  ybJyrq.value = newValue.jyrq;
}, { deep: true });

const checkUserRef = ref()
const datePickerRef = ref()
const jyrqChange = (val: string) => {
  datePickerRef.value?.blur();
  ElMessageBox.confirm(
    `确定修改当前样本检验日期？`,
    '提示',
    {
      confirmButtonText: '确定',
      cancelButtonText: '取消',
      type: 'warning',
    }
  ).then(() => {
    if (!queryParams.value.yhdh) {
      checkUserRef.value.open();
    } else {
      updateJyrq()
    }
  }).catch(() => {
    fetchLabPat();
    datePickerRef.value?.blur();
  })

};

const handleCheckUserConfirm = (info: { yhdh: string, mm: string }) => {
  checkuser({ yhdh: info.yhdh, mm: info.mm }).then((response: any) => {
    if (response.code == 0) {
      queryParams.value.yhdh = info.yhdh;
      updateJyrq()
    } else {
      fetchLabPat();
      datePickerRef.value?.blur();
    }
  })
};

const checkUserCancel = () => {
  fetchLabPat();
};

// 更新检验日期
const updateJyrq = () => {
  changepatjyrq({ ...queryParams.value, jyrq: ybJyrq.value }).then((response: any) => {
    if (response.code == 0) {
      ElMessage.success('检验日期修改成功');
      changeStatus(
        {
          jyrq: ybJyrq.value,
          ybh: labPat.value.ybh,
          yq: labPat.value.yq
        }, false
      )
      datePickerRef.value?.blur();
    }
  });
};

// 模糊查询
const searchQuery = () => {
  let filterMhList = [...originalLabPatList.value];

  if (searchText.value) {
    const searchStr = searchText.value.trim().toLowerCase();
    filterMhList = filterMhList.filter((item: any) => {
      // 处理 zjf大写转为小写
      const matchZjf = item.zjf && typeof item.zjf === 'string'
        ? item.zjf.toLowerCase().includes(searchStr)
        : false; const matchBrxm = item.brxm && typeof item.brxm === 'string' && item.brxm.includes(searchStr);
      const matchSqh = item.sqh && typeof item.sqh === 'string' && item.sqh.includes(searchStr);
      return matchZjf || matchBrxm || matchSqh;
    });
  }
  labPatList.value = filterMhList;

  if (filterMhList.length > 0) {
    highlightRowIndex.value = 0;
    const firstRow = filterMhList[0];
    labPatListRef.value.setCurrentRow(firstRow);
    selectJob(firstRow);
  } else {
    labPat.value = {};
    zbLabResuts.value = [];
    highlightRowIndex.value = -1;
  }
};


const clearSearch = () => {
  searchText.value = ''
  searchQuery()
}

// 多条件查询
const handleQueryResult = (params: QueryParams) => {
  // console.log('查询参数:', params);
  // 复制原始列表作为筛选基础
  let filteredList = [...originalLabPatList.value];

  // 遍历所有查询参数，进行筛选
  Object.entries(params).forEach(([key, value]) => {
    filteredList = filteredList.filter((item: any) => {
      if (value == 0) {
        return item[key] == null;
      } else {
        return item[key] == value;
      }
    });
  });

  labPatList.value = filteredList;

  if (filteredList.length > 0) {
    highlightRowIndex.value = 0;
    const firstRow = filteredList[0];
    labPatListRef.value.setCurrentRow(firstRow);
    selectJob(firstRow);
  } else {
    labPat.value = {};
    zbLabResuts.value = [];
    highlightRowIndex.value = -1;
  }
};

// 处理重置
const handleReset = () => {
  labPatList.value = [...originalLabPatList.value];
}
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 = ''
  getYqConfig()
}
const mbStore = useCommonStore();
const yqHandleChange = (val: any) => {
  zbLabResuts.value = [];
  labPat.value = {}
  mbStore.setLxsrList([]);
  getSysList()
  fetchlabPatList()
  sendMessage()
}
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 = '04'
    queryParams.value.yq = 'PHOENI'
    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 resultsHandle = (flag: boolean) => {
  if (flag) {
    fetchLabPat();
  }
  fetchLabResults()
}
const labInfo: any = ref({})
const highlightRowIndex = ref(-1)
const labPatListRef = ref()
//样本列表点击切换样本信息,同步载入左边样本信息表单和中间结果表单
const selectJob = (job: any) => {
  labInfo.value = { ...job }
  lastRow.value = job;
  fetchLabPat();
  fetchLabResults();
  highlightRowIndex.value = labPatList.value.findIndex((item: any) => item.ybh == labInfo.value.ybh);
}
const zbLabResuts = ref([])
//载入样本结果表单(中间labresult.vue组件)
const fetchLabResults = () => {
  sampleMedInfo({ jyrq: labInfo.value.jyrq ? labInfo.value.jyrq : queryParams.value.jyrq, yq: labInfo.value.yq, ybh: labInfo.value.ybh }).then((response: any) => {
    zbLabResuts.value = response.data;
  })
}

//载入样本编辑表单(左边labpat.vue组件)
const fetchLabPat = () => {
  const data = {
    jyrq: labInfo.value.jyrq,
    yq: labInfo.value.yq,
    ybh: labInfo.value.ybh
  }
  wswsampleinfo(data).then((response: any) => {
    labPat.value = response.data;
  })
}

const lastRow: any = ref({})

// 批量扫码ybh同步样本编号
const ybhChangeTb = (val: string) => {
  // console.log('val==>', val);
  labPat.value.ybh = val
  queryParams.value.ybh = val
  handleQuery();
}
const handleQuery = () => {
  if (!labPatList.value.length) return
  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);

  // 查询样本信息是否存在
  wswsampleinfo(queryParams.value).then((response: any) => {
    if (response.data) {
      if (matchedIndex !== -1) {
        highlightRowIndex.value = matchedIndex;
        // 等待DOM更新后滚动到目标行
        nextTick(() => {
          if (activeTab.value == 'LabPatList') {
            labPatListRef.value.setCurrentRow(response.data);
          }
        });
      }
      selectJob(response.data);
    } else {
      handleCreate()
      highlightRowIndex.value = -1;
    }
  })

}

// 创建新样本
const handleCreate = () => {
  ybJyrq.value = ''
  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)}`;
      zbLabResuts.value = [];
      labPatListRef.value?.clearCurrentRow();
      fetchLabResults()
    }
  });
}


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

  ElMessageBox.confirm(
    `确定删除当前${labPat.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 != labPat.value.ybh)
          // 删除跳当前页面下一个样本
          // handleNext()
          if (highlightRowIndex.value > labPatList.value.length - 1) {
            highlightRowIndex.value--;
          }

          const row = labPatList.value[highlightRowIndex.value];
          labPatListRef.value.setCurrentRow(row);
          selectJob(row);
        }
      })
    })
    .catch(() => {

    })
}
// 上一个样本
const handlePrev = () => {
  if (!lbFlag.value) {
    const ybh = getPreviousNumber(labPat.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];
      if (activeTab.value == 'LabPatList') {
        labPatListRef.value.setCurrentRow(row);
      }
      selectJob(row);
    } else {
      handleCreate();
    }
  } else {
    if (highlightRowIndex.value > 0) {
      highlightRowIndex.value--;
      const row = labPatList.value[highlightRowIndex.value];
      if (activeTab.value == 'LabPatList') {
        labPatListRef.value.setCurrentRow(row);
      }
      selectJob(row);
    }
  }

}

// 下一个样本
const handleNext = () => {
  if (!lbFlag.value) {
    const ybh = getNextNumber(labPat.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];
      if (activeTab.value == 'LabPatList') {
        labPatListRef.value.setCurrentRow(row);
      }
      selectJob(row);
    } else {
      handleCreate();
    }
  } else {
    if (highlightRowIndex.value < labPatList.value.length - 1) {
      highlightRowIndex.value++;
      const row = labPatList.value[highlightRowIndex.value];
      if (activeTab.value == 'LabPatList') {
        labPatListRef.value.setCurrentRow(row);
      }
      selectJob(row);
    } else {
      queryParams.value.ybh = labPat.value.ybh;
      handleCreate();
    }
  }
}
// 最后一个样本
const handleLast = () => {
  queryParams.value.ybh = labPatList.value[labPatList.value.length - 1].ybh;
  handleNext();
}
const batchRef = ref()
// 批量扫码
const handleBatchScan = () => {
  batchRef.value.open()
}
// 改变样本列表中样本状态
const changeStatus = (updatedPat: any, flag: boolean) => {
  const data = {
    jyrq: updatedPat.jyrq,
    yq: updatedPat.yq.trim(),
    ybh: updatedPat.ybh,
  }
  wswsampleinfo(data).then((response: any) => {
    if (response.code == 0) {
      labPat.value = response.data;
      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);
        });
        // 条码号输入后操作
        if (flag) {
          setTimeout(() => { handleNext() }, 10)
        } else {
          fetchLabResults()
        }
      } else {
        // 条码号输入后操作
        if (flag) {
          setTimeout(() => { handleNext() }, 10)
        } else {
          fetchLabResults()
        }
        labPatList.value.push(labPat.value)
        setTimeout(() => {
          nextTick(() => {
            labPatListRef.value.setCurrentRow(labPat.value);
          });
        }, 10)
      }
    }
  });
};
//样本列表检索时刷新列表信息
const searchJobs = async (text: string, page: number, size: number) => {
  fetchlabPatList()
}

const handleSizeChange = (size: number) => {
  queryParams.value.pageSize = size
  fetchlabPatList()
}
const handleCurrentChange = (page: number) => {
  queryParams.value.pageNum = page
  fetchlabPatList()
}

//载入样本列表(右边labpatlist.vue组件)
const fetchlabPatList = () => {
  loading.value = true;
  wswsamplelistpage(queryParams.value).then((res: any) => {
    if (res.code == 200) {
      labPatList.value = res.rows;
      originalLabPatList.value = res.rows;
      total.value = res.total;
      loading.value = false;
      if (res.rows.length > 0) {
        highlightRowIndex.value = 0;
        setTimeout(() => { labPatListRef.value.setCurrentRow(res.rows[0]) }, 10)
        selectJob(res.rows[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 instrdComOpt = 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
      instrdComOpt.value = res.data.instrdComOpt
    }
  });
  mbStore.setLxsrList([]);
}
getSysList()

const userList = ref([]);
onMounted(async () => {
  const data = { status: 0, del_flag: 0, pageSize: 1000, pageNum: 1 }
  listUser(data).then((res: any) => {
    userList.value = res.rows;
  });
  // 加载病人来源字典
  const dictRefs = await comDict('PT', 'AU', 'SX', 'DP', 'BT', 'SRD', 'HOS', 'ST', 'germclass', 'GMC');
  // 从 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) || [],
    germclass: toRaw(dictRefs.germclass.value) || [],
    GMC: toRaw(dictRefs.GMC.value) || [],
  };
  // 初始化Socket
  initSocket()
});

const initSocket = () => {
  initWebSocket({
    fullUrl: `ws://47.97.125.165:8904/ws/instr/${mbStore.fingerprint}`,
    // fullUrl: `ws://192.168.1.151:9801/ws/instr/${mbStore.fingerprint}`,
    onOpen: () => {
      console.log('WebSocket连接成功');
    },
    onMessage: (data) => {
      console.log(`收到消息: `, JSON.parse(data));
    },
    onError: (error) => {
      console.log(`连接错误: ${error.type}`);
    },
    onClose: () => {
      console.log('WebSocket连接已关闭');
    },
    reconnectInterval: 3000 // 重连间隔（毫秒）
  });
}



// 页面卸载时清理
onUnmounted(() => {
  closeWebSocket();
});

// 发送消息
const sendMessage = () => {
  const isSuccess = sendWebSocketMessage({ yq: queryParams.value.yq });
  if (isSuccess) {
    console.log(`发送消息`);
  } else {
    console.log('发送失败：连接未建立');
  }
};
</script>

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



:deep(.el-tabs--card>.el-tabs__header) {
  height: 1.875rem !important;
  margin-bottom: 0px;
  font-size: .875rem;

  .el-tabs__item {
    height: 1.875rem !important;
    padding: 0 .625rem;

    &.is-active {
      border-bottom: .125rem solid #409eff !important;
      background-color: #e9f1fb;
    }
  }
}

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

}

.radio_box {
  display: flex;
  align-items: center;
  margin: .125rem 0;

  .el-radio {
    margin-right: .3125rem;
  }
}

.right_box {
  height: calc(90vh - 3.4rem);


}

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

  .el-form-item--default {
    margin-bottom: .3125rem !important;
  }

  .el-form-item--small {
    margin-bottom: .3125rem !important;
  }
}

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



.button-group {
  // display: flex;
  // justify-content: space-around;
  // font-family: SourceHanSansCN, SourceHanSansCN;
  // font-weight: 500;
  // font-size: 1rem;
  // color: #28BDBB;
  width: 100%;
  margin-top: .1875rem;
  text-align: right;


  .text2 {
    color: #1F33FF;
  }

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