初次对接

src/views/mssPurchaseOrder/purchaseDetails.vue

@@ -1,7 +1,11 @@
 <template>
 	<div class="system-user-container layout-padding">
 		<el-card class="layout-padding-auto" shadow="hover">
-			<avue-crud ref="crudRef" :data="state.data" :option="state.option" v-model:page="state.page" @selection-change="selectionChange">
+			<avue-crud
+          ref="crudRef"
+          :data="state.data"
+          :option="state.option"
+          @selection-change="selectionChange">
 				<template #menu-left>
 					<div class="menu-left" @click="selectedDataShowFun">
 						<span >已选中 <span style="color: #3edc95; font-size: 18px">{{ state.selectedData.length }}</span> 条数据</span >
@@ -13,7 +17,7 @@
 			</avue-crud>
 		</el-card>
     <selectedData :showes="state.selectedDataShow" :listData="state.selectedData" @generateDocuments="generateDocumentsFun"/>
-    <receipt :showes="state.receiptShow"/>
+<!--    <receipt :showes="state.receiptShow"/>-->
 	</div>
 </template>
 
@@ -23,6 +27,9 @@ import { ArrowRight } from '@element-plus/icons-vue';
 import selectedData from './selectedData.vue'
 import receipt from './receipt.vue'
 import { useI18n } from 'vue-i18n';
+import {listApi} from "/@/api/list";
+import { useRoute } from 'vue-router'
+const route = useRoute()
 const { locale, t } = useI18n();
 // 定义变量内容
 const state = reactive({
@@ -45,29 +52,23 @@ const state = reactive({
 		searchMenuSpan: 6,
 		addBtn: false,
 		column: [
-			{ label: computed(() => t('message.list.MaterialCode')), prop: 'FMaterialId', width: 200, search: true },
-			{ label: computed(() => t('message.list.MaterialName')), prop: 'FMaterialName', width: 200, search: true },
-			{ label: computed(() => t('message.list.Specification')), prop: 'FModel', width: 200, search: true },
+			{ label: computed(() => t('message.list.MaterialCode')), prop: 'materialCode', width: 200, search: true },
+			{ label: computed(() => t('message.list.MaterialName')), prop: 'materialName', width: 200, search: true },
+			{ label: computed(() => t('message.list.Specification')), prop: 'specificationModel', width: 200, search: true },
 			{ label: computed(() => t('message.list.PurchaseUnit')), prop: 'FUnitId', width: 200, search: true },
-			{ label: computed(() => t('message.list.QTY')), prop: 'FPrice', width: 200 },
-			{ label: computed(() => t('message.list.UP')), prop: 'FTaxPrice', width: 200 },
-			{ label: computed(() => t('message.list.TotalAmount')), prop: 'FEntryAmount', width: 200 },
-			{ label: computed(() => t('message.list.TotalAmountTaxInclusive')), prop: 'FAllAmount', width: 200 },
+			{ label: '采购数量', prop: 'qty', width: 200 },
+			{ label: '处理中数量', prop: 'processingQty', width: 200 },
+			{ label: '已发货数量', prop: 'sendedQty', width: 200 },
+			{ label: '未发货数量', prop: 'notSendQty', width: 200 },
+			{ label: '本次发货数量', prop: 'nowSendQty', width: 200 },
+			{ label: computed(() => t('message.list.UP')), prop: 'unitPrice', width: 200 },
+			{ label:'价税合计(含税金额', prop: 'amount1', width: 200 },
+			{ label: computed(() => t('message.list.TotalAmount')), prop: 'amount2', width: 200 },
 			{ label: computed(() => t('message.list.AccumulatedReceiptQTY')), prop: 'FReceiveQty', width: 200 },
-			{
-				label: computed(() => t('message.list.DemondDate')),
-				prop: 'FDeliveryDate',
-				width: 200,
-				search: true,
-				type: 'datetime',
-				searchSpan: 12,
-				searchRange: true,
-				searchLabelWidth: 150,
-			},
-			{ label: computed(() => t('message.list.TaxAmount')), prop: 'TaxAmount', width: 200 },
+			{ label: computed(() => t('message.list.TaxAmount')), prop: 'taxAmount', width: 200 },
 			{
 				label: computed(() => t('message.list.CommittedDeliveryDate')),
-				prop: 'FSupDueDate',
+				prop: 'chengNuoJiaoQi',
 				width: 200,
 				search: true,
 				type: 'datetime',
@@ -77,7 +78,7 @@ const state = reactive({
 			},
 			{
 				label: computed(() => t('message.list.LatestCommittedDeliveryDate')),
-				prop: 'FSupDueNewDate',
+				prop: 'newChengNuoJiaoQi',
 				width: 200,
 				search: true,
 				type: 'datetime',
@@ -85,29 +86,14 @@ const state = reactive({
 				searchRange: true,
 				searchLabelWidth: 150,
 			},
-			{ label: computed(() => t('message.list.Comments2')), prop: 'FNote', width: 200 },
+			{ label: computed(() => t('message.list.Comments2')), prop: 'remark', width: 200 },
 		],
 	},
-	data: [
-		{
-			FMaterialId: '004785',
-			FMaterialName: '我也不知道是什么东西',
-			FModel: '这是什么型号',
-			FUnitId: '美塞斯',
-			FPrice: '10000000$',
-			FTaxPrice: '10000000$',
-			FEntryAmount: '10000000$',
-			FAllAmount: '10000000$',
-      FReceiveQty: '10',
-      FDeliveryDate: '2025/10/31',
-      FSupDueNewDate: '2025/10/31',
-      FSupDueDate: '2025/10/31',
-      TaxAmount: '10000000$',
-		},
-	],
+	data: [],
   selectedData:[],
   selectedDataShow:false,
-  receiptShow:false
+  receiptShow:false,
+  topId:''
 });
 const selectionChange = (list:any) => {
   nextTick( () => {
@@ -119,29 +105,23 @@ const generateDocumentsFun = () => {
   state.receiptShow = !state.receiptShow
 }
 const selectedDataShowFun = () => {
-   // = state.selectionList
   state.selectedDataShow = !state.selectedDataShow
 }
 // 页面加载时
 onMounted(() => {
-  for (let i = 0; i < 9; i++){
-    state.data.push({
-      FMaterialId: '004785' + i,
-      FMaterialName: '我也不知道是什么东西',
-      FModel: '这是什么型号',
-      FUnitId: '美塞斯',
-      FPrice: '10000000$',
-      FTaxPrice: '10000000$',
-      FEntryAmount: '10000000$',
-      FAllAmount: '10000000$',
-      FReceiveQty: '10',
-      FDeliveryDate: '2025/10/31',
-      FSupDueNewDate: '2025/10/31',
-      FSupDueDate: '2025/10/31',
-      TaxAmount: '10000000$',
-    })
-  }
-});
+  state.topId = route.query.topId as string
+  getList()
+})
+const getList = () => {
+  listApi().getPurchaseOrderItemList({
+    fid:state.topId
+  }).then((res:any) => {
+    if(res.resultCode === 0){
+      state.data = res.data
+    }
+  })
+}
+
 </script>
 
 <style lang="scss" scoped>