费用打印

src/components/ConfigForm/index.vue

@@ -24,7 +24,7 @@
   import { editCodeGoodsType } from '/@/views/baseinfo/formset/api'
   // 引入表格权限信息（包含id和name）
   import { permissionsInfo } from '/@/hooks/web/usePermission'
-  // 引入提升信息
+  // 引入提示信息
   import { useMessage } from '/@/hooks/web/useMessage'
   // 默认图标
   import { DiffOutlined } from '@ant-design/icons-vue'

src/components/CostEntry/actionBar.vue

@@ -74,13 +74,13 @@
         <a-dropdown>
           <template #overlay>
             <a-menu>
-              <a-sub-menu :title="tbType == 'receive' ? '打印应付账单' : '打印应收账单'">
+              <a-sub-menu :title="tbType == 'receive' ? '打印应收账单' : '打印应付账单'">
-                <a-menu-item @click="printFee(1)">{{ tbType == 'receive' ? '所选应付打印' : '所选应收打印' }}</a-menu-item>
+                <a-menu-item @click="printFee(1)">{{ tbType == 'receive' ? '所选应收打印' : '所选应付打印' }}</a-menu-item>
-                <a-menu-item @click="printFee(2)">{{ tbType == 'receive' ? '应付客户打印' : '应收客户打印' }}</a-menu-item>
+                <a-menu-item @click="printFee(2)">{{ tbType == 'receive' ? '应收客户打印' : '应付客户打印' }}</a-menu-item>
-                <a-menu-item @click="printFee(3)">{{ tbType == 'receive' ? '所有应付打印' : '所有应收打印' }}</a-menu-item>
+                <a-menu-item @click="printFee(3)">{{ tbType == 'receive' ? '所有应收打印' : '所有应付打印' }}</a-menu-item>
               </a-sub-menu>
-              <a-menu-item @click="feeTem">利润核算单打印</a-menu-item>
+              <a-menu-item @click="printAccount">利润核算单打印</a-menu-item>
-              <a-menu-item @click="saveToTem">打印账单</a-menu-item>
+              <!-- <a-menu-item @click="saveToTem">打印账单</a-menu-item> -->
             </a-menu>
           </template>
           <a-button type="link">
@@ -454,6 +454,48 @@
   const dsPrint = ref(null)
   // 打印费用
   const printFee = async (type) => {
+    const selectRow = props.data.filter(item => {
+      return item.selected
+    })
+    if (type == 1) {
+      if (!selectRow.length) {
+        return createMessage.warning('请勾选要打印的费用！')
+      }
+      dsPrint.value.init(selectRow)
+    } else if (type == 2) {
+      if (!selectRow.length) {
+        return createMessage.warning('请勾选要打印的费用！')
+      }
+      let customerNames = selectRow.map(item => {
+        return item.customerName
+      })
+      if (customerNames.length) {
+        customerNames = Array.from(new Set(customerNames))
+        const arr = []
+        props.data.forEach(res => {
+          customerNames.forEach(item => {
+            if (res.customerName == item) {
+              arr.push(res)
+            }
+          })
+        })
+        dsPrint.value.init(arr)
+      }
+    } else {
+      // 所有打印
+      dsPrint.value.init(props.data)
+    }
+    // const ids = props.data.map(item => {
+    //   return item.id
+    // })
+    // GetPrintInfo({ businessType: 1, ids }).then(res => {
+    //   console.log(res.data.details)
+    //   const data = res?.data?.details
+    //   dsPrint.value.init(data)
+    // })
+  }
+  // 核算单打印
+  const printAccount = async () => {
     const ids = props.data.map(item => {
       return item.id
     })
@@ -462,11 +504,6 @@
       const data = res?.data?.details
       dsPrint.value.init(data)
     })
-    return
-    dsPrint.value.init()
-    const p = await GetOpenPrintModuleList()
-    console.log(p)
-    return
   }
 </script>
 

src/views/operation/seaexport/api/BookingLedger.js

