PC端没有收货单，收货订单也看不出来收了多少货

src/api/eam/item/itemUseRecordMain/index.ts

@@ -0,0 +1,51 @@
+import request from '@/config/axios'
+
+export interface ItemUseRecordMainVO {
+  id: number
+  number: string
+  associatedNumber: string
+  inventoryAction: string
+  available: string
+  concurrencyStamp: number
+}
+
+// 查询备件使用操作主表记录列表
+export const getItemUseRecordMainPage = async (params) => {
+  if (params.isSearch) {
+    delete params.isSearch
+    const data = {...params}
+    return await request.post({ url: '/eam/item-use-record-main/senior', data })
+  } else {
+    return await request.get({ url: `/eam/item-use-record-main/pageForReceipt`, params })
+  }
+}
+
+// 查询备件使用操作主表记录详情
+export const getItemUseRecordMain = async (id: number) => {
+  return await request.get({ url: `/eam/item-use-record-main/get?id=` + id })
+}
+
+// 新增备件使用操作主表记录
+export const createItemUseRecordMain = async (data: ItemUseRecordMainVO) => {
+  return await request.post({ url: `/eam/item-use-record-main/create`, data })
+}
+
+// 修改备件使用操作主表记录
+export const updateItemUseRecordMain = async (data: ItemUseRecordMainVO) => {
+  return await request.put({ url: `/eam/item-use-record-main/update`, data })
+}
+
+// 删除备件使用操作主表记录
+export const deleteItemUseRecordMain = async (id: number) => {
+  return await request.delete({ url: `/eam/item-use-record-main/delete?id=` + id })
+}
+
+// 导出备件使用操作主表记录 Excel
+export const exportItemUseRecordMain = async (params) => {
+  return await request.download({ url: `/eam/item-use-record-main/export-excel`, params })
+}
+
+// 下载用户导入模板
+export const importTemplate = () => {
+  return request.download({ url: '/eam/item-use-record-main/get-import-template' })
+}

src/views/eam/item/itemUseRecordMain/index.vue

