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