回填联系人

src/components/Form/src/hooks/useForm.ts

@@ -107,6 +107,11 @@ export function useForm(props?: Props): UseFormReturnType {
       return form.submit()
     },
 
+    linkageForm: async (): Promise<any> => {
+      const form = await getForm()
+      return form.linkageForm()
+    },
+
     validate: async (nameList?: NamePath[]): Promise<Recordable> => {
       const form = await getForm()
       return form.validate(nameList)

src/views/operation/seaexport/detail/modules/PersonModal.vue

@@ -37,6 +37,8 @@
   import { BasicModal, useModalInner } from '/@/components/Modal'
   import { BasicForm, useForm } from '/@/components/Form/index'
   import { getDictOption } from '/@/utils/dictUtil'
+  // 编辑往来单位联系人
+  import { ApiEdit } from '/@/views/baseinfo/infoclient/menu2/api'
   import emitter from '/@/utils/Bus'
   // 表单字段数据
   import { personFormSchema } from './baseInfo'
@@ -91,10 +93,11 @@
   })
   let changeType = ''
   // 选择客户属性带出客户名称
-  const linkageForm = (v) => {
+  const linkageForm = (item) => {
-    console.log(v)
+    if (item.key == 'customerType') {
-    changeType = v
+      changeType = item.value
-    emit('getBaseInfo', v)
+      emit('getBaseInfo', item.value)
+    }
   }
   const getTitle = computed(() => (!unref(isUpdate) ? '新增' : '编辑'))
   // 选择联系人
@@ -107,6 +110,19 @@
   async function handleSave(exit) {
     try {
       const values = await validate()
+      // const postData = {}
+      // postData['clientId'] = values.customerId
+      // postData['tel'] = values.tel
+      // postData['email'] = values.email
+      // postData['note'] = values.note
+      // postData['name'] = values.name
+      // if (values.customerContactId) {
+      //   // 正常保存联系人
+      //   postData['id'] = values.customerContactId
+      // }
+      // ApiEdit(postData).then(res => {
+      //   console.log(res)
+      // })
       values['businessId'] = id.value
       loading.value = true
       setModalProps({ confirmLoading: true, loading: true })

src/views/operation/seaexport/detail/modules/baseInfo.tsx

@@ -1717,7 +1717,6 @@ export const cargoInfoFormSchema2: FormSchema[] = [
     label: '',
     field: 'isPreOrder',
     component: 'Input',
-    defaultValue: false,
     show: false
   },
   {
@@ -1730,7 +1729,7 @@ export const cargoInfoFormSchema2: FormSchema[] = [
     show: ({ values }) => {
       return !values.isPreOrder
     },
-    defaultValue: null,
+    // defaultValue: '',
     colProps: { span: 12 },
     componentProps: ({ formModel }) => {
       return {
@@ -2082,7 +2081,7 @@ export const otherInfoFormSchema: FormSchema[] = [
     required: false,
     dynamicDisabled: false,
     colProps: { span: 12 },
-    componentProps: ({ formModel }) => {
+    componentProps: ({ formModel, formActionType }) => {
       return {
         api: GetCustomerServiceList,
         labelField: 'pinYinCode',
@@ -2093,6 +2092,7 @@ export const otherInfoFormSchema: FormSchema[] = [
         immediate: false,
         resultField: 'data',
         onChange: (e, obj) => {
+          formActionType ? formActionType.linkageForm({ key: 'operatorName', value: obj}) : null
           if (e && obj) {
             formModel.operatorId = obj.id
           }
@@ -2705,7 +2705,7 @@ export const personFormSchema: FormSchema[] = [
           formModel.name = ''
           formModel.email = ''
           formModel.tel = ''
-          formActionType ? formActionType.linkageForm(v) : null
+          formActionType ? formActionType.linkageForm({ key: 'customerType', value: v }) : null
         },
       }
     },
@@ -2713,7 +2713,7 @@ export const personFormSchema: FormSchema[] = [
   {
     field: 'customerId',
     label: '客户名称',
-    defaultValue: '',
+    defaultValue: null,
     component: 'Select',
     colProps: { span: 12 },
     componentProps: ({ formModel }) => {
@@ -2730,6 +2730,7 @@ export const personFormSchema: FormSchema[] = [
             formModel.email = ''
             formModel.tel = ''
           }
+          console.log(v, 222)
           // 设置关系人下拉
           GetOrderContactListByClientId({ id: v }).then(res => {
             personList.value = res.data.map(item => {
@@ -2740,6 +2741,7 @@ export const personFormSchema: FormSchema[] = [
                 mobile: item.mobile
               }
             })
+            console.log(personList.value)
           })
         }
       }
@@ -2752,26 +2754,30 @@ export const personFormSchema: FormSchema[] = [
     show: false
   },
   {
-    field: 'customerContactId',
+    field: 'name',
     label: '联系人',
-    component: 'Select',
+    component: 'ApiSelect',
     required: false,
     dynamicDisabled: false,
     colProps: { span: 12 },
-    componentProps: ({ formModel }) => {
+    componentProps: ({ formModel, formActionType }) => {
       return {
-        options: personList.value,
+        option: personList.value,
+        mode: 'SECRET_COMBOBOX_MODE_DO_NOT_USE',
+        labelField: 'label',
+        valueField: 'label',
+        immediate: false,
         filterOption: (input: string, option: any) => {
           return option.label.toLowerCase().indexOf(input.toLowerCase()) >= 0
         },
-        mode: 'SECRET_COMBOBOX_MODE_DO_NOT_USE',
         onChange: (v, obj) => {
-          if (obj) {
+          if (v && obj) {
-            formModel.name = obj.label
+            formModel.customerContactId = obj.value
             formModel.email = obj.email
             formModel.mobile = obj.mobile
-          } else {
+          }
-            formModel.name = null
+          if (!v && (!obj || obj == {})){
+            formModel.customerContactId = null
             formModel.email = null
             formModel.mobile = null
           }
@@ -2780,7 +2786,7 @@ export const personFormSchema: FormSchema[] = [
     }
   },
   {
-    field: 'name',
+    field: 'customerContactId',
     label: '',
     component: 'Input',
     show: false
@@ -2813,7 +2819,12 @@ export const personFormSchema: FormSchema[] = [
     label: '备注',
     defaultValue: '',
     component: 'InputTextArea',
-    colProps: { span: 24 }
+    colProps: { span: 24 },
+    componentProps: {
+      autoSize: {
+        minRows: 10
+      }
+    }
   }
 ]
 

src/views/operation/seaexport/detail/modules/cargoInfo.vue

@@ -16,18 +16,6 @@
           </a-button>
         </a-dropdown>
       </h4>
-      <!-- <ConfigForm
-        v-if="source == 'edit' && !isPreOrder"
-        style="position: absolute; right: 0; top: -5px;"
-        :form-schema="cargoInfoFormSchema2"
-        name="货物信息"
-        formNo="12"
-      >
-        <a-button type="link">
-          <span class="iconfont icon-icon_tianjia"></span>
-          添加到表单设置
-        </a-button>
-      </ConfigForm> -->
     </div>
     <a-row :gutter="15">
       <a-col :span="24">
@@ -93,7 +81,7 @@
         </BasicForm>
       </a-col>
     </a-row>
-    <a-modal
+    <!-- <a-modal
       :visible="visible"
       :maskClosable="false"
       title="品名维护"
@@ -102,7 +90,7 @@
       @cancel="visible = false"
     >
       <GoodsTable source="modal"></GoodsTable>
-    </a-modal>
+    </a-modal> -->
   </div>
 </template>
 <script lang="ts" setup>
@@ -132,9 +120,6 @@
         cargoId: 'S'
       }
     },
-    rules: { type: Object, default: {} },
-    isLockBooking: { type: Boolean, default: false },
-    inSave: { type: Boolean, default: false },
     isPreOrder: { type: Boolean, default: false }, // 预配舱单页面使用
   })
   // 货物标识实时名称

src/views/operation/seaexport/detail/modules/ediMore.vue

@@ -19,6 +19,7 @@
 <script lang="ts" setup>
   import { BasicForm, useForm } from '/@/components/Form/index'
   import { ediMoreFormSchema } from './baseInfo.tsx'
+  import emitter from '/@/utils/Bus'
   import { Divider } from 'ant-design-vue'
   import { ref, watch, defineProps, defineExpose, onMounted } from 'vue'
   import { useRoute } from 'vue-router'
@@ -61,11 +62,15 @@
   //   props.details[type] = value || ''
   // }
   onMounted(() => {
-    // if (source.value != 'edit') {
+    emitter.on('setEdiForm', (v) => {
-    //   ediMoreFormSchema.forEach(item => {
+      const form = {}
-    //     item.dynamicDisabled = true
+      if (v.userEnName) form['opEName'] = v.userEnName
-    //   })
+      if (v.phone) form['opTel'] = v.phone
-    // }
+      if (v.email) form['opEmail'] = v.email
+      setFieldsValue({
+        ...form
+      })
+    })
   })
   defineExpose({
     // RefediFrom,

src/views/operation/seaexport/detail/modules/otherInfo.vue

@@ -32,7 +32,7 @@
         <span class="iconfont" :class="{ 'icon-locksuo': details.isBusinessLocking, 'icon-a-jiesuo1_jiesuo': !details.isBusinessLocking }"> 业务</span>
         <span class="iconfont ml15" :class="{ 'icon-locksuo': details.isFeeLocking, 'icon-a-jiesuo1_jiesuo': !details.isFeeLocking }"> 费用</span>
       </div>
-      <BasicForm @register="registerForm">
+      <BasicForm @register="registerForm" @linkageForm="linkageForm">
       </BasicForm>
       <slot></slot>
       <!-- <ConfigForm
@@ -144,6 +144,12 @@
       })
     })
   })
+  // 带出edi操作信息
+  const linkageForm = (item) => {
+    if (item.key === 'operatorName') {
+      emitter.emit('setEdiForm' , item.value)
+    }
+  }
   defineExpose({
     // RefbasicFrom,
     getFieldsValue,