查看质检报告功能

6 months ago · ab9cd239a0
10 changed files with 161 additions and 9 deletions
--- a/src/api/wms/supplierdeliverInspectionDetail/index.ts
+++ b/src/api/wms/supplierdeliverInspectionDetail/index.ts
@ -57,3 +57,7 @@ export const exportSupplierdeliverInspectionDetail = async (params) => {
 export const importTemplate = () => {
  return request.download({ url: '/wms/supplierdeliver-inspection-detail/get-import-template' })
 }
+// 查看质检报告
+export const queryQualityInspection =  (asnNumber:string) => {
+  return  request.get({ url: `/wms/supplierdeliver-request-main/queryQualityInspection?asnNumber=` + asnNumber })
+}
--- a/src/components/Annex/src/Annex.vue
+++ b/src/components/Annex/src/Annex.vue
@ -4,7 +4,7 @@
    <div class="title flex items-center">
      <!-- <div class="title-txt">附件</div> -->
      <UploadFile :isShowFile="false" :isShowTip="false" :fileType="fileType" :title="t('ts.添加附件')" :upData="upData" :limit="10"
-        @update:modelValue="handleAnnexSuccess" v-if="annexData.annexList.length<5"/>
+        @update:modelValue="handleAnnexSuccess" v-if="showAddBtn&&annexData.annexList.length<5"/>
    </div>
    <div class="list">
      <div class="item flex items-start" v-for="(item, index) in annexData.annexList" :key="index">
@ -67,6 +67,10 @@ const props = defineProps({
    type: Boolean,
    required: false
  },
+  showAddBtn: {
+    type: Boolean,
+    required: true
+  },
 })
 // 子传父的时候需要先定义好emit这个方法
 const emit = defineEmits(['handleAnnexSuccess', 'deleteAnnexSuccess','previewAnnexHandle'])
--- a/src/config/axios/service.ts
+++ b/src/config/axios/service.ts
@ -31,7 +31,7 @@ let requestList: any[] = []
 // 是否正在刷新中
 let isRefreshToken = false
 // 请求白名单，无须token的接口
-const whiteList: string[] = ['/login', '/refresh-token']
+const whiteList: string[] = ['/login', '/refresh-token','/queryQualityInspection']

 // 创建axios实例
 const service: AxiosInstance = axios.create({
--- a/src/permission.ts
+++ b/src/permission.ts
@ -21,7 +21,8 @@ const whiteList = [
  '/auth-redirect',
  '/bind',
  '/register',
-  '/oauthLogin/gitee'
+  '/oauthLogin/gitee',
+  '/purchasereceiptReport'
 ]

 // 路由加载前
--- a/src/router/modules/remaining.ts
+++ b/src/router/modules/remaining.ts
@ -244,6 +244,16 @@ const remainingRouter: AppRouteRecordRaw[] = [
      noTagsView: true
    }
  },
+  {
+    path: '/purchasereceiptReport',
+    component: () => import('@/views/wms/purchasereceiptManage/purchasereceipt/purchasereceiptReport/index.vue'),
+    name: 'NoFound',
+    meta: {
+      hidden: true,
+      title: t('ts.查看质检报告'),
+      noTagsView: true
+    }
+  },
  {
    path: '/bpm',
    component: Layout,
--- a/src/utils/disposition/defaultButtons.ts
+++ b/src/utils/disposition/defaultButtons.ts
@ -518,6 +518,17 @@ export function mainListPlanUploadQualityReportBtn(option:any) {
    hasPermi: ''
  })
 }
+export function mainListPlanCheckQualityReportBtn(option:any) {
+  return __defaultBtnOption(option,{
+    label: t(`ts.查看质检报告`).replace('ts.', ''),
+    name: 'mainPlanCheckQualityReport',
+    hide: false,
+    type: 'primary',
+    color: '',
+    link: true, // 文本展现按钮
+    hasPermi: ''
+  })
+}

 // 主列表-计划流程-提交审批按钮
 export function mainListPlanSubBtn(option:any) {
--- a/src/views/wms/purchasereceiptManage/purchasereceipt/purchasereceiptJobMain/index.vue
+++ b/src/views/wms/purchasereceiptManage/purchasereceipt/purchasereceiptJobMain/index.vue
@ -81,6 +81,16 @@
    :isShowReduceButton="false"
    :isShowFooterButtton="false"
  />
+  <el-dialog
+      v-model="showQualityReport"
+      :title="t('质检明细')"
+      width="90%"
+      append-to-body
+      destroy-on-close
+    >
+    <iframe height="600px" width="100%"  :src="qualityReport" frameborder="0"></iframe>
+  </el-dialog>
+

 </template>

@ -219,7 +229,8 @@ const butttondata = (row,$index) => {
      color: '',
      hasPermi: 'wms:purchasereceipt-job-main:close',
      link: true // 文本展现按钮
-    }
+    },
+    defaultButtons.mainListPlanCheckQualityReportBtn({}), // 查看质检报告
  ]
 }

