路由配置变更

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

@@ -15,10 +15,13 @@
</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';
import selectedData from './selectedData.vue'
const router = useRouter()
// eslint-disable-next-line @typescript-eslint/no-unused-vars
const { locale, t } = useI18n();
// 定义变量内容
const state = reactive({
@@ -34,20 +37,20 @@ const state = reactive({
delBtn: false,
editBtn: false,
align: 'center',
searchLabelWidth:100,
searchLabelWidth:120,
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: 'FStockOrgId', width: 200,search: true },
{ label: '单据类型', prop: 'FBillTypeID', width: 200,search: true },
{ 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.PONumber2')), prop: 'FBillNo', width: 200,search: true },
{ label: computed(() => t('message.list.SupplierCode2')), prop: 'FSupplierId', width: 200,search: true },
{ label: computed(() => t('message.list.SupplierName2')), prop: 'FSupplyName', width: 200,search: true },
{ label: computed(() => t('message.list.Buyer2')), prop: 'FPurchaserId', width: 200,search: true },
{ label: computed(() => t('message.list.ReceiveOrg')), prop: 'FStockOrgId', width: 200,search: true },
{ label: computed(() => t('message.list.BusinessType')), prop: 'FBillTypeID', width: 200,search: true },
{ label: computed(() => t('message.list.OrderCreator')), prop: 'FCreatorId', width: 200,search: true },
{ label: computed(() => t('message.list.DocStatus2')), prop: 'FDocumentStatus', width: 200,search: true },
{ label: computed(() => t('message.list.ReceivingDate')), prop: 'FDate', width: 200,search: true,type: 'datetime', searchSpan: 12,searchRange: true,},
{ label: computed(() => t('message.list.Comments3')), prop: 'FRemarks', width: 200 },
],
},
data: [

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 },
],
},
});

View File

@@ -2,13 +2,6 @@
<div class="system-user-container layout-padding">
<el-card shadow="hover" class="layout-padding-auto">
<div class="system-user-search mb15">
<el-input size="default" placeholder="请输入用户名称" style="max-width: 180px"> </el-input>
<el-button size="default" type="primary" class="ml10">
<el-icon>
<ele-Search />
</el-icon>
查询
</el-button>
<el-button size="default" type="success" class="ml10" @click="onOpenAddUser('add')">
<el-icon>
<ele-FolderAdd />
@@ -20,10 +13,7 @@
<el-table-column type="index" label="序号" width="60" />
<el-table-column prop="userName" label="账户名称" show-overflow-tooltip></el-table-column>
<el-table-column prop="userNickname" label="用户昵称" show-overflow-tooltip></el-table-column>
<el-table-column prop="roleSign" label="关联角色" show-overflow-tooltip></el-table-column>
<el-table-column prop="department" label="部门" show-overflow-tooltip></el-table-column>
<el-table-column prop="phone" label="手机号" show-overflow-tooltip></el-table-column>
<el-table-column prop="email" label="邮箱" show-overflow-tooltip></el-table-column>
<el-table-column prop="status" label="用户状态" show-overflow-tooltip>
<template #default="scope">
<el-tag type="success" v-if="scope.row.status">启用</el-tag>