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