Newer
Older
IntegratedFront / src / components / Sample / measureRecords.vue
lyg on 1 Nov 1 KB first
<!-- 检定记录 -->
<script lang="ts" setup name="MeasureRecords">
import type { TableColumn } from '@/components/NormalTable/table_interface'

const props = defineProps({
  // 样品id
  sampleId: {
    type: String,
    required: true,
  },
})

// 检定记录
interface SimpleMeasureRecord {
  orderCode: string // 委托单编号
  orderTime: string // 委托单日期
  customerCode: string // 委托人代码
  customerName: string // 委托人名称
  deliverer: string // 送检人
  deliverTime: string // 送检日期
}

// 查询条件
const searchQuery = ref({
  sampleId: '',
  orderId: '',
})

// 表格表头
const columns = ref<TableColumn[]>([
  { text: '委托单编号', value: 'orderCode' },
  { text: '委托单日期', value: 'orderTime' },
  { text: '委托方代码', value: 'customerCode' },
  { text: '委托方名称', value: 'customerName' },
  { text: '送检人', value: 'deliverer' },
  { text: '送检日期', value: 'deliverTime' },
])

// 证书列表
const list = ref<SimpleMeasureRecord[]>([])
const total = ref(0)
// 加载状态
const loading = ref(false)
// 查找证书状态及列表
function fetchData() {
  loading.value = true
  list.value = [
    { orderCode: '1231231212', orderTime: '2022-01-02', customerCode: '20301224', customerName: '203所', deliverer: '张三', deliverTime: '2022-01-02' },
  ]
  loading.value = false
}
fetchData()
</script>

<template>
  <div>
    <normal-table
      :data="list" :total="total" :columns="columns"
      :list-loading="loading"
      :pagination="false"
    />
  </div>
</template>