lijingjia 1 week ago
parent c943b5f079
commit ee73d55ef2

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

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

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

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

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

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

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

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

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

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

Loading…
Cancel
Save