上传质量报告---质检明细

src/components/Detail/src/Detail.vue

@@ -96,16 +96,34 @@
             </template>
           </DetailTable>
         </ContentWrap>
-        <!-- 附件/备注/变更记录 -->
+        <!-- other附件组件:如质检明细 -->
-        <ContentWrap class="w-[100%]" v-show="annexTableData.some(item=>item.label==tabsList[current].label)||tabsList[current].label=='附件'||tabsList[current].label=='备注'||tabsList[current].label=='变更记录'" :style="{height:remarkHeight+'px'}">
+        <div v-for="(annexItem ,index) in annexTableData" :key="index" v-show="annexTableData.some(item=>item.label==tabsList[current].label)"  class="w-[100%]" :style="{height:remarkHeight+'px'}">
-          <!-- 附件组件 -->
+          <ContentWrap class="w-[100%]">
-          <ElScrollbar ref="scrollbar" :style="{height:(remarkHeight-40)+'px'}">
+            <ElScrollbar ref="scrollbar" :style="{height:annexItem.hasSubDetail?'100%':(remarkHeight-40)+'px'}">
-            <Annex v-for="(annexItem ,index) in annexTableData" :key="index" v-show="tabsList[current].label==annexItem.label"
+                <Annex v-show="tabsList[current].label==annexItem.label"
                   :annexData="annexItem"
                   @handleAnnexSuccess="updateAnnexTableHandle"
                   @deleteAnnexSuccess="updateAnnexTableHandle"
                   :upData="{...remarksData.data,tableName:annexItem.tableName}"
                 />
+            </ElScrollbar>
+          </ContentWrap> 
+          {{annexItem.subDetailTableData.tableColumns}}
+           
+          <Table style="border:1px solid red;height:100px"
+            v-if="!isBasic && fromeWhere != 'countPlan'"
+            :columns="annexItem.subDetailTableData.tableColumns"
+            :data="annexItem.subDetailTableData.tableList"
+            :loading="annexItem.subDetailTableData.loading"
+            :pagination="{ total: annexItem.subDetailTableData.tableList.length }"
+            v-model:pageSize="tableObjectRef.pageSize"
+            v-model:currentPage="tableObjectRef.currentPage"
+          />
+        </div>
+        <!-- 附件/备注/变更记录 -->
+        <ContentWrap class="w-[100%]" v-show="tabsList[current].label=='附件'||tabsList[current].label=='备注'||tabsList[current].label=='变更记录'" :style="{height:remarkHeight+'px'}">
+          <!-- 附件组件 -->
+          <ElScrollbar ref="scrollbar" :style="{height:(remarkHeight-40)+'px'}">
             <Annex v-show="tabsList[current].label=='附件'"
                 :annexData="annexData"
                 @handleAnnexSuccess="handleAnnexSuccess"
