From 959c46377605110cc19fe2de021e024a289376bc Mon Sep 17 00:00:00 2001
From: lilu <lilu@myshipping.net>
Date: Thu, 22 Dec 2022 17:48:56 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9BUG?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../detail/modules/operationArea.vue          | 77 +++++++++++++++++++
 .../detail/modules/sedOperationArea.vue       | 52 ++++++++++++-
 2 files changed, 127 insertions(+), 2 deletions(-)

diff --git a/src/views/main/BookingLedger/detail/modules/operationArea.vue b/src/views/main/BookingLedger/detail/modules/operationArea.vue
index ac54f39..2684c9c 100644
--- a/src/views/main/BookingLedger/detail/modules/operationArea.vue
+++ b/src/views/main/BookingLedger/detail/modules/operationArea.vue
@@ -33,6 +33,9 @@
         <button @click="openModel('paper')">
           <span class="iconfont icon-zhizhishu" style="font-size:18px;"></span>下货纸
         </button>
+        <button>
+          <span class="iconfont icon-yunshu1" @click="openModel('trace')" style="font-size:18px;"></span>运踪订阅
+        </button>
       </div>
       <div class="btn-list more-view-2">
         <button @click="openModel('initCabin')">
@@ -492,6 +495,37 @@
     </a-drawer>
 
     <!-- OCR抽屉 end -->
+
+    <!-- 运踪弹窗 start -->
+    <a-modal width="50vw" :maskClosable="false" v-model="PrintModalVisible" title="打印">
+      <template slot="footer"> <span></span> </template>
+      <div class="PrintMain">
+        <div class="PrintTitle">
+          <p>默认打印格式为<span>pdf</span>,如需其他格式请选择</p>
+          <p>
+            打印格式：
+            <a-radio-group v-model="PrintType" name="radioGroup">
+              <a-radio value="1">pdf</a-radio>
+              <a-radio value="2">xlsx</a-radio>
+              <a-radio value="3">docx</a-radio>
+            </a-radio-group>
+          </p>
+        </div>
+        <a-row class="PrintMainBox">
+          <a-col
+            v-for="(item, index) in templateType"
+            :key="item.typeCode"
+            @click="FnCilckTemplateType(item.typeCode)"
+            class="items"
+            :span="11"
+            :offset="index % 2 == 0 ? 0 : 1"
+          >
+            <span>·</span>{{ item.typeName }}
+          </a-col>
+        </a-row>
+      </div>
+    </a-modal>
+    <!-- 运踪弹窗 end -->
   </div>
 </template>
 <script>
@@ -1537,4 +1571,47 @@ export default {
   padding-left: 1rem;
   margin-bottom: 0.8rem;
 }
+
+.PrintMain {
+  display: flex;
+  flex-wrap: wrap;
+
+  .PrintTitle {
+    width: 100%;
+    display: flex;
+    padding: 20px;
+    box-sizing: border-box;
+    background: #f7f8fe;
+    border: 1px dashed #cdcdcd;
+    p {
+      margin: 0;
+      &:nth-child(2) {
+        margin-left: 35px;
+      }
+      span {
+        color: #ff6646;
+      }
+    }
+  }
+  .PrintMainBox {
+    width: 100%;
+    max-height: 50vh;
+    overflow-y: auto;
+    margin-top: 5px;
+    .items {
+      padding-left: 1rem;
+      height: 2.5rem;
+      line-height: 2.5rem;
+      border-bottom: 1px solid #ebebeb;
+      cursor: pointer;
+      &:hover {
+        color: #2f54eb;
+      }
+      span {
+        font-weight: bolder;
+        margin-right: 0.6rem;
+      }
+    }
+  }
+}
 </style>
diff --git a/src/views/main/BookingLedger/detail/modules/sedOperationArea.vue b/src/views/main/BookingLedger/detail/modules/sedOperationArea.vue
index cf1c7ff..44ccfe6 100644
--- a/src/views/main/BookingLedger/detail/modules/sedOperationArea.vue
+++ b/src/views/main/BookingLedger/detail/modules/sedOperationArea.vue
@@ -4,7 +4,7 @@
       <div class="btn-list more-view">
         <button @click="copyFun"><span class="iconfont icon-fuzhi1"></span>复制</button>
         <button @click="saveFun"><span class="iconfont icon-icon_baocun"></span>保存</button>
-        <button><span class="iconfont icon-printing" @click="FSnhowPrintModal"></span>打印</button>
+        <button @click="FSnhowPrintModal"><span class="iconfont icon-printing"></span>打印</button>
       </div>
     </a-card>
     <!-- 打印弹窗 start -->
@@ -83,7 +83,6 @@ export default {
     },
     FSnhowPrintModal() {
       this.PrintModalVisible = true
-      debugger
     },
     FnCilckTemplateType(typeCode) {
       this.$message.success(`搜索文件中...`)
@@ -259,4 +258,53 @@ export default {
   text-align: center;
   margin: 20px 0;
 }
+
+.PrintRadio {
+  width: 100%;
+  padding-left: 1rem;
+  margin-bottom: 0.8rem;
+}
+
+.PrintMain {
+  display: flex;
+  flex-wrap: wrap;
+
+  .PrintTitle {
+    width: 100%;
+    display: flex;
+    padding: 20px;
+    box-sizing: border-box;
+    background: #f7f8fe;
+    border: 1px dashed #cdcdcd;
+    p {
+      margin: 0;
+      &:nth-child(2) {
+        margin-left: 35px;
+      }
+      span {
+        color: #ff6646;
+      }
+    }
+  }
+  .PrintMainBox {
+    width: 100%;
+    max-height: 50vh;
+    overflow-y: auto;
+    margin-top: 5px;
+    .items {
+      padding-left: 1rem;
+      height: 2.5rem;
+      line-height: 2.5rem;
+      border-bottom: 1px solid #ebebeb;
+      cursor: pointer;
+      &:hover {
+        color: #2f54eb;
+      }
+      span {
+        font-weight: bolder;
+        margin-right: 0.6rem;
+      }
+    }
+  }
+}
 </style>