@@ -0,0 +1,334 @@
+<template>
+  <ContentWrap>
+    <!-- 搜索工作栏 -->
+    <Search :schema="ItemUseRecordMain.allSchemas.searchSchema" @search="setSearchParams" @reset="setSearchParams" />
+  </ContentWrap>
+
+  <!-- 列表头部 -->
+  <TableHead :HeadButttondata="HeadButttondata" @button-base-click="buttonBaseClick" :routeName="routeName"
+    @updataTableColumns="updataTableColumns" @searchFormClick="searchFormClick"
+    :allSchemas="ItemUseRecordMain.allSchemas" />
+
+  <!-- 列表 -->
+  <ContentWrap>
+    <Table :columns="tableColumns" :data="tableObject.tableList" :loading="tableObject.loading" :pagination="{
+        total: tableObject.total
+      }" v-model:pageSize="tableObject.pageSize" v-model:currentPage="tableObject.currentPage"
+      v-model:sort="tableObject.sort">
+      <template #number="{row}">
+        <el-button type="primary" link @click="openDetail(row, '单据号', row.number)">
+          <span>{{ row.number }}</span>
+        </el-button>
+      </template>
+      <template #action="{ row }">
+        <ButtonBase :Butttondata="butttondata(row)" @button-base-click="buttonTableClick($event,row)" />
+      </template>
+    </Table>
+  </ContentWrap>
+
+  <!-- 表单弹窗：添加/修改 -->
+  <BasicForm ref="formRef" @success="getList" :rules="ItemUseRecordMainRules" :formAllSchemas="ItemUseRecordMain.allSchemas"
+    :tableAllSchemas="ItemInLocationInaccount.allSchemas" :tableFormRules="ItemInLocationInaccountRules" :tableData="tableData"
+    :apiUpdate="ItemUseRecordMainApi.updateItemUseRecordMain" :apiCreate="ItemUseRecordMainApi.createItemUseRecordMain"
+    :isBusiness="true" @handleAddTable="handleAddTable" @handleDeleteTable="handleDeleteTable"
+    @searchTableSuccess="searchTableSuccess" @submitForm="submitForm" />
+
+  <!-- 详情 -->
+  <Detail ref="detailRef" :isBasic="false" :allSchemas="ItemUseRecordMain.allSchemas"
+    :detailAllSchemas="ItemInLocationInaccount.allSchemas" :detailAllSchemasRules="ItemInLocationInaccountRules"
+    :apiCreate="ItemInLocationInaccountApi.createItemInLocationInaccount" :apiUpdate="ItemInLocationInaccountApi.updateItemInLocationInaccount"
+    :apiPage="ItemInLocationInaccountApi.getItemInLocationInaccountPage" :apiDelete="ItemInLocationInaccountApi.deleteItemInLocationInaccount"
+    @searchTableSuccessDetail="searchTableSuccessDetail" 
+    :isShowAddBtn="false"
+    :detailButtonIsShow="true" @detailSubmitForm="detailSubmitForm"/>
+
+  <!-- 导入 -->
+  <ImportForm ref="importFormRef" url="/wms/purchase-main/import" :importTemplateData="importTemplateData"
+    @success="importSuccess" :isShowOut="true" :updateIsDisable="true" :coverIsDisable="true" :mode="2" />
+</template>
+
+<script setup lang="ts">
+  import download from '@/utils/download'
+  import { ItemUseRecordMain, ItemUseRecordMainRules, ItemInLocationInaccount, ItemInLocationInaccountRules } from './itemUseRecordMain.data'
+  import * as ItemUseRecordMainApi from '@/api/eam/item/itemUseRecordMain'
+  import * as ItemInLocationInaccountApi from '@/api/eam/item/itemInLocationInaccount'
+  import * as defaultButtons from '@/utils/disposition/defaultButtons'
+  import TableHead from '@/components/TableHead/src/TableHead.vue'
+  import ImportForm from '@/components/ImportForm/src/ImportForm.vue'
+
+  // 收货订单
+  defineOptions({ name: 'ItemUseRecordMain' })
+
+  const message = useMessage() // 消息弹窗
+  const { t } = useI18n() // 国际化
+  const route = useRoute() // 路由信息
+  const routeName = ref()
+  routeName.value = route.name
+  const tableColumns = ref(ItemUseRecordMain.allSchemas.tableColumns)
+
+  // 字段设置 更新主列表字段
+  const updataTableColumns = (val) => {
+    tableColumns.value = val
+  }
+
+  // 查询页面返回
+  const searchTableSuccess = (formField, searchField, val, formRef, type, row) => {
+    nextTick(async () => {
+      if (type == 'tableForm') {
+        // 明细查询页赋值
+        row[formField] = val[0][searchField]
+        row['itemNumber'] = val[0]['number']
+        row['itemName'] = val[0]['name']
+        // row['uom'] = val[0]['uom']
+        row['isRadeIn'] = val[0]['isRadeIn']
+        row['available'] = val[0]['available']
+      } else {
+        const setV = {}
+        setV[formField] = val[0][searchField]
+        formRef.setValues(setV)
+      }
+    })
+  }
+  // 查询页面返回——详情
+  const searchTableSuccessDetail = (formField, searchField, val, formRef) => {
+    nextTick(async () => {
+      const setV = {}
+      // if(formField == 'itemCode'){
+      //     await ItembasicApi.getItembasicPage({
+      //       code: setV['itemCode']
+      //     }).then(res => {
+      //       setV['uom'] = res.list[0].uom
+      //       setV[formField] = val[0][searchField]
+      //     })
+      //   }
+      formRef.setValues(setV)
+    })
+  }
+
+  // 子表新增的时候选择表格之后需要会显得字段
+  const Echo = []
+  const { tableObject, tableMethods } = useTable({
+    getListApi: ItemUseRecordMainApi.getItemUseRecordMainPage // 分页接口
+  })
+
+  // 获得表格的各种操作
+  const { getList, setSearchParams } = tableMethods
+
+  // 列表头部按钮
+  const HeadButttondata = [
+    // defaultButtons.defaultAddBtn({hasPermi:'item:itemUseRecordMain:create'}), // 新增
+    // defaultButtons.defaultExportBtn(null), // 导出
+    defaultButtons.defaultFreshBtn(null), // 刷新
+    defaultButtons.defaultFilterBtn(null), // 筛选
+    defaultButtons.defaultSetBtn(null), // 设置
+    // {
+    //   label: '自定义扩展按钮',
+    //   name: 'zdy',
+    //   hide: false,
+    //   type: 'primary',
+    //   icon: 'Select',
+    //   color: ''
+    // },
+  ]
+
+  // 头部按钮事件
+  const buttonBaseClick = (val, item) => {
+    if (val == 'add') { // 新增
+      openForm('create')
+    } else if (val == 'import') { // 导入
+      handleImport()
+    } else if (val == 'export') { // 导出
+      handleExport()
+    } else if (val == 'refresh') { // 刷新
+      getList()
+    } else if (val == 'filtrate') { // 筛选
+    } else { // 其他按钮
+      console.log('其他按钮', item)
+    }
+  }
+  
+  // 根据状态返回该按钮是否显示
+  const isShowMainButton = (row, val) => {
+    if (val.indexOf(row.status) > -1) {
+      return false
+    } else {
+      return true
+    }
+  }
+
+  // 列表-操作按钮
+  const butttondata = (row) => {
+    return [
+      // defaultButtons.mainListEditBtn(null), // 编辑
+      // defaultButtons.mainListDeleteBtn(null), // 删除
+    ]
+  }
+
+  // 列表-操作按钮事件
+  const buttonTableClick = async (val, row) => {
+    if (val == 'edit') { // 编辑
+      openForm('update', row)
+    } 
+    else if (val == 'mainOrderCOMPLETE') { // 完成
+      handleCOMPLETE(row.id)
+    }
+    else if (val == 'delete') { // 删除
+      handleDelete(row.id)
+    }
+  }
+
+  /** 添加/修改操作 */
+  const formRef = ref()
+  const openForm = async (type : string, row ?: number) => {
+    tableData.value = [] // 重置明细数据
+    formRef.value.open(type, row)
+  }
+
+  /** 详情操作 */
+  const detailRef = ref()
+  const detailData = ref()
+const openDetail = (row: any, titleName: any, titleValue: any) => {
+    detailData.value = row
+    detailRef.value.openDetail(row, titleName, titleValue, 'basicItemUseRecordMain')
+  }
+
+  /** 删除按钮操作 */
+  const handleDelete = async (id : number) => {
+    try {
+      // 删除的二次确认
+      await message.delConfirm()
+      // 发起删除
+      await ItemUseRecordMainApi.deleteItemUseRecordMain(id)
+      message.success(t('common.delSuccess'))
+      // 刷新列表
+      await getList()
+    } catch { }
+  }
+  
+  /** 完成按钮操作 */
+  const handleCOMPLETE = async (id : number) => {
+    try {
+      // 关闭的二次确认
+      await message.confirm('是否完成所选中数据？')
+      // 发起关闭
+      await ItemUseRecordMainApi.closeItemUseRecordMain(id)
+      message.success(t('完成成功!'))
+      // 刷新列表
+      await getList()
+    } catch { }
+  }
+
+  /** 导出按钮操作 */
+  const exportLoading = ref(false) // 导出的加载中
+  const handleExport = async () => {
+    try {
+      // 导出的二次确认
+      await message.exportConfirm()
+      // 发起导出
+      exportLoading.value = true
+      const data = await ItemUseRecordMainApi.exportItemUseRecordMain(tableObject.params)
+      download.excel(data, '备件申领记录主.xlsx')
+    } catch {
+    } finally {
+      exportLoading.value = false
+    }
+  }
+
+  /**
+    * tableForm方法
+  */
+  const tableFormKeys = {}
+  ItemInLocationInaccount.allSchemas.tableFormColumns.forEach(item => {
+    tableFormKeys[item.field] = item.default ? item.default : ''
+  })
+  const tableData = ref([])
+
+  // 添加明细
+  const handleAddTable = () => {
+    tableData.value.push(JSON.parse(JSON.stringify(tableFormKeys)))
+  }
+  // 删除明细
+  const handleDeleteTable = (item, index) => {
+    tableData.value.splice(index, 1)
+  }
+
+  // 主子数据 提交
+  const submitForm = async (formType, data) => {
+    data.subList = tableData.value // 拼接子表数据参数
+    console.log('主子数据', data)
+    for (let item of data.subList) {
+      console.log('子数据', item)
+      if (!/^(0|[1-9][0-9]{0,8}|1[0-9]{9}|2(0[0-9]{8}|1[0-3][0-9]{7}|14[0-6][0-9]{6}|147[0-3][0-9]{5}|1474[0-7][0-9]{4}|14748[0-2][0-9]{3}|147483[0-5][0-9]{2}|1474836[0-3][0-9]|14748364[0-7]))$/.test(item.serialNumber)) {
+        message.error('订单行0-2147483647的整数')
+        formRef.value.formLoading = false
+        return
+      }
+    }
+
+    try {
+      if (formType === 'create') {
+        await ItemUseRecordMainApi.createItemUseRecordMain(data)
+        message.success(t('common.createSuccess'))
+      } else {
+        await ItemUseRecordMainApi.updateItemUseRecordMain(data)
+        message.success(t('common.updateSuccess'))
+      }
+      formRef.value.dialogVisible = false
+      // 刷新当前列表
+      getList()
+    } finally {
+      formRef.value.formLoading = false
+    }
+  }
+
+  /** 导入 */
+  const importFormRef = ref()
+  const handleImport = () => {
+    importFormRef.value.open()
+  }
+
+  // 导入附件弹窗所需的参数
+  const importTemplateData = reactive({
+    templateUrl: '',
+    templateTitle: '收货订单主导入模版.xlsx'
+  })
+
+  // 导入成功之后
+  const importSuccess = () => {
+    getList()
+  }
+
+  // 筛选提交
+  const searchFormClick = (searchData) => {
+    tableObject.params = {
+      isSearch: true,
+      filters: searchData.filters
+    }
+    getList() // 刷新当前列表
+  }
+  const detailSubmitForm =async (formType, data, formRef) => {
+    if (!/^(0|[1-9][0-9]{0,8}|1[0-9]{9}|2(0[0-9]{8}|1[0-3][0-9]{7}|14[0-6][0-9]{6}|147[0-3][0-9]{5}|1474[0-7][0-9]{4}|14748[0-2][0-9]{3}|147483[0-5][0-9]{2}|1474836[0-3][0-9]|14748364[0-7]))$/.test(data.serialNumber)) {
+      message.error('订单行0-2147483647的整数')
+      return
+    }
+    try {
+      if (formType === 'create') {
+        await ItemInLocationInaccountApi.createItemInLocationInaccount(data)
+        message.success(t('common.createSuccess'))
+      } else {
+        await ItemInLocationInaccountApi.updateItemInLocationInaccount(data)
+        message.success(t('common.updateSuccess'))
+      }
+      formRef.dialogVisible = false
+      // 刷新当前列表
+      detailRef.value.getList()
+    } finally {
+      formRef.formLoading = false
+    }
+  }
+  /** 初始化 **/
+  onMounted(async () => {
+    getList()
+    // importTemplateData.templateUrl = await ItemUseRecordMainApi.importTemplate()
+  })
+</script>