@@ -1953,3 +1953,20 @@ export function BatchDelBillManageCtn(data) {
   })
 }
 
+// 历史提单信息历史列表
+export function GetBillManageHistoryList(data) {
+  return request({
+    url: '/opApi/SeaExportBillManage/GetBillManageHistoryList',
+    method: 'post',
+    data
+  })
+}
+
+// 历史引入提单信息
+export function ImportBillManageHistory(data) {
+  return request({
+    url: '/opApi/SeaExportBillManage/ImportBillManageHistory',
+    method: 'post',
+    data
+  })
+}

src/views/operation/seaexport/components/SelectTextArea.vue

@@ -414,6 +414,7 @@
       font-size: 12px;
       position: relative;
       top: 3px;
+      white-space: nowrap;
     }
     .ant-select-arrow {
       top: 14px;
@@ -446,6 +447,9 @@
       margin-bottom: 4px;
       cursor: pointer;
     }
+    .right {
+      white-space: nowrap;
+    }
     .line-count {
       position: absolute;
       right: -15px;

src/views/operation/seaexport/components/tableActionBar.vue

@@ -13,34 +13,6 @@
       <span class="iconfont icon-a-xiaopiaofapiao-01"></span>
       小票状态
     </a-button>
-    <!-- <div class="nav" @click="addBooking"> <i class="iconfont icon-jiahao2fill"></i>新建 </div>
-    <div class="nav" @click="copyBookingMore"><i class="iconfont icon-fuzhi1"></i>复制多票</div>
-    <div class="nav">
-      <a-dropdown>
-        <span> <i class="iconfont icon-bianjiwenjian"></i>批量操作 </span>
-        <template #overlay>
-          <a-menu>
-            <a-menu-item>
-              <a @click="batchEditing()" href="javascript:;">批量编辑</a>
-            </a-menu-item>
-          </a-menu>
-        </template>
-      </a-dropdown>
-    </div> -->
-
-    <!-- <a-popconfirm
-      title="确定删除当前选中订舱？"
-      ok-text="是"
-      cancel-text="否"
-      @confirm="removeMoreFun"
-    >
-      <div class="nav"><i class="iconfont icon-shanchu2"></i>删除</div>
-    </a-popconfirm>
-    <div class="nav"><i class="iconfont icon-shishijifei"></i>定时订舱</div>
-
-    <div class="nav" @click="handleSearchTxxp">
-      <i class="iconfont icon-xiaopiaodayin"></i>小票状态
-    </div> -->
     <a-modal
       title="输入复制数量"
       :visible="copyMoreFlag"
@@ -98,34 +70,6 @@
   const copyMoreForm = reactive({
     number: 1,
   })
-  // 复制多票
-  function copyBookingMore() {
-    const select = props.selectRow()
-    const pkIdArr = select.map((item, index) => {
-      return item.id
-    })
-    if (pkIdArr.length === 0 || pkIdArr.length > 1) {
-      createMessage.warning('请仅选择一条数据！')
-      return false
-    }
-    copyMoreFlag.value = true
-  }
-  function handleSubmitCopyMore(e) {
-    const select = props.selectRow()
-    const pkIdArr = select.map((item) => {
-      return item.id
-    })
-    for (let index = 0; index < copyMoreForm.number; index++) {
-      setTimeout(() => {
-        console.log(`/?id=${pkIdArr[0]}&isCopy=${true}&copyId=${index}`)
-        router.push({
-          path: '/BookingDetail',
-          query: { id: pkIdArr[0], isCopy: true, copyId: index },
-        })
-      }, 100)
-    }
-    copyMoreFlag.value = false
-  }
   // 批量编辑 弹窗
   const [registerModal, { openModal }] = useModal()
   // 批量编辑开关

src/views/operation/seaexport/components/tableActionBarRight.vue

@@ -38,6 +38,7 @@
       </a-button>
     </a-popconfirm>
     <a-modal
+      class="ds-modal-small"
       title="输入复制数量"
       :visible="copyMoreFlag"
       :footer="null"
@@ -48,6 +49,7 @@
         :model="copyMoreForm"
         :label-col="{ span: 5 }"
         :wrapper-col="{ span: 12 }"
+        layout="vertical"
         @submit="handleSubmitCopyMore"
         :style="{ padding: '10px' }"
       >
@@ -58,9 +60,9 @@
         >
           <a-input-number :min="1" :max="10" v-model:value="copyMoreForm.number" />
         </a-form-item>
-        <a-form-item :wrapper-col="{ span: 12, offset: 5 }">
+        <div class="mt15" style="text-align: right;">
           <a-button type="primary" html-type="submit">确定</a-button>
-        </a-form-item>
+        </div>
       </a-form>
     </a-modal>
     <BatchModification @register="registerModal" @success="BMSuccess" />
@@ -72,7 +74,7 @@
   import { useMessage } from '/@/hooks/web/useMessage'
   import { useRouter } from 'vue-router'
   import { useModal } from '/@/components/Modal'
-  import { SeaExportBatchDel, SaveBookingTxxp } from '../api/BookingLedger.js'
+  import { SeaExportBatchDel, SaveBookingTxxp, SeaExportCopy } from '../api/BookingLedger.js'
   import BatchModification from '../modules/BatchModification.vue'
   const router = useRouter()
   const { createMessage } = useMessage()
@@ -106,19 +108,12 @@
     }
     copyMoreFlag.value = true
   }
