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

<template>
<!-- 使用仪器 -->
<div>
  <div>
    <span>筛选：</span><input v-model="yq" style="width: 240px;" @change="handInputChange">
  </div>
  <!-- <CustomTable ref="tableRef" :data="yqList" :columns="columns" :enable-column-drag="true" @column-drag-end="handleColumnDragEnd"
        :config="tableConfig"/> -->
</div>
</template>


<script setup lang="ts">
import CustomTable from '@/components/elTable/index.vue'
import { LabInstr } from '@/types';
import { ref } from 'vue'

const props = defineProps({
  // 是否显示
  dataList: {
    type: Array<LabInstr>,
    required: true,
    default: () => []
  }
});

const yq = ref<string>('');
const tableRef = ref<any>(null);
const yqList = ref<Array<LabInstr>>(props.dataList);
const columns = ref([
  { prop: 'xz', label: '选择', visible: true, align: 'center', width: 50,type: 'selection' },
  { prop: 'yq', label: '仪器代号', visible: true, align: 'center', width: 150 },
  { prop: 'yqmc', label: '仪器名称', visible: true, align: 'center', width: 200},
  { prop: 'xs', label: '调整系数', visible: true, align: 'center', width: 100 },
  { prop: 'zkxm', label: '质控', visible: true, align: 'center', width: 100 }
]);
const tableConfig = ref({
  border: true, // 边框
  height: '85vh', // 高度
  highlightCurrentRow: true, // 高亮当前行
  // cellStyle: cellStyleHd
})


//退拽属性
// const handleColumnDragEnd = (data: any) => {
//   // 更新列配置
//   columns.value = data.columns;
// }

const handInputChange = () => {
  // yqList.value = yqList.value.filter(item => {
  //   return item.yq.includes(yq.value) || item.yqmc.includes(yq.value);
  // });
  // if (yq.value === '') {
  //   yqList.value = props.dataList;
  // }
}

onMounted(() =>{

})
</script>