Merge branch 'dev' of http://60.209.125.238:20010/lijingjia/ds-wms-client-web into dev
commit
13bdb47606
@ -1,343 +0,0 @@
|
|||||||
|
|
||||||
import { ref } from 'vue'
|
|
||||||
import { BasicColumn, FormSchema } from '/@/components/Table'
|
|
||||||
import { GetControllerClientList, GetSaleUserList,GetCustomerServiceList,GetVouchingClerkList } from '/@/views/operation/seaexport/api/BookingLedger'
|
|
||||||
import { GetCtnSelectList } from '/@/api/common'
|
|
||||||
import { getDictOption } from '/@/utils/dictUtil'
|
|
||||||
import { useOptionsStore } from '/@/store/modules/options'
|
|
||||||
import { getOptions } from '/@/hooks/dict'
|
|
||||||
import { GetClientInfoWithContact } from './api'
|
|
||||||
import dayjs from 'dayjs';
|
|
||||||
const customerContactAllList = ref([]) //接口获取的联系人信息
|
|
||||||
//详情表单
|
|
||||||
export const formSchema: FormSchema[] = [
|
|
||||||
{
|
|
||||||
label: '',
|
|
||||||
field: 'id',
|
|
||||||
component: 'Input',
|
|
||||||
defaultValue: '',
|
|
||||||
show: false,
|
|
||||||
},
|
|
||||||
{
|
|
||||||
field: 'slotNo',
|
|
||||||
label: '订舱编号',
|
|
||||||
component: 'Input',
|
|
||||||
slot: 'slotNo',
|
|
||||||
colProps: { span: 24 },
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: '委托单位',
|
|
||||||
field: 'customerId',
|
|
||||||
component: 'ApiSelect',
|
|
||||||
required: false,
|
|
||||||
dynamicDisabled: false,
|
|
||||||
colProps: { span: 12 },
|
|
||||||
componentProps: ({ formModel }) => {
|
|
||||||
return {
|
|
||||||
api: () => {
|
|
||||||
return new Promise((resolve) => {
|
|
||||||
GetControllerClientList().then((res) => {
|
|
||||||
resolve(res)
|
|
||||||
})
|
|
||||||
})
|
|
||||||
},
|
|
||||||
immediate: false,
|
|
||||||
labelField: 'shortName',
|
|
||||||
valueField: 'id',
|
|
||||||
resultField: 'data',
|
|
||||||
filterOption: (input: string, option: any) => {
|
|
||||||
return option.label.toLowerCase().indexOf(input.toLowerCase()) >= 0
|
|
||||||
},
|
|
||||||
onChange: (e, obj) => {
|
|
||||||
if (obj) {
|
|
||||||
formModel.customerName = obj.label
|
|
||||||
const data = {
|
|
||||||
"clientId": obj.value,
|
|
||||||
"isController": true
|
|
||||||
}
|
|
||||||
GetClientInfoWithContact(data).then(res=>{
|
|
||||||
customerContactAllList.value = res.data.clientContactList
|
|
||||||
if(res.data.saleId){
|
|
||||||
formModel.saleId = res.data.saleId
|
|
||||||
}
|
|
||||||
if(res.data.op){
|
|
||||||
formModel.operatorId = res.data.op
|
|
||||||
}
|
|
||||||
if(res.data.doc){
|
|
||||||
formModel.docId = res.data.doc
|
|
||||||
}
|
|
||||||
if(res.data.customerService){
|
|
||||||
formModel.custserviceId = res.data.customerService
|
|
||||||
}
|
|
||||||
})
|
|
||||||
}
|
|
||||||
if (!obj && !e) {
|
|
||||||
formModel.customerName = ''
|
|
||||||
}
|
|
||||||
},
|
|
||||||
}
|
|
||||||
},
|
|
||||||
},
|
|
||||||
{
|
|
||||||
field: 'customerContactId',
|
|
||||||
label: '联系人',
|
|
||||||
component: 'Select',
|
|
||||||
componentProps: ({ formModel }) => {
|
|
||||||
return {
|
|
||||||
mode: "multiple",
|
|
||||||
fieldNames:{
|
|
||||||
label:'shortName',
|
|
||||||
value: 'id',
|
|
||||||
},
|
|
||||||
options:customerContactAllList.value,
|
|
||||||
onChange: (e, obj) => {
|
|
||||||
if (obj) {
|
|
||||||
formModel.customerContactList = obj
|
|
||||||
}
|
|
||||||
if (!obj && !e) {
|
|
||||||
formModel.customerContactList = []
|
|
||||||
}
|
|
||||||
},
|
|
||||||
}
|
|
||||||
},
|
|
||||||
colProps: { span: 12 },
|
|
||||||
},
|
|
||||||
{
|
|
||||||
field: 'customerContactList',
|
|
||||||
label: '联系人信息',
|
|
||||||
slot: 'customerContactList',
|
|
||||||
component: 'Input',
|
|
||||||
show: ({ values }) => {
|
|
||||||
console.log(values)
|
|
||||||
if(values.customerContactList && values.customerContactList.length>0){
|
|
||||||
return true
|
|
||||||
}
|
|
||||||
},
|
|
||||||
colProps: { span: 24 },
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: '销售',
|
|
||||||
field: 'saleId',
|
|
||||||
component: 'ApiSelect',
|
|
||||||
colProps: { span: 6 },
|
|
||||||
componentProps: ({ formModel }) => {
|
|
||||||
return {
|
|
||||||
api: GetSaleUserList,
|
|
||||||
labelField: 'userName',
|
|
||||||
valueField: 'id',
|
|
||||||
resultField: 'data',
|
|
||||||
filterOption: (input: string, option: any) => {
|
|
||||||
return option.label.toLowerCase().indexOf(input.toLowerCase()) >= 0
|
|
||||||
},
|
|
||||||
onChange: (e, obj) => {
|
|
||||||
if (obj) {
|
|
||||||
formModel.saleName = obj.label
|
|
||||||
}
|
|
||||||
if (!obj && !e) {
|
|
||||||
formModel.saleName = ''
|
|
||||||
}
|
|
||||||
},
|
|
||||||
}
|
|
||||||
},
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: '操作',
|
|
||||||
field: 'operatorId',
|
|
||||||
component: 'ApiSelect',
|
|
||||||
colProps: { span: 6 },
|
|
||||||
componentProps: ({ formModel }) => {
|
|
||||||
return {
|
|
||||||
api: GetSaleUserList,
|
|
||||||
labelField: 'userName',
|
|
||||||
valueField: 'id',
|
|
||||||
resultField: 'data',
|
|
||||||
filterOption: (input: string, option: any) => {
|
|
||||||
return option.label.toLowerCase().indexOf(input.toLowerCase()) >= 0
|
|
||||||
},
|
|
||||||
onChange: (e, obj) => {
|
|
||||||
if (obj) {
|
|
||||||
formModel.opName = obj.label
|
|
||||||
|
|
||||||
}
|
|
||||||
if (!obj && !e) {
|
|
||||||
formModel.opName = ''
|
|
||||||
}
|
|
||||||
},
|
|
||||||
}
|
|
||||||
},
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: '单证',
|
|
||||||
field: 'docId',
|
|
||||||
component: 'ApiSelect',
|
|
||||||
colProps: { span: 6 },
|
|
||||||
componentProps: ({ formModel }) => {
|
|
||||||
return {
|
|
||||||
api: GetVouchingClerkList,
|
|
||||||
labelField: 'userName',
|
|
||||||
valueField: 'id',
|
|
||||||
resultField: 'data',
|
|
||||||
filterOption: (input: string, option: any) => {
|
|
||||||
return option.label.toLowerCase().indexOf(input.toLowerCase()) >= 0
|
|
||||||
},
|
|
||||||
onChange: (e, obj) => {
|
|
||||||
if (obj) {
|
|
||||||
formModel.docName = obj.label
|
|
||||||
|
|
||||||
}
|
|
||||||
if (!obj && !e) {
|
|
||||||
formModel.docName = ''
|
|
||||||
}
|
|
||||||
},
|
|
||||||
}
|
|
||||||
},
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: '客服',
|
|
||||||
field: 'custserviceId',
|
|
||||||
component: 'ApiSelect',
|
|
||||||
colProps: { span: 6 },
|
|
||||||
componentProps: ({ formModel }) => {
|
|
||||||
return {
|
|
||||||
api: GetCustomerServiceList,
|
|
||||||
labelField: 'userName',
|
|
||||||
valueField: 'id',
|
|
||||||
resultField: 'data',
|
|
||||||
filterOption: (input: string, option: any) => {
|
|
||||||
return option.label.toLowerCase().indexOf(input.toLowerCase()) >= 0
|
|
||||||
},
|
|
||||||
onChange: (e, obj) => {
|
|
||||||
if (obj) {
|
|
||||||
formModel.custserviceName = obj.label
|
|
||||||
|
|
||||||
}
|
|
||||||
if (!obj && !e) {
|
|
||||||
formModel.custserviceName = ''
|
|
||||||
}
|
|
||||||
},
|
|
||||||
}
|
|
||||||
},
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: '商务',
|
|
||||||
field: 'businessid',
|
|
||||||
component: 'ApiSelect',
|
|
||||||
colProps: { span: 6 },
|
|
||||||
componentProps: ({ formModel }) => {
|
|
||||||
return {
|
|
||||||
api: GetSaleUserList,
|
|
||||||
labelField: 'userName',
|
|
||||||
valueField: 'id',
|
|
||||||
resultField: 'data',
|
|
||||||
filterOption: (input: string, option: any) => {
|
|
||||||
return option.label.toLowerCase().indexOf(input.toLowerCase()) >= 0
|
|
||||||
},
|
|
||||||
onChange: (e, obj) => {
|
|
||||||
if (obj) {
|
|
||||||
formModel.business = obj.label
|
|
||||||
|
|
||||||
}
|
|
||||||
if (!obj && !e) {
|
|
||||||
formModel.business = ''
|
|
||||||
}
|
|
||||||
},
|
|
||||||
}
|
|
||||||
},
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: '航线操作',
|
|
||||||
field: 'routeID',
|
|
||||||
component: 'ApiSelect',
|
|
||||||
colProps: { span: 6 },
|
|
||||||
componentProps: ({ formModel }) => {
|
|
||||||
return {
|
|
||||||
api: GetSaleUserList,
|
|
||||||
labelField: 'userName',
|
|
||||||
valueField: 'id',
|
|
||||||
resultField: 'data',
|
|
||||||
filterOption: (input: string, option: any) => {
|
|
||||||
return option.label.toLowerCase().indexOf(input.toLowerCase()) >= 0
|
|
||||||
},
|
|
||||||
onChange: (e, obj) => {
|
|
||||||
if (obj) {
|
|
||||||
formModel.route = obj.label
|
|
||||||
|
|
||||||
}
|
|
||||||
if (!obj && !e) {
|
|
||||||
formModel.route = ''
|
|
||||||
}
|
|
||||||
},
|
|
||||||
}
|
|
||||||
},
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: '航线管理',
|
|
||||||
field: 'lineManageID',
|
|
||||||
component: 'ApiSelect',
|
|
||||||
colProps: { span: 6 },
|
|
||||||
componentProps: ({ formModel }) => {
|
|
||||||
return {
|
|
||||||
api: GetSaleUserList,
|
|
||||||
labelField: 'userName',
|
|
||||||
valueField: 'id',
|
|
||||||
resultField: 'data',
|
|
||||||
filterOption: (input: string, option: any) => {
|
|
||||||
return option.label.toLowerCase().indexOf(input.toLowerCase()) >= 0
|
|
||||||
},
|
|
||||||
onChange: (e, obj) => {
|
|
||||||
if (obj) {
|
|
||||||
formModel.lineManage = obj.label
|
|
||||||
|
|
||||||
}
|
|
||||||
if (!obj && !e) {
|
|
||||||
formModel.lineManage = ''
|
|
||||||
}
|
|
||||||
},
|
|
||||||
}
|
|
||||||
},
|
|
||||||
},
|
|
||||||
{
|
|
||||||
field: 'shipper',
|
|
||||||
label: 'SHIPPER',
|
|
||||||
component: 'Input',
|
|
||||||
colProps: { span: 6 },
|
|
||||||
},
|
|
||||||
{
|
|
||||||
field: 'goodsname',
|
|
||||||
label: '品名',
|
|
||||||
component: 'Input',
|
|
||||||
colProps: { span: 6 },
|
|
||||||
},
|
|
||||||
{
|
|
||||||
field: 'saleTime',
|
|
||||||
label: '销售日期',
|
|
||||||
component: 'DatePicker',
|
|
||||||
defaultValue: dayjs().format('YYYY-MM-DD'),
|
|
||||||
colProps: { span: 6 },
|
|
||||||
componentProps: {
|
|
||||||
allowClear: true,
|
|
||||||
valueFormat: 'YYYY-MM-DD',
|
|
||||||
format: 'YYYY-MM-DD',
|
|
||||||
},
|
|
||||||
},
|
|
||||||
{
|
|
||||||
field: 'sellingPrice',
|
|
||||||
label: '卖价',
|
|
||||||
component: 'InputNumber',
|
|
||||||
colProps: { span: 6 },
|
|
||||||
},
|
|
||||||
{
|
|
||||||
field: 'czRemark',
|
|
||||||
label: '操作备注',
|
|
||||||
component: 'Input',
|
|
||||||
colProps: { span: 24 },
|
|
||||||
},
|
|
||||||
{
|
|
||||||
field: 'shenQingXiangShi',
|
|
||||||
label: '申请箱使',
|
|
||||||
component: 'Input',
|
|
||||||
colProps: { span: 24 },
|
|
||||||
},
|
|
||||||
]
|
|
||||||
|
|
||||||
|
|
||||||
File diff suppressed because it is too large
Load Diff
Loading…
Reference in New Issue