路由配置变更
Avue表格i8配置
This commit is contained in:
@@ -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: [
|
||||
|
||||
@@ -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: [
|
||||
|
||||
@@ -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 },
|
||||
],
|
||||
},
|
||||
});
|
||||
|
||||
Reference in New Issue
Block a user