-  function handleSubmitCopyMore(e) {
+  function handleSubmitCopyMore() {
     const select = props.selectRow()
-    const pkIdArr = select.map((item) => {
+    for (var i = 0; i < copyMoreForm.number; i++) {
-      return item.id
+      SeaExportCopy({ id: select[0].id }).then(res => {
-    })
+        props.reload()
-    for (let index = 0; index < copyMoreForm.number; index++) {
+      })
-      setTimeout(() => {
-        console.log(`/?id=${pkIdArr[0]}&isCopy=${true}&copyId=${index}`)
-        router.push({
-          path: '/BookingDetail',
-          query: { id: pkIdArr[0], isCopy: true, copyId: index },
-        })
-      }, 100)
     }
     copyMoreFlag.value = false
   }

src/views/operation/seaexport/detail/components/ladingHistory.vue

@@ -0,0 +1,103 @@
+<!--
+ * @Description: 提单信息历史数据列表弹窗组件
+ * @Author: lijj
+ * @Date: 2024-04-29 11:54:04
+-->
+<template>
+  <a-modal
+    title="提单信息"
+    @cancel="visible = false"
+    @ok="handleOk"
+    v-if="visible"
+    :visible="visible"
+    width="80%"
+    :loading="loading"
+  >
+    <BasicTable
+      @register="registerTable"
+    />
+  </a-modal>
+</template>
+<script lang="ts" setup>
+  import { defineExpose, ref, defineProps } from 'vue'
+  import { BasicTable, useTable } from '/@/components/Table'
+  import { GetBillManageHistoryList, ImportBillManageHistory } from '../../api/BookingLedger.js'
+  import { columns, searchFormSchema } from './ladingInfo'
+  // 引入提示信息
+  import { useMessage } from '/@/hooks/web/useMessage'
+  const { createMessage } = useMessage()
+  import { useI18n } from '/@/hooks/web/useI18n'
+  const { t } = useI18n()
+  const props = defineProps({
+    // 业务id
+    id: {
+      type: String
+    },
+    // 提单信息表
+    reload: {
+      type: Function
+    }
+  })
+  // 引入处理入参方法
+  import { formatParams } from '/@/hooks/web/common'
+  const [registerTable, { reload, getSelectRows }] = useTable({
+    title: '',
+    api: async (p) => {
+      const res: API.DataResult = await GetBillManageHistoryList(p)
+      return new Promise((resolve) => {
+        resolve({ data: [...res.data], total: res.count })
+      })
+    },
+    // 请求前的参数格式化
+    beforeFetch: (p) => {
+      return formatParams(p)
+    },
+    columns,
+    formConfig: {
+      labelWidth: 120,
+      // 表格表单需要的过滤字段集合
+      schemas: searchFormSchema,
+    },
+    maxHeight: 600,
+    isTreeTable: false,
+    pagination: true,
+    useSearchForm: true,
+    showTableSetting: false,
+    bordered: true,
+    showIndexColumn: true,
+    indexColumnProps: {
+      width: 60,
+    },
+    rowSelection: {
+      type: 'checkbox'
+    },
+    canResize: true,
+    resizeHeightOffset: 80
+  })
+  const visible = ref(false)
+  // 初始化组件
+  const init = () => {
+    visible.value = true
+  }
+  const loading = true
+  const handleOk = () => {
+    const rows = getSelectRows()
+    const ids = rows.map(item => {
+      return item.id
+    })
+    ImportBillManageHistory({ ids, businessType: 1, id: props.id }).then(res => {
+      visible.value = false
+      if (res.succeeded) {
+        createMessage.success('导入成功！')
+        props.reload()
+      }
+    })
+  }
+  defineExpose({
+    init
+  })
+</script>
+
+<style lang="less">
+</style>
+  

src/views/operation/seaexport/detail/components/ladingInfo.tsx

@@ -1,4 +1,4 @@
-import { FormSchema } from '/@/components/Table'
+import { FormSchema, BasicColumn } from '/@/components/Table'
 import SelectTextArea from '/@/views/operation/seaexport/components/SelectTextArea.vue'
 import { useOptionsStore } from '/@/store/modules/options'
 import { GetPackageSelectList } from '/@/views/operation/seaexport/api/BookingLedger'
@@ -914,4 +914,72 @@ export const formSchema5: FormSchema[] = [
     defaultValue: '',
     colProps: { span: 12 }
   }
-]
+]
+
+// 历史提单表格
+export const columns: BasicColumn[] = [
+  {
+    title: '主提单号',
+    dataIndex: 'mblno',
+    width: 150,
+  },
+  {
+    title: '船名',
+    dataIndex: 'vessel',
+    width: 150,
+  },
+  {
+    title: '航次',
+    dataIndex: 'voyno',
+    width: 110,
+  },
+  {
+    title: '开船日期',
+    dataIndex: 'etd',
+    width: 120,
+  },
+  {
+    title: '装货港',
+    dataIndex: 'loadPort',
+    width: 140,
+  },
+  {
+    title: '卸货港',
+    dataIndex: 'dischargePort',
+    width: 140,
+  },
+  {
+    title: '发货人内容',
+    dataIndex: 'shipperContent',
+    width: 140,
+  },
+  {
+    title: '收货人内容',
+    dataIndex: 'consigneeContent',
+    width: 140,
+  },
+  {
+    title: '代理内容',
+    dataIndex: 'agentContent',
+    width: 140,
+  },
+]
+export const searchFormSchema: FormSchema[] = [
+  {
+    field: 'mblno',
+    label: '主提单号',
+    component: 'Input',
+    colProps: { span: 6 },
+  },
+  {
+    field: 'etd',
+    label: '开船日期',
+    component: 'RangePicker',
+    required: false,
+    dynamicDisabled: false,
+    colProps: { span: 6 },
+    componentProps: {
+      allowClear: true
+    }
+  }
+]

