From a6ffecc5dbce2968afd32eb950eda99ea51374e5 Mon Sep 17 00:00:00 2001
From: lilu <lilu@myshipping.net>
Date: Tue, 22 Nov 2022 12:08:14 +0800
Subject: [PATCH] =?UTF-8?q?=E8=AF=A6=E6=83=85?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../detail/components/sedOrder.vue            |   8 +-
 src/views/main/BookingLedger/detail/index.vue |  38 +++-
 .../detail/modules/basicInfo.vue              |  14 +-
 .../BookingLedger/detail/modules/billInfo.vue | 162 ++++++++++++++-
 .../detail/modules/mailingInfo.vue            |  16 +-
 .../detail/modules/sedOperationArea.vue       | 184 ++++++++++++++++++
 src/views/main/BookingLedger/list/index.vue   |   4 +-
 7 files changed, 403 insertions(+), 23 deletions(-)
 create mode 100644 src/views/main/BookingLedger/detail/modules/sedOperationArea.vue

diff --git a/src/views/main/BookingLedger/detail/components/sedOrder.vue b/src/views/main/BookingLedger/detail/components/sedOrder.vue
index ab8097c..e19d580 100644
--- a/src/views/main/BookingLedger/detail/components/sedOrder.vue
+++ b/src/views/main/BookingLedger/detail/components/sedOrder.vue
@@ -6,7 +6,7 @@
           <div class="sed-order-title"><i class="iconfont icon-liebiao"></i> 分提单列表</div>
           <div class="sec-order">
             <div class="sed-order-label active"><i class="iconfont icon-dingdan"></i> 分单1: QE1234567</div>
-            <div class="sed-order-label" v-for="i in 10"><i class="iconfont icon-dingdan"></i> 分单1: QE1234567</div>
+            <div class="sed-order-label"><i class="iconfont icon-dingdan"></i> 分单1: QE1234567</div>
             <div class="sed-order-btn"><i class="iconfont icon-jiahao2fill"></i>添加分单</div>
           </div>
         </div>
@@ -14,7 +14,7 @@
       <a-col :span="19">
         <template v-if="!inPageLoading">
 					<div class="order-title"><i class="iconfont icon-liebiao1"></i> 当前分单号： 1234567</div>
-          <operationArea :details="secOrderetails" @refresh="refreshPage" @save="saveFun"></operationArea>
+          <sedOperationArea :details="secOrderetails" @refresh="refreshPage" @save="saveFun"></sedOperationArea>
           <a-tabs type="card">
             <a-tab-pane key="1" tab="基础信息">
               <div class="pane-box">
@@ -47,7 +47,7 @@
   </div>
 </template>
   <script>
-import operationArea from '../modules/operationArea'
+import sedOperationArea from '../modules/sedOperationArea'
 import basicInfo from '../modules/basicInfo'
 import mailingInfo from '../modules/mailingInfo'
 import cargoInfo from '../modules/cargoInfo'
