wms-master.git - Gitblit

<template>
  <div class="task-item-log-page art-full-height">
    <ArtSearchBar
      v-model="searchForm"
      :items="searchItems"
      :showExpand="true"
      @search="handleSearch"
      @reset="handleReset"
    />
 
    <ElCard class="art-table-card">
      <ArtTableHeader v-model:columns="columnChecks" :loading="loading" @refresh="refreshData">
        <template #left>
          <ListExportPrint
            class="inline-flex"
            :preview-visible="previewVisible"
            @update:previewVisible="handlePreviewVisibleChange"
            :report-title="reportTitle"
            :selected-rows="selectedRows"
            :query-params="reportQueryParams"
            :columns="reportColumns"
            :preview-rows="previewRows"
            :preview-meta="previewMeta"
            :total="pagination.total"
            :disabled="loading"
            @export="handleExport"
            @print="handlePrint"
          />
        </template>
      </ArtTableHeader>
 
      <ArtTable
        :loading="loading"
        :data="data"
        :columns="columns"
        :pagination="pagination"
        @selection-change="handleSelectionChange"
        @pagination:size-change="handleSizeChange"
        @pagination:current-change="handleCurrentChange"
      />
    </ElCard>
 
    <TaskItemLogDetailDrawer v-model:visible="detailDrawerVisible" :detail="detailData" />
  </div>
</template>
 
