路由配置变更

Avue表格i8配置
This commit is contained in:
2025-03-24 16:46:34 +08:00
parent 6d0f85b637
commit 55aac6feb2
12 changed files with 244 additions and 84 deletions

View File

@@ -11,8 +11,10 @@
</template>
<script lang="ts" setup>
import { reactive, onMounted } from 'vue';
import {reactive, onMounted, computed} from 'vue';
import { useRouter } from 'vue-router'
import { useI18n } from 'vue-i18n';
const { locale, t } = useI18n();
const router = useRouter()
// 定义变量内容
@@ -29,23 +31,23 @@ const state = reactive({
delBtn: false,
editBtn: false,
align: 'center',
searchLabelWidth:100,
searchLabelWidth:130,
searchMenuSpan:6,
addBtn:false,
column: [
{ label: '单据编号', prop: 'FBillNo', width: 200,search: true },
{ label: '供应商代码', prop: 'FSupplierId', width: 200,search: true },
{ label: '供应商名称', prop: 'FSupplyName', width: 200,search: true },
{ label: '采购员', prop: 'FPurchaserId', width: 200,search: true },
{ label: '结算方式', prop: 'FSettleModeId', width: 200,search: true },
{ label: '结算币别', prop: 'FSettleCurrId', width: 200,search: true },
{ label: '付款条件', prop: 'FPayConditionId', width: 200,search: true },
{ label: '汇率类型', prop: 'FExchangeTypeId', width: 200 },
{ label: '汇率', prop: 'FExchangeRate', width: 200 },
{ label: '制单人', prop: 'FCreatorId', width: 200,search: true },
{ label: '单据状态', prop: 'FDocumentStatus', width: 200,search: true },
{ label: '采购日期', prop: 'FDate', width: 200,search: true,type: 'datetime', searchSpan: 12,searchRange: true,},
{ label: '备注', prop: 'FRemarks', width: 200 },
{ 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 },
],
},
data: [

View File

@@ -18,10 +18,12 @@
</template>
<script lang="ts" setup>
import {reactive, onMounted,nextTick } from 'vue';
import {reactive, onMounted, nextTick, computed} from 'vue';
import { ArrowRight } from '@element-plus/icons-vue';
import selectedData from './selectedData.vue'
import receipt from './receipt.vue'
import { useI18n } from 'vue-i18n';
const { locale, t } = useI18n();
// 定义变量内容
const state = reactive({
page: {
@@ -39,21 +41,21 @@ const state = reactive({
delBtn: false,
editBtn: false,
align: 'center',
searchLabelWidth: 100,
searchLabelWidth: 130,
searchMenuSpan: 6,
addBtn: false,
column: [
{ label: '物料编码', prop: 'FMaterialId', width: 200, search: true },
{ label: '物料名称', prop: 'FMaterialName', width: 200, search: true },
{ label: '规格型号', prop: 'FModel', width: 200, search: true },
{ label: '采购单位', prop: 'FUnitId', width: 200, search: true },
{ label: '单价', prop: 'FPrice', width: 200 },
{ label: '含税单价', prop: 'FTaxPrice', width: 200 },
{ label: '金额', prop: 'FEntryAmount', width: 200 },
{ label: '价税合计', prop: 'FAllAmount', width: 200 },
{ label: '累计收料数量', prop: 'FReceiveQty', width: 200 },
{ 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.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: computed(() => t('message.list.AccumulatedReceiptQTY')), prop: 'FReceiveQty', width: 200 },
{
label: '交货日期',
label: computed(() => t('message.list.DemondDate')),
prop: 'FDeliveryDate',
width: 200,
search: true,
@@ -62,9 +64,9 @@ const state = reactive({
searchRange: true,
searchLabelWidth: 150,
},
{ label: '税额', prop: 'TaxAmount', width: 200 },
{ label: computed(() => t('message.list.TaxAmount')), prop: 'TaxAmount', width: 200 },
{
label: '供应商承诺交期',
label: computed(() => t('message.list.CommittedDeliveryDate')),
prop: 'FSupDueDate',
width: 200,
search: true,
@@ -74,7 +76,7 @@ const state = reactive({
searchLabelWidth: 150,
},
{
label: '供应商承诺最新交期',
label: computed(() => t('message.list.LatestCommittedDeliveryDate')),
prop: 'FSupDueNewDate',
width: 200,
search: true,
@@ -83,7 +85,7 @@ const state = reactive({
searchRange: true,
searchLabelWidth: 150,
},
{ label: '备注', prop: 'FNote', width: 200 },
{ label: computed(() => t('message.list.Comments2')), prop: 'FNote', width: 200 },
],
},
data: [

View File

@@ -7,8 +7,10 @@
</el-dialog>
</template>
<script setup lang="ts">
import {defineProps, reactive,defineEmits} from 'vue';
import {defineProps, reactive, defineEmits, computed} from 'vue';
const emits = defineEmits(['generateDocuments'])
import { useI18n } from 'vue-i18n';
const { locale, t } = useI18n();
const props = defineProps({
listData:{
type: Array,
@@ -31,21 +33,21 @@ const state = reactive({
delBtn: false,
editBtn: false,
align: 'center',
searchLabelWidth: 100,
searchLabelWidth: 140,
searchMenuSpan: 6,
addBtn: false,
column: [
{ label: '物料编码', prop: 'FMaterialId', width: 200, search: true },
{ label: '物料名称', prop: 'FMaterialName', width: 200, search: true },
{ label: '规格型号', prop: 'FModel', width: 200, search: true },
{ label: '采购单位', prop: 'FUnitId', width: 200, search: true },
{ label: '单价', prop: 'FPrice', width: 200 },
{ label: '含税单价', prop: 'FTaxPrice', width: 200 },
{ label: '金额', prop: 'FEntryAmount', width: 200 },
{ label: '价税合计', prop: 'FAllAmount', width: 200 },
{ label: '累计收料数量', prop: 'FReceiveQty', width: 200 },
{ 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.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: computed(() => t('message.list.AccumulatedReceiptQTY')), prop: 'FReceiveQty', width: 200 },
{
label: '交货日期',
label: computed(() => t('message.list.DemondDate')),
prop: 'FDeliveryDate',
width: 200,
search: true,
@@ -54,9 +56,9 @@ const state = reactive({
searchRange: true,
searchLabelWidth: 150,
},
{ label: '税额', prop: 'TaxAmount', width: 200 },
{ label: computed(() => t('message.list.TaxAmount')), prop: 'TaxAmount', width: 200 },
{
label: '供应商承诺交期',
label: computed(() => t('message.list.CommittedDeliveryDate')),
prop: 'FSupDueDate',
width: 200,
search: true,
@@ -66,7 +68,7 @@ const state = reactive({
searchLabelWidth: 150,
},
{
label: '供应商承诺最新交期',
label: computed(() => t('message.list.LatestCommittedDeliveryDate')),
prop: 'FSupDueNewDate',
width: 200,
search: true,
@@ -75,7 +77,7 @@ const state = reactive({
searchRange: true,
searchLabelWidth: 150,
},
{ label: '备注', prop: 'FNote', width: 200 },
{ label: computed(() => t('message.list.Comments2')), prop: 'FNote', width: 200 },
],
},
});