lijingjia 1 week ago
parent c943b5f079
commit ee73d55ef2

@ -36,7 +36,7 @@
:height="tableHeightRef + 35"
:row-config="{ isCurrent: true, isHover: true }"
:column-config="{ resizable: true }"
:scroll-y="{ enabled: true, gt: 0 }"
:scroll-y="{ enabled: true, gt: 15 }"
:scroll-x="{ enabled: true, gt: 0 }"
:sort-config="{ trigger: 'cell', remote: true }"
rowSelection
@ -45,6 +45,7 @@
@cell-dblclick="dbclickVxeRow"
@sort-change="sortChangeEvent"
@resizable-change="resizableChangeEvent"
>
<template #empty>
<div>
@ -106,7 +107,7 @@
</template>
<script lang="ts">
import type { BasicTableProps, TableActionType, SizeType, ColumnChangeParam } from './types/table'
import { defineComponent, ref, computed, unref, toRaw, inject, watchEffect, watch } from 'vue'
import { defineComponent, ref, computed, unref, toRaw, inject, watchEffect, watch, onUnmounted } from 'vue'
import { Table, Pagination } from 'ant-design-vue'
import { BasicForm, useForm } from '/@/components/Form/index'
import { PageWrapperFixedHeightKey } from '/@/components/Page'
@ -458,10 +459,9 @@ export default defineComponent({
})
setColumns(data)
}
//
const initColSet = () => {
}
onUnmounted(() => {
console.log(111111111111111)
})
// vxe
// const filterChangeEvent = ({ filterList }) => {
// console.log(filterList)
@ -492,7 +492,6 @@ export default defineComponent({
dbclickVxeRow,
redoHeight,
fetch,
initColSet,
getFormProps: getFormProps as any,
replaceFormSlotKey,
getFormSlotKeys,

@ -48,6 +48,8 @@
const tabStore = useMultipleTabStore()
const { getOpenKeepAlive } = useRootSetting()
console.log(getOpenKeepAlive.value)
console.log(getShowMultipleTab.value)
const { getBasicTransition, getEnableTransition } = useTransitionSetting()

@ -613,7 +613,7 @@ export const searchFormSchema: FormSchema[] = [
componentProps: ({ formModel }) => {
return {
api: GetSupplierListByCode,
params: { code: 'Booking' },
params: { code: 'isBooking' },
labelField: 'pinYinCode',
showName: 'description',
valueField: 'id',
@ -1006,7 +1006,7 @@ export const formSchema: FormSchema[] = [
componentProps: ({ formModel }) => {
return {
api: GetSupplierListByCode,
params: { code: 'Booking' },
params: { code: 'isBooking' },
labelField: 'pinYinCode',
showName: 'description',
valueField: 'id',

@ -638,7 +638,7 @@ export const searchFormSchema: FormSchema[] = [
componentProps: ({ formModel }) => {
return {
api: GetSupplierListByCode,
params: { code: 'Booking' },
params: { code: 'isBooking' },
labelField: 'pinYinCode',
showName: 'description',
valueField: 'id',
@ -920,7 +920,7 @@ export const viewSearchFormSchema: FormSchema[] = [
componentProps: ({ formModel }) => {
return {
api: GetSupplierListByCode,
params: { code: 'Booking' },
params: { code: 'isBooking' },
labelField: 'pinYinCode',
showName: 'description',
valueField: 'id',
@ -1321,7 +1321,7 @@ export const formSchema: FormSchema[] = [
componentProps: ({ formModel }) => {
return {
api: GetSupplierListByCode,
params: { code: 'Booking' },
params: { code: 'isBooking' },
labelField: 'pinYinCode',
showName: 'description',
valueField: 'id',

@ -42,18 +42,15 @@
</div>
</div>
</template>
<template #bodyCell="{ column, record }">
<template v-if="column.key === 'action'">
<TableAction
:actions="[
{
icon: 'clarity:note-edit-line',
tooltip: '编辑',
onClick: handleEdit.bind(null, record),
}
]"
/>
<template v-slot:tableAction="{ record }">
<a-tooltip placement="top" :mouseEnterDelay="0.5">
<template #title>
<span>编辑</span>
</template>
<a-button type="link" @click="handleEdit(record)">
<span class="iconfont icon-icon_519"></span>
</a-button>
</a-tooltip>
</template>
</BasicTable>
</div>
@ -68,9 +65,11 @@
import { columns, searchFormSchema } from './columns'
import { numberThousandFormat } from '/@/utils/commonUtil'
import { useMessage } from '/@/hooks/web/useMessage'
//
const tbHeight = window.innerHeight - 250
const { createMessage } = useMessage()
const go = useGo()
const [registerTable, { reload, getForm, getSelectRows }] = useTable({
const [registerTable, { reload, getForm, getVxeSelectRows }] = useTable({
title: '',
api: async (p) => {
const res: API.DataResult = await GetList(p)
@ -107,9 +106,11 @@
},
canResize: true,
resizeHeightOffset: 15,
tableComponent: 'vxe',
autoHeight: tbHeight,
immediate: true,
actionColumn: {
width: 80,
width: 60,
title: '操作',
dataIndex: 'action',
fixed: 'right'
@ -117,7 +118,7 @@
})
//
function deleteRow() {
const rows = getSelectRows()
const rows = getVxeSelectRows()
if (rows.length == 0) return createMessage.warning('请勾选要删除的结算申请单!')
const ids = rows.map(item => {
return item.id

@ -302,7 +302,7 @@ export const searchFormSchema: FormSchema[] = [
componentProps: () => {
return {
api: GetSupplierListByCode,
params: { code: 'contract' },
params: { code: 'isContract' },
labelField: 'pinYinCode',
valueField: 'id',
showName: 'shortName',
@ -327,7 +327,7 @@ export const searchFormSchema: FormSchema[] = [
componentProps: () => {
return {
api: GetSupplierListByCode,
params: { code: 'booking' },
params: { code: 'isBooking' },
labelField: 'pinYinCode',
valueField: 'forwarderId',
showName: 'description',

@ -174,7 +174,7 @@
</div>
</template>
<script lang="ts" setup>
<script lang="ts" setup name="海运出口-详情">
import { ref, computed, nextTick, onMounted, onUnmounted, defineAsyncComponent, watch } from 'vue'
import { useAppStore } from '/@/store/modules/app'
import { useMessage } from '/@/hooks/web/useMessage'

@ -276,7 +276,7 @@ export const formSchema: FormSchema[] = [
componentProps: ({ formModel }) => {
return {
api: GetSupplierListByCode,
params: { code: 'truck' },
params: { code: 'isTruck' },
labelField: 'pinYinCode',
valueField: 'shortName',
showName: 'description',

@ -214,7 +214,7 @@ export const basicInfoFormSchema: FormSchema[] = [
componentProps: ({ formModel, formActionType }) => {
return {
api: GetSupplierListByCode,
params: { code: 'contract' },
params: { code: 'isContract' },
labelField: 'pinYinCode',
valueField: 'shortName',
showName: 'shortName',
@ -327,7 +327,7 @@ export const basicInfoFormSchema: FormSchema[] = [
componentProps: ({ formModel }) => {
return {
api: GetSupplierListByCode,
params: { code: 'booking' },
params: { code: 'isBooking' },
labelField: 'pinYinCode',
valueField: 'shortName',
showName: 'description',
@ -2748,7 +2748,7 @@ export const otherInfoFormSchema: FormSchema[] = [
componentProps: ({ formModel }) => {
return {
api: GetSupplierListByCode,
params: { code: 'truck' },
params: { code: 'isTruck' },
labelField: 'pinYinCode',
valueField: 'shortName',
showName: 'description',
@ -2782,7 +2782,7 @@ export const otherInfoFormSchema: FormSchema[] = [
componentProps: ({ formModel }) => {
return {
api: GetSupplierListByCode,
params: { code: 'agent' },
params: { code: 'isAgent' },
labelField: 'pinYinCode',
showName: 'description',
valueField: 'shortName',
@ -2811,7 +2811,7 @@ export const otherInfoFormSchema: FormSchema[] = [
componentProps: ({ formModel }) => {
return {
api: GetSupplierListByCode,
params: { code: 'yard' },
params: { code: 'isYard' },
labelField: 'pinYinCode',
showName: 'description',
valueField: 'shortName',
@ -2846,7 +2846,7 @@ export const otherInfoFormSchema: FormSchema[] = [
componentProps: ({ formModel }) => {
return {
api: GetSupplierListByCode,
params: { code: 'shipagency' },
params: { code: 'isShipagency' },
labelField: 'pinYinCode',
showName: 'description',
valueField: 'shortName',
@ -2881,7 +2881,7 @@ export const otherInfoFormSchema: FormSchema[] = [
componentProps: ({ formModel }) => {
return {
api: GetSupplierListByCode,
params: { code: 'custom' },
params: { code: 'isCustom' },
labelField: 'pinYinCode',
valueField: 'shortName',
showName: 'description',

@ -314,7 +314,7 @@
</div>
</template>
<script lang="ts" setup name="订单管理">
import { ref, defineAsyncComponent, onActivated } from 'vue'
import { ref, defineAsyncComponent, onActivated, onMounted } from 'vue'
const TableActionBar = defineAsyncComponent(() => import("./components/tableActionBar.vue"))
import { CheckCircleFilled, CloseCircleFilled, RedoOutlined } from '@ant-design/icons-vue'
const tableActionBarRight = defineAsyncComponent(() => import("./components/tableActionBarRight.vue"))
@ -652,7 +652,7 @@ function compareSuccess() {
setLoading(false);
reload()
}
onActivated(() => {
onMounted(() => {
//
reload()
})

Loading…
Cancel
Save