Z 15:26

src/api/modular/main/BookingLedger.js

@@ -5,7 +5,7 @@
  * @params PageSize
  * @params PageNo
  */
-export function BookingOrderPage (parameter) {
+export function BookingOrderPage(parameter) {
   return axios({
     url: '/BookingOrder/page',
     method: 'get',
@@ -17,7 +17,7 @@ export function BookingOrderPage (parameter) {
  * 获取订舱明细
  * @params Id
  */
- export function BookingOrderGet (parameter) {
+export function BookingOrderGet(parameter) {
   return axios({
     url: '/BookingOrder/get',
     method: 'get',
@@ -29,7 +29,7 @@ export function BookingOrderPage (parameter) {
  * 获取分页查询客户
  * @params ShortName
  */
- export function DjyCustomerpage (parameter) {
+export function DjyCustomerpage(parameter) {
   return axios({
     url: '/DjyCustomer/page',
     method: 'get',
@@ -41,7 +41,7 @@ export function BookingOrderPage (parameter) {
  * 获取船公司
  * @params CnName
  */
- export function GetCarrierlist (parameter) {
+export function GetCarrierlist(parameter) {
   return axios({
     url: '/commondb/carrierlist',
     method: 'get',
@@ -53,7 +53,7 @@ export function BookingOrderPage (parameter) {
  * 获取船名
  * @params Name
  */
- export function GetVessellist (parameter) {
+export function GetVessellist(parameter) {
   return axios({
     url: '/commondb/vessellist',
     method: 'get',
@@ -65,7 +65,7 @@ export function BookingOrderPage (parameter) {
  * 用户查询
  * @params Name
  */
- export function GetSysUserPage (parameter) {
+export function GetSysUserPage(parameter) {
   return axios({
     url: '/sysUser/page',
     method: 'get',
@@ -78,7 +78,7 @@ export function BookingOrderPage (parameter) {
  * @params Type : 10, 20, 30, 40
  * @params SearchValue
  */
- export function BookingTemplate (parameter) {
+export function BookingTemplate(parameter) {
   return axios({
     url: '/BookingTemplate/page',
     method: 'get',
@@ -90,7 +90,7 @@ export function BookingOrderPage (parameter) {
  * 场站
  * @params SearchValue
  */
- export function GetYardlist (parameter) {
+export function GetYardlist(parameter) {
   return axios({
     url: '/commondb/yardlist',
     method: 'get',
@@ -102,7 +102,7 @@ export function BookingOrderPage (parameter) {
  * 起始港
  * @params Name
  */
- export function GetPortloadlist (parameter) {
+export function GetPortloadlist(parameter) {
   return axios({
     url: '/commondb/portloadlist',
     method: 'get',
@@ -114,7 +114,7 @@ export function BookingOrderPage (parameter) {
  * 目的港
  * @params Name
  */
- export function GetPortlist (parameter) {
+export function GetPortlist(parameter) {
   return axios({
     url: '/commondb/portlist',
     method: 'get',
@@ -126,7 +126,7 @@ export function BookingOrderPage (parameter) {
  * 包装
  * @params Name
  */
- export function GetPackage (parameter) {
+export function GetPackage(parameter) {
   return axios({
     url: '/commondb/package',
     method: 'get',
@@ -138,7 +138,7 @@ export function BookingOrderPage (parameter) {
  * 付费方式
  * @params Name
  */
- export function GetFrt (parameter) {
+export function GetFrt(parameter) {
   return axios({
     url: '/commondb/frt',
     method: 'get',
@@ -150,7 +150,7 @@ export function BookingOrderPage (parameter) {
  * 付费方式
  * @params Name
  */
- export function GetService (parameter) {
+export function GetService(parameter) {
   return axios({
     url: '/commondb/service',
     method: 'get',
@@ -162,7 +162,7 @@ export function BookingOrderPage (parameter) {
  * 备注
  * @params id
  */
- export function GetRemark (parameter) {
+export function GetRemark(parameter) {
   return axios({
     url: '/BookingOrder/getRemark',
     method: 'get',
@@ -177,7 +177,7 @@ export function BookingOrderPage (parameter) {
   "remark": "string"
   }
  */
- export function AddRemark (parameter) {
+export function AddRemark(parameter) {
   return axios({
     url: '/BookingOrder/addRemark',
     method: 'post',
@@ -189,13 +189,13 @@ export function BookingOrderPage (parameter) {
  * 附件
  * @params id
  */
-  export function GetFile (parameter) {
-    return axios({
-      url: '/BookingOrder/getFile',
-      method: 'get',
-      params: parameter
-    })
-  }
+export function GetFile(parameter) {
+  return axios({
+    url: '/BookingOrder/getFile',
+    method: 'get',
+    params: parameter
+  })
+}
 
 /**
  * 新增附件
@@ -206,7 +206,7 @@ export function BookingOrderPage (parameter) {
   "file": "string"
   }
  */
- export function AddFile (parameter) {
+export function AddFile(parameter) {
   return axios({
     url: '/BookingOrder/addFile',
     method: 'post',
@@ -218,7 +218,7 @@ export function BookingOrderPage (parameter) {
  * 获取货运动态
  * @params id
  */
- export function GetBookingLog (parameter) {
+export function GetBookingLog(parameter) {
   return axios({
     url: `/BookingOrder/GetStatusLog`,
     method: 'get',
@@ -230,7 +230,7 @@ export function BookingOrderPage (parameter) {
  * 日志明细
  * @params id
  */
- export function GetLog (parameter) {
+export function GetLog(parameter) {
   return axios({
     url: '/BookingOrder/getLog',
     method: 'get',
@@ -242,7 +242,7 @@ export function BookingOrderPage (parameter) {
  * 获取箱型
  * @params id
  */
- export function GetCtn (parameter) {
+export function GetCtn(parameter) {
   return axios({
     url: '/commondb/ctn',
     method: 'get',
@@ -253,7 +253,7 @@ export function BookingOrderPage (parameter) {
 /**
  * 更新订舱
  */
- export function BookingOrderUpdate (parameter) {
+export function BookingOrderUpdate(parameter) {
   return axios({
     url: '/BookingOrder/Update',
     method: 'post',
@@ -264,7 +264,7 @@ export function BookingOrderPage (parameter) {
 /**
  * 新增订舱
  */
- export function BookingOrderAdd (parameter) {
+export function BookingOrderAdd(parameter) {
   return axios({
     url: '/BookingOrder/Add',
     method: 'post',
@@ -275,7 +275,7 @@ export function BookingOrderPage (parameter) {
 /**
  * 增加订舱模板
  */
- export function BookingTemplateAdd (parameter) {
+export function BookingTemplateAdd(parameter) {
   return axios({
     url: '/BookingTemplate/add',
     method: 'post',
@@ -287,7 +287,7 @@ export function BookingOrderPage (parameter) {
  * 签单方式
  * @params name
  */
- export function Codeissuetypelist (parameter) {
+export function Codeissuetypelist(parameter) {
   return axios({
     url: '/commondb/codeissuetypelist',
     method: 'get',
@@ -300,7 +300,7 @@ export function BookingOrderPage (parameter) {
  * @params bookingId
  * @params isWeb
  */
- export function GetYardData (parameter) {
+export function GetYardData(parameter) {
   return axios({
     url: '/BookingOrder/GetYardData',
     method: 'get',
@@ -311,7 +311,7 @@ export function BookingOrderPage (parameter) {
 /**
  * 发送订舱、截单EDI
  */
- export function SendBookingOrClosingEDI (parameter) {
+export function SendBookingOrClosingEDI(parameter) {
   return axios({
     url: '/BookingOrder/SendBookingOrClosingEDI',
     method: 'post',
@@ -322,7 +322,7 @@ export function BookingOrderPage (parameter) {
 /**
  * 发送下货纸
  */
- export function SendXHZ (parameter) {
+export function SendXHZ(parameter) {
   return axios({
     url: '/BookingOrder/SendXHZ?bookingId=' + parameter,
     method: 'post',
@@ -333,7 +333,7 @@ export function BookingOrderPage (parameter) {
 /**
  * 直发VGM
  */
- export function VgmSend (parameter) {
+export function VgmSend(parameter) {
   return axios({
     url: '/BookingOrder/VgmSend?bookingId=' + parameter,
     method: 'post',
@@ -344,7 +344,7 @@ export function BookingOrderPage (parameter) {
 /**
  * 获取放舱信息
  */
-export function LetterYard (parameter) {
+export function LetterYard(parameter) {
   return axios({
     url: '/BookingOrder/LetterYard?bookingId=' + parameter,
     method: 'get',
@@ -355,7 +355,7 @@ export function LetterYard (parameter) {
 /**
  * 保存（新增或修改）放舱
  */
- export function SaveBookingLetteryard (parameter) {
+export function SaveBookingLetteryard(parameter) {
   return axios({
     url: '/BookingLetteryard/Save',
     method: 'post',
@@ -366,7 +366,7 @@ export function LetterYard (parameter) {
 /**
  * 放舱发送
  */
- export function SendLetterYard (parameter) {
+export function SendLetterYard(parameter) {
   return axios({
     url: '/BookingLetteryard/SendLetterYard?bookingId=' + parameter,
     method: 'post',
@@ -377,7 +377,7 @@ export function LetterYard (parameter) {
 /**
  * 样单
  */
- export function SampleBill (parameter) {
+export function SampleBill(parameter) {
   return axios({
     url: '/BookingOrder/SampleBill?bookingId=' + parameter,
     method: 'get',
@@ -388,7 +388,7 @@ export function LetterYard (parameter) {
 /**
  * 保存（新增或修改）样单
  */
- export function SaveBookingSampleBill (parameter) {
+export function SaveBookingSampleBill(parameter) {
   return axios({
     url: '/BookingSampleBill/Save',
     method: 'post',
@@ -399,7 +399,7 @@ export function LetterYard (parameter) {
 /**
  * 获取VGM、VGM SI链接
  */
- export function VgmLink (parameter) {
+export function VgmLink(parameter) {
   return axios({
     url: '/BookingOrder/VgmLink?bookingId=' + parameter,
     method: 'get',
@@ -410,7 +410,7 @@ export function LetterYard (parameter) {
 /**
  * 获取样单pdf
  */
- export function SampleBillPdf (parameter) {
+export function SampleBillPdf(parameter) {
   return axios({
     url: '/BookingOrder/SampleBillPdf?bookingId=' + parameter,
     method: 'get',
@@ -421,7 +421,7 @@ export function LetterYard (parameter) {
 /**
  * 获取提箱小票链接
  */
- export function TxxpLink (parameter) {
+export function TxxpLink(parameter) {
   return axios({
     url: '/BookingOrder/TxxpLink?bookingId=' + parameter,
     method: 'get',
@@ -432,7 +432,7 @@ export function LetterYard (parameter) {
 /**
  * 校验
  */
- export function ExcuteRulesOceanBooking (parameter) {
+export function ExcuteRulesOceanBooking(parameter) {
   return axios({
     url: '/RulesEngineClient/ExcuteRulesOceanBooking?bookingId=' + parameter,
     method: 'get',
@@ -444,10 +444,21 @@ export function LetterYard (parameter) {
  * 付费方式
  * @params Name
  */
- export function GetForwarderlist (parameter) {
+export function GetForwarderlist(parameter) {
   return axios({
     url: '/commondb/forwarderlist',
     method: 'get',
     params: parameter
   })
 }
+/**
+ * 打印
+ * @params Name
+ */
+export function BookingOrderPrint(parameter) {
+  return axios({
+    url: '/BookingOrder/Print',
+    method: 'get',
+    params: parameter
+  })
+}

src/views/main/BookingLedger/detail/modules/basicInfo.vue

@@ -326,7 +326,7 @@
     >
       <template v-if="customerType === 'select'">
         <div class="select-customer">
-          <ve-table
+          <!-- <ve-table
             :columns="columns"
             :table-data="tableData"
             borderY
@@ -335,7 +335,50 @@
             rowKeyFieldName="rowKey"
             :rowStyleOption="rowStyleOption"
             :checkbox-option="checkboxOption"
-          />
+          /> -->
+          <vxe-toolbar>
+            <template #buttons>
+              <vxe-button icon="vxe-icon-square-plus" @click="insertEvent()">新增</vxe-button>
+              <vxe-button @click="$refs.xTable.removeCheckboxRow()">删除选中</vxe-button>
+              <vxe-button icon="vxe-icon-save" @click="saveEvent">保存</vxe-button>
+            </template>
+          </vxe-toolbar>
+          <vxe-table
+            border
+            show-overflow
+            keep-source
+            ref="xTable"
+            max-height="400"
+            :data="tableData"
+            :edit-config="{ trigger: 'click', mode: 'cell', icon: 'vxe-icon-edit', showStatus: true }"
+          >
+            <vxe-column type="checkbox" width="60"></vxe-column>
+            <vxe-column field="name" title="联系人" :edit-render="{}">
+              <template #edit="{ row }">
+                <vxe-input v-model="row.name" type="text"></vxe-input>
+              </template>
+            </vxe-column>
+            <vxe-column field="email" title="邮箱">
+              <template #edit="{ row }">
+                <vxe-input v-model="row.email" type="text"></vxe-input>
+              </template>
+            </vxe-column>
+            <vxe-column field="tel" title="电话">
+              <template #edit="{ row }">
+                <vxe-input v-model="row.tel" type="text"></vxe-input>
+              </template>
+            </vxe-column>
+            <vxe-column field="remark" title="备注">
+              <template #edit="{ row }">
+                <vxe-input v-model="row.remark" type="text"></vxe-input>
+              </template>
+            </vxe-column>
+            <vxe-column field="roleCode" title="角色">
+              <template #edit="{ row }">
+                <vxe-input v-model="row.roleCode" type="text"></vxe-input>
+              </template>
+            </vxe-column>
+          </vxe-table>
         </div>
       </template>
       <template v-else-if="customerType === 'add'">
@@ -347,7 +390,7 @@
 <script>
 import { XCard } from '@/components'
 import { AutoComplete } from 'ant-design-vue'
-
+import { DjyCustomerPage } from '@/api/modular/main/CustomerInformationManagement'
 import {
   DjyCustomerpage,
   GetCarrierlist,
@@ -658,6 +701,26 @@ export default {
     this.init()
   },
   methods: {
+    // ========== 关系人弹窗 ==========
+    // ---------- 新增 ----------
+    async insertEvent(row) {
+      const $table = this.$refs.xTable
+      const record = {
+        sex: '1',
+        date12: '2021-01-01'
+      }
+      const { row: newRow } = await $table.insertAt(record, row)
+      await $table.setActiveCell(newRow, 'name')
+    },
+    // ---------- 保存 ----------
+    saveEvent() {
+      const $table = this.$refs.xTable
+      const { insertRecords, removeRecords, updateRecords } = $table.getRecordset()
+      VXETable.modal.alert(
+        `insertRecords=${insertRecords.length} removeRecords=${removeRecords.length} updateRecords=${updateRecords.length}`
+      )
+    },
+    // ==============================
     init() {
       // this.getCustomer()
       // this.getCarrier()
@@ -669,6 +732,10 @@ export default {
       // this.getUserList('op')
       // this.getUserList('doc')
       // this.getUserList('custservice')
+      DjyCustomerPage({ pageSize: 999 }).then(res => {
+        console.log(res)
+        this.CustomerData = res.data.rows
+      })
       if (this.details.etd) {
         this.etdWeek = this.getWeek(this.details.etd)
       }

src/views/main/BookingLedger/detail/modules/mailingInfo.vue

@@ -487,29 +487,58 @@
         </div>
       </a-modal>
       <a-modal
-        :title="yardType === 'add' ? '添加客户' : '关系人'"
+        :title="yardType === 'remark' ? '场站备注' : '场站联系人'"
         :width="1200"
         :visible="yardVisible"
-        :confirmLoading="customerModelconfirm"
-        @ok="handleModelSubmit"
-        @cancel="handleModelCancel"
+        @ok="ModelyardTypeOk"
+        @cancel="ModelyardTypeCancel"
       >
-        <template v-if="yardType === 'select'">
+        <template v-if="yardType === 'remark'">
           <div class="select-customer">
-            <ve-table
-              :columns="columns"
-              :table-data="tableData"
-              borderY
-              :cell-autofill-option="cellAutofillOption"
-              :editOption="editOption"
-              rowKeyFieldName="rowKey"
-              :rowStyleOption="rowStyleOption"
-              :checkbox-option="checkboxOption"
-            />
+            <a-textarea v-model="details.yardremark" placeholder="场站备注" :auto-size="{ minRows: 3, maxRows: 5 }" />
           </div>
         </template>
-        <template v-else-if="yardType === 'add'">
-          <div></div>
+        <template v-else-if="yardType === 'content'">
+          <a-form>
+            <a-row>
+              <a-col :span="12">
+                <a-form-item
+                  class="from-label"
+                  label="联系人"
+                  :labelCol="YardlabelCol"
+                  :wrapperCol="YardwrapperCol"
+                  has-feedback
+                  style="overflow: visible;"
+                >
+                  <a-input placeholder="请输入联系人" v-model="details.yardcontract" />
+                </a-form-item>
+              </a-col>
+              <a-col :span="12">
+                <a-form-item
+                  class="from-label"
+                  label="电话"
+                  :labelCol="YardlabelCol"
+                  :wrapperCol="YardwrapperCol"
+                  has-feedback
+                  style="overflow: visible;"
+                >
+                  <a-input placeholder="请输入电话" v-model="details.yardcontracttel" />
+                </a-form-item>
+              </a-col>
+              <a-col :span="12">
+                <a-form-item
+                  class="from-label"
+                  label="邮箱"
+                  :labelCol="YardlabelCol"
+                  :wrapperCol="YardwrapperCol"
+                  has-feedback
+                  style="overflow: visible;"
+                >
+                  <a-input placeholder="请输入邮箱" v-model="details.yardcontractemail" />
+                </a-form-item>
+              </a-col>
+            </a-row>
+          </a-form>
         </template>
       </a-modal>
     </a-collapse-panel>
@@ -554,6 +583,16 @@ export default {
         sm: { span: 15 },
         md: { span: 13 }
       },
+      YardlabelCol: {
+        xs: { span: 24 },
+        sm: { span: 1 },
+        md: { span: 4 }
+      },
+      YardwrapperCol: {
+        xs: { span: 24 },
+        sm: { span: 1 },
+        md: { span: 20 }
+      },
       showKey: ['1'],
       // 获取模板
       shipperData: [], // 发货人
@@ -781,6 +820,7 @@ export default {
     this.init()
   },
   methods: {
+    // ========== 关系人弹窗 ==========
     changeYard(type) {
       if (type == 'remark') {
         this.yardType = type
@@ -789,6 +829,14 @@ export default {
       }
       this.yardVisible = true
     },
+    ModelyardTypeOk() {
+      const type = this.yardType
+      this.ModelyardTypeCancel()
+    },
+    ModelyardTypeCancel() {
+      this.yardVisible = false
+      this.yardType = ''
+    },
     init() {
       // this.getTemplate('', 'shipper')
       // this.getTemplate('', 'consignee')

src/views/main/BookingLedger/detail/modules/operationArea.vue

@@ -14,7 +14,15 @@
         </a-popconfirm>
         <button><span class="iconfont icon-fuzhi1"></span>复制</button>
         <button @click="saveFun"><span class="iconfont icon-icon_baocun"></span>保存</button>
-        <button><span class="iconfont icon-printing"></span>打印</button>
+        <a-dropdown>
+          <!-- <a class="ant-dropdown-link" @click="e => e.preventDefault()"> Hover me <a-icon type="down" /> </a> -->
+          <button><span class="iconfont icon-printing"></span>打印<a-icon type="down" /></button>
+          <a-menu slot="overlay">
+            <a-menu-item v-for="item in templateType" :key="item.id">
+              <span @click="FnCilckTemplateType(item.code)">{{ item.name }}</span>
+            </a-menu-item>
+          </a-menu>
+        </a-dropdown>
       </div>
       <div class="btn-list more-view-1">
         <button @click="openModel('bookingSpace')"><span class="iconfont icon-chuanbo"></span>订舱</button>
@@ -369,11 +377,7 @@
         <template slot="footer">
           <a-button @click="saveModel">保存</a-button>
           <a-button type="primary" @click="sendModel">发送</a-button>
-          <a-button
-            type="primary"
-            @click="removeModel"
-            v-if="['initCabin', 'vgmlink'].includes(modelType)"
-          >
+          <a-button type="primary" @click="removeModel" v-if="['initCabin', 'vgmlink'].includes(modelType)">
             删除
           </a-button>
         </template>
@@ -395,7 +399,8 @@ import {
   SaveBookingSampleBill,
   SampleBillPdf,
   TxxpLink,
-  ExcuteRulesOceanBooking
+  ExcuteRulesOceanBooking,
+  BookingOrderPrint
 } from '@/api/modular/main/BookingLedger'
 
 export default {
@@ -404,8 +409,8 @@ export default {
       type: Object,
       default: () => {
         return {}
-      },
-    },
+      }
+    }
   },
   data() {
     return {
@@ -422,12 +427,12 @@ export default {
         forwarderName: '',
         fileRole: '',
         sendType: 'B',
-        send: false,
+        send: false
       },
       radioStyle: {
         display: 'block',
         height: '30px',
-        lineHeight: '30px',
+        lineHeight: '30px'
       },
       // 放舱表单
       initCabinFrom: {
@@ -441,22 +446,38 @@ export default {
         orderUrl: {
           urlTxxp: '',
           urlVgm: '',
-          urlVgmSi: '',
+          urlVgmSi: ''
         },
-        remark: '',
+        remark: ''
       },
       // 样单
       hsaBillPdf: false,
       billPdf: '',
-      billPdfTip: ''
+      billPdfTip: '',
+      templateType: []
     }
   },
   mounted() {
+    this.templateType = this.$options.filters['dictData']('booking_template_type')
     // if (this.id) {
     //   this.getLetterYard()
     // }
   },
   methods: {
+    // ========== 订舱打印 ==========
+    FnCilckTemplateType(type) {
+      BookingOrderPrint({ type, bookingId: this.id })
+        .then(res => {
+          if (res.success) {
+            this.$message.success('打印成功')
+          } else {
+            this.$message.error(res.message)
+          }
+        })
+        .catch(err => {
+          console.log(err)
+        })
+    },
     refreshPage() {
       this.$emit('refresh')
     },
@@ -511,7 +532,7 @@ export default {
       this.bookingModelFrom.send = type === 'send'
       this.bookingModelFrom.orderNo = this.details.mblno
       SendBookingOrClosingEDI(this.bookingModelFrom)
-        .then((res) => {
+        .then(res => {
           // 未完成
           if (res.success) {
             this.$message.success(`${type === 'send' ? '发送' : '保存'}成功`)
@@ -520,7 +541,7 @@ export default {
             this.$message.error(res.message)
           }
         })
-        .catch((err) => {
+        .catch(err => {
           console.log(err)
         })
     },
@@ -535,7 +556,7 @@ export default {
         forwarderName: '',
         fileRole: '',
         sendType: 'B',
-        send: false,
+        send: false
       }
     },
     // vgm / 下货纸
@@ -543,9 +564,9 @@ export default {
       let content = null
       const _this = this
       if (type === 'vgm') {
-        content = (h) => <div>确认发送VGM吗?</div>
+        content = h => <div>确认发送VGM吗?</div>
       } else if (type === 'paper') {
-        content = (h) => <div>确认发送下货纸吗?</div>
+        content = h => <div>确认发送下货纸吗?</div>
       }
       this.$confirm({
         title: '温馨提示',
@@ -561,34 +582,34 @@ export default {
         onCancel() {
           console.log('Cancel')
         },
-        class: 'test',
+        class: 'test'
       })
     },
 
     sendXHZ() {
       SendXHZ(this.id)
-        .then((res) => {
+        .then(res => {
           if (res.success) {
             this.$message.success(`下货纸发送成功`)
           } else {
             this.$message.error(res.message)
           }
         })
-        .catch((err) => {
+        .catch(err => {
           console.log(err)
         })
     },
 
     vgmSend() {
       VgmSend(this.id)
-        .then((res) => {
+        .then(res => {
           if (res.success) {
             this.$message.success(`VGM发送成功`)
           } else {
             this.$message.error(res.message)
           }
         })
-        .catch((err) => {
+        .catch(err => {
           console.log(err)
         })
     },
@@ -596,7 +617,7 @@ export default {
     // 获取放舱信息
     getLetterYard() {
       LetterYard(this.id)
-        .then((res) => {
+        .then(res => {
           console.log('== 放舱信息 ==', res.data)
           if (res.success) {
             this.initCabinFrom = res.data
@@ -604,7 +625,7 @@ export default {
             this.$message.error(res.message)
           }
         })
-        .catch((err) => {
+        .catch(err => {
           console.log(err)
         })
     },
@@ -612,7 +633,7 @@ export default {
     // 获取样单信息
     getSampleBill() {
       SampleBill(this.id)
-        .then((res) => {
+        .then(res => {
           console.log('== 样单信息 ==', res.data)
           if (res.success) {
             this.initCabinFrom = res.data
@@ -620,7 +641,7 @@ export default {
             this.$message.error(res.message)
           }
         })
-        .catch((err) => {
+        .catch(err => {
           console.log(err)
         })
     },
@@ -628,7 +649,7 @@ export default {
     // 获取VGM信息
     getVgmLink() {
       VgmLink(this.id)
-        .then((res) => {
+        .then(res => {
           console.log('== VGM信息 ==', res.data)
           if (res.success) {
             // this.initCabinFrom = res.data
@@ -636,14 +657,14 @@ export default {
             this.$message.error(res.message)
           }
         })
-        .catch((err) => {
+        .catch(err => {
           console.log(err)
         })
     },
 
-    sampleBillPdf () {
+    sampleBillPdf() {
       SampleBillPdf(this.id)
-        .then((res) => {
+        .then(res => {
           if (res.success) {
             this.hsaBillPdf = true
             this.billPdf = res.data.description
@@ -652,7 +673,7 @@ export default {
             this.billPdfTip = res.message
           }
         })
-        .catch((err) => {
+        .catch(err => {
           console.log(err)
         })
     },
@@ -732,30 +753,30 @@ export default {
         }
       }
       SaveBookingLetteryard(this.initCabinFrom)
-      .then((res) => {
-        if (res.success) {
-          this.$message.success('保存成功')
-          // this.initCabinFrom = res.data
-        } else {
-          this.$message.error(res.message)
-        }
-      })
-      .catch((err) => {
-        console.log(err)
-      })
+        .then(res => {
+          if (res.success) {
+            this.$message.success('保存成功')
+            // this.initCabinFrom = res.data
+          } else {
+            this.$message.error(res.message)
+          }
+        })
+        .catch(err => {
+          console.log(err)
+        })
     },
 
     // 保存 / 发送 样单
     saveBookingSampleBill() {
       SaveBookingSampleBill(this.initCabinFrom)
-        .then((res) => {
+        .then(res => {
           if (res.success) {
             this.$message.success('保存成功')
           } else {
             this.$message.error(res.message)
           }
         })
-        .catch((err) => {
+        .catch(err => {
           console.log(err)
         })
     },
@@ -763,21 +784,21 @@ export default {
     // 发送放舱
     sendLetterYard() {
       SendLetterYard(this.id)
-        .then((res) => {
+        .then(res => {
           if (res.success) {
             this.$message.success('发送成功')
           } else {
             this.$message.error(res.message)
           }
         })
-        .catch((err) => {
+        .catch(err => {
           console.log(err)
         })
     },
 
     TxxpLink() {
       TxxpLink(this.id)
-        .then((res) => {
+        .then(res => {
           if (res.success) {
             console.log(res.data)
             this.copyFun(res.data)
@@ -785,25 +806,25 @@ export default {
             this.$message.error(res.message)
           }
         })
-        .catch((err) => {
+        .catch(err => {
           console.log(err)
         })
     },
 
-    checkFun () {
+    checkFun() {
       ExcuteRulesOceanBooking(this.id)
-        .then((res) => {
+        .then(res => {
           if (res.success) {
             this.$emit('rules', res.data.rows)
           } else {
             this.$message.error(res.message)
           }
         })
-        .catch((err) => {
+        .catch(err => {
           console.log(err)
         })
     }
-  },
+  }
 }
 </script>
 <style lang="less" scoped>
@@ -929,10 +950,10 @@ export default {
     left: 0;
   }
 }
-.pdf-view{
+.pdf-view {
   height: 400px;
 }
-.no-pdf{
+.no-pdf {
   text-align: center;
   margin: 20px 0;
 }