<script setup>
  import { computed, ref } from 'vue'
  import { useUserStore } from '@/store/modules/user'
  import { useTable } from '@/hooks/core/useTable'
  import { usePrintExportPage } from '@/views/system/common/usePrintExportPage'
  import ListExportPrint from '@/components/biz/list-export-print/index.vue'
  import { defaultResponseAdapter } from '@/utils/table/tableUtils'
  import {
    fetchExportTaskItemLogReport,
    fetchGetTaskItemLogDetail,
    fetchGetTaskItemLogMany,
    fetchTaskItemLogPage
  } from '@/api/task-item-log'
  import {
    buildTaskItemLogPageQueryParams,
    buildTaskItemLogPrintRows,
    buildTaskItemLogSearchParams,
    createTaskItemLogSearchState,
    getTaskItemLogPaginationKey,
    getTaskItemLogReportColumns,
    normalizeTaskItemLogRow,
    TASK_ITEM_LOG_REPORT_TITLE
  } from './taskItemLogPage.helpers'
  import { createTaskItemLogTableColumns } from './taskItemLogTable.columns'
  import TaskItemLogDetailDrawer from './modules/task-item-log-detail-drawer.vue'
 
  defineOptions({ name: 'TaskItemLog' })
 
  const userStore = useUserStore()
  const searchForm = ref(createTaskItemLogSearchState())
  const detailDrawerVisible = ref(false)
  const detailData = ref({})
  const selectedRows = ref([])
  const reportTitle = TASK_ITEM_LOG_REPORT_TITLE
  const reportQueryParams = computed(() => buildTaskItemLogSearchParams(searchForm.value))
  const reportColumns = getTaskItemLogReportColumns()
 
  const searchItems = computed(() => [
    {
      label: '关键字',
      key: 'condition',
      type: 'input',
      props: {
        clearable: true,
        placeholder: '请输入物料/任务/单号关键词'
      }
    },
    {
      label: '主单ID',
      key: 'logId',
      type: 'number',
      props: {
        clearable: true,
        placeholder: '请输入主单ID'
      }
    },
    {
      label: '任务ID',
      key: 'taskId',
      type: 'number',
      props: {
        clearable: true,
        placeholder: '请输入任务ID'
      }
    },
    {
      label: '任务明细ID',
      key: 'taskItemId',
      type: 'number',
      props: {
        clearable: true,
        placeholder: '请输入任务明细ID'
      }
    },
    {
      label: '物料ID',
      key: 'matnrId',
      type: 'number',
      props: {
        clearable: true,
        placeholder: '请输入物料ID'
      }
    },
    {
      label: '物料名称',
      key: 'maktx',
      type: 'input',
      props: {
        clearable: true,
        placeholder: '请输入物料名称'
      }
    },
    {
      label: '工单号',
      key: 'platWorkCode',
      type: 'input',
      props: {
        clearable: true,
        placeholder: '请输入工单号'
      }
    },
    {
      label: '客户订单号',
      key: 'platOrderCode',
      type: 'input',
      props: {
        clearable: true,
        placeholder: '请输入客户订单号'
      }
    },
    {
      label: '项目号',
      key: 'projectCode',
      type: 'input',
      props: {
        clearable: true,
        placeholder: '请输入项目号'
      }
    },
    {
      label: '源编码',
      key: 'source',
      type: 'number',
      props: {
        clearable: true,
        placeholder: '请输入源编码'
      }
    },
    {
      label: '源单号',
      key: 'sourceCode',
      type: 'input',
      props: {
        clearable: true,
        placeholder: '请输入源单号'
      }
    },
    {
      label: '源主单ID',
      key: 'sourceId',
      type: 'number',
      props: {
        clearable: true,
        placeholder: '请输入源主单ID'
      }
    },
    {
      label: '物料编码',
      key: 'matnrCode',
      type: 'input',
      props: {
        clearable: true,
        placeholder: '请输入物料编码'
      }
    },
    {
      label: '库存单位',
      key: 'unit',
      type: 'input',
      props: {
        clearable: true,
        placeholder: '请输入库存单位'
      }
    },
    {
      label: '数量',
      key: 'anfme',
      type: 'number',
      props: {
        clearable: true,
        placeholder: '请输入数量'
      }
    },
    {
      label: '库存批次',
      key: 'batch',
      type: 'input',
      props: {
        clearable: true,
        placeholder: '请输入库存批次'
      }
    },
    {
      label: '规格',
      key: 'spec',
      type: 'input',
      props: {
        clearable: true,
        placeholder: '请输入规格'
      }
    },
    {
      label: '型号',
      key: 'model',
      type: 'input',
      props: {
        clearable: true,
        placeholder: '请输入型号'
      }
    },
    {
      label: '字段索引',
      key: 'fieldsIndex',
      type: 'input',
      props: {
        clearable: true,
        placeholder: '请输入字段索引'
      }
    },
    {
      label: '备注',
      key: 'memo',
      type: 'input',
      props: {
        clearable: true,
        placeholder: '请输入备注'
      }
    },
    {
      label: '状态',
      key: 'status',
      type: 'select',
      props: {
        clearable: true,
        placeholder: '请选择状态',
        options: [
          { label: '正常', value: 1 },
          { label: '冻结', value: 0 }
        ]
      }
    },
    {
      label: '开始日期',
      key: 'timeStart',
      type: 'date',
      props: {
        clearable: true,
        valueFormat: 'YYYY-MM-DD',
        type: 'date'
      }
    },
    {
      label: '结束日期',
      key: 'timeEnd',
      type: 'date',
      props: {
        clearable: true,
        valueFormat: 'YYYY-MM-DD',
        type: 'date'
      }
    }
  ])
 
  function openDetail(row) {
    detailDrawerVisible.value = true
    loadDetail(row.id, row)
  }
 
  const {
    columns,
    columnChecks,
    data,
    loading,
    pagination,
    getData,
    replaceSearchParams,
    resetSearchParams,
    handleSizeChange,
    handleCurrentChange,
    refreshData
  } = useTable({
    core: {
      apiFn: fetchTaskItemLogPage,
      apiParams: buildTaskItemLogPageQueryParams(searchForm.value),
      paginationKey: getTaskItemLogPaginationKey(),
      columnsFactory: () => createTaskItemLogTableColumns({ handleView: openDetail })
    },
    transform: {
      dataTransformer: (records) => (Array.isArray(records) ? records.map((item) => normalizeTaskItemLogRow(item)) : [])
    }
  })
 
  const resolvePrintRecords = async (payload) => {
    if (Array.isArray(payload?.ids) && payload.ids.length > 0) {
      return defaultResponseAdapter(await fetchGetTaskItemLogMany(payload.ids)).records
    }
    return defaultResponseAdapter(
      await fetchTaskItemLogPage({
        ...reportQueryParams.value,
        current: 1,
        pageSize: Number(pagination.total) > 0 ? Number(pagination.total) : 20
      })
    ).records
  }
 
  const {
    previewVisible,
    previewRows,
    previewMeta,
    handlePreviewVisibleChange,
    handleExport,
    handlePrint
  } = usePrintExportPage({
    downloadFileName: 'task-item-log.xlsx',
    requestExport: (payload) =>
      fetchExportTaskItemLogReport(payload, {
        headers: {
          Authorization: userStore.accessToken || ''
        }
      }),
    resolvePrintRecords,
    buildPreviewRows: (records) => buildTaskItemLogPrintRows(records),
    buildPreviewMeta: (rows) => ({
      reportTitle,
      reportDate: new Date().toLocaleDateString('zh-CN'),
      printedAt: new Date().toLocaleString('zh-CN', { hour12: false }),
      operator: userStore.getUserInfo?.name || userStore.getUserInfo?.username || '',
      count: rows.length
    })
  })
 
  async function loadDetail(id, fallback) {
    const detail = await fetchGetTaskItemLogDetail(id)
    detailData.value = normalizeTaskItemLogRow({
      ...fallback,
      ...detail
    })
  }
 
  function handleSelectionChange(rows) {
    selectedRows.value = Array.isArray(rows) ? rows : []
  }
 
  function handleSearch(params) {
    replaceSearchParams(buildTaskItemLogSearchParams(params))
    getData()
  }
 
  function handleReset() {
    Object.assign(searchForm.value, createTaskItemLogSearchState())
    resetSearchParams()
  }
</script>