@ -233,8 +244,18 @@ const buttonTableClick = async (val, row) => {
    handleClose(row.masterId)
  } else if (val == 'mainJobAcc') { // 承接
    console.log('列表-操作按钮事件-承接')
+  }else if(val == 'mainPlanCheckQualityReport'){
+    // 查看质检报告
+    checkQualityReport(row)
  }
 }
+// 查看质检报告
+const showQualityReport = ref(false)
+const qualityReport = ref('')
+const checkQualityReport = async (row)=>{
+  showQualityReport.value = true
+  qualityReport.value = `${import.meta.env.VITE_REPORT_URL}/purchasereceiptReport?asnNumber=${row.asnNumber}`
+}

 /** 关闭按钮操作 */
 const handleClose = async (id: number) => {
--- a/src/views/wms/purchasereceiptManage/purchasereceipt/purchasereceiptRecordMain/index.vue
+++ b/src/views/wms/purchasereceiptManage/purchasereceipt/purchasereceiptRecordMain/index.vue
@ -89,6 +89,16 @@
    :isShowReduceButton="false"
    :isShowFooterButtton="false"
  />
+  <el-dialog
+      v-model="showQualityReport"
+      :title="t('质检明细')"
+      width="90%"
+      append-to-body
+      destroy-on-close
+    >
+    <iframe height="600px" width="100%"  :src="qualityReport" frameborder="0"></iframe>
+  </el-dialog>
+

 </template>

@ -162,6 +172,7 @@ const butttondata = (row,$index) => {
  return [
   defaultButtons.mainInspectRequestBtn({hasPermi:'wms:purchasereceipt-record-main:createInspectRequest',hide:row.inspectRequestFlag == "FALSE" }),// 生成到货检验申请
   defaultButtons.mainPutawayRequestBtn({hasPermi:'wms:purchasereceipt-record-main:createPutawayRequest',hide:row.putawayRequestFlag == "FALSE" }),// 生成采购上架申请
+   defaultButtons.mainListPlanCheckQualityReportBtn({}), // 查看质检报告
  ]
 }

@ -171,8 +182,18 @@ const buttonTableClick = async (val, row) => {
    handleCreatePutawayRequest(row.number)
  }else if(val == 'inspectRequest'){//生成到货检验申请
    handleCreateInspectRequest(row.number)
+  }else if(val == 'mainPlanCheckQualityReport'){
+    // 查看质检报告
+    checkQualityReport(row)
  }
 }
