| | |
| | | const { columns, columnChecks, data, getData, loading, scrollX } = useNaiveTable({ |
| | | api: () => fetchGetRollerSampleDataList(searchParams.value), |
| | | transform: (response: any) => response.data || [], |
| | | columns: () => ([ |
| | | columns: () => |
| | | [ |
| | | { |
| | | key: 'index', |
| | | title: '序号', |
| | |
| | | render: (row: Api.Qa.RollerData) => { |
| | | const qtyBox = Number(row.qty ?? 0) / 50; |
| | | if (!qtyBox) return '-'; |
| | | const v = (Number(row.lvbangVal ?? 0) / 10000) / qtyBox; |
| | | const v = Number(row.lvbangVal ?? 0) / 10000 / qtyBox; |
| | | return v.toFixed(1); |
| | | } |
| | | } |
| | | ] as any) |
| | | ] as any |
| | | }); |
| | | |
| | | async function handleExport() { |
| | |
| | | |
| | | <template> |
| | | <div class="h-full min-h-500px flex-col-stretch gap-16px overflow-hidden lt-sm:overflow-auto"> |
| | | <RollerDataSearch |
| | | v-model:model="searchParams" |
| | | @search="getData" |
| | | /> |
| | | <RollerDataSearch v-model:model="searchParams" @search="getData" /> |
| | | <NCard |
| | | v-if="!showTable" |
| | | title="卷接机分析趋势图" |
| | | :bordered="false" |
| | | size="small" |
| | | class="sm:flex-1-hidden card-wrapper flex flex-col" |
| | | class="flex flex-col card-wrapper sm:flex-1-hidden" |
| | | content-style="flex: 1; min-height: 0; overflow: hidden;" |
| | | > |
| | | <template #header-extra> |
| | |
| | | </template> |
| | | <RollerDataLineChart :data="(data as any)" class="h-full" /> |
| | | </NCard> |
| | | <NCard |
| | | v-else |
| | | title="数据详情" |
| | | :bordered="false" |
| | | size="small" |
| | | class="sm:flex-1-hidden card-wrapper" |
| | | > |
| | | <NCard v-else title="数据详情" :bordered="false" size="small" class="card-wrapper sm:flex-1-hidden"> |
| | | <template #header-extra> |
| | | <TableHeaderOperation |
| | | v-model:columns="columnChecks" |