Develop/maxcess-synergy-admin
9
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

初次对接

Browse Source
This commit is contained in:
刘晓鹏
2025-03-27 23:36:30 +08:00
parent 55aac6feb2
commit db1fdc5e18
13 changed files with 515 additions and 267 deletions
Download Patch File Download Diff File Expand all files Collapse all files

124
src/views/mssPurchaseOrder/index.vue
View File

@@ -1,9 +1,21 @@
<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">
<template #menu>
<el-button type="text" icon="el-icon-pie-chart" @click="toPurchaseDetails">查看</el-button>
<avue-crud
ref="crudRef"
:data="state.data"
:option="state.option"
v-model:page="state.page"
v-model:search="state.formData"
@on-load="onLoadFun"
@search-change="searchChange"
@search-reset="resetChange"
>
<template #status>
<div>未发货</div>
</template>
<template #menu="{row}">
<el-button type="text" icon="el-icon-pie-chart" @click="toPurchaseDetails(row)">查看</el-button>
</template>
</avue-crud>
</el-card>
@@ -11,12 +23,16 @@
</template>
<script lang="ts" setup>
import {reactive, onMounted, computed} from 'vue';
import {reactive, onMounted, computed,defineProps} from 'vue';
import { formatTime } from '../../utils/index'
import { useRouter } from 'vue-router'
import { listApi } from '../../api/list/index'
import { useI18n } from 'vue-i18n';
const { locale, t } = useI18n();
const router = useRouter()
const props = defineProps({
})
// 定义变量内容
const state = reactive({
page: {
@@ -31,68 +47,68 @@ const state = reactive({
delBtn: false,
editBtn: false,
align: 'center',
searchLabelWidth:130,
searchLabelWidth:100,
searchMenuSpan:6,
addBtn:false,
column: [
{ label: computed(() => t('message.list.PONumber')), prop: 'FBillNo', width: 200,search: true },
{ label: computed(() => t('message.list.SupplierCode')), prop: 'FSupplierId', width: 200,search: true },
{ label: computed(() => t('message.list.SupplierName')), prop: 'FSupplyName', width: 200,search: true },
{ label: computed(() => t('message.list.Buyer')), prop: 'FPurchaserId', width: 200,search: true },
{ label: computed(() => t('message.list.SettlementMode')), prop: 'FSettleModeId', width: 200,search: true },
{ label: computed(() => t('message.list.Currency')), prop: 'FSettleCurrId', width: 200,search: true },
{ label: computed(() => t('message.list.PaymentTerms')), prop: 'FPayConditionId', width: 200,search: true },
{ label: computed(() => t('message.list.ExchangeRateType')), prop: 'FExchangeTypeId', width: 200 },
{ label: computed(() => t('message.list.ExchangeRate')), prop: 'FExchangeRate', width: 200 },
{ label: computed(() => t('message.list.OrderCreater')), prop: 'FCreatorId', width: 200,search: true },
{ label: computed(() => t('message.list.DocStatus')), prop: 'FDocumentStatus', width: 200,search: true },
{ label: computed(() => t('message.list.PurchaseDate')), prop: 'FDate', width: 200,search: true,type: 'datetime', searchSpan: 12,searchRange: true,},
{ label: computed(() => t('message.list.Comments')), prop: 'FRemarks', width: 200 },
{ label: computed(() => t('message.list.PONumber')), prop: 'fBillNo', width: 200,search: true },
{ label: computed(() => t('message.list.SupplierCode')), prop: 'supplierId', width: 200 },
{ label: computed(() => t('message.list.SupplierName')), prop: 'supplierName', width: 200 },
{ label: computed(() => t('message.list.Buyer')), prop: 'purchaser', width: 200 },
{ label: computed(() => t('message.list.SettlementMode')), prop: 'paymentMethod', width: 200,search: true },
{ label: computed(() => t('message.list.Currency')), prop: 'settlementCcurrency', width: 200,search: true },
{ label: computed(() => t('message.list.PaymentTerms')), prop: 'paymentTerms', width: 200 },
{ label: computed(() => t('message.list.ExchangeRateType')), prop: 'exchangeRateType', width: 200,search: true },
{ label: computed(() => t('message.list.ExchangeRate')), prop: 'exchangeRate', width: 200 },
{ label: computed(() => t('message.list.OrderCreater')), prop: 'creater', width: 200 },
{ label: computed(() => t('message.list.DocStatus')), prop: 'status', width: 200,search: true,type: 'select'},
{ label: computed(() => t('message.list.PurchaseDate')), prop: 'fDate', width: 200,search: true,type: 'datetime', searchSpan: 12,searchRange: true,},
{ label: computed(() => t('message.list.Comments')), prop: 'remark', width: 200 },
],
},
data: [
{
FBillNo: '005828',
FSupplierId: '005828',
FSupplyName: '美塞斯',
FPurchaserId: '采购甲',
FSettleModeId: '金砖支付系统结算',
FSettleCurrId: 'RMB',
FPayConditionId: '到付',
FExchangeTypeId: '亚洲汇率',
FExchangeRate: '1:20',
FCreatorId: '制单人甲',
FDocumentStatus: '已验收',
FDate: '2050/10/31',
FRemarks: '数据是假的',
},
],
data: [],
formData:{}
});
const toPurchaseDetails = () => {
const onLoadFun = (e:any) => {
state.page.currentPage = e.currentPage
state.page.pageSize = e.pageSize
getList()
}
const searchChange = (params:any, done:any) => {
console.log(params)
done()
if(params.fDate?.length){
console.log(11111)
}
}
const resetChange = () => {
}
const toPurchaseDetails = (item:any) => {
console.log(item)
router.push({
path: '/purchaseDetails',
query:{
topId:item.fiD
}
})
}
const getList = () => {
listApi().getPageList({
...state.formData,
pageSize:state.page.pageSize,
page:state.page.currentPage,
}).then((res:any) => {
if(res.resultCode === 0){
state.data = res.data.dataList
state.page.total = res.data.total
}
})
}
// 页面加载时
onMounted(() => {
for (let i = 0; i < 9; i++){
state.data.push({
FBillNo: '005828',
FSupplierId: '005828',
FSupplyName: '美塞斯',
FPurchaserId: '采购甲',
FSettleModeId: '金砖支付系统结算',
FSettleCurrId: 'RMB',
FPayConditionId: '到付',
FExchangeTypeId: '亚洲汇率',
FExchangeRate: '1:20',
FCreatorId: '制单人甲',
FDocumentStatus: '已验收',
FDate: '2050/10/31',
FRemarks: '数据是假的',
})
}
getList()
});
</script>