+// 查看质检报告
+const showQualityReport = ref(false)
+const qualityReport = ref('')
+const checkQualityReport = async (row)=>{
+  showQualityReport.value = true
+  qualityReport.value = `${import.meta.env.VITE_REPORT_URL}/purchasereceiptReport?asnNumber=${row.asnNumber}`
+}

 /** 生成采购上架申请按钮操作 */
 const handleCreatePutawayRequest = async (number:string) => {
--- a/src/views/wms/purchasereceiptManage/purchasereceipt/purchasereceiptReport/index.vue
+++ b/src/views/wms/purchasereceiptManage/purchasereceipt/purchasereceiptReport/index.vue
@ -0,0 +1,56 @@
+<template>
+           <div style="height:100%;overflow-y: auto;">
+            <ContentWrap >
+            <Annex
+            :annexData="reportAnnex"
+            :showDownload = "false"
+            :showPreview="true"
+            :hiddenDelete = "true"
+            :upData="{
+                tableId:30,
+                tableName:'SupplierdeliverInspectionDetail'
+            }" 
+            :key="99"
+            :showAddBtn="false"
+            />
+        </ContentWrap> 
+
+        <ContentWrap v-if="subDetailTableData.tableList.length>0">
+            <Table 
+                align="center"
+                :columns="subDetailTableData.tableColumns"
+                :data="subDetailTableData.tableList"
+                :loading="false"
+            />
+        </ContentWrap>
+           </div>
+     
+</template>
+<script lang="ts" setup>
+// 查看质检报告
+import {queryQualityInspection} from '@/api/wms/supplierdeliverInspectionDetail'
+import Annex from '@/components/Annex/src/Annex.vue'
+defineOptions({ name: 'purchasereceiptReport' })
+const route = useRoute() // 路由
+const reportAnnex = reactive({
+    annexList: []
+})
+const subDetailTableData = ref({
+    tableList: [],
+    tableColumns: [],
+})
+onMounted(() => {
+    getAnnexList()
+})
+const getAnnexList = async () => {
+    let res = await queryQualityInspection(route.query.asnNumber as string)
+    reportAnnex.annexList =  res.fileList
+    subDetailTableData.value = {
+        tableList: res.inspectionDetailRespVOList,
+        tableColumns:[{"label":"物料代码","field":"itemCode","sort":"custom","isForm":false,"isSearch":true,"form":{"componentProps":{"disabled":true}},"tableForm":{"disabled":true}},{"label":"供应商批次","field":"batch","sort":"custom","isForm":false,"isSearch":true,"form":{"componentProps":{"disabled":true}},"tableForm":{"disabled":true}},{"label":"发货数量","field":"planQty","sort":"custom","isForm":false,"isSearch":true,"form":{"componentProps":{"disabled":true}},"tableForm":{"disabled":true,"type":"InputNumber","min":0,"precision":6}},{"width":150,"label":"计量单位","field":"uom","dictType":"uom","dictClass":"string","isTable":true,"isForm":false,"sort":"custom","table":{"width":150},"tableForm":{"type":"Select","disabled":true},"form":{"componentProps":{"disabled":true}}},{"label":"创建时间","field":"createTime","sort":"custom","isSearch":true,"search":{"component":"DatePicker","componentProps":{"valueFormat":"YYYY-MM-DD HH:mm:ss","type":"daterange","defaultTime":["2000-12-31T16:00:00.000Z","2001-01-01T15:59:59.000Z"]}},"isTableForm":false,"isForm":false}],
+    }
+    console.log('tableColumns',JSON.stringify(subDetailTableData.value.tableColumns))
+}
+</script>
+<style lang="scss" scoped></style>
+
--- a/src/views/wms/purchasereceiptManage/purchasereceipt/purchasereceiptRequestMain/index.vue
+++ b/src/views/wms/purchasereceiptManage/purchasereceipt/purchasereceiptRequestMain/index.vue
@ -54,6 +54,8 @@
    :isBusiness="true"
    @handleAddTable="handleAddTable"
    @handleDeleteTable="handleDeleteTable"
+    :isShowReduceButtonSelection="true"
+    @tableSelectionDelete="tableSelectionDelete"
    @searchTableSuccess="searchTableSuccess"
    @submitForm="submitForm"
    @formFormDateChange="formFormDateChange"
@ -126,7 +128,15 @@
  />
  <!-- 标签打印 -->
  <SearchTable style="width:905px" ref="searchTableRef" @searchTableSuccess="searchTableSuccess1" />
-
+  <el-dialog
+      v-model="showQualityReport"
+      :title="t('质检明细')"
+      width="90%"
+      append-to-body
+      destroy-on-close
+    >
+    <iframe height="600px" width="100%"  :src="qualityReport" frameborder="0"></iframe>
+  </el-dialog>
  
 </template>

@ -354,7 +364,8 @@ const butttondata = (row,$index) => {
    defaultButtons.mainListPointBtn({ hide: isASNShowMainButton(row, ['3','8']) }), // 标签打印
    defaultButtons.mainListHandleBtn({hide:isShowMainButton(row,['3']),hasPermi:'wms:purchasereceipt-request-main:handle'}), // 处理
    defaultButtons.mainListCloseBtn({hide:isShowMainButton(row,['1','2','3','4','6']),hasPermi:'wms:purchasereceipt-request-main:close'}), // 关闭
-  ]
+    defaultButtons.mainListPlanCheckQualityReportBtn({}), // 查看质检报告
+      ]
 }

 // 列表-操作按钮事件
@ -384,9 +395,19 @@ const buttonTableClick = async (val, row) => {
  }else if (val == 'point') {
    // 标签打印
    labelPrint(row)
+  }else if(val == 'mainPlanCheckQualityReport'){
+    // 查看质检报告
+    checkQualityReport(row)
  }
 }

+// 查看质检报告
+const showQualityReport = ref(false)
+const qualityReport = ref('')
+const checkQualityReport = async (row)=>{
+  showQualityReport.value = true
+  qualityReport.value = `${import.meta.env.VITE_REPORT_URL}/purchasereceiptReport?asnNumber=${row.asnNumber}`
+}

 // 生成标签
 const isCreateLabel = ref(false)
@ -680,6 +701,9 @@ const handleAddTable = () => {
 const handleDeleteTable = (item, index) => {
  tableData.value.splice(index, 1)
 }
+const tableSelectionDelete = (selection) => {
+  tableData.value = tableData.value.filter(item => !selection.includes(item))
+}
 const onEnter = async (field,value)=>{
  console.log(field,value)
  getSearchTableData(value,true)