src/views/operation/seaexport/detail/components/ladingInfo.vue

@@ -13,7 +13,7 @@
             <span class="iconfont icon-a-17Btuichu"></span>
             调入主单信息
           </a-button>
-          <a-button type="link" @click="msg">
+          <a-button type="link" @click="historyHandle">
             <span class="iconfont icon-time"></span>
             历史引入
           </a-button>
@@ -159,6 +159,11 @@
         </a-tabs>
       </div>
     </a-spin>
+    <ladingHistory
+      :id="id"
+      :reload="reload"
+      ref="ladHistory"
+    />
   </div>
 </template>
 <script lang="ts" setup>
@@ -168,7 +173,10 @@
   import { GetSeaExportBillManageList } from '../../api/BookingLedger'
   import { formSchema1, formSchema2, formSchema3, formSchema4, formSchema5 } from './ladingInfo'
   import { getOptions } from '/@/hooks/dict'
+  // 集装箱表格
   import container from './container.vue'
+  // 历史提单弹窗
+  import ladingHistory from './ladingHistory.vue'
   import { EditSeaExportBillManage, BatchDelBillManageCtn } from '../../api/BookingLedger'
   // 引入提示信息
   import { useMessage } from '/@/hooks/web/useMessage'
@@ -622,6 +630,12 @@
     }
     return str_num
   }