@@ -392,7 +410,7 @@ const remarkHeight = computed(() => {
 const annexData = reactive({
   annexList: []
 })
-// 其他附件默认数据数组
+// // 其他附件默认数据数组
 const annexTableData = ref<Array<any>>([])
 
 // 备注数据
@@ -416,7 +434,8 @@ const getFileList = async () => {
   }
 }
 // 获取其他附件列表篇
-const getAnnexFileList =  async () => {
+const getAnnexFileList =  async (row:id) => {
+  console.log('getAnnexFileList')
   props.annexTable?.forEach(async (item) => {
     let requstData = {...remarksData.data,tableName: item?.tableName} 
     const annexList = await FileApi.getFileList(requstData)
@@ -427,8 +446,24 @@ const getAnnexFileList =  async () => {
       annexTableData.value.push({
         label: item.label,
         tableName: item?.tableName || '',
-        annexList
+        annexList,
+        hasSubDetail:item.hasSubDetail||false,
+        subDetailTableData:item.subDetailTableData||{}
       })
+      if(item?.subDetailTableData){
+        const { tableObject:subTableObject, tableMethods:subTableMethods } = useTable({
+          getListApi: item.subDetailTableData.getSubList // 分页接口
+        })
+        const {getList:getSubList} = subTableMethods
+        subTableObject.params= {}
+        item.subDetailTableData.queryParams.forEach(queryItem => {
+          subTableObject.params[queryItem.queryField] = row[queryItem.rowField]
+        });
+        await getSubList()
+        item.subDetailTableData.tableList = subTableObject.tableList
+        annexItem.subDetailTableData.tableList
+        console.log('subTableObject',annexTableData.value)
+      }
     }
   })
 }
@@ -444,7 +479,7 @@ const deleteAnnexSuccess = async () => {
 }
 /** 追加的附件 */
 const updateAnnexTableHandle  = () => {
-  getAnnexFileList()
+  getAnnexFileList(detailData.value)
   getChangeRecordList()
 }
 
@@ -526,7 +561,7 @@ const openDetail = async (row: any, titleName: any, titleValue: any, tableName:
       detailData.value = row
       getRemarkList()
       getFileList()
-      getAnnexFileList()
+      getAnnexFileList(row)
       getChangeRecordList()
       // 判断详情按钮是否显示
       let detailButtonFilter: any = []

src/views/wms/purchasereceiptManage/supplierdeliver/supplierdeliverRequestMain/index.vue

@@ -77,7 +77,21 @@
     :annexTable="[{
       label: '质检明细',
       prop: 'uploadFile',
-      tableName:'uploadFile'
+      tableName:'UploadQualityReport',
+      hasSubDetail:true, // 附件中是否展示明细表
+      //明细表数据
+      subDetailTableData:{
+        queryParams:[{
+          queryField:'masterId',
+          rowField:'id'
+        }], // 查询参数
+        getSubList:SupplierdeliverInspectionDetailApi.getSupplierdeliverInspectionDetailPage,//请求接口
+        tableColumns:UploadQualityReport.allSchemas.tableColumns,
+        tableList:[],//表格数据
+        total:1,
+        pageSize:10,
+        currentPage:1,
+      }
     }]"
     :isBasic="false"
     :allSchemas="SupplierdeliverRequestMain.allSchemas"
@@ -125,7 +139,11 @@
     @handleDeleteTable="SupplierdeliverInspectionDetailApi.deleteSupplierdeliverInspectionDetail"
     @submitForm="submitFormUploadQualityReport"
     :isShowReduceButton="true"
-  />
+  >
+    <template #UploadQualityReport>
+      <span>1111</span>
+    </template>
+  </BasicForm>
  
 </template>
 
@@ -429,7 +447,7 @@ const buttonTableClick = async (val, row) => {
     handleClo(row.id)
   } else if (val == 'mainPlanUploadQualityReport') {
     // 上传质量报告
-    handleUploadQualityReport(row.id)
+    handleUploadQualityReport(row)
   }  else if (val == 'mainPlanSub') {
     // 提交审批
     handleSub(row.id)
@@ -573,10 +591,13 @@ const handleOpe = async (id: number) => {
 const ploadQualityReportRef = ref()
 const ploadQualityReportTableData = ref([])
 /** 上传质量报告 */
-const handleUploadQualityReport  = async (id: number) => {
+const handleUploadQualityReport  = async (row) => {
   console.log('UploadQualityReport',UploadQualityReport.allSchemas)
-  // ploadQualityReportRef.value.dialogVisible = true
+  const uploadFile = UploadQualityReport.allSchemas.formSchema.find(item=>item.field=='uploadFile')
-  ploadQualityReportRef.value.open('create', null, null,'上传质量报告')//创建标签页面 createLabel 标题
+  if(uploadFile){
+    uploadFile['componentProps']['upData']['tableId'] = row.id
+  }
+  ploadQualityReportRef.value.open('create', null, {masterId:row.id},'上传质量报告')//创建标签页面 createLabel 标题
   const tableFormKeys  = {}
   UploadQualityReport.allSchemas.tableFormColumns.forEach((item) => {
     tableFormKeys[item.field] = item.default ? item.default : ''
@@ -585,6 +606,7 @@ const handleUploadQualityReport  = async (id: number) => {
 }
 
 const submitFormUploadQualityReport = async (formType, data) => {
+  delete data.number
   data.subList = ploadQualityReportTableData.value // 拼接子表数据参数
   if (formType === 'create') {
     await SupplierdeliverInspectionDetailApi.createSupplierdeliverInspectionDetail(data)

src/views/wms/purchasereceiptManage/supplierdeliver/supplierdeliverRequestMain/supplierdeliverRequestMain.data.ts

@@ -1597,7 +1597,7 @@ export const UploadQualityReport = useCrudSchemas(reactive<CrudSchema[]>([
       componentProps: {
         upData:{
           tableId: '',
-          tableName: ''
+          tableName: 'UploadQualityReport'
         },
         limit:1,
       }