@@ -68,7 +68,7 @@ export default {
     },
   },
   components: {
-    operationArea,
+    sedOperationArea,
     basicInfo,
     mailingInfo,
     cargoInfo,
diff --git a/src/views/main/BookingLedger/detail/index.vue b/src/views/main/BookingLedger/detail/index.vue
index 6ae4fb6..8bb126e 100644
--- a/src/views/main/BookingLedger/detail/index.vue
+++ b/src/views/main/BookingLedger/detail/index.vue
@@ -104,6 +104,7 @@ export default {
       } else {
         this.bookingDetails = {
           id: 0,
+          parentId: 0,
           // 基本信息
           customername: '',
           carrier: '',
@@ -160,18 +161,29 @@ export default {
           hscode: '',
           description: '',
           totalno: '',
-          // 签单信息  (分类数据未添加)
+          // 签单信息
           issuetype: '',
           issuedate: '',
           issueplace: '',
           issueplaceid: '',
-          nobill: '',
-          copynobilll: '',
+          nobill: 'THREE',
+          copynobilll: 'ONE',
           prepardat: '',
           payableat: '',
           blfrt: '',
           thirdpayaddr: '',
           service: '',
+          reeferf: '',
+          tempset: '',
+          tempid: '',
+          tempmin: '',
+          tempmax: '',
+          humidity: '',
+          dclass: '',
+          dunno: '',
+          dpage: '',
+          dlabel: '',
+          linkman: '',
           // 备注信息
           soremark: '',
           siremark: '',
@@ -182,8 +194,9 @@ export default {
           freightpayer: '',
           scaccode: '',
           itncode: '',
-          iscontainersoc: 0
+          iscontainersoc: 0,
           // 分单信息未添加
+          hbList: []
         }
         this.bookingDetails.carrier = this.enmuCarrier(this.type)
       }
@@ -194,11 +207,19 @@ export default {
         case 'CMA':
           return '法国达飞'
         case 'ONE':
-          return 'ONE'
+          return '网联船务'
         case 'ESL':
-          return 'ESL'
+          return '阿联酋航运'
         case 'MSC':
-          return 'MSC'
+          return '地中海航运'
+        case 'PIL':
+          return '太平'
+        case 'TSL':
+          return '德祥'
+        case 'YML':
+          return '阳明'
+        case 'SINOLINE':
+          return '中外运集装箱'
         default:
           return ''
       }
@@ -313,5 +334,8 @@ export default {
   margin-top: -17px;
   min-height: 200px;
   // background: #ffffff;
+}
+ /deep/ .ant-calendar-picker-icon{
+  display: none !important;
 }
 </style>
diff --git a/src/views/main/BookingLedger/detail/modules/basicInfo.vue b/src/views/main/BookingLedger/detail/modules/basicInfo.vue
index 82bcd16..36a2501 100644
--- a/src/views/main/BookingLedger/detail/modules/basicInfo.vue
+++ b/src/views/main/BookingLedger/detail/modules/basicInfo.vue
@@ -162,8 +162,10 @@
                       placeholder="开船日期"
                       v-model="details.etd"
                       @change="changeEtd"
-                    />
-                    <span class="week">W{{ etdWeek || '--' }}</span>
+                    >
+                      <a-icon slot="suffixIcon" type="time" style="display: none;"/>
+                    </a-date-picker>
+                    <span class="week" v-if="etdWeek">W{{ etdWeek || '--' }}</span>
                   </div>
                 </a-form-item>
               </a-col>
@@ -183,7 +185,9 @@
                       format="YYYY-MM-DD HH:mm:ss"
                       placeholder="实际开船"
                       v-model="details.atd"
-                    />
+                    >
+                      <a-icon slot="suffixIcon" type="time" style="display: none;"/>
+                    </a-date-picker>
                   </div>
                 </a-form-item>
               </a-col>
@@ -609,7 +613,9 @@ export default {
       this.getUserList('op')
       this.getUserList('doc')
       this.getUserList('custservice')
-      this.etdWeek = this.getWeek(this.details.etd)
+      if (this.details.etd) {
+        this.etdWeek = this.getWeek(this.details.etd)
+      }
     },
     // 客户 - start
     getCustomer(name = '') {
diff --git a/src/views/main/BookingLedger/detail/modules/billInfo.vue b/src/views/main/BookingLedger/detail/modules/billInfo.vue
index 95ac26e..750091e 100644
--- a/src/views/main/BookingLedger/detail/modules/billInfo.vue
+++ b/src/views/main/BookingLedger/detail/modules/billInfo.vue
@@ -54,7 +54,7 @@
             </a-col>
             <a-col :xs="12" :sm="12" :md="12" :lg="8" :xl="6">
               <a-form-item class="from-label" label="提单份数" :labelCol="labelCol" :wrapperCol="wrapperCol" has-feedback>
-                <a-select :default-value="details.nobill || 'ONE'" style="width: 120px" @change="handleChange">
+                <a-select :default-value="details.nobill || 'THREE'" style="width: 120px" @change="handleChange">
                   <a-select-option value="ONE">
                     ONE
                   </a-select-option>
@@ -185,7 +185,7 @@
               >
                 <a-input
                   v-model="details.thirdpayaddr"
-                  placeholder="请输入第三付款地！"
+                  placeholder="请输入第三付款地"
                 />
               </a-form-item>
             </a-col>
@@ -206,6 +206,164 @@
                 />
               </a-form-item>
             </a-col>
+            <template v-if="details.cargoid == 'R'">
+              <a-col :xs="12" :sm="12" :md="12" :lg="8" :xl="6">
+                <a-form-item
+                  class="from-label"
+                  label="冷藏通风量"
+                  :labelCol="labelCol"
+                  :wrapperCol="wrapperCol"
+                  has-feedback
+                >
+                  <a-input
+                    v-model="details.reeferf"
+                    placeholder="请输入冷藏通风量"
+                  />
+                </a-form-item>
+              </a-col>
+              <a-col :xs="12" :sm="12" :md="12" :lg="8" :xl="6">
+                <a-form-item
+                  class="from-label"
+                  label="设置温度"
+                  :labelCol="labelCol"
+                  :wrapperCol="wrapperCol"
+                  has-feedback
+                >
+                  <a-input
+                    v-model="details.tempset"
+                    placeholder="请输入设置温度"
+                  />
+                </a-form-item>
+              </a-col>
+              <a-col :xs="12" :sm="12" :md="12" :lg="8" :xl="6">
+                <a-form-item
+                  class="from-label"
+                  label="温度单位"
+                  :labelCol="labelCol"
+                  :wrapperCol="wrapperCol"
+                  has-feedback
+                >
+                  <a-input
+                    v-model="details.tempid"
+                    placeholder="请输入温度单位"
+                  />
+                </a-form-item>
+              </a-col>
+              <a-col :xs="12" :sm="12" :md="12" :lg="8" :xl="6">
+                <a-form-item
+                  class="from-label"
+                  label="最低温度"
+                  :labelCol="labelCol"
+                  :wrapperCol="wrapperCol"
+                  has-feedback
+                >
+                  <a-input
+                    v-model="details.tempmin"
+                    placeholder="请输入最低温度"
+                  />
+                </a-form-item>
+              </a-col>
+              <a-col :xs="12" :sm="12" :md="12" :lg="8" :xl="6">
+                <a-form-item
+                  class="from-label"
+                  label="最高温度"
+                  :labelCol="labelCol"
+                  :wrapperCol="wrapperCol"
+                  has-feedback
+                >
+                  <a-input
+                    v-model="details.tempmax"
+                    placeholder="请输入最高温度"
+                  />
+                </a-form-item>
+              </a-col>
+              <a-col :xs="12" :sm="12" :md="12" :lg="8" :xl="6">
+                <a-form-item
+                  class="from-label"
+                  label="湿度"
+                  :labelCol="labelCol"
+                  :wrapperCol="wrapperCol"
+                  has-feedback
+                >
+                  <a-input
+                    v-model="details.humidity"
+                    placeholder="请输入湿度"
+                  />
+                </a-form-item>
+              </a-col>
+            </template>
+            <template v-if="details.cargoid == 'D'">
+              <a-col :xs="12" :sm="12" :md="12" :lg="8" :xl="6">
+                <a-form-item
+                  class="from-label"
+                  label="危险品等级"
+                  :labelCol="labelCol"
+                  :wrapperCol="wrapperCol"
+                  has-feedback
+                >
+                  <a-input
+                    v-model="details.dclass"
+                    placeholder="请输入危险品等级"
+                  />
+                </a-form-item>
+              </a-col>
+              <a-col :xs="12" :sm="12" :md="12" :lg="8" :xl="6">
+                <a-form-item
+                  class="from-label"
+                  label="危险品编号"
+                  :labelCol="labelCol"
+                  :wrapperCol="wrapperCol"
+                  has-feedback
+                >
+                  <a-input
+                    v-model="details.dunno"
+                    placeholder="请输入危险品编号"
+                  />
+                </a-form-item>
+              </a-col>
+              <a-col :xs="12" :sm="12" :md="12" :lg="8" :xl="6">
+                <a-form-item
+                  class="from-label"
+                  label="危险品页号"
+                  :labelCol="labelCol"
+                  :wrapperCol="wrapperCol"
+                  has-feedback
+                >
+                  <a-input
+                    v-model="details.dpage"
+                    placeholder="请输入危险品页号"
+                  />
+                </a-form-item>
+              </a-col>
+              <a-col :xs="12" :sm="12" :md="12" :lg="8" :xl="6">
+                <a-form-item
+                  class="from-label"
+                  label="危险品标签"
+                  :labelCol="labelCol"
+                  :wrapperCol="wrapperCol"
+                  has-feedback
+                >
+                  <a-input
+                    v-model="details.dlabel"
+                    placeholder="请输入危险品标签"
+                  />
+                </a-form-item>
+              </a-col>
+              <a-col :xs="12" :sm="12" :md="12" :lg="8" :xl="6">
+                <a-form-item
+                  class="from-label"
+                  label="危险品联系人"
+                  :labelCol="labelCol"
+                  :wrapperCol="wrapperCol"
+                  has-feedback
+                >
+                  <a-input
+                    v-model="details.linkman"
+                    placeholder="请输入危险品联系人"
+                  />
+                </a-form-item>
+              </a-col>
+            </template>
           </a-row>
         </a-form>
       </div>
diff --git a/src/views/main/BookingLedger/detail/modules/mailingInfo.vue b/src/views/main/BookingLedger/detail/modules/mailingInfo.vue
index 89bbe3a..cc5ae56 100644
--- a/src/views/main/BookingLedger/detail/modules/mailingInfo.vue
+++ b/src/views/main/BookingLedger/detail/modules/mailingInfo.vue
@@ -180,7 +180,9 @@
                       format="YYYY-MM-DD HH:mm:ss"
                       placeholder="预抵日期"
                       v-model="details.eta"
-                    />
+                    >
+                      <a-icon slot="suffixIcon" type="time" style="display: none;"/>
+                    </a-date-picker>
                   </a-form-item>
                 </a-col>
                 <a-col :span="12">
@@ -195,7 +197,9 @@
                       format="YYYY-MM-DD HH:mm:ss"
                       placeholder="截港时间"
                       v-model="details.closingdate"
-                    />
+                    >
+                      <a-icon slot="suffixIcon" type="time" style="display: none;"/>
+                    </a-date-picker>
                   </a-form-item>
                 </a-col>
                 <a-col :span="12">
@@ -210,7 +214,9 @@
                       format="YYYY-MM-DD HH:mm:ss"
                       placeholder="截单时间"
                       v-model="details.closedocdate"
-                    />
+                    >
+                      <a-icon slot="suffixIcon" type="time" style="display: none;"/>
+                    </a-date-picker>
                   </a-form-item>
                 </a-col>
                 <a-col :span="12">
@@ -225,7 +231,9 @@
                       format="YYYY-MM-DD HH:mm:ss"
                       placeholder="VGM时间"
                       v-model="details.closevgmdate"
-                    />
+                    >
+                      <a-icon slot="suffixIcon" type="time" style="display: none;"/>
+                    </a-date-picker>
                   </a-form-item>
                 </a-col>
                 <a-col :span="12">
diff --git a/src/views/main/BookingLedger/detail/modules/sedOperationArea.vue b/src/views/main/BookingLedger/detail/modules/sedOperationArea.vue
new file mode 100644
index 0000000..93cd41b
--- /dev/null
+++ b/src/views/main/BookingLedger/detail/modules/sedOperationArea.vue
@@ -0,0 +1,184 @@
+<template>
+  <div class="operation-area">
+    <a-card :bordered="false" :bodyStyle="{ 'padding': '10px', 'margin-bottom': '10px' }">
+      <div class="btn-list more-view">
+        <a-popconfirm
+          placement="bottom"
+          title="刷新页面将丢失未保存数据，是否继续？"
+          ok-text="是"
+          cancel-text="否"
+          @confirm="refreshPage"
+          @cancel="cancelRefresh"
+        >
+          <button><span class="iconfont icon-shuaxin"></span>刷新</button>
+        </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>
+      </div>
+    </a-card>
+  </div>
+</template>
+<script>
+
+export default {
+  props: {
+    details: {
+      type: Object,
+      default: () => {
+        return {}
+      },
+    },
+  },
+  data() {
+    return {
+      id: this.$route.query.id
+    }
+  },
+  mounted() {
+  },
+  methods: {
+    refreshPage() {
+      this.$emit('refresh')
+    },
+    cancelRefresh() {
+      return false
+    },
+    saveFun () {
+     // 分单保存
+    }
+  }
+}
+</script>
+  <style lang="less" scoped>
+@import url('../index.less');
+.operation-area {
+  width: 100%;
+  text-align: left;
+  .btn-list {
+    padding: 0 4px;
+    box-sizing: border-box;
+    display: inline-block;
+    vertical-align: top;
+    text-align: left;
+    // height: 48px;
+    // margin-bottom: 20px;
+    position: relative;
+    background: #fff;
+    &::before {
+      content: '';
+      position: absolute;
+      top: 7px;
+      right: 0;
+      width: 1px;
+      height: 35px;
+      background: #ccc;
+    }
+    &:nth-last-of-type(1) {
+      &::before {
+        display: none;
+      }
+    }
+    button {
+      border: none;
+      font-size: 14px;
+      color: #666;
+      cursor: pointer;
+      background: #fff;
+      .iconfont {
+        font-size: 16px;
+        margin-right: 6px;
+        font-weight: 400;
+      }
+    }
+  }
+  .more-view {
+    // width: 140px;
+    .iconfont {
+      color: #2095f2;
+    }
+  }
+  .more-view-1 {
+    width: 240px;
+    .iconfont {
+      color: #26b578;
+    }
+  }
+  .more-view-2 {
+    width: 200px;
+    .iconfont {
+      color: #1ebcd5;
+    }
+  }
+  .more-view-3 {
+    width: 160px;
+    .iconfont {
+      color: #f36f48;
+    }
+  }
+  .single-view {
+    width: 80px;
+    .iconfont {
+      color: #fcd017;
+    }
+  }
+  .single-view-1 {
+    width: 100px;
+    .iconfont {
+      color: #3455b6;
+    }
+  }
+  .single-view-4 {
+    width: 80px;
+    //  padding-top: 10px;
+    .iconfont {
+      color: #1e7ece;
+    }
+  }
+}
+.box-flex {
+  display: flex;
+  padding-top: 8px;
+  span {
+    display: inline-block;
+    width: 60px;
+    text-align: right;
+    height: 32px;
+    line-height: 32px;
+    font-size: 13px;
+    color: @primary-color;
+    cursor: pointer;
+  }
+}
+.item-box {
+  margin-bottom: 20px;
+  padding-bottom: 20px;
+  padding-top: 20px;
+  overflow: hidden;
+  border-bottom: 1px dashed #ccc;
+  &:nth-last-of-type(1) {
+    border: none;
+    margin-bottom: 0;
+  }
+}
+.book-model-box {
+  position: relative;
+  padding-left: 50px;
+  .book-check {
+    position: absolute;
+    width: 50px;
+    height: 40px;
+    line-height: 40px;
+    top: 0;
+    left: 0;
+  }
+}
+.pdf-view {
+  height: 400px;
+}
+.no-pdf {
+  text-align: center;
+  margin: 20px 0;
+}
+</style>
+  
\ No newline at end of file
diff --git a/src/views/main/BookingLedger/list/index.vue b/src/views/main/BookingLedger/list/index.vue
index 657d79f..d0d26a8 100644
--- a/src/views/main/BookingLedger/list/index.vue
+++ b/src/views/main/BookingLedger/list/index.vue
@@ -71,12 +71,12 @@
       <a-radio-group v-model="carrierRadio">
         <a-radio :style="radioStyle" value="CMA"> <img class="radio-logo" src="@/assets/logo/CMA.png" /> CMA </a-radio>
         <a-radio :style="radioStyle" value="ESL"> <img class="radio-logo" src="@/assets/logo/ESL.jpg"/> ESL </a-radio>
-        <a-radio :style="radioStyle" value="MAC"> <img class="radio-logo" src="@/assets/logo/MSC.png" /> MSC </a-radio>
+        <a-radio :style="radioStyle" value="MSC"> <img class="radio-logo" src="@/assets/logo/MSC.png" /> MSC </a-radio>
         <a-radio :style="radioStyle" value="ONE"> <img class="radio-logo" src="@/assets/logo/ONE.jpg" /> ONE </a-radio>
         <a-radio :style="radioStyle" value="PIL"> <img class="radio-logo" src="@/assets/logo/PIL.jpg" /> PIL </a-radio>
         <a-radio :style="radioStyle" value="TSL"> <img class="radio-logo" src="@/assets/logo/TSL.jpg" /> TSL </a-radio>
         <a-radio :style="radioStyle" value="YML"> <img class="radio-logo" src="@/assets/logo/YML.jpg" /> YML </a-radio>
-        <a-radio :style="radioStyle" value="waiyun"> <img class="radio-logo" src="@/assets/logo/waiyun.png" /> 外运 </a-radio>
+        <a-radio :style="radioStyle" value="SINOLINE"> <img class="radio-logo" src="@/assets/logo/waiyun.png" /> 外运 </a-radio>
       </a-radio-group>
     </a-modal>