+  // 历史提单弹窗组件
+  const ladHistory = ref(null)
+  // 历史引入
+  const historyHandle = () => {
+    ladHistory.value.init()
+  }
   // 集装箱
   const contBox = ref(null)
   // 新建

src/views/operation/seaexport/detail/index.vue

@@ -1949,7 +1949,7 @@
       }
     }
     .right-content {
-      width: 380px;
+      width: 300px;
       margin-left: 20px;
     }
     .ant-tabs-nav {

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

@@ -80,7 +80,7 @@
           /> -->
         </div>
       </div>
-      <div v-if="tableLoaded">
+      <div>
         <input
           class="ds-tb-check ds-goods-tb-check"
           type="checkbox"
@@ -88,9 +88,8 @@
           :indeterminate="someCheck"
           v-if="list.length !== 0"
         />
-        <hot-table ref="hotTb" :data="list" :settings="settings"></hot-table>
+        <hot-table ref="hotmain" :data="list" :settings="settings"></hot-table>
       </div>
-      <div class="loading" v-else>加载中 ...</div>
       <div class="table-calc">
         合计：
         <span class="table-calc-box"
@@ -206,7 +205,7 @@
     h,
     watch,
     onMounted,
-    computed,
+    nextTick,
   } from 'vue'
   import { useMessage } from '/@/hooks/web/useMessage'
   const { notification } = useMessage()
@@ -2048,6 +2047,24 @@
       console.log(changes, source)
     },
   }
+  const hotmain = ref(null)
+  onMounted(() => {
+    const hot = hotmain.value.hotInstance
+    hot.addHook('afterOnCellMouseDown', function (event, coords, TD) {})
+    // 定义表格按键处理逻辑
+    hot.addHook('beforeKeyDown', function (event) {
+      // 检查按下的是否是特定的键（例如 'Enter'）
+      if (event.key === 'ArrowDown') {
+        if (hot.getSelected()[0][0] == list.value.length - 1 && !hot.getActiveEditor()?._opened) {
+          list.value.push({})
+          nextTick(() => {
+            hot.selectCell(list.value.length - 1, 3)
+          })
+          return false
+        }
+      }
+    })
+  })
   defineExpose({
     list,
   })

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

@@ -64,7 +64,7 @@
             :class="{ isBr: changeGoods && serive.isBr }"
             :key="`${serive.configId}_${sindex}`"
           >
-            <span style="position: absolute; right: 8px; color: #257AFA;">···</span>
+            <span v-if="(sindex - 3) % 4 != 0" style="position: absolute; right: 8px; color: #257AFA;">···</span>
             <div class="edit-box" @click.stop="FnOpenEdit(serive)">
               <Icon icon="ant-design:edit-outlined" />
             </div>
@@ -1254,7 +1254,7 @@
   }
   .items {
     font-size: 12px;
-    padding: 2px 13px;
+    padding: 2px 10px;
     background: #F5F9FC;
     border-radius: 1.67px;
     color: #257AFA;
@@ -1271,10 +1271,10 @@
   }
   .goods-status {
     display: inline-block;
-    width: 20%;
+    width: 25%;
     height: 70px;
     position: relative;
-    float: right;
+    float: left;
   }
   .no-data {
     img {