From c2ecebb111808ec07a3b50a4c32aee405d9b66d3 Mon Sep 17 00:00:00 2001
From: lijingjia <lijj_xl@163.com>
Date: Thu, 26 Sep 2024 19:12:32 +0800
Subject: [PATCH] =?UTF-8?q?9.24=E7=A6=85=E9=81=93bug=E4=BF=AE=E5=A4=8D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/finance/paymentSettlement/api.ts    |  10 +-
 .../paymentSettlement/detail/columns.tsx      | 182 +++++++++++++++---
 .../detail/components/applyInfo.vue           |  24 ++-
 .../detail/components/businessTable.vue       |  78 ++++----
 .../detail/components/feeTable.vue            |   9 +-
 .../paymentSettlement/detail/index.vue        |  20 +-
 src/views/finance/paymentSettlement/index.vue |  18 +-
 .../operation/seaexport/detail/index.vue      |   1 +
 .../modules/Letter/OpBusinessYardDetails.vue  |   7 +-
 .../modules/Letter/OpBusinessYardEdit.vue     |   4 +-
 src/views/taskmanage/index.vue                |   1 +
 11 files changed, 247 insertions(+), 107 deletions(-)

diff --git a/src/views/finance/paymentSettlement/api.ts b/src/views/finance/paymentSettlement/api.ts
index 1296c0f0..0fd28a1e 100644
--- a/src/views/finance/paymentSettlement/api.ts
+++ b/src/views/finance/paymentSettlement/api.ts
@@ -8,9 +8,9 @@ import { request } from '/@/utils/request'
 import { DataResult, PageRequest } from '/@/api/model/baseModel'
 enum Api {
   list = '/feeApi/PaymentSettlement/GetList',
-  edit = '/mainApi/MappingYard/EditMappingYard',
+  Save = '/feeApi/PaymentSettlement/Save',
   info = '/feeApi/PaymentSettlement/Get',
-  delete = '/mainApi/MappingYard/BatchDelMappingYard',
+  delete = '/feeApi/PaymentSettlement/Delete',
   GetApplicationList = '/feeApi/PaymentSettlement/GetApplicationList',
   GetApplicationDetailsById = '/feeApi/PaymentSettlement/GetApplicationDetailsById'
 }
@@ -23,9 +23,9 @@ export function GetList(data: PageRequest) {
   })
 }
 // 编辑 (Auth)
