szh-new
张同海
4 months ago
parent
f81ef3a37f
commit
5bb10535a1
@ -0,0 +1,127 @@
|
||||
// @ts-ignore
|
||||
import { request } from '/@/utils/request'
|
||||
import { DataResult, PageRequest } from '/@/api/model/baseModel'
|
||||
enum Api {
|
||||
list = '/containerManagementApi/CM_RentIn/GetCM_RentInList',
|
||||
edit = '/containerManagementApi/CM_RentIn/EditCM_RentIn',
|
||||
info = '/containerManagementApi/CM_RentIn/GetCM_RentIn',
|
||||
del = '/containerManagementApi/CM_RentIn/DeleteCM_RentIn',
|
||||
|
||||
listDetail = '/containerManagementApi/CM_RentIn_Detail/GetCM_RentIn_DetailList',
|
||||
editDetail = '/containerManagementApi/CM_RentIn_Detail/EditCM_RentIn_Detail',
|
||||
delDetail = '/containerManagementApi/CM_RentIn_Detail/DeleteCM_RentIn_Detail',
|
||||
|
||||
Confirm = '/containerManagementApi/CM_RentIn/CM_RentIn_Confirm',
|
||||
Cancel = '/containerManagementApi/CM_RentIn/CM_RentIn_Cancel',
|
||||
MakeFee = '/containerManagementApi/CM_RentIn/CM_RentIn_MakeFee',
|
||||
|
||||
DetailView = '/containerManagementApi/CM_RentIn/CM_RentIn_Detail_View',
|
||||
AddCtn = '/containerManagementApi/CM_RentIn/CM_RentIn_AddCtn',
|
||||
|
||||
}
|
||||
// 租箱租入明细视图 (Auth)
|
||||
export function ApiDetailView(data: PageRequest) {
|
||||
return request<DataResult>({
|
||||
url: Api.DetailView,
|
||||
method: 'post',
|
||||
data,
|
||||
})
|
||||
}
|
||||
// 租箱租入退租_添加 (Auth)
|
||||
export function ApiAddCtn(data: PageRequest) {
|
||||
return request<DataResult>({
|
||||
url: Api.AddCtn,
|
||||
method: 'post',
|
||||
data,
|
||||
})
|
||||
}
|
||||
// 租箱租入_生成费用 (Auth)
|
||||
export function ApiMakeFee(data: PageRequest) {
|
||||
return request<DataResult>({
|
||||
url: Api.MakeFee,
|
||||
method: 'post',
|
||||
headers:{
|
||||
'Content-Type':'application/json-patch+json'
|
||||
},
|
||||
data,
|
||||
})
|
||||
}
|
||||
// 租箱租入_确认 (Auth)
|
||||
export function ApiConfirm(data: PageRequest) {
|
||||
return request<DataResult>({
|
||||
url: Api.Confirm,
|
||||
method: 'post',
|
||||
headers:{
|
||||
'Content-Type':'application/json-patch+json'
|
||||
},
|
||||
data,
|
||||
})
|
||||
}
|
||||
// 租箱租入_取消 (Auth)
|
||||
export function ApiCancel(data: PageRequest) {
|
||||
return request<DataResult>({
|
||||
url: Api.Cancel,
|
||||
method: 'post',
|
||||
headers:{
|
||||
'Content-Type':'application/json-patch+json'
|
||||
},
|
||||
data,
|
||||
})
|
||||
}
|
||||
// 列表 (Auth)
|
||||
export function ApiList(data: PageRequest) {
|
||||
return request<DataResult>({
|
||||
url: Api.list,
|
||||
method: 'post',
|
||||
data,
|
||||
})
|
||||
}
|
||||
// 编辑 (Auth)
|
||||
export function ApiEdit(data: PageRequest) {
|
||||
return request<DataResult>({
|
||||
url: Api.edit,
|
||||
method: 'post',
|
||||
data,
|
||||
})
|
||||
}
|
||||
// 详情 (Auth)
|
||||
export function ApiInfo(query) {
|
||||
return request<DataResult>({
|
||||
url: Api.info,
|
||||
method: 'get',
|
||||
params: query,
|
||||
})
|
||||
}
|
||||
// 删除 (Auth)
|
||||
export function ApiDel(data: PageRequest) {
|
||||
return request<DataResult>({
|
||||
url: Api.del,
|
||||
method: 'post',
|
||||
data,
|
||||
})
|
||||
}
|
||||
|
||||
// 列表详情 (Auth)
|
||||
export function ApiListDetail(data: PageRequest) {
|
||||
return request<DataResult>({
|
||||
url: Api.listDetail,
|
||||
method: 'post',
|
||||
data,
|
||||
})
|
||||
}
|
||||
// // 编辑详情 (Auth)
|
||||
// export function ApiEditDetail(data: PageRequest) {
|
||||
// return request<DataResult>({
|
||||
// url: Api.editDetail,
|
||||
// method: 'post',
|
||||
// data,
|
||||
// })
|
||||
// }
|
||||
// 删除详情 (Auth)
|
||||
export function ApiDelDetail(data: PageRequest) {
|
||||
return request<DataResult>({
|
||||
url: Api.delDetail,
|
||||
method: 'post',
|
||||
data,
|
||||
})
|
||||
}
|
||||
@ -0,0 +1,488 @@
|
||||
import { ref } from 'vue'
|
||||
import { BasicColumn, FormSchema } from '/@/components/Table'
|
||||
import { Tag } from 'ant-design-vue'
|
||||
import { GetCtnSelectList, GetClientListByCode } from '/@/api/common'
|
||||
import { GetDeptList } from '/@/views/operation/seaexport/api/BookingLedger'
|
||||
import { useOptionsStore } from '/@/store/modules/options'
|
||||
const optionsStore = useOptionsStore()
|
||||
// 字典
|
||||
import { getDictOption } from '/@/utils/dictUtil'
|
||||
// 新旧箱数据
|
||||
const usedStateList = [
|
||||
{
|
||||
label: '',
|
||||
value: '',
|
||||
},
|
||||
{
|
||||
label: 'used',
|
||||
value: 'used',
|
||||
},
|
||||
{
|
||||
label: 'new',
|
||||
value: 'new',
|
||||
},
|
||||
]
|
||||
// 业务类型字典
|
||||
const businessTypeDict = ref([])
|
||||
getDictOption('CM_BusinessType').then((res) => {
|
||||
businessTypeDict.value = res
|
||||
})
|
||||
// 租箱类型字典
|
||||
const rentTypeIdDict = ref([])
|
||||
getDictOption('CM_RentType').then((res) => {
|
||||
rentTypeIdDict.value = res
|
||||
})
|
||||
|
||||
export const columns: BasicColumn[] = [
|
||||
{
|
||||
title: '租箱业务号',
|
||||
dataIndex: 'billno',
|
||||
sorter: true,
|
||||
width: 150,
|
||||
},
|
||||
{
|
||||
title: '业务类型',
|
||||
dataIndex: 'businessType',
|
||||
sorter: true,
|
||||
width: 150,
|
||||
customRender: ({ text }) => {
|
||||
let RData = '-'
|
||||
businessTypeDict.value.forEach((item: any) => {
|
||||
if (text == item.value) {
|
||||
RData = item.label
|
||||
}
|
||||
})
|
||||
return RData
|
||||
},
|
||||
},
|
||||
{
|
||||
title: '租箱业务',
|
||||
dataIndex: 'rentDirect',
|
||||
sorter: true,
|
||||
width: 150,
|
||||
},
|
||||
{
|
||||
title: '租箱类型',
|
||||
dataIndex: 'rentTypeId',
|
||||
sorter: true,
|
||||
width: 150,
|
||||
customRender: ({ text }) => {
|
||||
let RData = '-'
|
||||
rentTypeIdDict.value.forEach((item: any) => {
|
||||
if (text == item.value) {
|
||||
RData = item.label
|
||||
}
|
||||
})
|
||||
return RData
|
||||
},
|
||||
},
|
||||
{
|
||||
title: '业务状态',
|
||||
dataIndex: 'billState',
|
||||
sorter: true,
|
||||
width: 200,
|
||||
},
|
||||
{
|
||||
title: '原箱主',
|
||||
dataIndex: 'oldContainerOwner',
|
||||
sorter: true,
|
||||
width: 200,
|
||||
},
|
||||
{
|
||||
title: '业务日期',
|
||||
dataIndex: 'bsdate',
|
||||
sorter: true,
|
||||
width: 200,
|
||||
},
|
||||
{
|
||||
title: '会计期间',
|
||||
dataIndex: 'accdate',
|
||||
sorter: true,
|
||||
width: 200,
|
||||
},
|
||||
{
|
||||
title: '业务锁定',
|
||||
dataIndex: 'isBusinessLocking',
|
||||
sorter: true,
|
||||
width: 200,
|
||||
customRender: ({ text }) => {
|
||||
if (text) {
|
||||
return <Tag color="success">是</Tag>
|
||||
} else {
|
||||
return <Tag color="error">否</Tag>
|
||||
}
|
||||
return text
|
||||
},
|
||||
},
|
||||
{
|
||||
title: '费用锁定',
|
||||
dataIndex: 'isFeeLocking',
|
||||
sorter: true,
|
||||
width: 200,
|
||||
customRender: ({ text }) => {
|
||||
if (text) {
|
||||
return <Tag color="success">是</Tag>
|
||||
} else {
|
||||
return <Tag color="error">否</Tag>
|
||||
}
|
||||
return text
|
||||
},
|
||||
},
|
||||
{
|
||||
title: '备注',
|
||||
dataIndex: 'remark',
|
||||
sorter: true,
|
||||
width: 200,
|
||||
},
|
||||
]
|
||||
|
||||
export const searchFormSchema: FormSchema[] = [
|
||||
{
|
||||
field: 'billno',
|
||||
label: '租箱业务号',
|
||||
component: 'Input',
|
||||
colProps: { span: 4 },
|
||||
},
|
||||
{
|
||||
field: 'oldContainerOwner',
|
||||
label: '原箱主',
|
||||
component: 'ApiSelect',
|
||||
required: false,
|
||||
dynamicDisabled: false,
|
||||
colProps: { span: 4 },
|
||||
componentProps: ({ formModel }) => {
|
||||
return {
|
||||
allowClear: true,
|
||||
showSearch: true,
|
||||
api: GetClientListByCode,
|
||||
params: { code: 'leasing' },
|
||||
labelField: 'pinYinCode',
|
||||
showName: 'shortName',
|
||||
valueField: 'shortName',
|
||||
resultField: 'data',
|
||||
immediate: false,
|
||||
filterOption: (input: string, option: any) => {
|
||||
return option.label.toLowerCase().indexOf(input.toLowerCase()) >= 0
|
||||
},
|
||||
}
|
||||
},
|
||||
},
|
||||
|
||||
{
|
||||
field: 'rentDirectId',
|
||||
label: '租箱业务',
|
||||
component: 'ApiSelect',
|
||||
colProps: { span: 4 },
|
||||
componentProps: ({}) => {
|
||||
return {
|
||||
api: () => {
|
||||
return new Promise((resolve) => {
|
||||
getDictOption('CM_RentDirect').then((res) => {
|
||||
let data: any = []
|
||||
res.forEach((item) => {
|
||||
item.value = parseInt(item.value)
|
||||
if (!item.label.indexOf('租入')) {
|
||||
data.push(item)
|
||||
}
|
||||
})
|
||||
resolve(data)
|
||||
})
|
||||
})
|
||||
},
|
||||
labelField: 'label',
|
||||
valueField: 'value',
|
||||
resultField: 'data',
|
||||
filterOption: (input: string, option: any) => {
|
||||
return option.label.toLowerCase().indexOf(input.toLowerCase()) >= 0
|
||||
},
|
||||
}
|
||||
},
|
||||
},
|
||||
{
|
||||
field: 'etd',
|
||||
label: 'ETD',
|
||||
component: 'DatePicker',
|
||||
colProps: { span: 4 },
|
||||
defaultValue: '',
|
||||
componentProps: {
|
||||
showTime: true,
|
||||
style: 'width:100%',
|
||||
},
|
||||
},
|
||||
{
|
||||
field: 'eta',
|
||||
label: 'ETA',
|
||||
component: 'DatePicker',
|
||||
colProps: { span: 4 },
|
||||
defaultValue: '',
|
||||
componentProps: {
|
||||
showTime: true,
|
||||
style: 'width:100%',
|
||||
},
|
||||
},
|
||||
]
|
||||
export const formSchema: FormSchema[] = [
|
||||
{
|
||||
label: '',
|
||||
field: 'id',
|
||||
component: 'Input',
|
||||
defaultValue: '',
|
||||
show: false,
|
||||
},
|
||||
{
|
||||
field: 'businessType',
|
||||
label: '业务类型',
|
||||
component: 'ApiSelect',
|
||||
colProps: { span: 6 },
|
||||
defaultValue: 101,
|
||||
dynamicDisabled: ({}) => {
|
||||
return true
|
||||
},
|
||||
componentProps: ({}) => {
|
||||
return {
|
||||
api: () => {
|
||||
return new Promise((resolve) => {
|
||||
getDictOption('CM_BusinessType').then((res) => {
|
||||
res.forEach((item) => {
|
||||
item.value = parseInt(item.value)
|
||||
})
|
||||
resolve(res)
|
||||
})
|
||||
})
|
||||
},
|
||||
labelField: 'label',
|
||||
valueField: 'value',
|
||||
resultField: 'data',
|
||||
filterOption: (input: string, option: any) => {
|
||||
return option.label.toLowerCase().indexOf(input.toLowerCase()) >= 0
|
||||
},
|
||||
}
|
||||
},
|
||||
},
|
||||
|
||||
{
|
||||
field: 'rentDirectId',
|
||||
label: '租箱业务',
|
||||
component: 'ApiSelect',
|
||||
colProps: { span: 6 },
|
||||
defaultValue: 0,
|
||||
componentProps: ({ formModel, formActionType }) => {
|
||||
return {
|
||||
api: () => {
|
||||
return new Promise((resolve) => {
|
||||
getDictOption('CM_RentDirect').then((res) => {
|
||||
let data: any = []
|
||||
res.forEach((item) => {
|
||||
console.log(item)
|
||||
item.value = parseInt(item.value)
|
||||
if (!item.label.indexOf('租入')) {
|
||||
data.push(item)
|
||||
}
|
||||
})
|
||||
resolve(data)
|
||||
})
|
||||
})
|
||||
},
|
||||
labelField: 'label',
|
||||
valueField: 'value',
|
||||
resultField: 'data',
|
||||
filterOption: (input: string, option: any) => {
|
||||
return option.label.toLowerCase().indexOf(input.toLowerCase()) >= 0
|
||||
},
|
||||
onChange: (e, obj) => {
|
||||
formActionType ? formActionType.submit() : null
|
||||
if (e && obj) {
|
||||
formModel.rentDirect = obj.label
|
||||
} else {
|
||||
formModel.rentDirect = ''
|
||||
}
|
||||
},
|
||||
}
|
||||
},
|
||||
},
|
||||
{
|
||||
field: 'rentTypeId',
|
||||
label: '租箱类型',
|
||||
component: 'ApiSelect',
|
||||
colProps: { span: 6 },
|
||||
defaultValue: 1,
|
||||
componentProps: ({}) => {
|
||||
return {
|
||||
api: () => {
|
||||
return new Promise((resolve) => {
|
||||
getDictOption('CM_RentType').then((res) => {
|
||||
res.forEach((item) => {
|
||||
item.value = parseInt(item.value)
|
||||
})
|
||||
resolve(res)
|
||||
})
|
||||
})
|
||||
},
|
||||
labelField: 'label',
|
||||
valueField: 'value',
|
||||
resultField: 'data',
|
||||
filterOption: (input: string, option: any) => {
|
||||
return option.label.toLowerCase().indexOf(input.toLowerCase()) >= 0
|
||||
},
|
||||
}
|
||||
},
|
||||
},
|
||||
{
|
||||
field: 'billState',
|
||||
label: '业务状态',
|
||||
component: 'Input',
|
||||
colProps: { span: 6 },
|
||||
dynamicDisabled: ({}) => {
|
||||
return true
|
||||
},
|
||||
},
|
||||
{
|
||||
field: 'oldContainerOwnerId',
|
||||
label: '原箱主',
|
||||
component: 'Input',
|
||||
colProps: { span: 6 },
|
||||
show: false,
|
||||
},
|
||||
{
|
||||
field: 'oldContainerOwner',
|
||||
label: '原箱主',
|
||||
component: 'ApiSelect',
|
||||
required: false,
|
||||
dynamicDisabled: false,
|
||||
colProps: { span: 6 },
|
||||
componentProps: ({ formModel }) => {
|
||||
return {
|
||||
allowClear: true,
|
||||
showSearch: true,
|
||||
api: GetClientListByCode,
|
||||
params: { code: 'leasing' },
|
||||
labelField: 'pinYinCode',
|
||||
showName: 'shortName',
|
||||
valueField: 'shortName',
|
||||
resultField: 'data',
|
||||
immediate: false,
|
||||
filterOption: (input: string, option: any) => {
|
||||
return option.label.toLowerCase().indexOf(input.toLowerCase()) >= 0
|
||||
},
|
||||
onChange: (e, obj) => {
|
||||
if (e && obj) {
|
||||
formModel.oldContainerOwnerId = obj.id
|
||||
}
|
||||
if (!e && !obj) {
|
||||
formModel.oldContainerOwnerId = ''
|
||||
}
|
||||
},
|
||||
}
|
||||
},
|
||||
},
|
||||
{
|
||||
field: 'bsdate',
|
||||
label: '业务日期',
|
||||
component: 'DatePicker',
|
||||
colProps: { span: 6 },
|
||||
defaultValue: '',
|
||||
componentProps: {
|
||||
allowClear: true,
|
||||
valueFormat: 'YYYY-MM-DD 00:00:00',
|
||||
style: 'width:100%',
|
||||
},
|
||||
},
|
||||
{
|
||||
field: 'accdate',
|
||||
label: '会计期间',
|
||||
component: 'MonthPicker',
|
||||
colProps: { span: 6 },
|
||||
defaultValue: '',
|
||||
componentProps: {
|
||||
showTime: true,
|
||||
allowClear: true,
|
||||
valueFormat: 'YYYY-MM',
|
||||
format: 'YYYY-MM',
|
||||
},
|
||||
},
|
||||
{
|
||||
field: 'isBusinessLocking',
|
||||
label: '业务锁定',
|
||||
component: 'Switch',
|
||||
defaultValue: false,
|
||||
colProps: { span: 6 },
|
||||
componentProps: {
|
||||
checkedChildren: '是',
|
||||
unCheckedChildren: '否',
|
||||
},
|
||||
},
|
||||
{
|
||||
field: 'isFeeLocking',
|
||||
label: '费用锁定',
|
||||
component: 'Switch',
|
||||
defaultValue: false,
|
||||
colProps: { span: 6 },
|
||||
componentProps: {
|
||||
checkedChildren: '是',
|
||||
unCheckedChildren: '否',
|
||||
},
|
||||
},
|
||||
{
|
||||
field: 'remark',
|
||||
label: '备注',
|
||||
component: 'Input',
|
||||
colProps: { span: 24 },
|
||||
},
|
||||
]
|
||||
|
||||
export const formSearchBoxSchema: FormSchema[] = [
|
||||
{
|
||||
field: 'oldContainerOwner',
|
||||
label: '原箱主',
|
||||
component: 'ApiSelect',
|
||||
required: false,
|
||||
dynamicDisabled: false,
|
||||
colProps: { span: 6 },
|
||||
componentProps: ({ formModel }) => {
|
||||
return {
|
||||
allowClear: true,
|
||||
showSearch: true,
|
||||
api: GetClientListByCode,
|
||||
params: { code: 'leasing' },
|
||||
labelField: 'pinYinCode',
|
||||
showName: 'shortName',
|
||||
valueField: 'shortName',
|
||||
resultField: 'data',
|
||||
immediate: false,
|
||||
filterOption: (input: string, option: any) => {
|
||||
return option.label.toLowerCase().indexOf(input.toLowerCase()) >= 0
|
||||
},
|
||||
}
|
||||
},
|
||||
},
|
||||
{
|
||||
field: 'ctnall',
|
||||
label: '箱型',
|
||||
component: 'ApiSelect',
|
||||
required: false,
|
||||
dynamicDisabled: false,
|
||||
colProps: { span: 6 },
|
||||
componentProps: () => {
|
||||
return {
|
||||
allowClear: true,
|
||||
showSearch: true,
|
||||
api: GetCtnSelectList,
|
||||
params: { code: 'leasing' },
|
||||
labelField: 'ctnName',
|
||||
showName: 'ctnName',
|
||||
valueField: 'ctnName',
|
||||
resultField: 'data',
|
||||
immediate: false,
|
||||
filterOption: (input: string, option: any) => {
|
||||
return option.label.toLowerCase().indexOf(input.toLowerCase()) >= 0
|
||||
},
|
||||
}
|
||||
},
|
||||
},
|
||||
{
|
||||
field: 'cntrno',
|
||||
label: '箱号',
|
||||
component: 'Input',
|
||||
colProps: { span: 10 },
|
||||
},
|
||||
]
|
||||
@ -0,0 +1,153 @@
|
||||
<template>
|
||||
<div>
|
||||
<BasicTable class="ds-table" @register="registerTable" @row-dbClick="handleAudit">
|
||||
<template #tableTitle>
|
||||
<a-button type="link" @click="handleCreate">
|
||||
<span class="iconfont icon-tianjia"></span>
|
||||
新建
|
||||
</a-button>
|
||||
<a-popconfirm
|
||||
title="确定删除当前选中数据？"
|
||||
ok-text="是"
|
||||
cancel-text="否"
|
||||
@confirm="handleDel"
|
||||
>
|
||||
<a-button type="link">
|
||||
<span class="iconfont icon-shanchu21"></span>
|
||||
删除
|
||||
</a-button>
|
||||
</a-popconfirm>
|
||||
<a-button type="link" @click="Confirm">
|
||||
<span class="iconfont icon-yiwancheng2"></span>
|
||||
确认执行
|
||||
</a-button>
|
||||
<a-button type="link" @click="Cancel">
|
||||
<span class="iconfont icon-weiwancheng"></span>
|
||||
取消确认
|
||||
</a-button>
|
||||
</template>
|
||||
<template #bodyCell="{ column, record }">
|
||||
<template v-if="column.key === 'action'">
|
||||
<TableAction
|
||||
:actions="[
|
||||
{
|
||||
icon: 'clarity:note-edit-line',
|
||||
tooltip: '编辑',
|
||||
onClick: handleAudit.bind(null, record),
|
||||
},
|
||||
]"
|
||||
/>
|
||||
</template>
|
||||
</template>
|
||||
</BasicTable>
|
||||
|
||||
<TenantAuditStepModal @register="registerModal" @success="handleSuccess" />
|
||||
</div>
|
||||
</template>
|
||||
<script lang="ts" setup>
|
||||
import { ref } from 'vue'
|
||||
import { BasicTable, useTable, TableAction } from '/@/components/Table'
|
||||
import { ApiList, ApiDel, ApiConfirm, ApiCancel } from './api'
|
||||
import { useModal } from '/@/components/Modal'
|
||||
import TenantAuditStepModal from './TenantAuditStepModal.vue'
|
||||
import { columns, searchFormSchema } from './columns'
|
||||
import { useMessage } from '/@/hooks/web/useMessage'
|
||||
const { notification } = useMessage()
|
||||
// 引入处理入参方法
|
||||
import { formatParams } from '/@/hooks/web/common'
|
||||
const [registerModal, { openModal }] = useModal()
|
||||
const [registerTable, { reload, getSelectRows }] = useTable({
|
||||
title: '',
|
||||
api: async (p) => {
|
||||
const res: API.DataResult = await ApiList(p)
|
||||
return new Promise((resolve) => {
|
||||
resolve({ data: [...res.data], total: res.count })
|
||||
})
|
||||
},
|
||||
beforeFetch: (p) => {
|
||||
return formatParams(p)
|
||||
},
|
||||
columns,
|
||||
formConfig: {
|
||||
labelWidth: 120,
|
||||
schemas: searchFormSchema,
|
||||
},
|
||||
isTreeTable: false,
|
||||
pagination: true,
|
||||
striped: true,
|
||||
useSearchForm: true,
|
||||
showTableSetting: true,
|
||||
bordered: true,
|
||||
showIndexColumn: true,
|
||||
indexColumnProps: {
|
||||
width: 60,
|
||||
},
|
||||
canResize: true,
|
||||
resizeHeightOffset: 35,
|
||||
immediate: true,
|
||||
actionColumn: {
|
||||
width: 80,
|
||||
title: '操作',
|
||||
dataIndex: 'action',
|
||||
fixed: 'right',
|
||||
},
|
||||
})
|
||||
function handleCreate() {
|
||||
openModal(true, {
|
||||
isParent: false,
|
||||
isUpdate: false,
|
||||
})
|
||||
}
|
||||
function Confirm() {
|
||||
const select = getSelectRows()
|
||||
if (select.length !== 1) {
|
||||
notification.warning({ message: '请选择一条数据', duration: 3 })
|
||||
} else {
|
||||
ApiConfirm(select[0].id).then((res) => {
|
||||
notification.success({ message: res.message, duration: 3 })
|
||||
reload()
|
||||
})
|
||||
}
|
||||
}
|
||||
function Cancel() {
|
||||
const select = getSelectRows()
|
||||
if (select.length !== 1) {
|
||||
notification.warning({ message: '请选择一条数据', duration: 3 })
|
||||
} else {
|
||||
ApiCancel(select[0].id).then((res) => {
|
||||
notification.success({ message: res.message, duration: 3 })
|
||||
reload()
|
||||
})
|
||||
}
|
||||
}
|
||||
|
||||
function handleDel() {
|
||||
const select = getSelectRows()
|
||||
let ApiData: any = {
|
||||
ids: [],
|
||||
}
|
||||
if (select.length === 0) {
|
||||
notification.warning({ message: '请至少选择一条数据', duration: 3 })
|
||||
return false
|
||||
} else {
|
||||
ApiData.ids = select.map((item) => {
|
||||
return item.id
|
||||
})
|
||||
}
|
||||
|
||||
ApiDel(ApiData).then((res) => {
|
||||
console.log(res)
|
||||
notification.success({ message: res.message, duration: 3 })
|
||||
reload()
|
||||
})
|
||||
}
|
||||
function handleSuccess() {
|
||||
reload()
|
||||
}
|
||||
function handleAudit(record) {
|
||||
openModal(true, {
|
||||
record,
|
||||
isUpdate: true,
|
||||
})
|
||||
}
|
||||
</script>
|
||||
@ -1,62 +1,103 @@
|
||||
{
|
||||
"id": "",
|
||||
"cntrno": "080801,080802",
|
||||
"isOnlineId": "0",
|
||||
"changeSourceId": "1",
|
||||
"usedState": "used",
|
||||
"ctnSourceId": "1",
|
||||
"ctnBizState": "短租租出",
|
||||
"ctnBizStateId": "6",
|
||||
"billno": "WebTest001",
|
||||
"ctnReleaseNo": "WebTest001",
|
||||
"ctnStateId": "1",
|
||||
"ctnBreakState": "WebTest001",
|
||||
"isHeavy": true,
|
||||
"port": "NINGBO",
|
||||
"portid": "1816754346457698304",
|
||||
"depot": "昭阳国际",
|
||||
"vehicleName": "WebTest001",
|
||||
"ctnall": "22G0",
|
||||
"mblno": "WebTest001",
|
||||
"customerName": "青岛东胜",
|
||||
"customerId": "QDDS",
|
||||
"etd": "2024-08-08T00:53:55.980Z",
|
||||
"eta": "2024-08-08T00:54:08.455Z",
|
||||
"changeTime": "2024-08-08T00:54:10.015Z",
|
||||
"ctnWeight": 666,
|
||||
"ctnValue_Base": 666
|
||||
}
|
||||
|
||||
|
||||
{
|
||||
"id": "1821349203675320320",
|
||||
"cntrno": "080801",
|
||||
"ctnCode": null,
|
||||
"ctnall": "22G0",
|
||||
"usedState": "used",
|
||||
"ctnOwner": null,
|
||||
"ctnSourceId": 1,
|
||||
"ctnSource": "短租租入",
|
||||
"ctnBizStateId": 6,
|
||||
"ctnBizState": "短租租出",
|
||||
"billno": "WebTest001",
|
||||
"ctnReleaseNo": null,
|
||||
"ctnStateId": 1,
|
||||
"ctnState": "可用",
|
||||
"ctnBreakState": "WebTest001",
|
||||
"isOnlineId": 0,
|
||||
"isOnline": "待上线",
|
||||
"isHeavy": true,
|
||||
"portid": "1816754346457698304",
|
||||
"port": null,
|
||||
"depot": "昭阳国际",
|
||||
"vehicleName": "WebTest001",
|
||||
"mblno": "WebTest001",
|
||||
"customerId": "",
|
||||
"customerName": "青岛东胜",
|
||||
"etd": "2024-08-08 00:53:55",
|
||||
"eta": "2024-08-08 00:54:08",
|
||||
"stateTime": "2024-08-08 00:54:10",
|
||||
"ctnWeight": 0,
|
||||
"ctnValue_Base": 0
|
||||
},
|
||||
"id": "1823192191728750592",
|
||||
"businessType": 101,
|
||||
"rentDirectId": 0,
|
||||
"rentTypeId": 1,
|
||||
"billState": null,
|
||||
"oldContainerOwnerId": "1790269205392789504",
|
||||
"oldContainerOwner": "青岛东胜",
|
||||
"bsdate": "2024-08-13 00:00:00",
|
||||
"accdate": "2024-11",
|
||||
"isBusinessLocking": false,
|
||||
"isFeeLocking": false,
|
||||
"remark": "测试租入1",
|
||||
"bodyList": [
|
||||
{
|
||||
"id": "1823193258684190720",
|
||||
"pid": "1823192191728750592",
|
||||
"cntrno": "RENTIN002",
|
||||
"ctnCode": "22G0",
|
||||
"ctnall": "20GP",
|
||||
"oldContainerOwnerId": "1790269205392789504",
|
||||
"oldContainerOwner": null,
|
||||
"rentDirectId": 0,
|
||||
"rentDirect": "租入",
|
||||
"rentTypeId": 1,
|
||||
"rentType": "长租",
|
||||
"ctnReleaseNo": "releaseno001",
|
||||
"bsdate": "2024-08-13 06:03:27",
|
||||
"feeStartDate": "2024-08-13",
|
||||
"currency": "USD",
|
||||
"dailyRate": 0,
|
||||
"pickupFee": 0,
|
||||
"pickupDate": "2024-08-05",
|
||||
"dropoffFee": 0,
|
||||
"dropoffDate": "2024-08-06",
|
||||
"pickupPortid": "1816307156580962304",
|
||||
"pickupPortCode": "AUSYD",
|
||||
"pickupPort": "SYDNEY, AUSTRALIA",
|
||||
"dropoffPortid": "1795717773662490624",
|
||||
"dropoffPortCode": "1212",
|
||||
"dropoffPort": "Test001",
|
||||
"mblno": "2214",
|
||||
"vehicleName": "2214",
|
||||
"rentDetailId": "",
|
||||
"selected": false
|
||||
},
|
||||
{
|
||||
"id": "1823192516082667520",
|
||||
"pid": "1823192191728750592",
|
||||
"cntrno": "RENTIN001",
|
||||
"ctnCode": "22G0",
|
||||
"ctnall": "20GP",
|
||||
"oldContainerOwnerId": "1790269205392789504",
|
||||
"oldContainerOwner": null,
|
||||
"rentDirectId": 0,
|
||||
"rentDirect": "租入",
|
||||
"rentTypeId": 1,
|
||||
"rentType": "长租",
|
||||
"ctnReleaseNo": "releaseno001",
|
||||
"bsdate": "2024-08-13",
|
||||
"feeStartDate": "2024-08-01 00:00:00",
|
||||
"currency": "美元",
|
||||
"dailyRate": 2,
|
||||
"pickupFee": 10,
|
||||
"pickupDate": "2024-08-01 00:00:00",
|
||||
"dropoffFee": 10,
|
||||
"dropoffDate": "2024-08-02",
|
||||
"pickupPortid": "1816306937097228288",
|
||||
"pickupPortCode": "CNTAO",
|
||||
"pickupPort": "QINGDAO,CHINA",
|
||||
"dropoffPortid": "1816306937097228288",
|
||||
"dropoffPortCode": "CNTAO",
|
||||
"dropoffPort": "QINGDAO,CHINA",
|
||||
"mblno": "MBLNO0001",
|
||||
"vehicleName": "船名/航次RentIn1",
|
||||
"rentDetailId": "",
|
||||
"selected": false
|
||||
},
|
||||
{
|
||||
"selected": false,
|
||||
"pickupDate": "2024-08-13",
|
||||
"dropoffDate": "2024-08-13",
|
||||
"feeStartDate": "2024-08-13",
|
||||
"bsdate": "2024-08-13",
|
||||
"cntrno": "RENTIN002",
|
||||
"ctnall": "20RF",
|
||||
"ctnCode": "22R0",
|
||||
"ctnReleaseNo": "releaseno001",
|
||||
"currency": "日元",
|
||||
"dailyRate": 2,
|
||||
"pickupFee": 10,
|
||||
"dropoffFee": 10,
|
||||
"dropoffPort": "CALLAO",
|
||||
"dropoffPortid": "1763399503139966976",
|
||||
"dropoffPortCode": "2123",
|
||||
"mblno": "MBLNO0001",
|
||||
"vehicleName": "2214",
|
||||
"pickupPort": "Test001",
|
||||
"pickupPortid": "1795717773662490624",
|
||||
"pickupPortCode": "1212"
|
||||
}
|
||||
]
|
||||
}
|
||||
|
||||
Loading…
Reference in New Issue