海运出口详情bug

src/layouts/default/tabs/components/TabContent.vue

@@ -7,7 +7,7 @@
     @menu-event="handleMenuEvent"
   >
     <div v-if="getIsTabs" :class="`${prefixCls}__info`" @contextmenu="handleContext">
-      <span class="ml-1">{{ getTitle }}</span>
+      <span class="ml-1">{{ RText(getTitle) }}</span>
     </div>
     <span v-else :class="`${prefixCls}__extra-quick`" @click="handleContext">
       <Icon icon="ion:chevron-down" />
@@ -46,29 +46,29 @@
         const { tabItem: { meta } = {} } = props
         return meta && t(meta.title as string)
       })
-      // function RText(data) {
-      //   let Rdata = ''
-      //   if (data == '海运出口-详情') {
-      //     if (props.tabItem.query.isCopy) {
-      //       if (props.tabItem.query.copyId) {
-      //         Rdata = `海运出口-复制${Number(props.tabItem.query.copyId) + 1}`
-      //       } else {
-      //         Rdata = '海运出口-复制'
-      //       }
-      //     } else if (props.tabItem.query.mblno) {
-      //       Rdata = `${props.tabItem.query.mblno}-详情`
-      //     } else if (props.tabItem.query.customerNo) {
-      //       Rdata = `${props.tabItem.query.customerNo}-详情`
-      //     } else if (props.tabItem.query.addNum) {
-      //       Rdata = '海运出口-新增'
-      //     } else {
-      //       Rdata = '海运出口-详情'
-      //     }
-      //   } else {
-      //     Rdata = data
-      //   }
-      //   return Rdata
-      // }
+      function RText(data) {
+        let Rdata = ''
+        if (data == '海运出口-详情') {
+          if (props.tabItem.query.isCopy) {
+            if (props.tabItem.query.copyId) {
+              Rdata = `海运出口-复制${Number(props.tabItem.query.copyId) + 1}`
+            } else {
+              Rdata = '海运出口-复制'
+            }
+          } else if (props.tabItem.query.mblno) {
+            Rdata = `${props.tabItem.query.mblno}-详情`
+          } else if (props.tabItem.query.customerNo) {
+            Rdata = `${props.tabItem.query.customerNo}-详情`
+          } else if (props.tabItem.query.addNum) {
+            Rdata = '海运出口-新增'
+          } else {
+            Rdata = '海运出口-详情'
+          }
+        } else {
+          Rdata = data
+        }
+        return Rdata
+      }
       const getIsTabs = computed(() => !props.isExtra)
 
       const getTrigger = computed((): ('contextmenu' | 'click' | 'hover')[] =>
@@ -94,7 +94,7 @@
         getTrigger,
         getIsTabs,
         getTitle,
-        // RText,
+        RText,
       }
     },
   })

src/views/operation/seaexport/columns.tsx

