lijingjia
/
ds-wms-client-web
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

海运出口 调整

Browse Source
szh-new
张同海 6 months ago
parent 3e399acc6d
commit a613ea0880
8 changed files with 329 additions and 335 deletions
Show Stats Download Patch File Download Diff File

2
src/store/modules/app.ts
Unescape Escape View File

@ -16,7 +16,7 @@ import { Persistent } from '/@/utils/cache/persistent'
import { darkMode } from '/@/settings/designSetting' import { darkMode } from '/@/settings/designSetting'
import { resetRouter } from '/@/router' import { resetRouter } from '/@/router'
import { deepMerge } from '/@/utils' import { deepMerge } from '/@/utils'
import { useRouter } from 'vue-router'
interface AppState { interface AppState {
darkMode?: ThemeEnum darkMode?: ThemeEnum
// Page loading status // Page loading status

7
src/views/operation/seaexport/api/BookingLedger.js
Unescape Escape View File

@ -27,9 +27,9 @@ export function BookingOrderGet(parameter) {
// 业务单据批量删除 (Auth) // 业务单据批量删除 (Auth)
export function SeaExportBatchDel(parameter) { export function SeaExportBatchDel(parameter) {
return request({ return request({
url: `/opApi/SeaExport/SeaExportBatchDel${parameter}`, url: `/opApi/SeaExport/SeaExportBatchDel`,
method: 'get', method: 'post',
// params: parameter, data: parameter,
}) })
} }
// 批量编辑 (Auth) // 批量编辑 (Auth)
@ -572,7 +572,6 @@ export function GetFile(parameter) {
*/ */
export function AddFile(params) { export function AddFile(params) {
console.log(params)
return request({ return request({
url: '/BookingOrder/addFile', url: '/BookingOrder/addFile',
method: 'post', method: 'post',

70
src/views/operation/seaexport/asd.json
Unescape Escape View File

@ -1,20 +1,50 @@
{
The Level field is required "YardTel": "",
The TaxNo field is required "YardATTN": "",
The CtnType field is required "InnerVoyno": "",
The RMBBank field is required "AgentContent": "",
The StlDate field is required "TemperatureSet": "",
The StlName field is required "yard": "1788484097849561088",
The USDBank field is required "carrier": "",
The AuditNote field is required "forwarder": "",
The RMBAccount field is required "forwarderId": "",
The USDAccount field is required "Lane": "",
The CarrierList field is required "laneId": "",
The InvoiceBank field is required "hblno": "",
The RMBOnlineNO field is required "saleId": "",
The USDOnlineNO field is required "customser": "",
The StlMiddleDate field is required "trucker": "",
The InvoiceStlDate field is required "loadPortId": "",
The StlFirstHalfDate field is required "dischargePortId": "",
The CustomAttributes1 field is required "vessel": "",
The CustomAttributes2 field is required. "voyno": "",
"etd": "",
"agentId": "",
"blType": "",
"doc": "",
"closingDate": "",
"contractNo": "",
"serviceContractNo": "",
"customerService": "",
"closeDocDate": "",
"sourceId": "",
"shipAgencyId": "",
"operatorId": "",
"destination": "",
"destinationId": "",
"atd": "",
"hsCode": "",
"deliveryPlace": "",
"orderNo": "",
"issuePlace": "",
"issueDate": "",
"saleDeptId": "",
"customername": "",
"accountDate": "",
"Sale": "",
"saleOrgId": "",
"cargoId": "",
"agent": "",
"Remark": "",
"ids": ["1780891904372772864", "1783794830388891648"]
}

175
src/views/operation/seaexport/columns.tsx
Unescape Escape View File

@ -56,8 +56,6 @@ const Fncustomername: any = await GetControllerClientList()
if (Fncustomername.succeeded) { if (Fncustomername.succeeded) {
ListData.customername = [] ListData.customername = []
Fncustomername.data.forEach((e) => { Fncustomername.data.forEach((e) => {
console.log(e)
ListData.customername.push({ label: `${e.codeName}/${e.shortName}`, value: e.id, ...e }) ListData.customername.push({ label: `${e.codeName}/${e.shortName}`, value: e.id, ...e })
}) })
} }
@ -121,8 +119,6 @@ const FnsaleId: any = await GetSaleUserList()
if (FnsaleId.succeeded) { if (FnsaleId.succeeded) {
ListData.saleId = [] ListData.saleId = []
FnsaleId.data.forEach((e) => { FnsaleId.data.forEach((e) => {
console.log(e, 111)
ListData.saleId.push({ ...e, label: `${e.userName}/${e.userCode}`, value: e.id }) ListData.saleId.push({ ...e, label: `${e.userName}/${e.userCode}`, value: e.id })
}) })
} }
@ -207,14 +203,14 @@ const FnprepareAt: any = await GetClientPortSelectList()
if (FnprepareAt.succeeded) { if (FnprepareAt.succeeded) {
ListData.prepareAt = [] ListData.prepareAt = []
FnprepareAt.data.forEach((e) => { FnprepareAt.data.forEach((e) => {
ListData.prepareAt.push({ label: e.cnName, value: e.id }) ListData.prepareAt.push({ ...e, label: `${e.portName}/${e.ediCode}`, value: e.id })
}) })
} }
const FnpayableAt: any = await GetClientPortSelectList() const FnpayableAt: any = await GetClientPortSelectList()
if (FnpayableAt.succeeded) { if (FnpayableAt.succeeded) {
ListData.payableAt = [] ListData.payableAt = []
FnpayableAt.data.forEach((e) => { FnpayableAt.data.forEach((e) => {
ListData.payableAt.push({ label: e.cnName, value: e.id }) ListData.payableAt.push({ ...e, label: `${e.portName}/${e.ediCode}`, value: e.id })
}) })
} }
const Fnservice: any = await GetServiceSelectList() const Fnservice: any = await GetServiceSelectList()
@ -1872,8 +1868,6 @@ export const mailingInfoFormSchemaL: FormSchema[] = [
return { return {
label: '发货人', label: '发货人',
onChange: (e) => { onChange: (e) => {
console.log(e)
formModel[`shipper${e.type}`] = e.res formModel[`shipper${e.type}`] = e.res
}, },
} }
@ -3641,77 +3635,116 @@ export const BatchModificationFormSchema: FormSchema[] = [
label: '场站联系方式', label: '场站联系方式',
field: 'YardTel', field: 'YardTel',
component: 'Input', component: 'Input',
defaultValue: '',
show: false, show: false,
}, },
{ {
label: '场站联系人', label: '场站联系人',
field: 'YardATTN', field: 'YardATTN',
component: 'Input', component: 'Input',
defaultValue: '',
show: false, show: false,
}, },
{ {
label: '', label: '',
field: 'InnerVoyno', field: 'InnerVoyno',
component: 'Input', component: 'Input',
defaultValue: '',
show: false, show: false,
}, },
{ {
label: '', label: '',
field: 'AgentContent', field: 'AgentContent',
component: 'Input', component: 'Input',
defaultValue: '',
show: false, show: false,
}, },
{ {
label: '', label: '',
field: 'TemperatureSet', field: 'TemperatureSet',
component: 'Input', component: 'Input',
defaultValue: '',
show: false, show: false,
}, },
{ {
label: '',
field: 'yard', field: 'yard',
component: 'Input',
show: false,
},
{
field: 'yardId',
label: '场站', label: '场站',
component: 'Select', component: 'Select',
required: false, required: false,
dynamicDisabled: false, dynamicDisabled: false,
defaultValue: '',
colProps: { span: 4 }, colProps: { span: 4 },
componentProps: { componentProps: ({ schema, tableAction, formActionType, formModel }) => {
options: ListData.yard, return {
allowClear: true, options: ListData.yard,
showSearch: true, allowClear: true,
filterOption: (input: string, option: any) => { showSearch: true,
return option.label.toLowerCase().indexOf(input.toLowerCase()) >= 0 filterOption: (input: string, option: any) => {
}, return option.label.toLowerCase().indexOf(input.toLowerCase()) >= 0
},
onChange: (e) => {
if (e) {
ListData.yard.forEach((item) => {
if (item.value == e) {
formModel.yard = item.label
}
})
} else {
formModel.yard = ''
}
},
}
}, },
}, },
{ {
label: '船公司', label: '',
field: 'carrier', field: 'carrier',
component: 'Input',
show: false,
},
{
label: '船公司',
field: 'carrierId',
component: 'Select', component: 'Select',
required: false, required: false,
dynamicDisabled: false, dynamicDisabled: false,
defaultValue: '',
colProps: { span: 4 }, colProps: { span: 4 },
componentProps: { componentProps: ({ schema, tableAction, formActionType, formModel }) => {
allowClear: true, return {
options: ListData.carrier, options: ListData.carrier,
showSearch: true, allowClear: true,
filterOption: (input: string, option: any) => { showSearch: true,
return option.label.toLowerCase().indexOf(input.toLowerCase()) >= 0 filterOption: (input: string, option: any) => {
}, return option.label.toLowerCase().indexOf(input.toLowerCase()) >= 0
},
onChange: (e) => {
if (e) {
ListData.carrier.forEach((item) => {
if (item.value == e) {
formModel.carrier = item.label
}
})
} else {
formModel.carrier = ''
}
},
}
}, },
}, },
{ {
label: '订舱代理', label: '订舱代理',
field: 'forwarder', field: 'forwarder',
component: 'Input', component: 'Input',
defaultValue: '',
show: false, show: false,
}, },
{ {
@ -3720,7 +3753,7 @@ export const BatchModificationFormSchema: FormSchema[] = [
component: 'Select', component: 'Select',
required: false, required: false,
dynamicDisabled: false, dynamicDisabled: false,
defaultValue: '',
colProps: { span: 4 }, colProps: { span: 4 },
componentProps: ({ schema, tableAction, formActionType, formModel }) => { componentProps: ({ schema, tableAction, formActionType, formModel }) => {
return { return {
@ -3748,7 +3781,7 @@ export const BatchModificationFormSchema: FormSchema[] = [
label: '船司航线', label: '船司航线',
field: 'Lane', field: 'Lane',
component: 'Input', component: 'Input',
defaultValue: '',
show: false, show: false,
}, },
{ {
@ -3757,7 +3790,7 @@ export const BatchModificationFormSchema: FormSchema[] = [
component: 'Select', component: 'Select',
required: false, required: false,
dynamicDisabled: false, dynamicDisabled: false,
defaultValue: '',
colProps: { span: 4 }, colProps: { span: 4 },
componentProps: ({ schema, tableAction, formActionType, formModel }) => { componentProps: ({ schema, tableAction, formActionType, formModel }) => {
return { return {
@ -3787,7 +3820,7 @@ export const BatchModificationFormSchema: FormSchema[] = [
component: 'Input', component: 'Input',
required: false, required: false,
dynamicDisabled: false, dynamicDisabled: false,
defaultValue: '',
colProps: { span: 4 }, colProps: { span: 4 },
}, },
{ {
@ -3796,7 +3829,7 @@ export const BatchModificationFormSchema: FormSchema[] = [
component: 'Select', component: 'Select',
required: false, required: false,
dynamicDisabled: false, dynamicDisabled: false,
defaultValue: '',
colProps: { span: 4 }, colProps: { span: 4 },
componentProps: ({ schema, tableAction, formActionType, formModel }) => { componentProps: ({ schema, tableAction, formActionType, formModel }) => {
return { return {
@ -3832,7 +3865,7 @@ export const BatchModificationFormSchema: FormSchema[] = [
component: 'Select', component: 'Select',
required: false, required: false,
dynamicDisabled: false, dynamicDisabled: false,
defaultValue: '',
colProps: { span: 4 }, colProps: { span: 4 },
componentProps: { componentProps: {
options: ListData.customser, options: ListData.customser,
@ -3849,7 +3882,7 @@ export const BatchModificationFormSchema: FormSchema[] = [
component: 'Select', component: 'Select',
required: false, required: false,
dynamicDisabled: false, dynamicDisabled: false,
defaultValue: '',
colProps: { span: 4 }, colProps: { span: 4 },
componentProps: { componentProps: {
options: ListData.trucker, options: ListData.trucker,
@ -3866,7 +3899,7 @@ export const BatchModificationFormSchema: FormSchema[] = [
component: 'Select', component: 'Select',
required: false, required: false,
dynamicDisabled: false, dynamicDisabled: false,
defaultValue: '',
colProps: { span: 4 }, colProps: { span: 4 },
componentProps: ({ schema, tableAction, formActionType, formModel }) => { componentProps: ({ schema, tableAction, formActionType, formModel }) => {
return { return {
@ -3903,7 +3936,7 @@ export const BatchModificationFormSchema: FormSchema[] = [
component: 'Select', component: 'Select',
required: false, required: false,
dynamicDisabled: false, dynamicDisabled: false,
defaultValue: '',
colProps: { span: 4 }, colProps: { span: 4 },
componentProps: ({ schema, tableAction, formActionType, formModel }) => { componentProps: ({ schema, tableAction, formActionType, formModel }) => {
return { return {
@ -3940,7 +3973,7 @@ export const BatchModificationFormSchema: FormSchema[] = [
component: 'Select', component: 'Select',
required: false, required: false,
dynamicDisabled: false, dynamicDisabled: false,
defaultValue: '',
colProps: { span: 4 }, colProps: { span: 4 },
componentProps: { componentProps: {
allowClear: true, allowClear: true,
@ -3957,7 +3990,7 @@ export const BatchModificationFormSchema: FormSchema[] = [
component: 'Select', component: 'Select',
required: false, required: false,
dynamicDisabled: false, dynamicDisabled: false,
defaultValue: '',
colProps: { span: 4 }, colProps: { span: 4 },
componentProps: { componentProps: {
allowClear: true, allowClear: true,
@ -3974,7 +4007,7 @@ export const BatchModificationFormSchema: FormSchema[] = [
component: 'DatePicker', component: 'DatePicker',
required: false, required: false,
dynamicDisabled: false, dynamicDisabled: false,
defaultValue: '',
colProps: { span: 4 }, colProps: { span: 4 },
componentProps: { componentProps: {
showTime: true, showTime: true,
@ -3987,7 +4020,7 @@ export const BatchModificationFormSchema: FormSchema[] = [
component: 'Select', component: 'Select',
required: false, required: false,
dynamicDisabled: false, dynamicDisabled: false,
defaultValue: '',
colProps: { span: 4 }, colProps: { span: 4 },
componentProps: { componentProps: {
options: ListData.agentId, options: ListData.agentId,
@ -4004,7 +4037,7 @@ export const BatchModificationFormSchema: FormSchema[] = [
component: 'Select', component: 'Select',
required: false, required: false,
dynamicDisabled: false, dynamicDisabled: false,
defaultValue: '',
colProps: { span: 4 }, colProps: { span: 4 },
componentProps: { componentProps: {
options: ListData.blType, options: ListData.blType,
@ -4021,7 +4054,7 @@ export const BatchModificationFormSchema: FormSchema[] = [
component: 'Select', component: 'Select',
required: false, required: false,
dynamicDisabled: false, dynamicDisabled: false,
defaultValue: '',
colProps: { span: 4 }, colProps: { span: 4 },
componentProps: { componentProps: {
allowClear: true, allowClear: true,
@ -4044,7 +4077,7 @@ export const BatchModificationFormSchema: FormSchema[] = [
component: 'DatePicker', component: 'DatePicker',
required: false, required: false,
dynamicDisabled: false, dynamicDisabled: false,
defaultValue: '',
colProps: { span: 4 }, colProps: { span: 4 },
componentProps: { componentProps: {
showTime: true, showTime: true,
@ -4057,7 +4090,7 @@ export const BatchModificationFormSchema: FormSchema[] = [
component: 'Input', component: 'Input',
required: false, required: false,
dynamicDisabled: false, dynamicDisabled: false,
defaultValue: '',
colProps: { span: 4 }, colProps: { span: 4 },
}, },
{ {
@ -4066,7 +4099,7 @@ export const BatchModificationFormSchema: FormSchema[] = [
component: 'Input', component: 'Input',
required: false, required: false,
dynamicDisabled: false, dynamicDisabled: false,
defaultValue: '',
colProps: { span: 4 }, colProps: { span: 4 },
}, },
{ {
@ -4075,7 +4108,7 @@ export const BatchModificationFormSchema: FormSchema[] = [
component: 'Select', component: 'Select',
required: false, required: false,
dynamicDisabled: false, dynamicDisabled: false,
defaultValue: '',
colProps: { span: 4 }, colProps: { span: 4 },
componentProps: { componentProps: {
allowClear: true, allowClear: true,
@ -4098,7 +4131,7 @@ export const BatchModificationFormSchema: FormSchema[] = [
component: 'DatePicker', component: 'DatePicker',
required: false, required: false,
dynamicDisabled: false, dynamicDisabled: false,
defaultValue: '',
colProps: { span: 4 }, colProps: { span: 4 },
componentProps: { componentProps: {
showTime: true, showTime: true,
@ -4111,7 +4144,7 @@ export const BatchModificationFormSchema: FormSchema[] = [
component: 'Select', component: 'Select',
required: false, required: false,
dynamicDisabled: false, dynamicDisabled: false,
defaultValue: '',
colProps: { span: 4 }, colProps: { span: 4 },
componentProps: ({ schema, tableAction, formActionType, formModel }) => { componentProps: ({ schema, tableAction, formActionType, formModel }) => {
return { return {
@ -4163,7 +4196,7 @@ export const BatchModificationFormSchema: FormSchema[] = [
component: 'Select', component: 'Select',
required: false, required: false,
dynamicDisabled: false, dynamicDisabled: false,
defaultValue: '',
colProps: { span: 4 }, colProps: { span: 4 },
componentProps: { componentProps: {
allowClear: true, allowClear: true,
@ -4187,7 +4220,7 @@ export const BatchModificationFormSchema: FormSchema[] = [
component: 'Select', component: 'Select',
required: false, required: false,
dynamicDisabled: false, dynamicDisabled: false,
defaultValue: '',
colProps: { span: 4 }, colProps: { span: 4 },
componentProps: { componentProps: {
allowClear: true, allowClear: true,
@ -4210,7 +4243,7 @@ export const BatchModificationFormSchema: FormSchema[] = [
component: 'Select', component: 'Select',
required: false, required: false,
dynamicDisabled: false, dynamicDisabled: false,
defaultValue: '',
colProps: { span: 4 }, colProps: { span: 4 },
componentProps: ({ schema, tableAction, formActionType, formModel }) => { componentProps: ({ schema, tableAction, formActionType, formModel }) => {
return { return {
@ -4238,7 +4271,7 @@ export const BatchModificationFormSchema: FormSchema[] = [
label: '目的地代码', label: '目的地代码',
field: 'destinationId', field: 'destinationId',
component: 'Input', component: 'Input',
defaultValue: '',
required: false, required: false,
colProps: { span: 4 }, colProps: { span: 4 },
}, },
@ -4248,7 +4281,7 @@ export const BatchModificationFormSchema: FormSchema[] = [
component: 'DatePicker', component: 'DatePicker',
required: false, required: false,
dynamicDisabled: false, dynamicDisabled: false,
defaultValue: '',
colProps: { span: 4 }, colProps: { span: 4 },
componentProps: { componentProps: {
showTime: true, showTime: true,
@ -4260,7 +4293,7 @@ export const BatchModificationFormSchema: FormSchema[] = [
field: 'hsCode', field: 'hsCode',
component: 'Input', component: 'Input',
required: false, required: false,
defaultValue: '',
colProps: { span: 3 }, colProps: { span: 3 },
}, },
{ {
@ -4269,7 +4302,7 @@ export const BatchModificationFormSchema: FormSchema[] = [
component: 'Select', component: 'Select',
required: false, required: false,
dynamicDisabled: false, dynamicDisabled: false,
defaultValue: '',
colProps: { span: 4 }, colProps: { span: 4 },
componentProps: ({ schema, tableAction, formActionType, formModel }) => { componentProps: ({ schema, tableAction, formActionType, formModel }) => {
return { return {
@ -4316,14 +4349,14 @@ export const BatchModificationFormSchema: FormSchema[] = [
component: 'Input', component: 'Input',
required: false, required: false,
dynamicDisabled: false, dynamicDisabled: false,
defaultValue: '',
colProps: { span: 4 }, colProps: { span: 4 },
}, },
{ {
label: '签单地点', label: '签单地点',
field: 'issuePlace', field: 'issuePlace',
component: 'Input', component: 'Input',
defaultValue: '',
required: false, required: false,
colProps: { span: 4 }, colProps: { span: 4 },
}, },
@ -4333,7 +4366,7 @@ export const BatchModificationFormSchema: FormSchema[] = [
component: 'DatePicker', component: 'DatePicker',
required: false, required: false,
dynamicDisabled: false, dynamicDisabled: false,
defaultValue: '',
colProps: { span: 4 }, colProps: { span: 4 },
componentProps: { componentProps: {
showTime: true, showTime: true,
@ -4346,7 +4379,7 @@ export const BatchModificationFormSchema: FormSchema[] = [
component: 'Select', component: 'Select',
required: false, required: false,
dynamicDisabled: false, dynamicDisabled: false,
defaultValue: '',
colProps: { span: 4 }, colProps: { span: 4 },
componentProps: { componentProps: {
allowClear: true, allowClear: true,
@ -4363,7 +4396,7 @@ export const BatchModificationFormSchema: FormSchema[] = [
component: 'Select', component: 'Select',
required: false, required: false,
dynamicDisabled: false, dynamicDisabled: false,
defaultValue: '',
colProps: { span: 4 }, colProps: { span: 4 },
componentProps: { componentProps: {
allowClear: true, allowClear: true,
@ -4390,7 +4423,7 @@ export const BatchModificationFormSchema: FormSchema[] = [
component: 'MonthPicker', component: 'MonthPicker',
required: false, required: false,
dynamicDisabled: false, dynamicDisabled: false,
defaultValue: '',
colProps: { span: 4 }, colProps: { span: 4 },
componentProps: { componentProps: {
valueFormat: 'YYYY-MM', valueFormat: 'YYYY-MM',
@ -4400,7 +4433,7 @@ export const BatchModificationFormSchema: FormSchema[] = [
label: '船司航线', label: '船司航线',
field: 'Sale', field: 'Sale',
component: 'Input', component: 'Input',
defaultValue: '',
show: false, show: false,
}, },
{ {
@ -4409,7 +4442,7 @@ export const BatchModificationFormSchema: FormSchema[] = [
component: 'Select', component: 'Select',
required: false, required: false,
dynamicDisabled: false, dynamicDisabled: false,
defaultValue: '',
colProps: { span: 4 }, colProps: { span: 4 },
componentProps: ({ schema, tableAction, formActionType, formModel }) => { componentProps: ({ schema, tableAction, formActionType, formModel }) => {
return { return {
@ -4439,7 +4472,7 @@ export const BatchModificationFormSchema: FormSchema[] = [
component: 'Select', component: 'Select',
required: false, required: false,
dynamicDisabled: false, dynamicDisabled: false,
defaultValue: '',
colProps: { span: 4 }, colProps: { span: 4 },
componentProps: { componentProps: {
options: ListData.cargoId, options: ListData.cargoId,
@ -4456,7 +4489,7 @@ export const BatchModificationFormSchema: FormSchema[] = [
component: 'InputTextArea', component: 'InputTextArea',
required: false, required: false,
dynamicDisabled: false, dynamicDisabled: false,
defaultValue: '',
colProps: { span: 12 }, colProps: { span: 12 },
componentProps: { componentProps: {
rows: 3, rows: 3,
@ -4468,7 +4501,7 @@ export const BatchModificationFormSchema: FormSchema[] = [
component: 'InputTextArea', component: 'InputTextArea',
required: false, required: false,
dynamicDisabled: false, dynamicDisabled: false,
defaultValue: '',
colProps: { span: 12 }, colProps: { span: 12 },
componentProps: { componentProps: {
rows: 3, rows: 3,

274
src/views/operation/seaexport/detail/modules/goodsTable.vue
Unescape Escape View File

@ -75,7 +75,7 @@
</div> </div>
</div> </div>
<div v-if="tableLoaded"> <div v-if="tableLoaded">
<hot-table ref="hotTb" :data="list" :settings="settings"></hot-table> <!-- <hot-table ref="hotTb" :data="list" :settings="settings"></hot-table> -->
<div class="table-no-data" v-if="tableData.length === 0">暂无数据</div> <div class="table-no-data" v-if="tableData.length === 0">暂无数据</div>
</div> </div>
<div class="loading" v-else>加载中 ...</div> <div class="loading" v-else>加载中 ...</div>
@ -90,14 +90,6 @@
@cancel="handleModelCancel" @cancel="handleModelCancel"
> >
<div class="model-content"> <div class="model-content">
<!-- <ve-table
style="width: 100%"
:columns="modelColumns"
:table-data="tableData"
:radio-option="radioOption"
row-key-field-name="rowKey"
/> -->
<!-- <BasicTable @register="register" :maxHeight="200" /> -->
<hot-table ref="hotTb" :data="moreTList" :settings="moreTSettings"></hot-table> <hot-table ref="hotTb" :data="moreTList" :settings="moreTSettings"></hot-table>
<div class="model-botton-box"> <div class="model-botton-box">
<a-button class="btn" type="primary" @click="addChildData">新增</a-button> <a-button class="btn" type="primary" @click="addChildData">新增</a-button>
@ -109,11 +101,9 @@
<hot-table <hot-table
ref="hotTb" ref="hotTb"
:data="moreData[moreSelectNum]" :data="moreData[moreSelectNum]"
:settings="moreSettings"
v-if="moreSelectLoad" v-if="moreSelectLoad"
:settings="moreSettings"
></hot-table> ></hot-table>
<!-- <div class="table-no-data" v-else>暂无数据</div> -->
</div> </div>
</a-spin> </a-spin>
</div> </div>
@ -267,11 +257,6 @@
className: 'htCenter', className: 'htCenter',
readOnly: false, readOnly: false,
}, },
// {
// title: '箱型代码',
// width: 120,
// data: 'ctnCode',
// },
{ {
title: '箱型', title: '箱型',
width: 120, width: 120,
@ -788,140 +773,7 @@
data: 'actualArrivalPortTime', data: 'actualArrivalPortTime',
}, },
] ]
// 表格配置项
const settings = {
height: '400',
width: '100%',
autoWrapRow: true,
autoWrapCol: true,
// 每行的高度
rowHeights: 32,
// 需要隐藏的列
// hiddenColumns: {
// columns: [1],
// indicators: true,
// },
// 如果通过复制或者填写校验出现错误，清空输入框
afterValidate: function (isValid, value, row, prop, source) {
if (!isValid) {
hotTb.value.hotInstance.setDataAtRowProp(row, prop, '')
}
},
columns: columns,
// 此行直接复制，必须(非商用)
licenseKey: 'non-commercial-and-evaluation',
// 定义所有单元格发生变化的回调处理
afterChange(changes, source) {
// 这里定义了编辑，自动填充和拷贝数据的处理逻辑
if (source === 'edit' || source === 'Autofill.fill' || source === 'CopyPaste.paste') {
let dict = {}
changes.forEach((res) => {
// 修改费用名称
if (res[1] === 'feeName') {
// 获取当前选中的字典对象数据
const item = feeDict.value.filter((item) => {
return item.name === changes[0][3]
})
if (item) dict = item[0]
list.value[res[0]]['feeEnName'] = dict['enName']
list.value[res[0]]['feeCode'] = dict['code']
}
})
// 修改费用英文名称
if (changes[0][1] === 'feeEnName') {
}
// 修改客户类别
if (changes[0][1] === 'customerTypeName') {
getDictOption('djy_cust_prop').then((res) => {
const item = res.filter((item) => {
return item.name === changes[0][3]
})
if (item) dict = item[0]
list.value[changes[0][0]]['customerType'] = dict?.value
})
}
// 修改单位
if (changes[0][1] === 'unitName') {
const item = unitDict.value.filter((item) => {
return item.name === changes[0][3]
})
if (item) dict = item[0]
list.value[changes[0][0]]['unit'] = dict?.value
}
// 修改币别
if (changes[0][1] === 'currencyName') {
const item = currencyDict.value.filter((item) => {
return item.name === changes[0][3]
})
if (item) dict = item[0]
list.value[changes[0][0]]['currency'] = dict?.codeName
}
// 当前操作的行
const index = changes[0][0]
// 修改不含税单价计算
if (changes[0][1] === 'noTaxPrice') {
// 单价
list.value[index].unitPrice =
(changes[0][3] || 0) * ((list.value[index].taxRate || 0) / 100 + 1)
// 金额
list.value[index].amount =
(list.value[index].unitPrice || 0) * (list.value[index].quantity || 0)
// 不含税金额
list.value[index].noTaxAmount = (changes[0][3] || 0) * (list.value[index].quantity || 0)
}
// 修改单价计算
if (changes[0][1] === 'unitPrice') {
// 不含税单价
list.value[index].noTaxPrice =
(changes[0][3] || 0) / ((list.value[index].taxRate || 0) / 100 + 1)
// 金额
list.value[index].amount = (changes[0][3] || 0) * (list.value[index].quantity || 0)
// 不含税金额
list.value[index].noTaxAmount =
(list.value[index].noTaxPrice || 0) * (list.value[index].quantity || 0)
}
// 修改数量
if (changes[0][1] === 'quantity') {
// 金额
list.value[index].amount = (changes[0][3] || 0) * (list.value[index].unitPrice || 0)
// 不含税金额
list.value[index].noTaxAmount = (changes[0][3] || 0) * (list.value[index].noTaxPrice || 0)
}
// 修改税率
if (changes[0][1] === 'taxRate') {
// 不含税单价
list.value[index].noTaxPrice =
(list.value[index].unitPrice || 0) / ((changes[0][3] || 0) / 100 + 1)
// 不含税金额
list.value[index].noTaxAmount =
(list.value[index].noTaxPrice || 0) * (list.value[index].quantity || 0)
}
}
},
}
// 多品名表格
const moreSettings = {
height: '200',
width: '100%',
autoWrapRow: true,
autoWrapCol: true,
// 每行的高度
rowHeights: 32,
// 如果通过复制或者填写校验出现错误，清空输入框
afterValidate: function (isValid, value, row, prop, source) {
if (!isValid) {
hotTb.value.hotInstance.setDataAtRowProp(row, prop, '')
}
},
columns: moreColumns,
// 此行直接复制，必须(非商用)
licenseKey: 'non-commercial-and-evaluation',
// 定义所有单元格发生变化的回调处理
afterChange(changes, source) {
console.log(changes, source)
},
}
const moreSelectLoad = ref(true) const moreSelectLoad = ref(true)
// 选中数据 // 选中数据
const moreSelectNum = ref() const moreSelectNum = ref()
@ -953,40 +805,7 @@
}) })
} }
}) })
const moreTSettings = {
height: '200',
width: '100%',
autoWrapRow: true,
autoWrapCol: true,
// 每行的高度
rowHeights: 32,
columns: moreTColumns,
// 此行直接复制，必须(非商用)
licenseKey: 'non-commercial-and-evaluation',
// 定义所有单元格发生变化的回调处理
afterChange(changes, source) {
if (source === 'edit' || source === 'Autofill.fill' || source === 'CopyPaste.paste') {
// 控制表格单选
if (changes[0][1] == 'selected' && changes[0][3]) {
let Arr: any = []
moreTList.value.forEach((e, i) => {
if (i !== changes[0][0]) {
Arr.push({ ...e, selected: false })
} else {
moreSelectNum.value = i
Arr.push({ ...e, selected: true })
}
})
moreTList.value.splice(0)
Arr.forEach((e) => {
moreTList.value.push(e)
})
}
console.log(moreTList.value)
console.log(changes, source)
}
},
}
// 添加行 // 添加行
function addboxLine() { function addboxLine() {
list.value.push({}) list.value.push({})
@ -2324,7 +2143,92 @@
}) })
return str return str
} }
// 表格配置项
const settings = {
height: '400',
width: '100%',
autoWrapRow: true,
autoWrapCol: true,
// 每行的高度
rowHeights: 32,
// 需要隐藏的列
// hiddenColumns: {
// columns: [1],
// indicators: true,
// },
// 如果通过复制或者填写校验出现错误，清空输入框
afterValidate: function (isValid, value, row, prop, source) {
if (!isValid) {
hotTb.value.hotInstance.setDataAtRowProp(row, prop, '')
}
},
columns: columns,
// 此行直接复制，必须(非商用)
licenseKey: 'non-commercial-and-evaluation',
// 定义所有单元格发生变化的回调处理
afterChange(changes, source) {
// 这里定义了编辑，自动填充和拷贝数据的处理逻辑
if (source === 'edit' || source === 'Autofill.fill' || source === 'CopyPaste.paste') {
console.log(changes, source)
}
},
}
const moreTSettings = {
height: '200',
width: '100%',
autoWrapRow: true,
autoWrapCol: true,
// 每行的高度
rowHeights: 32,
columns: moreTColumns,
// 此行直接复制，必须(非商用)
licenseKey: 'non-commercial-and-evaluation',
// 定义所有单元格发生变化的回调处理
afterChange(changes, source) {
if (source === 'edit' || source === 'Autofill.fill' || source === 'CopyPaste.paste') {
// 控制表格单选
if (changes[0][1] == 'selected' && changes[0][3]) {
let Arr: any = []
moreTList.value.forEach((e, i) => {
if (i !== changes[0][0]) {
Arr.push({ ...e, selected: false })
} else {
moreSelectNum.value = i
Arr.push({ ...e, selected: true })
}
})
moreTList.value.splice(0)
Arr.forEach((e) => {
moreTList.value.push(e)
})
}
console.log(moreTList.value)
console.log(changes, source)
}
},
}
// 多品名表格
const moreSettings = {
height: '200',
width: '100%',
autoWrapRow: true,
autoWrapCol: true,
// 每行的高度
rowHeights: 32,
// 如果通过复制或者填写校验出现错误，清空输入框
afterValidate: function (isValid, value, row, prop, source) {
if (!isValid) {
hotTb.value.hotInstance.setDataAtRowProp(row, prop, '')
}
},
columns: moreColumns,
// 此行直接复制，必须(非商用)
licenseKey: 'non-commercial-and-evaluation',
// 定义所有单元格发生变化的回调处理
afterChange(changes, source) {
console.log(changes, source)
},
}
defineExpose({ defineExpose({
list, list,
}) })

2
src/views/operation/seaexport/detail/modules/operationArea.vue
Unescape Escape View File

@ -889,7 +889,7 @@
function copyBooking() { function copyBooking() {
emit('copy') emit('copy')
} }
// 打印
function FSnhowPrintModal() { function FSnhowPrintModal() {
cateCode.value = 'zhudan_print' cateCode.value = 'zhudan_print'
let DprintType = '' let DprintType = ''

16
src/views/operation/seaexport/detail/modules/rightContent.vue
Unescape Escape View File

@ -674,7 +674,21 @@
const attachName = ref('') const attachName = ref('')
const bookingAttachType: Ref<Array<any>> = ref([]) const bookingAttachType: Ref<Array<any>> = ref([])
const atdLoading = ref(false) const atdLoading = ref(false)
init() watch(
() => props.id,
(nval, oval) => {
console.log(nval, oval, 11111111111111111111111111111111)
if (nval) {
init()
} else {
RemarkList.value = []
}
},
{
immediate: true,
},
)
function init() { function init() {
Getremark() Getremark()
} }

118
src/views/operation/seaexport/index.vue
Unescape Escape View File

@ -1348,6 +1348,7 @@
:label-col="{ span: 5 }" :label-col="{ span: 5 }"
:wrapper-col="{ span: 12 }" :wrapper-col="{ span: 12 }"
@submit="handleSubmitCopyMore" @submit="handleSubmitCopyMore"
:style="{ padding: '10px' }"
> >
<a-form-item <a-form-item
label="数量" label="数量"
@ -1765,15 +1766,20 @@
} }
// 删除方法 // 删除方法
function deleteBookingOrder(arr) { function deleteBookingOrder(arr) {
let api = '' // let api = ''
// arr.forEach((e, i) => {
// if (i == 0) {
// api = `?Ids=${e}`
// } else {
// api = `${api}&Ids=${e}`
// }
// })
// console.log(api);
let api = []
arr.forEach((e, i) => { arr.forEach((e, i) => {
if (i == 0) { api.push(e)
api = `?Ids=${e}`
} else {
api = `${api}&Ids=${e}`
}
}) })
SeaExportBatchDel(api) SeaExportBatchDel({ ids: api })
.then((res) => { .then((res) => {
if (res.succeeded) { if (res.succeeded) {
notification.success({ message: '删除成功', duration: 3 }) notification.success({ message: '删除成功', duration: 3 })
@ -1975,11 +1981,11 @@
height: '50px', height: '50px',
lineHeight: '50px', lineHeight: '50px',
}) })
const copyMoreFlag = ref(false)
const copyMoreForm = reactive({ const copyMoreForm = reactive({
number: '', number: 1,
}) })
const RefcopyMoreForm = ref()
const RefeditingForm = ref() const RefeditingForm = ref()
const editingForm = reactive({ const editingForm = reactive({
vessel: '', vessel: '',
@ -2119,11 +2125,60 @@
onresize() onresize()
}) })
// ==================================================== // ====================================================
// 新建
function addBooking() { function addBooking() {
addNum.value = Math.round(Math.random() * 1000) addNum.value = Math.round(Math.random() * 1000)
go(`/BookingDetail?addNum=${addNum.value}`) go(`/BookingDetail?addNum=${addNum.value}`)
} }
// 复制
function copyBooking() {
const select = getSelectRows()
const pkIdArr = select.map((item, index) => {
return item.id
})
if (pkIdArr.length > 1) {
notification.error({ message: '请选择一条数据', duration: 3 })
return false
} else if (pkIdArr.length === 0) {
notification.error({ message: '请至少选择一条数据', duration: 3 })
return false
}
go(`/BookingDetail?id=${pkIdArr[0]}&isCopy=${true}`)
}
// 复制多票
const copyMoreFlag = ref(false)
function copyBookingMore() {
const select = getSelectRows()
const pkIdArr = select.map((item, index) => {
return item.id
})
if (pkIdArr.length > 1) {
notification.error({ message: '请选择一条数据', duration: 3 })
return false
} else if (pkIdArr.length === 0) {
notification.error({ message: '请至少选择一条数据', duration: 3 })
return false
}
copyMoreFlag.value = true
}
const RefcopyMoreForm = ref()
function handleSubmitCopyMore(e) {
const select = getSelectRows()
const pkIdArr = select.map((item) => {
return item.id
})
for (let index = 0; index < copyMoreForm.number; index++) {
setTimeout(() => {
console.log(`/?id=${pkIdArr[0]}&isCopy=${true}&copyId=${index}`)
router.push({
path: '/BookingDetail',
query: { id: pkIdArr[0], isCopy: true, copyId: index },
})
}, 100)
}
copyMoreFlag.value = false
}
// ==================================================== // ====================================================
function getListByone(listId, listIndex) { function getListByone(listId, listIndex) {
PageDataByBooking({ id: listId }).then((res) => { PageDataByBooking({ id: listId }).then((res) => {
@ -2664,47 +2719,6 @@
return GetTenantLineList return GetTenantLineList
} }
} }
function copyBooking() {
const select = xGrid.value.getCheckboxRecords()
const pkIdArr = select.map((item, index) => {
return item.id
})
if (pkIdArr.length > 1) {
notification.error({ message: '请选择一条数据', duration: 3 })
return false
} else if (pkIdArr.length === 0) {
notification.error({ message: '请至少选择一条数据', duration: 3 })
return false
}
go(`/BookingDetail?id=${pkIdArr[0]}&isCopy=${true}`)
}
function copyBookingMore() {
const select = xGrid.value.getCheckboxRecords()
const pkIdArr = select.map((item, index) => {
return item.id
})
if (pkIdArr.length > 1) {
notification.error({ message: '请选择一条数据', duration: 3 })
return false
} else if (pkIdArr.length === 0) {
notification.error({ message: '请至少选择一条数据', duration: 3 })
return false
}
copyMoreFlag.value = true
}
function handleSubmitCopyMore(e) {
e.preventDefault()
RefcopyMoreForm.value.validateFields((err, values) => {
if (!err) {
const select = xGrid.value.getCheckboxRecords()
const pkIdArr = select.map((item, index) => {
return item.id
})
appStore.setcopyPages({ number: values.number, path: pkIdArr[0] })
copyMoreFlag.value = false
}
})
}
function editingHandleOk() { function editingHandleOk() {
RefeditingForm.value.validateFields((errors, values) => { RefeditingForm.value.validateFields((errors, values) => {

Write Preview
Loading…
Cancel
Save