初次对接
This commit is contained in:
@@ -24,7 +24,6 @@
|
||||
|
||||
<script lang="ts" setup>
|
||||
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';
|
||||
@@ -34,6 +33,7 @@ const props = defineProps({
|
||||
|
||||
})
|
||||
// 定义变量内容
|
||||
JSON.stringify()
|
||||
const state = reactive({
|
||||
page: {
|
||||
total: 1000,
|
||||
@@ -42,28 +42,29 @@ const state = reactive({
|
||||
},
|
||||
option: {
|
||||
index: false,
|
||||
menuWidth: 150,
|
||||
menuWidth: 120,
|
||||
border: true,
|
||||
delBtn: false,
|
||||
editBtn: false,
|
||||
align: 'center',
|
||||
searchLabelWidth:100,
|
||||
searchMenuSpan:6,
|
||||
// searchLabelWidth:100,
|
||||
selection: true,
|
||||
searchMenuSpan:3,
|
||||
addBtn:false,
|
||||
column: [
|
||||
{ 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 },
|
||||
{ label: computed(() => t('message.list.PONumber')), prop: 'fBillNo', width: 150,search: true,searchSpan: 3 },
|
||||
{ label: computed(() => t('message.list.PurchaseDate')), prop: 'fDate', width: 150,search: true,type: 'datetime', searchSpan: 6,searchRange: true,},
|
||||
{ label: '关闭状态', prop: 'hangzhuangtai', width: 150 },
|
||||
{ label: '物料编码', prop: 'wuliaobinama', width: 150 },
|
||||
{ label: '物料名称', prop: 'wuliaomingcheng', width: 150 },
|
||||
{ label: '采购单位', prop: 'caigoudanwei', width: 150 },
|
||||
{ label: '采购数量', prop: 'caigoushuliang', width: 150 },
|
||||
{ label: '交货日期', prop: 'jioahuiriqi', width: 150 },
|
||||
{ label: '业务状态', prop: 'yewuzhuangtai', width: 150,search: true,searchSpan: 3 },
|
||||
{ label: '累计收料数量', prop: 'ljslsl', width: 150 },
|
||||
{ label: '剩余收料数量', prop: 'syslsl', width: 150 },
|
||||
{ label: '供应商承诺交期', prop: 'gyscnjq', width: 150 },
|
||||
{ label: '供应商承诺最新交期', prop: 'gyscnzxjq', width: 150 },
|
||||
],
|
||||
},
|
||||
data: [],
|
||||
@@ -76,17 +77,13 @@ const onLoadFun = (e:any) => {
|
||||
getList()
|
||||
}
|
||||
const searchChange = (params:any, done:any) => {
|
||||
console.log(params)
|
||||
done()
|
||||
if(params.fDate?.length){
|
||||
console.log(11111)
|
||||
}
|
||||
if(params.fDate?.length){}
|
||||
}
|
||||
const resetChange = () => {
|
||||
|
||||
}
|
||||
const toPurchaseDetails = (item:any) => {
|
||||
console.log(item)
|
||||
router.push({
|
||||
path: '/purchaseDetails',
|
||||
query:{
|
||||
@@ -113,6 +110,9 @@ onMounted(() => {
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
:deep(.el-table__cell){
|
||||
padding: 0 !important;
|
||||
}
|
||||
.system-user-container {
|
||||
:deep(.el-card__body) {
|
||||
display: flex;
|
||||
|
||||
@@ -5,14 +5,19 @@
|
||||
ref="crudRef"
|
||||
:data="state.data"
|
||||
:option="state.option"
|
||||
@selection-change="selectionChange">
|
||||
@selection-change="selectionChange"
|
||||
@search-change="searchChange"
|
||||
@search-reset="resetChange"
|
||||
>
|
||||
<template #menu-left>
|
||||
<div class="menu-left" @click="selectedDataShowFun">
|
||||
<span >已选中 <span style="color: #3edc95; font-size: 18px">{{ state.selectedData.length }}</span> 条数据</span >
|
||||
<el-icon>
|
||||
<ArrowRight />
|
||||
</el-icon>
|
||||
</div>
|
||||
<div style="display: flex;">
|
||||
<div class="menu-left">
|
||||
<span >已选中 <span style="color: #3edc95; font-size: 18px">{{ state.selectedData.length }}</span> 条数据</span >
|
||||
</div>
|
||||
<el-button style="margin-left: 16px" type="primary" @click="selectedDataShowFun" >生成送货单</el-button>
|
||||
</div>
|
||||
|
||||
|
||||
</template>
|
||||
</avue-crud>
|
||||
</el-card>
|
||||
@@ -52,41 +57,52 @@ const state = reactive({
|
||||
searchMenuSpan: 6,
|
||||
addBtn: false,
|
||||
column: [
|
||||
{ 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: '采购数量', 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.TaxAmount')), prop: 'taxAmount', width: 200 },
|
||||
{
|
||||
label: computed(() => t('message.list.CommittedDeliveryDate')),
|
||||
prop: 'chengNuoJiaoQi',
|
||||
width: 200,
|
||||
search: true,
|
||||
type: 'datetime',
|
||||
searchSpan: 12,
|
||||
searchRange: true,
|
||||
searchLabelWidth: 150,
|
||||
},
|
||||
{
|
||||
label: computed(() => t('message.list.LatestCommittedDeliveryDate')),
|
||||
prop: 'newChengNuoJiaoQi',
|
||||
width: 200,
|
||||
search: true,
|
||||
type: 'datetime',
|
||||
searchSpan: 12,
|
||||
searchRange: true,
|
||||
searchLabelWidth: 150,
|
||||
},
|
||||
{ label: computed(() => t('message.list.Comments2')), prop: 'remark', width: 200 },
|
||||
{ label: 'PO号', prop: 'fBillNo', width: 150},
|
||||
{ label: computed(() => t('message.list.PurchaseDate')), prop: 'fDate', width: 150,type: 'datetime', searchSpan: 6,searchRange: true,},
|
||||
{ label: '关闭状态', prop: 'hangzhuangtai', width: 150 },
|
||||
{ label: '物料编码', prop: 'wuliaobinama', width: 150 },
|
||||
{ label: '物料名称', prop: 'wuliaomingcheng', width: 150 },
|
||||
{ label: '采购单位', prop: 'caigoudanwei', width: 150 },
|
||||
{ label: '采购数量', prop: 'caigoushuliang', width: 150 },
|
||||
{ label: '交货日期', prop: 'jioahuiriqi', width: 150 },
|
||||
{ label: '业务状态', prop: 'yewuzhuangtai', width: 150},
|
||||
{ label: '累计收料数量', prop: 'ljslsl', width: 150 },
|
||||
{ label: '剩余收料数量', prop: 'syslsl', width: 150 },
|
||||
{ label: '供应商承诺交期', prop: 'gyscnjq', width: 150 },
|
||||
{ label: '供应商承诺最新交期', prop: 'gyscnzxjq', width: 150 },
|
||||
// { label: computed(() => t('message.list.MaterialCode')), prop: 'materialCode', width: 200 },
|
||||
// { label: computed(() => t('message.list.MaterialName')), prop: 'materialName', width: 200 },
|
||||
// { label: computed(() => t('message.list.Specification')), prop: 'specificationModel', width: 200 },
|
||||
// { label: computed(() => t('message.list.PurchaseUnit')), prop: 'FUnitId', 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.TaxAmount')), prop: 'taxAmount', width: 200 },
|
||||
// {
|
||||
// label: computed(() => t('message.list.CommittedDeliveryDate')),
|
||||
// prop: 'chengNuoJiaoQi',
|
||||
// width: 200,
|
||||
// type: 'datetime',
|
||||
// searchSpan: 12,
|
||||
// searchRange: true,
|
||||
// searchLabelWidth: 150,
|
||||
// },
|
||||
// {
|
||||
// label: computed(() => t('message.list.LatestCommittedDeliveryDate')),
|
||||
// prop: 'newChengNuoJiaoQi',
|
||||
// width: 200,
|
||||
// type: 'datetime',
|
||||
// searchSpan: 12,
|
||||
// searchRange: true,
|
||||
// searchLabelWidth: 150,
|
||||
// },
|
||||
// { label: computed(() => t('message.list.Comments2')), prop: 'remark', width: 200 },
|
||||
],
|
||||
},
|
||||
data: [],
|
||||
@@ -100,9 +116,17 @@ const selectionChange = (list:any) => {
|
||||
state.selectedData = JSON.parse(JSON.stringify(list))
|
||||
})
|
||||
|
||||
}
|
||||
const searchChange = (params:any, done:any) => {
|
||||
done()
|
||||
getList()
|
||||
}
|
||||
const resetChange = () => {
|
||||
|
||||
}
|
||||
const generateDocumentsFun = () => {
|
||||
state.receiptShow = !state.receiptShow
|
||||
state.selectedDataShow = false
|
||||
getList()
|
||||
}
|
||||
const selectedDataShowFun = () => {
|
||||
state.selectedDataShow = !state.selectedDataShow
|
||||
@@ -148,7 +172,7 @@ const getList = () => {
|
||||
}
|
||||
|
||||
.menu-left {
|
||||
width: 340px;
|
||||
//width: 340px;
|
||||
height: 40px;
|
||||
background-color: rgba(64, 159, 255, 0.18);
|
||||
border-radius: 8px;
|
||||
|
||||
@@ -24,7 +24,7 @@
|
||||
</template>
|
||||
</avue-crud>
|
||||
<div class="btnList">
|
||||
<el-button type="primary" @click="batchAddInvoiceOrderFun">生成通知单</el-button>
|
||||
<el-button type="primary" @click="batchAddInvoiceOrderFun">确定</el-button>
|
||||
</div>
|
||||
</el-dialog>
|
||||
</template>
|
||||
@@ -65,32 +65,38 @@ const state = reactive({
|
||||
searchMenuSpan: 6,
|
||||
addBtn: false,
|
||||
column: [
|
||||
{ label: computed(() => t('message.list.MaterialCode')), prop: 'materialCode', width: 200 },
|
||||
{ label: computed(() => t('message.list.MaterialName')), prop: 'materialName', width: 200 },
|
||||
{ label: computed(() => t('message.list.Specification')), prop: 'specificationModel', width: 200 },
|
||||
{ label: computed(() => t('message.list.PurchaseUnit')), prop: 'FUnitId', 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,fixed:true },
|
||||
{ label: computed(() => t('message.list.UP')), 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.TaxAmount')), prop: 'taxAmount', width: 200 },
|
||||
{ label: computed(() => t('message.list.CommittedDeliveryDate')), prop: 'chengNuoJiaoQi',
|
||||
width: 200, type: 'datetime', searchSpan: 12, searchRange: true, searchLabelWidth: 150,fixed:true },
|
||||
{
|
||||
label: computed(() => t('message.list.LatestCommittedDeliveryDate')),
|
||||
prop: 'newChengNuoJiaoQi',
|
||||
width: 200,
|
||||
type: 'datetime',
|
||||
searchSpan: 12,
|
||||
searchRange: true,
|
||||
searchLabelWidth: 150,
|
||||
fixed:true
|
||||
},
|
||||
{ label: computed(() => t('message.list.Comments2')), prop: 'remark', width: 200 },
|
||||
{ label: 'PO号', prop: 'materialCode', },
|
||||
{ label: '物料编码', prop: 'materialCode', },
|
||||
{ label: '物料名称', prop: 'materialCode', },
|
||||
{ label: '采购单位', prop: 'materialCode', },
|
||||
{ label: '本次发货数量', prop: 'materialCode', },
|
||||
{ label: '采购数量', prop: 'materialCode', },
|
||||
{ label: '已发货数量', prop: 'materialCode', },
|
||||
// { label: computed(() => t('message.list.MaterialName')), prop: 'materialName', },
|
||||
// { label: computed(() => t('message.list.Specification')), prop: 'specificationModel', },
|
||||
// { label: computed(() => t('message.list.PurchaseUnit')), prop: 'FUnitId', },
|
||||
// { label: '采购数量', prop: 'qty', },
|
||||
// { label: '处理中数量', prop: 'processingQty', },
|
||||
// { label: '已发货数量', prop: 'sendedQty', },
|
||||
// { label: '未发货数量', prop: 'notSendQty', },
|
||||
// { label: '本次发货数量', prop: 'nowSendQty', ,fixed:true },
|
||||
// { label: computed(() => t('message.list.UP')), prop: 'amount1', },
|
||||
// { label: computed(() => t('message.list.TotalAmount')), prop: 'amount2', },
|
||||
// { label: computed(() => t('message.list.AccumulatedReceiptQTY')), prop: 'FReceiveQty', },
|
||||
// { label: computed(() => t('message.list.TaxAmount')), prop: 'taxAmount', },
|
||||
// { label: computed(() => t('message.list.CommittedDeliveryDate')), prop: 'chengNuoJiaoQi',
|
||||
// , type: 'datetime', searchSpan: 12, searchRange: true, searchLabelWidth: 150,fixed:true },
|
||||
// {
|
||||
// label: computed(() => t('message.list.LatestCommittedDeliveryDate')),
|
||||
// prop: 'newChengNuoJiaoQi',
|
||||
// ,
|
||||
// type: 'datetime',
|
||||
// searchSpan: 12,
|
||||
// searchRange: true,
|
||||
// searchLabelWidth: 150,
|
||||
// fixed:true
|
||||
// },
|
||||
// { label: computed(() => t('message.list.Comments2')), prop: 'remark', },
|
||||
],
|
||||
},
|
||||
topId: '',
|
||||
|
||||
Reference in New Issue
Block a user