-export function EditMappingYard(data: PageRequest) {
+export function Save(data: PageRequest) {
   return request<DataResult>({
-    url: Api.edit,
+    url: Api.Save,
     method: 'post',
     data
   })
@@ -40,7 +40,7 @@ export function Get(params) {
 }
 
 // 删除 (Auth)
-export function BatchDelMappingYard(data: PageRequest) {
+export function Delete(data: PageRequest) {
   return request<DataResult>({
     url: Api.delete,
     method: 'post',
diff --git a/src/views/finance/paymentSettlement/detail/columns.tsx b/src/views/finance/paymentSettlement/detail/columns.tsx
index b6c52c41..16806d38 100644
--- a/src/views/finance/paymentSettlement/detail/columns.tsx
+++ b/src/views/finance/paymentSettlement/detail/columns.tsx
@@ -134,16 +134,132 @@ export const businessColumns: BasicColumn[] = [
 
 // 费用表格
 export const feeColumns: BasicColumn[] = [
-
+  {
+    dataIndex: 'customerNo',
+    title: '委托编号',
+    sorter: true,
+    width: 110,
+  },
+  {
+    dataIndex: 'mblno',
+    title: '主提单号',
+    sorter: true,
+    width: 110,
+  },
+  {
+    title: '委托单位',
+    dataIndex: 'customerName',
+    sorter: true,
+    width: 120,
+  },
+  {
+    dataIndex: 'etd',
+    sorter: true,
+    title: '开船日期',
+    width: 100,
+  },
+  {
+    title: '业务来源',
+    dataIndex: 'sourceCode',
+    sorter: true,
+    width: 100,
+  },
+  {
+    title: '费用名称',
+    dataIndex: 'feeName',
+    sorter: true,
+    width: 100,
+  },
+  {
+    title: '收付',
+    dataIndex: 'feeType',
+    width: 80,
+    customRender: ({ text }) => {
+      if (text === 1) {
+        return '应收'
+      } else if (text === 2) {
+        return '应付'
+      }
+      return text
+    }
+  },
+  {
+    title: '结算金额',
+    dataIndex: 'settlementAmount',
+    width: 100,
+    sorter: true
+  },
+  {
+    title: '原始币别',
+    dataIndex: 'originalCurrency',
+    width: 100,
+    sorter: true
+  },
+  {
+    title: '原始汇率',
+    dataIndex: 'originalRate',
+    width: 100,
+    sorter: true
+  },
+  {
+    title: '原始金额',
+    dataIndex: 'originalAmount',
+    width: 100,
+    sorter: true
+  },
+  {
+    title: '发票号',
+    dataIndex: 'invoiceNO',
+    width: 100,
+    sorter: true
+  },
+  {
+    title: '揽货人',
+    dataIndex: 'saleName',
+    width: 100,
+    sorter: true
+  },
+  {
+    title: '会计期间',
+    dataIndex: 'accountDate',
+    width: 100,
+    sorter: true
+  },
+  {
+    title: '船名',
+    dataIndex: 'vessel',
+    width: 100,
+    sorter: true
+  },
+  {
+    title: '航次',
+    dataIndex: 'voyage',
+    width: 100,
+    sorter: true
+  },
 ]
 
 export const formSchema: FormSchema[] = [
   {
     field: 'id',
-    label: 'id',
+    label: '',
     component: 'Input',
     show: false
   },
+  {
+    field: 'billType',
+    label: '',
+    component: 'Input',
+    show: false,
+    defaultValue: 2
+  },
+  {
+    field: 'mode',
+    label: '',
+    component: 'Input',
+    show: false,
+    defaultValue: 1
+  },
   {
     field: 'customerName',
     label: '结算单位',
@@ -439,51 +555,46 @@ export const searchFormSchema: FormSchema[] = [
     }
   },
   {
-    label: '编号查询',
+    label: '编号检索',
     field: 'mblno:hblno:debitNo:hblno:bookingNO:customerNo',
     component: 'Input',
     dynamicDisabled: false,
     colProps: { span: 4 }
   },
   {
-    label: '编号查询',
-    field: 'mblno:hblno:debitNo',
-    component: 'Input',
-    dynamicDisabled: false,
-    colProps: { span: 4 }
-  },
-  {
-    field: 'accountDate',
-    label: '会计期间',
-    component: 'DatePicker',
+    field: 'createTime',
+    label: '申请日期',
+    component: 'RangePicker',
     colProps: { span: 4 },
     componentProps: {
       allowClear: true,
-      valueFormat: 'YYYY-MM'
+      valueFormat: 'YYYY-MM-DD'
     }
   },
   {
-    field: 'isInvoice',
-    label: '是否开票',
-    component: 'Select',
-    colProps: { span: 4 },
-    componentProps: {
-      options: [
-        { label: '是', value: true },
-        { label: '否', value: false }
-      ]
-    }
+    field: 'loadPort:dischargePort',
+    label: '装货港/卸货港',
+    component: 'Input',
+    colProps: { span: 4 }
   },
   {
-    field: 'isAdvancedPay',
-    label: '是否垫付',
-    component: 'Select',
+    field: 'currency',
+    label: '结算币别:',
+    defaultValue: null,
+    component: 'ApiSelect',
     colProps: { span: 4 },
-    componentProps: {
-      options: [
-        { label: '是', value: true },
-        { label: '否', value: false }
-      ]
+    placeholder: '原币结算',
+    componentProps: () => {
+      return {
+        allowClear: true,
+        showSearch: true,
+        option: optionsStore.getOptionsByCode('GetFeeCurrencySelectList'),
+        labelField: 'codeName',
+        valueField: 'codeName',
+        filterOption: (input: string, option: any) => {
+          return option.label.toLowerCase().indexOf(input.toLowerCase()) >= 0
+        }
+      }
     }
   },
   {
@@ -501,6 +612,13 @@ export const searchFormSchema: FormSchema[] = [
         immediate: false
       }
     }
+  },
+  {
+    label: '仅未结申请',
+    field: 'unsettledOnly',
+    component: 'Switch',
+    required: false,
+    colProps: { span: 4 }
   }
 ]
 
diff --git a/src/views/finance/paymentSettlement/detail/components/applyInfo.vue b/src/views/finance/paymentSettlement/detail/components/applyInfo.vue
index 11cf6380..ea1a1a3d 100644
--- a/src/views/finance/paymentSettlement/detail/components/applyInfo.vue
+++ b/src/views/finance/paymentSettlement/detail/components/applyInfo.vue
@@ -41,8 +41,6 @@
         />
         <div class="info">
           <feeTable
-            style="width: 350px;"
-            :tHeight="364"
             ref="feeTabel"
           ></feeTable>
         </div>
@@ -71,10 +69,11 @@
   import { columns } from './applyInfoColumns'
   // 引入附近上传组件
   import DsFile from "/@/components/File/index.vue"
-  import { BatchDelMappingYard } from '../../api'
+  import { Divider } from 'ant-design-vue'
+  // import { BatchDelMappingYard } from '../../api'
   import { exportExcelByData } from '/@/hooks/web/common'
   import { useMessage } from '/@/hooks/web/useMessage'
-  import feeTable from '/@/components/CostEntry/components/feeTable.vue'
+  import feeTable from './feeTable.vue'
   const { createMessage } = useMessage()
   import { useRoute } from 'vue-router'
   const route = useRoute()
@@ -129,12 +128,12 @@
       ids
     }
     deleteFlag.value = false
-    BatchDelMappingYard(postData).then(res => {
-      if (res.succeeded) {
-        createMessage.success('删除成功！')
-        emit('del')
-      }
-    })
+    // BatchDelMappingYard(postData).then(res => {
+    //   if (res.succeeded) {
+    //     createMessage.success('删除成功！')
+    //     emit('del')
+    //   }
+    // })
   }
   // 导出
   const exportExcel = () => {
@@ -177,6 +176,11 @@
   h4 {
     margin-bottom: 0;
   }
+  .ant-divider-vertical {
+    margin: 48px 20px 0;
+    height: auto;
+    background: #E8EBED;
+  }
   .flex {
     align-items: center;
   }
diff --git a/src/views/finance/paymentSettlement/detail/components/businessTable.vue b/src/views/finance/paymentSettlement/detail/components/businessTable.vue
index 155e9ea7..ae3c08af 100644
--- a/src/views/finance/paymentSettlement/detail/components/businessTable.vue
+++ b/src/views/finance/paymentSettlement/detail/components/businessTable.vue
@@ -11,7 +11,7 @@
         :canRowSelect="true"
         :scroll="{ x: '100%', y: 400 }"
         :row-selection="{ selectedRowKeys: state.historyRowKeys, onChange: historyChange }"
-        rowKey="idIndex"
+        rowKey="id"
         @register="registerTable"
         @row-click="onRowClick"
       >
@@ -30,6 +30,16 @@
             />
           </div>
         </template>
+        <template v-slot:bodyCell="{ column, record }">
+          <!-- RMB本次结算 -->
+          <template v-if="column.dataIndex == 'settlementRMB'">
+            <a-input-number v-model:value="record.settlementRMB" size="small" :min="0.01" :max="record.unSettledRMB" />
+          </template>
+          <!-- USD本次结算 -->
+          <template v-if="column.dataIndex == 'settlementUSD'">
+            <a-input-number v-model:value="record.settlementUSD" size="small" :min="0.01" :max="record.unSettledUSD" />
+          </template>
+        </template>
         <template #right>
           <Divider
             type="vertical"
@@ -58,7 +68,7 @@
 <script lang="ts" setup>
   import { onMounted, ref, reactive, watch, defineExpose, defineProps, defineEmits, h } from 'vue'
   import { BasicTable, useTable } from '/@/components/Table'
-  import { GetApplicationList } from '../../api'
+  import { GetApplicationList, Save } from '../../api'
   import { businessColumns, searchFormSchema, currencyFormSchema } from '../columns'
   import feeTable from './feeTable.vue'
   import { BasicForm, useForm } from '/@/components/Form'
@@ -80,26 +90,11 @@
       type: Function
     }
   })
-  // 未收rmb
-  const rrmb = ref(0)
-  // 未付rmb
-  const prmb = ref(0)
-  // 未收usd
-  const rusd = ref(0)
-  // 未付usd
-  const pusd = ref(0)
-  // 未收其他
-  const rother = ref(0)
-  // 未付其他
-  const pother = ref(0)
   const loading = ref(false)
   const [registerTable, { reload, getForm, getSelectRowKeys, getPaginationRef, getSelectRows, setSelectedRows, getDataSource }] = useTable({
     api: async (p) => {
       const res = await GetApplicationList(p)
-      res.data.forEach((item, index) => {
-        item['idIndex'] = item.id + index
-      })
-      if (res?.data?.length) state.historyRowKeys = [res.data[0].id + 0]
+      if (res?.data?.length) state.historyRowKeys = [res.data[0].id]
       setSelectedRows([res.data[0]])
       return new Promise((resolve) => {
         resolve({ data: [...res.data], total: res.count })
@@ -147,6 +142,7 @@
   const historyChange = async (v) => {
     console.log(v)
     if (v.length > 1) {
+      console.log(getDataSource())
       const a = getDataSource().filter(item => {
         return item.id == v[0]
       })[0]
@@ -161,8 +157,10 @@
   }
   // 行点击事件
   const onRowClick = (record) => {
-    state.historyRowKeys = [record?.idIndex]
+    state.historyRowKeys = [record?.id]
     setSelectedRows([record])
+    // 初始化费用表格数据
+    feeTabel.value.init(record.id)
   }
   const feeData = () => {
     return feeTabel.value.selectfeeData
@@ -255,25 +253,25 @@
     if (!props.formData.currency) {
       // 原币申请
       const postData = {
-        description: '按业务增加添加费用明细',
-        application: {
-          id: 0,
-          customerId: selectRows[0]?.customerId
-        },
-        items: [{
-          id: selectRows[0]?.id,
-          businessType: selectRows[0]?.businessType,
-          customerId: selectRows[0]?.customerId
-        }]
+        description: '按申请单增加添加费用明细',
+        settlement: props.formData,
+        documents: getSelectRows()
       }
-      // loading.value = true
-      // BizSave(postData).then(res => {
-      //   loading.value = false
-      //   if (res.succeeded) {
-      //     createMessage.success('增加成功！')
-      //     emit('refresh')
-      //   }
-      // })
+      loading.value = true
+      Save(postData).then(res => {
+        loading.value = false
+        if (res.succeeded) {
+          createMessage.success('添加成功！')
+          if (res?.data?.id) {
+            props.setFieldsValue({
+              ...res.data
+            })
+          }
+          emit('refresh')
+        }
+      }).catch(() => {
+        loading.value = false
+      })
     } else {
       // 转换汇率申请
       // 合并所有选择过的费用明细
@@ -304,11 +302,6 @@
       exchangeRate.value.init(props.formData.currency, currencyList)
     }
   }
-  watch(
-    () => state.historyRowKeys, (v, old) => {
-    // 勾选前后同的id
-    const diffIds = findDifferentElements(v, old)
-  })
 
   onMounted(async () => {
     // 如果存在结算对象，则业务数据根据结算对象进行过滤
@@ -353,6 +346,7 @@
   }
   .vben-basic-table-header__toolbar {
     padding: 4px;
+    height: 48px;
     justify-content: space-between;
   }
   .vben-basic-table {
diff --git a/src/views/finance/paymentSettlement/detail/components/feeTable.vue b/src/views/finance/paymentSettlement/detail/components/feeTable.vue
index 8053701b..babb4a44 100644
--- a/src/views/finance/paymentSettlement/detail/components/feeTable.vue
+++ b/src/views/finance/paymentSettlement/detail/components/feeTable.vue
@@ -24,19 +24,16 @@
   import { GetFeeTemplateDetailList } from '/@/views/fee/template/api'
   import { BasicTable, useTable } from '/@/components/Table'
   // 付费申请id, 根据id查费用详细信息
-  const id = ref(null)
+  const aid = ref('')
   const [registerTable, { reload, getForm, getSelectRowKeys, getPaginationRef, getSelectRows, setSelectedRows, getDataSource }] = useTable({
     api: async (p) => {
       const res = await GetApplicationDetailsById(p)
-      res.data.forEach((item, index) => {
-        item['idIndex'] = item.id + index
-      })
       return new Promise((resolve) => {
         resolve({ data: [...res.data], total: res.count })
       })
     },
     beforeFetch: () => {
-      return { id: id.value }
+      return { id: aid.value }
     },
     columns: feeColumns,
     pagination: false,
@@ -49,7 +46,7 @@
     immediate: false
   })
   const init = (id) => {
-    id.value = id
+    aid.value = id
     reload()
   }
   const loading = ref(false)
diff --git a/src/views/finance/paymentSettlement/detail/index.vue b/src/views/finance/paymentSettlement/detail/index.vue
index 2b44aa05..db1fbbf9 100644
--- a/src/views/finance/paymentSettlement/detail/index.vue
+++ b/src/views/finance/paymentSettlement/detail/index.vue
@@ -12,6 +12,7 @@
         name="hyck"
         :save="save"
         :delete="deleteRow"
+        :create="create"
         :showBtns="['create', 'save', 'delete', 'print']"
         layout="horizontal"
       ></ActionBar>
@@ -75,9 +76,6 @@
         @refresh="refresh"
       ></BusinessTable>
       <template #footer>
-        <div class="main-statistic">
-          <span>合计：</span>
-        </div>
       </template>
     </a-modal>
   </div>
@@ -95,9 +93,10 @@
   import { formSchema } from './columns'
   import { useMessage } from '/@/hooks/web/useMessage'
   const { createMessage } = useMessage()
-  import { useRoute } from 'vue-router'
+  import { useRoute, useRouter } from 'vue-router'
   const route = useRoute()
-  const [registerForm, { validate, getFieldsValue, setFieldsValue }] = useForm({
+  const router = useRouter()
+  const [registerForm, { validate, getFieldsValue, setFieldsValue, getSelectRows }] = useForm({
     labelWidth: 150,
     schemas: formSchema,
     // readonly: route.path != '/paid-apply/create',
@@ -113,10 +112,20 @@
   }
   // 删除
   function deleteRow() {
+
+  }
+  // 新建
+  const create = () => {
+    router.go(0)
   }
   // 导出
   function exportFile() {
     
+  }
+  // 刷新
+  const refresh = () => {
+    visible.value = false
+    init()
   }
   // 保存
   const save = () => {
@@ -129,6 +138,7 @@
       // 详情页
     } else {
       // 新建
+      visible.value = true
     }
   }
   onMounted(() => {
diff --git a/src/views/finance/paymentSettlement/index.vue b/src/views/finance/paymentSettlement/index.vue
index 487ed54a..bfcba0f4 100644
--- a/src/views/finance/paymentSettlement/index.vue
+++ b/src/views/finance/paymentSettlement/index.vue
@@ -61,14 +61,14 @@
   import { onMounted } from 'vue'
   import { BasicTable, useTable, TableAction } from '/@/components/Table'
   import { Divider } from 'ant-design-vue'
-  import { GetList } from './api'
+  import { GetList, Delete } from './api'
   import { formatParams } from '/@/hooks/web/common'
   import { useGo } from '/@/hooks/web/usePage'
   import { columns, searchFormSchema } from './columns'
   import { useMessage } from '/@/hooks/web/useMessage'
   const { createMessage } = useMessage()
   const go = useGo()
-  const [registerTable, { reload, getForm, getPaginationRef }] = useTable({
+  const [registerTable, { reload, getForm, getSelectRows }] = useTable({
     title: '',
     api: async (p) => {
       const res: API.DataResult = await GetList(p)
@@ -77,6 +77,7 @@
       })
     },
     beforeFetch: (p) => {
+      p['billType'] = 2
       return formatParams(p)
     },
     columns,
@@ -108,6 +109,19 @@
   })
   // 删除
   function deleteRow() {
+    const rows = getSelectRows()
+    if (rows.length == 0) return createMessage.warning('请勾选要删除的结算申请单！')
+    const ids = rows.map(item => {
+      return item.id
+    })
+    Delete({ ids }).then(res => {
+      if (res.succeeded) {
+        createMessage.success('删除成功！')
+      }
+      reload()
+    }).catch(() => {
+      
+    })
   }
   // 导出
   function exportFile() {
diff --git a/src/views/operation/seaexport/detail/index.vue b/src/views/operation/seaexport/detail/index.vue
index ec7c18b3..f2d0ae38 100644
--- a/src/views/operation/seaexport/detail/index.vue
+++ b/src/views/operation/seaexport/detail/index.vue
@@ -335,6 +335,7 @@
       }
     })
   }
+  
   onMounted(() => {
     // 如果详情页，隐藏主页面tab标签页
     if (source.value != 'edit') document.getElementsByClassName('main-tab')[0].getElementsByClassName('ant-tabs-nav-wrap')[0].style.display = 'none'
diff --git a/src/views/operation/seaexport/detail/modules/Letter/OpBusinessYardDetails.vue b/src/views/operation/seaexport/detail/modules/Letter/OpBusinessYardDetails.vue
index 206e9926..5beb2402 100644
--- a/src/views/operation/seaexport/detail/modules/Letter/OpBusinessYardDetails.vue
+++ b/src/views/operation/seaexport/detail/modules/Letter/OpBusinessYardDetails.vue
@@ -14,7 +14,6 @@
     <OpBusinessYardEdit
       ref="YardEdit"
       :business-id="businessId"
-      @success="handleSuccess"
     />
     <template #footer>
     </template>
@@ -33,7 +32,7 @@
   // 场站编辑组件
   const YardEdit = ref(null)
   // 保存
-  const handleSuccess = async () => {
-    closeModal()
-  }
+  // const handleSuccess = async () => {
+  //   closeModal()
+  // }
 </script>
diff --git a/src/views/operation/seaexport/detail/modules/Letter/OpBusinessYardEdit.vue b/src/views/operation/seaexport/detail/modules/Letter/OpBusinessYardEdit.vue
index 60c76a91..79ce0264 100644
--- a/src/views/operation/seaexport/detail/modules/Letter/OpBusinessYardEdit.vue
+++ b/src/views/operation/seaexport/detail/modules/Letter/OpBusinessYardEdit.vue
@@ -173,8 +173,10 @@
         setFieldsValue({
           ...res.data
         })
+      }).catch(() => {
+        loading.value = false
       })
-      emit('success')
+      // emit('success')
     }
   }
   // 删除
diff --git a/src/views/taskmanage/index.vue b/src/views/taskmanage/index.vue
index 09bd892c..8f7a7209 100644
--- a/src/views/taskmanage/index.vue
+++ b/src/views/taskmanage/index.vue
@@ -1168,6 +1168,7 @@
       case 'WAIT_TUOCHE':
       case 'WAIT_Insurance':
       case 'ORDER_AUDIT_REJECTED':
+      case 'RETURN_CABIN_AUDIT':
         // 跳转到订舱详情查看页面
         go({
           path: '/taskmanage/booking-approval',