@@ -528,7 +528,7 @@ export const columns: BasicColumn[] = [
     width: 150,
   },
   {
-    title: '订舱代理',
+    title: '订舱口',
     dataIndex: 'forwarder',
     sorter: true,
     width: 150,
@@ -1412,13 +1412,13 @@ export const BatchModificationFormSchema: FormSchema[] = [
     },
   },
   {
-    label: '订舱代理',
+    label: '',
     field: 'forwarder',
     component: 'Input',
     show: false,
   },
   {
-    label: '订舱代理',
+    label: '订舱口',
     field: 'forwarderId',
     component: 'ApiSelect',
     required: false,

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

@@ -768,6 +768,7 @@ export const mailingInfoFormSchemaR: FormSchema[] = [
     colProps: { span: 5 },
     componentProps: {
       allowClear: true,
+      showTime: true,
       valueFormat: 'YYYY-MM-DD HH:mm'
     },
   },
@@ -1721,8 +1722,9 @@ export const cargoInfoFormSchema2: FormSchema[] = [
     componentProps: ({ formModel }) => {
       return {
         api: GetClientGoodsList,
-        labelField: 'goodName',
+        labelField: 'pinYinCode',
         valueField: 'goodName',
+        showName: 'goodName',
         immediate: false,
         resultField: 'data',
         onChange: (v, obj) => {
@@ -2292,12 +2294,9 @@ export const otherInfoFormSchema: FormSchema[] = [
     component: 'ApiSelect',
     required: false,
     dynamicDisabled: false,
-    // defaultValue: '',
     colProps: { span: 12 },
-    componentProps: ({ formActionType, formModel }) => {
+    componentProps: ({ formModel }) => {
       return {
-        allowClear: true,
-        showSearch: true,
         option: optionsStore.getOptionsByCode('GetClientSourceSelectList'),
         labelField: 'sourceName',
         valueField: 'id',
@@ -2307,53 +2306,52 @@ export const otherInfoFormSchema: FormSchema[] = [
         onChange: async (e, obj) => {
           if (e && obj) {
             formModel.sourceCode = obj.sourceCode
+            formModel.sourceDetailId = null
+            formModel.sourceDetailName = null
           }
           if (!e && !obj) {
             formModel.sourceCode = null
           }
-          if (e) {
-            if (formActionType) {
-              const { updateSchema } = formActionType
-              let Arr: any = []
-              await GetClientSourceDetailSelectList({ id: e }).then((res) => {
-                res.data.forEach((item) => {
-                  Arr.push({ label: item.detailName, value: item.id })
-                })
-              })
-              updateSchema({
+        },
+      }
+    },
+  },
+  {
     label: '来源明细',
-                field: 'sourceDetailId',
-                component: 'Select',
+    field: 'sourceDetailName',
+    component: 'ApiSelect',
     required: false,
     dynamicDisabled: ({ values }) => {
       return !values.sourceId
     },
     colProps: { span: 12 },
-                componentProps: {
-                  allowClear: true,
-                  options: Arr,
-                  showSearch: true,
-                  filterOption: (input: string, option: any) => {
-                    return option.label.toLowerCase().indexOf(input.toLowerCase()) >= 0
-                  },
+    componentProps: ({ formModel }) => {
+      return {
+        api: GetClientSourceDetailSelectList,
+        params: {
+          id: formModel.sourceId
         },
-              })
+        immediate: false,
+        labelField: 'detailName',
+        valueField: 'detailName',
+        resultField: 'data',
+        onChange: (v, obj) => {
+          if (v && obj) {
+            console.log(obj)
+            formModel.sourceDetailId = obj.id
+          }
+          if (!v && !obj) {
+            formModel.sourceDetailId = null
+          }
         }
       }
-          formModel.sourceDetailId = ''
-        },
     }
-    },
   },
   {
-    label: '来源明细',
+    label: '',
     field: 'sourceDetailId',
-    component: 'Select',
-    required: false,
-    dynamicDisabled: ({ values }) => {
-      return !values.sourceId
-    },
-    colProps: { span: 12 },
+    component: 'Input',
+    show: false,
   },
   {
     label: '',

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

@@ -18,7 +18,7 @@
       </a-button>
     </ConfigForm>
     <div>
-      <input ref="customerNoRef" :style="{width: `${formData.customerNo.length * 7}px`}" class="customerNo" v-model="formData.customerNo"/>
+      <input ref="customerNoRef" :style="{width: `${formData.customerNo?.length * 7}px`}" class="customerNo" v-model="formData.customerNo"/>
       <span @click="editCustomerNo" class="iconfont icon-bianji1"></span>
       <Divider type="vertical"/>
       <a-dropdown>

src/views/operation/seaexport/index.vue

@@ -449,7 +449,7 @@ const [registerTable, { reload, getForm, setLoading, getSelectRows }] = useTable
 })
 function editColumns(row) {
   if (row.mblno) {
-    go(`/BookingDetail?id=${row.id}&source=edit`)
+    go(`/BookingDetail?id=${row.id}&source=edit&mblno=${row.mblno}`)
   } else {
     go(`/BookingDetail?id=${row.id}&customerNo=${row.customerNo}&source=edit`)
   }

src/views/operation/seaexport/modules/initData.js

@@ -266,7 +266,7 @@ export default {
     { field: 'shipagency', label: 'SHIPAGENCY', width: 160, title: '船代', showHeaderOverflow: true, sortable: true },
     { field: 'custno', label: 'CUSTNO', width: 160, title: '订舱编号', showHeaderOverflow: true, sortable: true, slots: { default: 'custno' } },
     // { field: 'vgm', label: 'VGM', width: 120, title: 'VGM', showHeaderOverflow: true },
-    { field: 'forwarder', label: 'FORWARDER', width: 120, title: '订舱代理', showHeaderOverflow: true, sortable: true },
+    { field: 'forwarder', label: 'FORWARDER', width: 120, title: '订舱口', showHeaderOverflow: true, sortable: true },
     // { field: 'bookingStatus', label: 'BOOKINGSTATUS', width: 120, title: '订舱状态', showHeaderOverflow: true },
     {
       field: 'freightpayer',
@@ -533,7 +533,7 @@ export default {
       showLabel: 'enName',
       showLabel2: 'cnName'
     },
-    { title: '订舱代理', align: 'center', width: 120, label: 'FORWARDER', type: 'complete', showLabel: 'shortName' },
+    { title: '订舱口', align: 'center', width: 120, label: 'FORWARDER', type: 'complete', showLabel: 'shortName' },
     {
       title: '场站',
       align: 'center',