src/views/eam/item/itemUseRecordMain/itemUseRecordMain.data.ts

@@ -0,0 +1,136 @@
+import type { CrudSchema } from '@/hooks/web/useCrudSchemas'
+import { dateFormatter2 } from '@/utils/formatTime'
+import { Item } from '@/views/eam/basic/item/item.data'
+import * as ItemApi from '@/api/eam/basic/item'
+import { validateHanset, validateEmail } from '@/utils/validator'
+const { t } = useI18n() // 国际化
+
+/**
+ * @returns {Array} 备件申请主表
+ */
+export const ItemUseRecordMain = useCrudSchemas(reactive<CrudSchema[]>([
+  {
+    label: '收货单编号',
+    field: 'number',
+    sort: 'custom',
+    isSearch: true,
+    table: {
+      width: 150,
+      fixed: 'left'
+    },
+  },
+  {
+    label: '关联工单',
+    field: 'associatedNumber',
+    sort: 'custom',
+  },
+
+    {
+    label: '库存动作',
+    field: 'inventoryAction',
+    sort: 'custom',
+    dictType: DICT_TYPE.INVENTORY_ACTION,
+    dictClass: 'string',
+    isSearch: false,
+    isTable: true,
+    table: {
+      width: 150
+    },
+    tableForm: {
+      type: 'Select'
+    }
+  },
+  {
+    label: '操作',
+    field: 'action',
+    isDetail: false,
+    isForm: false,
+    table: {
+      width: 200,
+      fixed: 'right'
+    }
+  }
+]))
+
+//表单校验
+export const ItemUseRecordMainRules = reactive({
+  number: [
+    required,
+    { max: 20, message: '请输入收货订单号', trigger: 'blur' },
+  ]
+})
+
+/**
+ * @returns {Array} 备件申请子表
+ */
+export const ItemInLocationInaccount = useCrudSchemas(reactive<CrudSchema[]>([
+  {
+    label: '备件编号',
+    field: 'itemNumber',
+    sort: 'custom',
+    isSearch: true,
+    tableForm: {
+      isInpuFocusShow: true,
+      searchListPlaceholder: '请选择备件编号',
+      searchField: 'number',
+      searchTitle: '备件信息',
+      searchAllSchemas: Item.allSchemas, // 查询弹窗所需类
+      searchPage: ItemApi.getItemPage, // 查询弹窗所需分页方法
+      searchCondition: [{
+        key: 'available',
+        value: 'TRUE',
+        isMainValue: false
+      }
+      ]
+    },
+  },
+  {
+    label: '库位编号',
+    field: 'locationNumber',
+    sort: 'custom',
+    isForm: false,
+    isSearch: true,
+    table: {
+      width: 180,
+    },
+  },
+  {
+    label: '入库类型',
+    field: 'type',
+    sort: 'custom',
+    isSearch: true,
+    dictType: DICT_TYPE.ITEM_OUT_IN_TYPE,
+    dictClass: 'string',
+    form: {
+      component: 'Select'
+    }
+  },
+  {
+    label: '数量',
+    field: 'qty',
+    sort: 'custom',
+    table: {
+      width: 150
+    },
+    form: {
+      component: 'InputNumber',
+      componentProps: {
+        min: 1,
+        precision: 6
+      }
+    },
+    tableForm: {
+      type: 'InputNumber',
+      min: 1,
+      precision: 6
+    }
+  },
+]))
+
+//表单校验
+export const ItemInLocationInaccountRules = reactive({
+  itemNumber: [
+    { required: true, message: '请输入备件编号', trigger: 'blur' },
+  ],
+ 
+})