单证 - 预托书 部门接口

src/api/document/pre-book.js

@@ -1 +1,26 @@
+import { getAction, postAction, deleteAction } from '@/api/manage'
+
 /** 单证 -- 预托书列表 **/
+
+// 分页列表查询
+const preBookList = params => getAction('/letterDeposit/syLetterDeposit/list', params)
+
+// 新增
+const addPreBook = params => postAction('/letterDeposit/syLetterDeposit/add', params)
+
+// 详情
+const preBookById = params => getAction('/letterDeposit/syLetterDeposit/queryById', params)
+
+// 编辑
+const editById = params => postAction('/letterDeposit/syLetterDeposit/edit', params)
+
+//  删除
+const deletePreBook = params => deleteAction('//letterDeposit/syLetterDeposit/delete', params)
+
+// 提交
+const submit = params => postAction('/letterDeposit/syLetterDeposit/syShippingDetailsSubmit', params)
+
+// 取消提交
+const cancelSubmit = params => postAction('/letterDeposit/syLetterDeposit/syShippingDetailsSubmit', params)
+
+export { preBookList, addPreBook, preBookById, editById, deletePreBook, submit, cancelSubmit }

src/api/document/shipmentList.js

@@ -12,7 +12,7 @@ const addShipmentList = params => postAction('/shippingDetails/syShippingDetails
 const shipmentQueryById = params => getAction('/shippingDetails/syShippingDetails/queryById', params)
 
 // 编辑
-const editById = params => postAction('shippingDetails/syShippingDetails/edit', params)
+const editById = params => postAction('/shippingDetails/syShippingDetails/edit', params)
 
 //  删除
 const deleteShipment = params => deleteAction('/shippingDetails/syShippingDetails/delete', params)

src/field/document/preBook.md

@@ -0,0 +1,128 @@
+## 预托书 子表
+
+<!-- latestDateOfShipment 装运期限 -->
+集装箱号 containerNumber
+
+latestDateOfShipment 进仓/装柜日期
+
+
+    @ApiModelProperty(value = "主键id")
+    private java.lang.String id;
+
+    @ApiModelProperty(value = "预托书主表id")
+    private java.lang.String syLetterDepositId;
+
+    @ApiModelProperty(value = "预装箱单主表id")
+    private java.lang.String syPreAssembledPackingListId;
+
+    @ApiModelProperty(value = "预装箱单子表id")
+    private java.lang.String syPreAssembledPackingListItemId;
+
+    @ApiModelProperty(value = "账套")
+    private java.lang.String acSetNo;
+
+    @ApiModelProperty(value = "成衣工厂")
+    private java.lang.String garmentFactory;
+
+    @ApiModelProperty(value = "HOD")
+    private java.lang.String hod;
+
+    @ApiModelProperty(value = "STYLE NO")
+    private java.lang.String styleNo;
+
+    @ApiModelProperty(value = "PO NO")
+    private java.lang.String poNo;
+
+    @ApiModelProperty(value = "ITEM NO./SKU NO./UPC NO./PACKS CODE")
+    private java.lang.String itemCode;
+
+    @ApiModelProperty(value = "分销点")
+    private java.lang.String distributionPoint;
+
+    @ApiModelProperty(value = "PREPACK SKU")
+    private java.lang.String prepackSku;
+
+    @ApiModelProperty(value = "尺码")
+    private java.lang.String size;
+
+    @ApiModelProperty(value = "起始箱号")
+    private java.lang.String startingBoxNumber;
+
+    @ApiModelProperty(value = "结束箱号")
+    private java.lang.String endCaseNumber;
+
+    @ApiModelProperty(value = "颜色")
+    private java.lang.String colour;
+
+    @ApiModelProperty(value = "件数/箱")
+    private java.lang.String piecesBox;
+
+    @ApiModelProperty(value = "箱数")
+    private java.math.BigDecimal boxNumber;
+
+    @ApiModelProperty(value = "总件数")
+    private java.math.BigDecimal total;
+
+    @ApiModelProperty(value = "净重/箱")
+    private java.math.BigDecimal netWeight;
+
+    @ApiModelProperty(value = "总净重")
+    private java.math.BigDecimal totalNetWeight;
+
+    @ApiModelProperty(value = "毛重")
+    private java.math.BigDecimal grossWeight;
+
+    @ApiModelProperty(value = "总毛重")
+    private java.math.BigDecimal totalGrossWeight;
+
+    @ApiModelProperty(value = "外箱长度")
+    private java.math.BigDecimal outerBoxLength;
+
+    @ApiModelProperty(value = "外箱宽度")
+    private java.math.BigDecimal outerBoxWidth;
+
+    @ApiModelProperty(value = "外箱高度")
+    private java.math.BigDecimal outerBoxHeight;
+
+    @ApiModelProperty(value = "总体积")
+    private java.math.BigDecimal totalVolume;
+
+    @ApiModelProperty(value = "净净重")
+    private java.math.BigDecimal netWeightToo;
+
+    @ApiModelProperty(value = "单价")
+    private java.math.BigDecimal unitPrice;
+
+    @ApiModelProperty(value = "总价")
+    private java.math.BigDecimal totalPrice;
+
+    @ApiModelProperty(value = "排序")
+    private java.lang.Integer sort;
+
+    @ApiModelProperty(value = "创建人")
+    private java.lang.String createBy;
+
+    @ApiModelProperty(value = "创建日期")
+    private java.util.Date createTime;
+
+    @ApiModelProperty(value = "更新人")
+    private java.lang.String updateBy;
+
+    @DateTimeFormat(pattern="yyyy-MM-dd HH:mm:ss")
+    @ApiModelProperty(value = "更新日期")
+    private java.util.Date updateTime;
+
+    @ApiModelProperty(value = "组织")
+    private java.lang.String pkOrg;
+
+    @ApiModelProperty(value = "删除状态")
+    private java.lang.String delFlag;
+
+    @ApiModelProperty(value = "备注")
+    private java.lang.Object memo;
+
+    @ApiModelProperty(value = "集装箱代号")
+    private String containerCode;
+
+    @ApiModelProperty(value = "集装箱号")
+    private String containerNumber;

src/views/pre-book/addPreBookDrawer.vue

@@ -12,40 +12,41 @@
       <!-- 主表信息 -->
       <a-card :bordered="true">
         <div class="table-page-search-wrapper">
-          <a-form-model layout="inline" ref="form" :model="preBook" :rules="validatorRules">
+          <!-- :rules="validatorRules" -->
+          <a-form-model layout="inline" ref="form" :model="addPreBook">
             <a-row :gutter="24">
               <a-col :md="6" :sm="8">
-                <a-form-model-item label="托书日期" prop="bookDate">
+                <a-form-model-item label="托书日期" prop="shippingOrderDate">
                   <a-date-picker
                     placeholder="请选择托书日期"
                     style="width:100%;"
                     :format="dateFormat"
-                    v-model="preBook.bookDate"
+                    v-model="addPreBook.shippingOrderDate"
                   />
                 </a-form-model-item>
               </a-col>
 
               <a-col :md="6" :sm="8">
-                <a-form-model-item label="托书号" prop="bookNum">
-                  <a-input placeholder="请输入托书号" v-model="preBook.bookNum"></a-input>
+                <a-form-model-item label="托书号" prop="shippingOrderNumber">
+                  <a-input placeholder="请输入托书号" v-model="addPreBook.shippingOrderNumber"></a-input>
                 </a-form-model-item>
               </a-col>
 
               <a-col :md="12" :sm="12">
                 <a-form-model-item label="外销发票号码" prop="exportInvoiceNo">
-                  <a-input placeholder="请输入外销发票号码" v-model="preBook.exportInvoiceNo"></a-input>
+                  <a-input placeholder="请输入外销发票号码" v-model="addPreBook.exportInvoiceNo"></a-input>
                 </a-form-model-item>
               </a-col>
 
               <a-col :md="6" :sm="8">
-                <a-form-model-item label="经营单位" prop="businessUnit">
-                  <a-input placeholder="请输入经营单位" v-model="preBook.businessUnit"></a-input>
+                <a-form-model-item label="经营单位" prop="unitInOperation">
+                  <a-input placeholder="请输入经营单位" v-model="addPreBook.unitInOperation"></a-input>
                 </a-form-model-item>
               </a-col>
 
               <a-col :md="6" :sm="8">
-                <a-form-model-item label="经营单位地址" prop="businessUnitAdd">
-                  <a-select placeholder="请选择经营单位地址" v-model="preBook.businessUnitAdd">
+                <a-form-model-item label="经营单位地址" prop="unitInOperationAddress">
+                  <a-select placeholder="请选择经营单位地址" v-model="addPreBook.unitInOperationAddress">
                     <a-select-option value="">请选择</a-select-option>
                     <a-select-option :value="0">客户1</a-select-option>
                     <a-select-option :value="1">客户2</a-select-option>
@@ -55,31 +56,31 @@
               </a-col>
 
               <a-col :md="6" :sm="8">
-                <a-form-model-item label="进仓/装柜日期" prop="inLoadDate">
+                <a-form-model-item label="进仓/装柜日期" prop="latestDateOfShipment">
                   <a-date-picker
                     placeholder="请选择进仓/装柜日期"
                     style="width:100%;"
                     :format="dateFormat"
-                    v-model="preBook.inLoadDate"
+                    v-model="addPreBook.latestDateOfShipment"
                   />
                 </a-form-model-item>
               </a-col>
 
               <a-col :md="6" :sm="8">
-                <a-form-model-item label="最终船期" prop="finalShipDate">
-                  <a-input placeholder="请输入最终船期" v-model="preBook.finalShipDate"></a-input>
+                <a-form-model-item label="最终船期" prop="theFinalShippingDate">
+                  <a-input placeholder="请输入最终船期" v-model="addPreBook.theFinalShippingDate"></a-input>
                 </a-form-model-item>
               </a-col>
 
               <a-col :md="6" :sm="8">
-                <a-form-model-item label="收货人" prop="consignee">
-                  <a-input placeholder="请输入收货人" v-model="preBook.consignee"></a-input>
+                <a-form-model-item label="收货人" prop="theFinalShippingDate">
+                  <a-input placeholder="请输入收货人" v-model="addPreBook.theFinalShippingDate"></a-input>
                 </a-form-model-item>
               </a-col>
 
               <a-col :md="6" :sm="8">
-                <a-form-model-item label="收货人地址" prop="consigneeAdd">
-                  <a-select placeholder="请选择收货人地址" v-model="preBook.consigneeAdd">
+                <a-form-model-item label="收货人地址" prop="consigneeAddress">
+                  <a-select placeholder="请选择收货人地址" v-model="addPreBook.consigneeAddress">
                     <a-select-option value="">请选择</a-select-option>
                     <a-select-option value="0">收货人1</a-select-option>
                     <a-select-option value="1">收货人2</a-select-option>
@@ -89,67 +90,67 @@
               </a-col>
 
               <a-col :md="6" :sm="8">
-                <a-form-model-item label="通知方" prop="notifying">
-                  <a-input placeholder="请输入通知方" v-model="preBook.notifying"></a-input>
+                <a-form-model-item label="通知方" prop="notifyParty">
+                  <a-input placeholder="请输入通知方" v-model="addPreBook.notifyParty"></a-input>
                 </a-form-model-item>
               </a-col>
 
               <a-col :md="6" :sm="8">
-                <a-form-model-item label="通知方地址" prop="notifyingAdd">
-                  <a-input placeholder="请输入通知方地址" v-model="preBook.notifyingAdd"></a-input>
+                <a-form-model-item label="通知方地址" prop="notifyPartyAddress">
+                  <a-input placeholder="请输入通知方地址" v-model="addPreBook.notifyPartyAddress"></a-input>
                 </a-form-model-item>
               </a-col>
 
               <a-col :md="6" :sm="8">
                 <a-form-model-item label="贸易国别" prop="tradeCountry">
-                  <a-input placeholder="请输入贸易国别" v-model="preBook.tradeCountry"></a-input>
+                  <a-input placeholder="请输入贸易国别" v-model="addPreBook.tradeCountry"></a-input>
                 </a-form-model-item>
               </a-col>
 
               <a-col :md="6" :sm="8">
-                <a-form-model-item label="运抵国别" prop="arriveCountry">
-                  <a-input placeholder="请输入运抵国别" v-model="preBook.arriveCountry"></a-input>
+                <a-form-model-item label="运抵国别" prop="arriveInCountry">
+                  <a-input placeholder="请输入运抵国别" v-model="addPreBook.arriveInCountry"></a-input>
                 </a-form-model-item>
               </a-col>
               <a-col :md="6" :sm="8">
                 <a-form-model-item label="出口口岸" prop="exportPort">
-                  <a-input placeholder="请输入出口口岸" v-model="preBook.exportPort"></a-input>
+                  <a-input placeholder="请输入出口口岸" v-model="addPreBook.exportPort"></a-input>
                 </a-form-model-item>
               </a-col>
 
               <a-col :md="6" :sm="8">
-                <a-form-model-item label="目的港" prop="destinationport">
-                  <a-input placeholder="请输入目的港" v-model="preBook.destinationport"></a-input>
+                <a-form-model-item label="目的港" prop="destinationPort">
+                  <a-input placeholder="请输入目的港" v-model="addPreBook.destinationPort"></a-input>
                 </a-form-model-item>
               </a-col>
 
               <a-col :md="6" :sm="8">
-                <a-form-model-item label="收汇方式" prop="collectionMethod">
-                  <a-input placeholder="请输入收汇方式" v-model="preBook.collectionMethod"></a-input>
+                <a-form-model-item label="收汇方式" prop="exchangeEarningsValue">
+                  <a-input placeholder="请输入收汇方式" v-model="addPreBook.exchangeEarningsValue"></a-input>
                 </a-form-model-item>
               </a-col>
 
               <a-col :md="6" :sm="8">
-                <a-form-model-item label="成交方式" prop="soldType">
-                  <a-input placeholder="请输入成交方式" v-model="preBook.soldType"></a-input>
+                <a-form-model-item label="成交方式" prop="termsOfDeliveryvalue">
+                  <a-input placeholder="请输入成交方式" v-model="addPreBook.termsOfDeliveryvalue"></a-input>
                 </a-form-model-item>
               </a-col>
 
               <a-col :md="6" :sm="8">
                 <a-form-model-item label="金额" prop="money">
-                  <a-input placeholder="请输入金额" v-model="preBook.money"></a-input>
+                  <a-input placeholder="请输入金额" v-model="addPreBook.money"></a-input>
                 </a-form-model-item>
               </a-col>
 
               <a-col :md="6" :sm="8">
-                <a-form-model-item label="人民币" prop="RMB">
-                  <a-input placeholder="请输入人民币" v-model="preBook.RMB"></a-input>
+                <a-form-model-item label="人民币" prop="cny">
+                  <a-input placeholder="请输入人民币" v-model="addPreBook.cny"></a-input>
                 </a-form-model-item>
               </a-col>
 
               <a-col :md="6" :sm="8">
-                <a-form-model-item label="美元" prop="dollar">
-                  <a-input placeholder="请输入美元" v-model="preBook.dollar"></a-input>
+                <a-form-model-item label="美元" prop="usd">
+                  <a-input placeholder="请输入美元" v-model="addPreBook.usd"></a-input>
                 </a-form-model-item>
               </a-col>
             </a-row>
@@ -166,9 +167,11 @@
 
         <!-- table-->
         <a-spin :spinning="confirmLoading">
-          <a-form-model ref="formRef" :rules="validatorRules">
+          <!-- :rules="validatorRules" -->
+          <a-form-model ref="formRef">
             <a-table
               bordered
+              v-if="addPerBookData"
               :row-key="record => record.id"
               :columns="addPerBookColumns"
               :data-source="addPerBookData"
@@ -185,9 +188,9 @@
               </template>
 
               <!-- 集装箱号 输入框-->
-              <template slot="containerNo" slot-scope="text, record, index">
-                <a-form-model-item prop="containerNo" :rules="rules.containerNo">
-                  <a-input style="width:100%" type="text" v-model="record.containerNo" />
+              <template slot="containerNumber" slot-scope="text, record, index">
+                <a-form-model-item prop="containerNumber" :rules="rules.containerNumber">
+                  <a-input style="width:100%" type="text" v-model="record.containerNumber" />
                 </a-form-model-item>
               </template>
 
@@ -214,9 +217,9 @@
               :pagination="false"
             >
               <!-- CNY项目列 -->
-              <template slot="CNYProjectList" slot-scope="text, record, index">
-                <a-form-model-item prop="CNYProjectList" :rules="rules.CNYProjectList">
-                  <a-select v-model="record.CNYProjectList" style="width:100%">
+              <template slot="itemColumn" slot-scope="text, record, index">
+                <a-form-model-item prop="itemColumn" :rules="rules.itemColumn">
+                  <a-select v-model="record.itemColumn" style="width:100%">
                     <a-select-option :value="1">项目列1</a-select-option>
                     <a-select-option :value="2">项目列2</a-select-option>
                   </a-select>
@@ -247,7 +250,6 @@
             </a-table>
           </div>
         </a-row>
-
       </a-card>
 
       <!-- 页面底部保存取消 -->
@@ -296,35 +298,31 @@ export default {
           title: '英文名称',
           dataIndex: 'englishName',
           width: 120,
-
           fixed: 'left',
           className: 'replacecolor'
         },
         {
           title: '款号',
-          dataIndex: 'styleNum',
+          dataIndex: 'sort',
           width: 120,
-
           fixed: 'left',
           className: 'replacecolor'
         },
         {
-          title: '小po号',
-          dataIndex: 'smallPoNum',
+          title: '小po',
+          dataIndex: 'smallPo',
           width: 120,
-
           className: 'replacecolor'
         },
         {
           title: '数量',
-          dataIndex: 'quantity',
+          dataIndex: '01',
           width: 120,
-
           className: 'replacecolor'
         },
         {
           title: '箱数',
-          dataIndex: 'boxedNum',
+          dataIndex: 'boxNumber',
           width: 90,
 
           className: 'replacecolor'
@@ -332,21 +330,21 @@ export default {
 
         {
           title: '毛重',
-          dataIndex: 'roughWeigh',
+          dataIndex: 'grossWeight',
           width: 120,
 
           className: 'replacecolor'
         },
         {
           title: '净重',
-          dataIndex: 'suttle',
+          dataIndex: 'netWeight',
           width: 120,
 
           className: 'replacecolor'
         },
         {
           title: '体积',
-          dataIndex: 'volume',
+          dataIndex: '02',
           width: 160,
 
           className: 'replacecolor'
@@ -368,14 +366,14 @@ export default {
 
         {
           title: '集装箱号',
-          dataIndex: 'containerNo',
+          dataIndex: 'containerNumber',
           width: 120,
-          scopedSlots: { customRender: 'containerNo' },
+          scopedSlots: { customRender: 'containerNumber' },
           className: 'replacecolor'
         },
         {
           title: '单价',
-          dataIndex: 'price',
+          dataIndex: 'unitPrice',
           width: 120,
 
           className: 'replacecolor'
@@ -437,29 +435,30 @@ export default {
           className: 'replacecolor'
         }
       ],
-      addPerBookData: [{}, {}],
+      addPerBookData: [],
+
       CNYColumns: [
         {
           title: '货代',
-          dataIndex: 'CNYfreighForward',
+          dataIndex: 'freightForwarder',
           width: 60,
           className: 'replacecolor'
         },
         {
           title: '金额',
-          dataIndex: 'CNYmoney',
+          dataIndex: 'amount',
           width: 60,
           className: 'replacecolor'
         },
         {
           title: '项目列',
-          dataIndex: 'CNYProjectList',
+          dataIndex: 'itemColumn',
           width: 60,
-          scopedSlots: { customRender: 'CNYProjectList' },
+          scopedSlots: { customRender: 'itemColumn' },
           className: 'replacecolor'
         }
       ],
-      CNYData: [{ CNYmoney: '487576,87' }],
+      CNYData: [],
 
       USDColumns: [
         {
@@ -482,17 +481,18 @@ export default {
           className: 'replacecolor'
         }
       ],
-      USDData: [{}],
+      USDData: [],
 
+      msgFormSon: 'test', // 子组件传来数据的变量
       loading: false, // 表格加载
-      preBook: {},
+      addPreBook: {}, //主表信息
       confirmLoading: false,
       visible: false,
-      dateFormat: 'YYYY-MM-DD',
-      validatorRules: {
-        bookDate: [{ required: true, message: '托书日期不能为空', trigger: 'blur' }]
-        // 确定必填项
-      }
+      dateFormat: 'YYYY-MM-DD'
+      // validatorRules: {
+      //   shippingOrderDate: [{ required: true, message: '托书日期不能为空', trigger: 'blur' }]
+      //   // 确定必填项
+      // }
     }
   },
   created() {},
@@ -508,17 +508,17 @@ export default {
 
       const addrow = {
         englishName: '',
-        styleNum: '',
-        smallPoNum: '',
+        sort: '',
+        smallPo: '',
         quantity: '',
-        boxedNum: '',
-        roughWeigh: '',
-        suttle: '',
+        boxNumber: '',
+        grossWeight: '',
+        netWeight: '',
         volume: '',
         distributionPoint: '',
         containerCode: '',
-        containerNo: '',
-        price: '',
+        containerNumber: '',
+        unitPrice: '',
         scheduledShipDate: '',
         salesman: '',
         operatingDepartment: '',

src/views/pre-book/detailsPreBookDrawer.vue

@@ -1,155 +1,128 @@
 <template>
   <!-- 详情预托书  回显所有信息-->
-  <div id="editPreBookDrawer">
-    <a-drawer
-      title="详情"
-      width="89%"
-      placement="right"
-      :closable="true"
-      :visible="visible"
-      @close="handleCancel">
+  <div id="detailPreBookDrawer">
+    <a-drawer title="详情" width="89%" placement="right" :closable="true" :visible="visible" @close="onClose">
       <!-- 主表信息 展示-->
       <a-card :bordered="true">
         <div class="table-page-search-wrapper">
           <a-form-model layout="inline" ref="form" :model="preBook">
             <a-row :gutter="24">
               <a-col :md="6" :sm="8">
-                <a-form-model-item label="托书日期" prop="bookDate">
-                  2022-03-15
-                  <!-- <a-date-picker
-                    placeholder="请选择托书日期"
-                    style="width:100%;"
-                    :format="dateFormat"
-                    v-model="preBook.bookDate"
-                  /> -->
+                <a-form-model-item label="托书日期" prop="shippingOrderDate">
+                  {{ preBookDetails.shippingOrderDate }}
                 </a-form-model-item>
               </a-col>
 
               <a-col :md="6" :sm="8">
-                <a-form-model-item label="托书号" prop="bookNum">
-                  <!-- <a-input placeholder="请输入托书号" v-model="preBook.bookNum"></a-input> -->
+                <a-form-model-item label="托书号" prop="shippingOrderNumber">
+                  {{ preBookDetails.shippingOrderNumber }}
                 </a-form-model-item>
               </a-col>
 
               <a-col :md="12" :sm="12">
                 <a-form-model-item label="外销发票号码" prop="exportInvoiceNo">
-                  <!-- <a-input placeholder="请输入外销发票号码" v-model="preBook.exportInvoiceNo"></a-input> -->
+                  {{ preBookDetails.exportInvoiceNo }}
                 </a-form-model-item>
               </a-col>
 
               <a-col :md="6" :sm="8">
-                <a-form-model-item label="经营单位" prop="businessUnit">
-                  <!-- <a-input placeholder="请输入经营单位" v-model="preBook.businessUnit"></a-input> -->
+                <a-form-model-item label="经营单位" prop="unitInOperation">
+                  {{ preBookDetails.unitInOperation }}
                 </a-form-model-item>
               </a-col>
 
               <a-col :md="6" :sm="8">
-                <a-form-model-item label="经营单位地址" prop="businessUnitAdd">
-                  <!-- <a-select placeholder="请选择经营单位地址" v-model="preBook.businessUnitAdd">
-                    <a-select-option value="">请选择</a-select-option>
-                    <a-select-option :value="0">客户1</a-select-option>
-                    <a-select-option :value="1">客户2</a-select-option>
-                    <a-select-option :value="2">客户3</a-select-option>
-                  </a-select> -->
+                <a-form-model-item label="经营单位地址" prop="unitInOperationAddress">
+                  {{ preBookDetails.unitInOperationAddress }}
                 </a-form-model-item>
               </a-col>
 
               <a-col :md="6" :sm="8">
-                <a-form-model-item label="进仓/装柜日期" prop="inLoadDate">
-                  <!-- <a-date-picker
-                    placeholder="请选择进仓/装柜日期"
-                    style="width:100%;"
-                    :format="dateFormat"
-                    v-model="preBook.inLoadDate"
-                  /> -->
+                <a-form-model-item label="进仓/装柜日期" prop="latestDateOfShipment">
+                  {{ preBookDetails.latestDateOfShipment }}
                 </a-form-model-item>
               </a-col>
 
               <a-col :md="6" :sm="8">
-                <a-form-model-item label="最终船期" prop="finalShipDate">
-                  <!-- <a-input placeholder="请输入最终船期" v-model="preBook.finalShipDate"></a-input> -->
+                <a-form-model-item label="最终船期" prop="theFinalShippingDate">
+                  {{ preBookDetails.theFinalShippingDate }}
                 </a-form-model-item>
               </a-col>
 
               <a-col :md="6" :sm="8">
                 <a-form-model-item label="收货人" prop="consignee">
-                  <!-- <a-input placeholder="请输入收货人" v-model="preBook.consignee"></a-input> -->
+                  {{ preBookDetails.consignee }}
                 </a-form-model-item>
               </a-col>
 
               <a-col :md="6" :sm="8">
-                <a-form-model-item label="收货人地址" prop="consigneeAdd">
-                  <!-- <a-select placeholder="请选择收货人地址" v-model="preBook.consigneeAdd">
-                    <a-select-option value="">请选择</a-select-option>
-                    <a-select-option value="0">收货人1</a-select-option>
-                    <a-select-option value="1">收货人2</a-select-option>
-                    <a-select-option value="2">收货人3</a-select-option>
-                  </a-select> -->
+                <a-form-model-item label="收货人地址" prop="consigneeAddress">
+                  {{ preBookDetails.consigneeAddress }}
                 </a-form-model-item>
               </a-col>
 
               <a-col :md="6" :sm="8">
-                <a-form-model-item label="通知方" prop="notifying">
-                  <!-- <a-input placeholder="请输入通知方" v-model="preBook.notifying"></a-input> -->
+                <a-form-model-item label="通知方" prop="notifyParty">
+                  {{ preBookDetails.notifyParty }}
                 </a-form-model-item>
               </a-col>
 
               <a-col :md="6" :sm="8">
-                <a-form-model-item label="通知方地址" prop="notifyingAdd">
-                  <!-- <a-input placeholder="请输入通知方地址" v-model="preBook.notifyingAdd"></a-input> -->
+                <a-form-model-item label="通知方地址" prop="notifyPartyAddress">
+                  {{ preBookDetails.notifyPartyAddress }}
                 </a-form-model-item>
               </a-col>
 
               <a-col :md="6" :sm="8">
                 <a-form-model-item label="贸易国别" prop="tradeCountry">
-                  <!-- <a-input placeholder="请输入贸易国别" v-model="preBook.tradeCountry"></a-input> -->
+                  {{ preBookDetails.tradeCountry }}
                 </a-form-model-item>
               </a-col>
 
               <a-col :md="6" :sm="8">
-                <a-form-model-item label="运抵国别" prop="arriveCountry">
-                  <!-- <a-input placeholder="请输入运抵国别" v-model="preBook.arriveCountry"></a-input> -->
+                <a-form-model-item label="运抵国别" prop="billOfLadingOrCarriageReceipt">
+                  {{ preBookDetails.billOfLadingOrCarriageReceipt }}
                 </a-form-model-item>
               </a-col>
               <a-col :md="6" :sm="8">
                 <a-form-model-item label="出口口岸" prop="exportPort">
-                  <!-- <a-input placeholder="请输入出口口岸" v-model="preBook.exportPort"></a-input> -->
+                  {{ preBookDetails.exportPort }}
                 </a-form-model-item>
               </a-col>
 
               <a-col :md="6" :sm="8">
-                <a-form-model-item label="目的港" prop="destinationport">
-                  <!-- <a-input placeholder="请输入目的港" v-model="preBook.destinationport"></a-input> -->
+                <a-form-model-item label="目的港" prop="destinationPort">
+                  {{ preBookDetails.destinationPort }}
                 </a-form-model-item>
               </a-col>
 
               <a-col :md="6" :sm="8">
-                <a-form-model-item label="收汇方式" prop="collectionMethod">
-                  <!-- <a-input placeholder="请输入收汇方式" v-model="preBook.collectionMethod"></a-input> -->
+                <a-form-model-item label="收汇方式" prop="exchangeEarningsValue">
+                  {{ preBookDetails.exchangeEarningsValue }}
                 </a-form-model-item>
               </a-col>
 
               <a-col :md="6" :sm="8">
-                <a-form-model-item label="成交方式" prop="soldType">
-                  <!-- <a-input placeholder="请输入成交方式" v-model="preBook.soldType"></a-input> -->
+                <a-form-model-item label="成交方式" prop="termsOfDeliveryvalue">
+                  {{ preBookDetails.termsOfDeliveryvalue }}
                 </a-form-model-item>
               </a-col>
 
               <a-col :md="6" :sm="8">
                 <a-form-model-item label="金额" prop="money">
-                  <!-- <a-input placeholder="请输入金额" v-model="preBook.money"></a-input> -->
+                  {{ preBookDetails.money }}
                 </a-form-model-item>
               </a-col>
 
               <a-col :md="6" :sm="8">
-                <a-form-model-item label="人民币" prop="RMB">
-                  <!-- <a-input placeholder="请输入人民币" v-model="preBook.RMB"></a-input> -->
+                <a-form-model-item label="人民币" prop="cny">
+                  {{ preBookDetails.cny }}
                 </a-form-model-item>
               </a-col>
 
               <a-col :md="6" :sm="8">
-                <a-form-model-item label="美元" prop="dollar">
-                  <!-- <a-input placeholder="请输入美元" v-model="preBook.dollar"></a-input> -->
+                <a-form-model-item label="美元" prop="usd">
+                  {{ preBookDetails.usd }}
                 </a-form-model-item>
               </a-col>
             </a-row>
@@ -357,7 +330,7 @@ export default {
           className: 'replacecolor'
         }
       ],
-      data: [{}, {}],
+      data: [],
       CNYColumns: [
         {
           title: '货代',
@@ -379,7 +352,7 @@ export default {
           className: 'replacecolor'
         }
       ],
-      CNYData: [{ CNYmoney: '487576,87', CNYProjectList: '项目列test1' }],
+      CNYData: [],
 
       USDColumns: [
         {
@@ -402,32 +375,25 @@ export default {
           className: 'replacecolor'
         }
       ],
-      USDData: [{ USDmoney: '7576,17', CNYProjectList: '项目列test2' }],
+      USDData: [],
 
       loading: false, // 表格加载
       preBook: {},
       confirmLoading: false,
       visible: false,
-      dateFormat: 'YYYY-MM-DD'
+      dateFormat: 'YYYY-MM-DD',
+      preBookDetails: {} //主表信息
     }
   },
   created() {},
   methods: {
     // 抽屉 取消
-    handleCancel() {
-      console.log('点击抽屉取消')
-      this.close()
-    },
-
-    close() {
+    onClose() {
       this.$emit('close')
       this.visible = false
-      this.$refs.form.resetFields()
     },
 
-    // ------------------------------------------
-    modalFormOk() {},
-    aa() {}
+    modalFormOk() {}
   },
 
   mounted() {}

src/views/pre-book/editPreBookDrawer.vue

@@ -8,10 +8,10 @@
       :closable="true"
       :visible="visible"
       @close="handleCancel">
-      <!-- 主表信息 -->
+      <!-- 主表信息 :rules="validatorRules"-->
       <a-card :bordered="true">
         <div class="table-page-search-wrapper">
-          <a-form-model layout="inline" ref="form" :model="preBook" :rules="validatorRules">
+          <a-form-model layout="inline" ref="form" :model="editPreBook" >
             <a-row :gutter="24">
               <a-col :md="6" :sm="8">
                 <a-form-model-item label="托书日期" prop="bookDate">
@@ -19,32 +19,32 @@
                     placeholder="请选择托书日期"
                     style="width:100%;"
                     :format="dateFormat"
-                    v-model="preBook.bookDate"
+                    v-model="editPreBook.bookDate"
                   />
                 </a-form-model-item>
               </a-col>
 
               <a-col :md="6" :sm="8">
                 <a-form-model-item label="托书号" prop="bookNum">
-                  <a-input placeholder="请输入托书号" v-model="preBook.bookNum"></a-input>
+                  <a-input placeholder="请输入托书号" v-model="editPreBook.bookNum"></a-input>
                 </a-form-model-item>
               </a-col>
 
               <a-col :md="12" :sm="12">
                 <a-form-model-item label="外销发票号码" prop="exportInvoiceNo">
-                  <a-input placeholder="请输入外销发票号码" v-model="preBook.exportInvoiceNo"></a-input>
+                  <a-input placeholder="请输入外销发票号码" v-model="editPreBook.exportInvoiceNo"></a-input>
                 </a-form-model-item>
               </a-col>
 
               <a-col :md="6" :sm="8">
                 <a-form-model-item label="经营单位" prop="businessUnit">
-                  <a-input placeholder="请输入经营单位" v-model="preBook.businessUnit"></a-input>
+                  <a-input placeholder="请输入经营单位" v-model="editPreBook.businessUnit"></a-input>
                 </a-form-model-item>
               </a-col>
 
               <a-col :md="6" :sm="8">
                 <a-form-model-item label="经营单位地址" prop="businessUnitAdd">
-                  <a-select placeholder="请选择经营单位地址" v-model="preBook.businessUnitAdd">
+                  <a-select placeholder="请选择经营单位地址" v-model="editPreBook.businessUnitAdd">
                     <a-select-option value="">请选择</a-select-option>
                     <a-select-option :value="0">客户1</a-select-option>
                     <a-select-option :value="1">客户2</a-select-option>
@@ -59,26 +59,26 @@
                     placeholder="请选择进仓/装柜日期"
                     style="width:100%;"
                     :format="dateFormat"
-                    v-model="preBook.inLoadDate"
+                    v-model="editPreBook.inLoadDate"
                   />
                 </a-form-model-item>
               </a-col>
 
               <a-col :md="6" :sm="8">
                 <a-form-model-item label="最终船期" prop="finalShipDate">
-                  <a-input placeholder="请输入最终船期" v-model="preBook.finalShipDate"></a-input>
+                  <a-input placeholder="请输入最终船期" v-model="editPreBook.finalShipDate"></a-input>
                 </a-form-model-item>
               </a-col>
 
               <a-col :md="6" :sm="8">
                 <a-form-model-item label="收货人" prop="consignee">
-                  <a-input placeholder="请输入收货人" v-model="preBook.consignee"></a-input>
+                  <a-input placeholder="请输入收货人" v-model="editPreBook.consignee"></a-input>
                 </a-form-model-item>
               </a-col>
 
               <a-col :md="6" :sm="8">
                 <a-form-model-item label="收货人地址" prop="consigneeAdd">
-                  <a-select placeholder="请选择收货人地址" v-model="preBook.consigneeAdd">
+                  <a-select placeholder="请选择收货人地址" v-model="editPreBook.consigneeAdd">
                     <a-select-option value="">请选择</a-select-option>
                     <a-select-option value="0">收货人1</a-select-option>
                     <a-select-option value="1">收货人2</a-select-option>
@@ -89,66 +89,66 @@
 
               <a-col :md="6" :sm="8">
                 <a-form-model-item label="通知方" prop="notifying">
-                  <a-input placeholder="请输入通知方" v-model="preBook.notifying"></a-input>
+                  <a-input placeholder="请输入通知方" v-model="editPreBook.notifying"></a-input>
                 </a-form-model-item>
               </a-col>
 
               <a-col :md="6" :sm="8">
                 <a-form-model-item label="通知方地址" prop="notifyingAdd">
-                  <a-input placeholder="请输入通知方地址" v-model="preBook.notifyingAdd"></a-input>
+                  <a-input placeholder="请输入通知方地址" v-model="editPreBook.notifyingAdd"></a-input>
                 </a-form-model-item>
               </a-col>
 
               <a-col :md="6" :sm="8">
                 <a-form-model-item label="贸易国别" prop="tradeCountry">
-                  <a-input placeholder="请输入贸易国别" v-model="preBook.tradeCountry"></a-input>
+                  <a-input placeholder="请输入贸易国别" v-model="editPreBook.tradeCountry"></a-input>
                 </a-form-model-item>
               </a-col>
 
               <a-col :md="6" :sm="8">
                 <a-form-model-item label="运抵国别" prop="arriveCountry">
-                  <a-input placeholder="请输入运抵国别" v-model="preBook.arriveCountry"></a-input>
+                  <a-input placeholder="请输入运抵国别" v-model="editPreBook.arriveCountry"></a-input>
                 </a-form-model-item>
               </a-col>
               <a-col :md="6" :sm="8">
                 <a-form-model-item label="出口口岸" prop="exportPort">
-                  <a-input placeholder="请输入出口口岸" v-model="preBook.exportPort"></a-input>
+                  <a-input placeholder="请输入出口口岸" v-model="editPreBook.exportPort"></a-input>
                 </a-form-model-item>
               </a-col>
 
               <a-col :md="6" :sm="8">
                 <a-form-model-item label="目的港" prop="destinationport">
-                  <a-input placeholder="请输入目的港" v-model="preBook.destinationport"></a-input>
+                  <a-input placeholder="请输入目的港" v-model="editPreBook.destinationport"></a-input>
                 </a-form-model-item>
               </a-col>
 
               <a-col :md="6" :sm="8">
                 <a-form-model-item label="收汇方式" prop="collectionMethod">
-                  <a-input placeholder="请输入收汇方式" v-model="preBook.collectionMethod"></a-input>
+                  <a-input placeholder="请输入收汇方式" v-model="editPreBook.collectionMethod"></a-input>
                 </a-form-model-item>
               </a-col>
 
               <a-col :md="6" :sm="8">
                 <a-form-model-item label="成交方式" prop="soldType">
-                  <a-input placeholder="请输入成交方式" v-model="preBook.soldType"></a-input>
+                  <a-input placeholder="请输入成交方式" v-model="editPreBook.soldType"></a-input>
                 </a-form-model-item>
               </a-col>
 
               <a-col :md="6" :sm="8">
                 <a-form-model-item label="金额" prop="money">
-                  <a-input placeholder="请输入金额" v-model="preBook.money"></a-input>
+                  <a-input placeholder="请输入金额" v-model="editPreBook.money"></a-input>
                 </a-form-model-item>
               </a-col>
 
               <a-col :md="6" :sm="8">
                 <a-form-model-item label="人民币" prop="RMB">
-                  <a-input placeholder="请输入人民币" v-model="preBook.RMB"></a-input>
+                  <a-input placeholder="请输入人民币" v-model="editPreBook.RMB"></a-input>
                 </a-form-model-item>
               </a-col>
 
               <a-col :md="6" :sm="8">
                 <a-form-model-item label="美元" prop="dollar">
-                  <a-input placeholder="请输入美元" v-model="preBook.dollar"></a-input>
+                  <a-input placeholder="请输入美元" v-model="editPreBook.dollar"></a-input>
                 </a-form-model-item>
               </a-col>
             </a-row>
@@ -163,9 +163,9 @@
           <a-button type="primary" @click="handleAddColumn" icon="plus" style="margin-left: 20px">増行</a-button>
         </div>
 
-        <!-- table -->
+        <!-- table :rules="validatorRules"-->
         <a-spin :spinning="confirmLoading">
-          <a-form-model ref="formRef" :rules="validatorRules">
+          <a-form-model ref="formRef" >
             <a-table
               bordered
               rowKey="id"
@@ -435,7 +435,7 @@ export default {
           className: 'replacecolor'
         }
       ],
-      data: [{}, {}],
+      data: [],
       CNYColumns: [
         {
           title: '货代',
@@ -457,7 +457,7 @@ export default {
           className: 'replacecolor'
         }
       ],
-      CNYData: [{ CNYmoney: '487576,87' }],
+      CNYData: [],
 
       USDColumns: [
         {
@@ -480,17 +480,17 @@ export default {
           className: 'replacecolor'
         }
       ],
-      USDData: [{}],
+      USDData: [],
 
       loading: false, // 表格加载
-      preBook: {},
+      editPreBook: {},
       confirmLoading: false,
       visible: false,
       dateFormat: 'YYYY-MM-DD',
-      validatorRules: {
-        bookDate: [{ required: true, message: '托书日期不能为空', trigger: 'blur' }]
-        // 确定必填项
-      }
+      // validatorRules: {
+      //   bookDate: [{ required: true, message: '托书日期不能为空', trigger: 'blur' }]
+      //   // 确定必填项
+      // }
     }
   },
   created() {},

src/views/pre-book/preBookList.vue

@@ -8,26 +8,26 @@
           <a-row :gutter="24">
             <a-col :md="6" :sm="8">
               <a-form-item label="订单号">
-                <a-input placeholder="请输入订单号" v-model="queryParam.orderNum"></a-input>
+                <a-input placeholder="请输入订单号" v-model="queryParam.orderNumber"></a-input>
               </a-form-item>
             </a-col>
 
             <a-col :md="6" :sm="8">
               <a-form-item label="订单日期" has-feedback>
-                <a-date-picker style="width: 100%" v-model="queryParam.orderDate"> </a-date-picker>
+                <a-date-picker style="width: 100%" v-model="queryParam.aa"> </a-date-picker>
               </a-form-item>
             </a-col>
 
             <a-col :md="6" :sm="8">
               <a-form-item label="客户简称">
-                <a-input placeholder="请输入客户简称" v-model="queryParam.customerShortName"></a-input>
+                <a-input placeholder="请输入客户简称" v-model="queryParam.clientAbbreviation"></a-input>
               </a-form-item>
             </a-col>
 
             <template v-if="toggleSearchStatus">
               <a-col :md="6" :sm="8">
-                <a-form-item label="箱号">
-                  <a-input placeholder="请输入箱号" v-model="queryParam.boxNo"></a-input>
+                <a-form-item label="集装箱号">
+                  <a-input placeholder="请输入集装箱号" v-model="queryParam.containerNumber"></a-input>
                 </a-form-item>
               </a-col>
 
@@ -39,7 +39,7 @@
 
               <a-col :md="6" :sm="8">
                 <a-form-item label="预托书号">
-                  <a-input placeholder="请输入预托书号" v-model="queryParam.preBookNum"></a-input>
+                  <a-input placeholder="请输入预托书号" v-model="queryParam.depositaryReceiptNo"></a-input>
                 </a-form-item>
               </a-col>
             </template>
@@ -61,22 +61,22 @@
     <!-- 操作按钮区域 新增-->
     <a-card :bordered="false" style="marginTop:10px;">
       <div class="table-operator">
-        <a-button type="primary" @click="addPreBookDrawer" icon="plus">新增</a-button>
+        <a-button type="primary" @click="addPreBook" icon="plus">新增</a-button>
       </div>
 
       <!-- 子表 -->
       <a-table
         bordered
-        :row-key="record => record.id"
+        v-if="preBookListData"
+        rowKey="id"
         :columns="preBookListColumns"
         :data-source="preBookListData"
         :loading="loading"
-        :pagination="ipagination"
+        :pagination="pagination"
         @change="handleTableChange"
         :scroll="{ x: 1500 }"
       >
         <!-- 金额 输入框-->
-
         <template slot="money" slot-scope="text, record, index">
           <a-form-model-item prop="money" :rules="rules.money" required>
             <a-input style="width:100%" type="text" v-model="record.money" />
@@ -84,31 +84,45 @@
         </template>
 
         <!-- 单据状态 -->
-        <span slot="documentStateSlot">
-          <a-tag color="#2db7f5">已保存</a-tag>
+        <span slot="documentStateSlot" slot-scope="text, record">
+          <a-tag color="orange" v-if="record.theDocumentsState == '0'">仅保存</a-tag>
+          <a-tag color="green" v-if="record.theDocumentsState == '1'">已提交</a-tag>
         </span>
-        <!-- if  已提交 -->
-        <!-- <span slot="documentStateSlot">
-          <a-tag color="#2db7f5">已提交</a-tag>
-        </span> -->
 
         <!-- 操作 -->
         <span slot="operationSlot" slot-scope="text, record">
-          <a @click="submit(record)" style="color:green;">提交</a>
+          <a @click="print(record)">打印</a>
+
           <a-divider type="vertical" />
 
           <a-dropdown>
             <a class="ant-dropdown-link">更多 <a-icon type="down"/></a>
-            <a-menu slot="overlay">
+
+            <!-- 仅保存 -->
+            <a-menu slot="overlay" v-if="record.theDocumentsState == '0'">
               <a-menu-item><a @click="details(record)">详情</a></a-menu-item>
               <a-menu-item><a @click="edit(record)">编辑</a></a-menu-item>
-              <a-menu-item><a @click="print(record)">打印</a></a-menu-item>
               <a-menu-item>
-                <a-popconfirm title="确定删除吗?" ok-text="是" cancel-text="否" @confirm="handleDelete(record.id)">
+                <a-popconfirm title="确定提交吗?" ok-text="是" cancel-text="否" @confirm="submit(record)">
+                  <a href="javascript:void(0);" style="color:green;">提交</a>
+                </a-popconfirm>
+              </a-menu-item>
+              <a-menu-item>
+                <a-popconfirm title="确定删除吗?" ok-text="是" cancel-text="否" @confirm="handleDelete(record)">
                   <a href="javascript:void(0);" style="color:red;">删除</a>
                 </a-popconfirm></a-menu-item
               >
             </a-menu>
+
+            <!-- 已提交 -->
+            <a-menu slot="overlay" v-if="record.theDocumentsState == '1'">
+              <a-menu-item><a @click="details(record)">详情</a></a-menu-item>
+              <a-menu-item>
+                <a-popconfirm title="确定取消提交吗?" ok-text="是" cancel-text="否" @confirm="cancel(record)">
+                  <a href="javascript:void(0);" style="color:red;">取消提交</a>
+                </a-popconfirm>
+              </a-menu-item>
+            </a-menu>
           </a-dropdown>
         </span>
       </a-table>
@@ -130,6 +144,8 @@ import addPreBookDrawer from '@views/pre-book/addPreBookDrawer.vue'
 import detailsPreBookDrawer from '@views/pre-book/detailsPreBookDrawer.vue'
 import editPreBookDrawer from '@views/pre-book/editPreBookDrawer.vue'
 
+import { preBookList, addPreBook, preBookById, editById } from '@api/document/pre-book.js'
+
 export default {
   name: 'PreBookList', // 预托书列表
   mixins: [JeecgListMixin],
@@ -140,10 +156,17 @@ export default {
     return {
       // 表头
       preBookListColumns: [
-        { title: '预托书号', width: 120, dataIndex: 'preBookNum', fixed: 'left', className: 'replacecolor' },
-        { title: '订单号', width: 120, dataIndex: 'orderNum', fixed: 'left', className: 'replacecolor' },
-        { title: '外销发票号码', dataIndex: 'exportInvoiceNo', width: 120, className: 'replacecolor' },
-        { title: '客户简称', dataIndex: 'customerShortName', width: 120, className: 'replacecolor' },
+        {
+          title: '预托书号',
+          width: 220,
+          dataIndex: 'depositaryReceiptNo',
+          fixed: 'left',
+          align: 'left',
+          className: 'replacecolor'
+        },
+        { title: '订单号', width: 120, dataIndex: 'orderNumber', fixed: 'left', className: 'replacecolor' },
+        { title: '外销发票号码', dataIndex: 'exportInvoiceNo', width: 220, align: 'left', className: 'replacecolor' },
+        { title: '客户简称', dataIndex: 'clientAbbreviation', width: 120, className: 'replacecolor' },
         {
           title: '分销点',
           dataIndex: 'distributionPoint',
@@ -153,13 +176,13 @@ export default {
         },
         {
           title: '经营单位',
-          dataIndex: 'unitOperation',
+          dataIndex: 'unitInOperation',
           width: 150,
           customRender: t => ellipsis(t),
           className: 'replacecolor'
         },
-        { title: '总箱数', dataIndex: 'totalBoxes', width: 120, className: 'replacecolor' },
-        { title: '总毛重', dataIndex: 'totalRoughWeigh', width: 120, className: 'replacecolor' },
+        { title: '总箱数', dataIndex: 'boxNumber', width: 120, className: 'replacecolor' },
+        { title: '总毛重', dataIndex: 'totalGrossWeight', width: 120, className: 'replacecolor' },
         { title: '总体积', dataIndex: 'totalVolume', width: 100, className: 'replacecolor' },
         {
           title: '金额',
@@ -177,8 +200,8 @@ export default {
         //     return moment(text).format('YYYY-MM-DD')
         //   }
         // },
-        { title: '实际船期', dataIndex: 'actualShipDate', width: 120, className: 'replacecolor' },
-        { title: '收汇方式', dataIndex: 'collectionMethod', width: 120, className: 'replacecolor' },
+        { title: '实际船期', dataIndex: 'theActualShippingDate', width: 120, className: 'replacecolor' },
+        { title: '收汇方式', dataIndex: 'exchangeEarningsValue', width: 120, className: 'replacecolor' },
         {
           title: '收货人',
           dataIndex: 'consignee',
@@ -188,20 +211,20 @@ export default {
         },
         {
           title: '提单或承运收据',
-          dataIndex: 'billLadingOrCarriageReceipt',
+          dataIndex: 'billOfLadingOrCarriageReceipt',
           width: 140,
           customRender: t => ellipsis(t),
           className: 'replacecolor'
         },
         {
           title: '抬头人',
-          dataIndex: 'headPerson',
+          dataIndex: 'addressee',
           width: 120,
           customRender: t => ellipsis(t),
           className: 'replacecolor'
         },
         { title: '贸易国别', dataIndex: 'tradeCountry', width: 100, className: 'replacecolor' },
-        { title: '运抵国别', dataIndex: 'arriveCountry', width: 100, className: 'replacecolor' },
+        { title: '运抵国别', dataIndex: 'arriveInCountry', width: 100, className: 'replacecolor' },
         { title: '出口口岸', dataIndex: 'exportPort', width: 100, className: 'replacecolor' },
         {
           title: '通知人',
@@ -210,12 +233,12 @@ export default {
           customRender: t => ellipsis(t),
           className: 'replacecolor'
         },
-        { title: 'NOTIFY', dataIndex: 'NOTIFY', width: 150, className: 'replacecolor' },
+        { title: 'nottfy', dataIndex: 'nottfy', width: 150, className: 'replacecolor' },
         { title: '目的港', dataIndex: 'destinationPort', width: 100, className: 'replacecolor' },
-        { title: '装运期限', dataIndex: 'latestShipmentDate', width: 100, className: 'replacecolor' },
+        { title: '装运期限', dataIndex: 'latestDateOfShipment', width: 120, className: 'replacecolor' },
         {
           title: '单据状态',
-          dataIndex: 'documentState',
+          dataIndex: 'theDocumentsState',
           width: 90,
           scopedSlots: { customRender: 'documentStateSlot' },
           fixed: 'right',
@@ -230,66 +253,139 @@ export default {
           className: 'replacecolor'
         }
       ],
-      preBookListData: [{ orderNum: 'AA002200001' }, {}, {}],
+      preBookListData: [],
       id: '', //
       loading: false, // 表格加载
 
       // 查询条件
       queryParam: {
-        orderNum: '',
-        orderDate: '',
-        customerShortName: '',
-        boxNo: '',
+        orderNumber: '',
+        aa: '',//订单日期
+        clientAbbreviation: '',
+        containerNumber: '',
         smallPo: '',
-        preBookNum: ''
-      }
+        depositaryReceiptNo: '',
+        pageNo: '' // 点击的页数
+      },
+      pagination: {
+        // total: '',
+        // current: 0,
+        // pageSize: 0
+      },
+      dateFormat: 'YYYY-MM-DD'
     }
   },
 
   created() {
-    // this.getOrderList() // 渲染预托书
+    this.getPreBookData() // 渲染预托书
   },
   methods: {
-    // 查询按钮
-    searchQuery() {
-      // this.getpreBookList() // 渲染渲染预托书
-    },
-    // 重置
-    searchReset() {
-      this.queryParam = {}
-      // this.getpreBookList()
+    // 分页查询 预托书
+    getPreBookData() {
+      this.$nextTick(() => {
+        preBookList(this.queryParam).then(res => {
+          if (res.success) {
+            this.preBookListData = res.result.records
+            console.log('预托书列表', this.preBookListData)
+            this.pagination = {
+              total: res.result.total,
+              current: res.result.current,
+              pageSize: res.result.size
+            }
+          }
+        })
+      })
     },
-    // -----------------------------------
     // 新增
-    addPreBookDrawer() {
+    addPreBook() {
       console.log('新增预托书')
       this.$refs.addPreBookDrawer.visible = true
     },
 
-    // -----------------------------------
-    // 操作 提交
-    submit(record) {},
-    // 操作 详情
+    //  详情
     details(record) {
-      this.$refs.detailsPreBookDrawer.visible = true
+      this.$refs.addPreBookDrawer.visible = true
+      // console.log('点击项的ID', record.id)
+      preBookById({ id: record.id }).then(res => {
+        if (res.success) {
+          console.log('点击的对象', res.result)
+          // 把通过id查询到的对象，赋值给子组件
+          this.$refs.addPreBookDrawer.preBookDetails = res.result //主表
+          this.$refs.addPreBookDrawer.data = res.result.syLetterDepositItemList //子表
+        }
+      })
     },
-    // 操作 编辑
+
+    //  编辑
     edit(record) {
       this.$refs.editPreBookDrawer.visible = true
+      preBookById({ id: record.id }).then(res => {
+        if (res.success) {
+          console.log('编辑对象', res.result)
+          // console.log('子表信息', res.result.syShippingDetailsItemList)
+          this.$refs.editPreBookDrawer.editPreBook = res.result
+          this.$refs.editPreBookDrawer.data = res.result.syLetterDepositItemList
+        }
+      })
+    },
+
+    // 操作 提交
+    submit(record) {
+      console.log('点击id:', record.id)
+      this.$nextTick(() => {
+        submit({ id: record.id, type: '1' }).then(res => {
+          if (res.success) {
+            console.log('提交成功，单据状态改为【已提交】')
+            this.preBookListData.theDocumentsState == '1'
+            this.getPreBookData()
+            this.$message.success('提交成功')
+          }
+        })
+      })
+    },
+    // 取消提交
+    cancel(record) {
+      console.log('取消订单id:', record.id)
+      this.$nextTick(() => {
+        cancelSubmit({ id: record.id, type: '2' }).then(res => {
+          if (res.success) {
+            console.log('取消提交成功，单据状态改为【仅保存】')
+            this.preBookListData.theDocumentsState == '0'
+            this.getPreBookData()
+            this.$message.success('取消提交成功')
+          }
+        })
+      })
+    },
+    //  删除
+    handleDelete(record) {
+      console.log('点击删除项id:', record.id)
+      this.$nextTick(() => {
+        deletePreBook({ id: record.id }).then(res => {
+          console.log('res:', res)
+          this.getPreBookData()
+          this.$message.success('删除成功')
+        })
+      })
     },
+
+    // 查询按钮
+    searchQuery() {
+      this.getPreBookData() /// 渲染渲染预托书
+    },
+    // 重置
+    searchReset() {
+      this.queryParam = {}
+      this.getPreBookData()
+    },
+
     // 操作 打印
     print(record) {},
-    // 操作 删除
-    handleDelete(id) {
-      console.log('id:', id)
-    },
 
-    // // 分页、排序、筛选变化时触发
-    // handleTableChange(pagination, filters, sorter) {
-    //   // console.log('当前页信息>>>>',pagination)
-    //   this.queryParam.pageNo = pagination.current
-    //   this.getOrderList()
-    // }
+    handleTableChange(pagination, filters, sorter) {
+      this.queryParam.pageNo = pagination.current
+      this.getPreBookData()
+    },
     aa() {},
     bb() {},
     cc() {}

src/views/reportForms/order-statistics/external-statistics.vue

@@ -189,7 +189,7 @@ export default {
       mode2: ['month', 'month'],
       value: [], //起始月份
       isDisabled: false, //按钮禁止
-      monthFormat: 'YYYY-MM',
+      monthFormat: 'YYYY-MM'
       // defaultMonth: [] //默认当前月
     }
   },

src/views/shipment-details/addShipDetDrawer.vue

@@ -108,7 +108,7 @@
               :columns="columns"
               :data-source="syShippingDetailsItemList"
               :pagination="false"
-              :scroll="{ x: 1500 }"
+              :scroll="{ x: 1500,y:500 }"
               size="small"
             >
               <!-- 款号 输入框 :rules="rules.itemNumber" -->
@@ -604,7 +604,7 @@ export default {
 
   methods: {
     getSon(val) {
-      // console.log('勾选订单数据', val)
+      console.log('勾选订单数据', val)
       for (var i in val) {
         val[i]['orderQuantity'] = val[i].quantity
         val[i]['orderRemainingQuantity'] = val[i].surplusNum

src/views/shipment-details/referOrderDataModal.vue

@@ -389,6 +389,8 @@ export default {
       } else {
         // console.log('需要传给父组件的数据', this.selectedRows)
         // bao父组件指定的传数据绑定的函数 || this.selectedRows子组件给父组件传递的数据
+        console.log('all?', this.selectedRows)
+
         this.$emit('bao', this.selectedRows)
         this.referOrderDataModVis = false
         this.selectedRowKeys = []
@@ -434,6 +436,7 @@ export default {
       return {
         onChange: (selectedRowKeys, selectedRows) => {
           console.log(`selectedRowKeys: ${selectedRowKeys}`, 'selectedRows: ', selectedRows)
+          
         },
         getCheckboxProps: record => ({
           props: {