From ef2f358aa3570785c9b13eee6b934d8a3e1d70ef Mon Sep 17 00:00:00 2001
From: qb <1191961160@qq.com>
Date: Wed, 5 Jun 2024 17:42:31 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E5=A4=8D=E9=83=A8=E5=88=86=E5=B9=B2?=
 =?UTF-8?q?=E7=BA=BFbug?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../WaybillPrintTemplate.vue                  | 72 +++++++++++++------
 .../artery/VehicleStowageDetails.vue          |  5 +-
 2 files changed, 52 insertions(+), 25 deletions(-)

diff --git a/src/components/WaybillPrintTemplate/WaybillPrintTemplate.vue b/src/components/WaybillPrintTemplate/WaybillPrintTemplate.vue
index 80dc072c..2544e667 100644
--- a/src/components/WaybillPrintTemplate/WaybillPrintTemplate.vue
+++ b/src/components/WaybillPrintTemplate/WaybillPrintTemplate.vue
@@ -1,29 +1,29 @@
 <template>
   <div>
-    <el-dialog v-model="visible" :title="props.title" :width="props.width">
-      <template v-if="visible">
+    <template v-if="visible">
+      <el-dialog v-model="visible" :title="props.title" :width="props.width">
         <div class="printCode" ref="printNodeRef">
           <div v-html="props.html"></div>
         </div>
-      </template>
-
-      <div class="flex-c-c mt10">
-        <el-button @click="handleClose" icon="CircleClose"> 关 闭 </el-button>
-        <el-button type="primary" v-if="props.isShowExport" @click="handleExport" icon="Download">
-          导 出
-        </el-button>
-        <el-button type="primary" @click="() => printTemplate('notHaveTem')" icon="Printer">
-          打 印
-        </el-button>
-        <el-button type="primary" @click="() => printTemplate('haveTem')" icon="Printer">
-          打 印(自定义模板)
-        </el-button>
-
-        <el-form-item label="是否显示运费" style="margin: 0px 0px 0px 10px">
-          <el-checkbox v-model="isShowFreight"></el-checkbox>
-        </el-form-item>
-      </div>
-    </el-dialog>
+
+        <div class="flex-c-c mt10">
+          <el-button @click="handleClose" icon="CircleClose"> 关 闭 </el-button>
+          <el-button type="primary" v-if="props.isShowExport" @click="handleExport" icon="Download">
+            导 出
+          </el-button>
+          <el-button type="primary" @click="() => printTemplate('notHaveTem')" icon="Printer">
+            打 印
+          </el-button>
+          <el-button type="primary" @click="() => printTemplate('haveTem')" icon="Printer">
+            打 印(自定义模板)
+          </el-button>
+
+          <el-form-item label="是否显示运费" style="margin: 0px 0px 0px 10px">
+            <el-checkbox v-model="isShowFreight" @change="handleShowFreight"></el-checkbox>
+          </el-form-item>
+        </div>
+      </el-dialog>
+    </template>
   </div>
 </template>
 
@@ -34,6 +34,9 @@ import { getLodop } from '@/utils/LodopFuncs';
 import { ElMessage, ElMessageBox } from 'element-plus';
 import { getObjType } from '@/utils/util';
 import * as XLSX from 'xlsx';
+import { onMounted } from 'vue';
+import { nextTick } from 'vue';
+import { watch } from 'vue';
 
 const props = defineProps({
   html: {
@@ -62,7 +65,7 @@ const props = defineProps({
   },
 });
 
-const isShowFreight = ref(true);
+const isShowFreight = ref(false);
 
 const $emit = defineEmits(['update:modelValue']);
 
@@ -219,6 +222,19 @@ const printTemplate = (type: 'haveTem' | 'notHaveTem') => {
   print(printNode);
 };
 
+const handleShowFreight = value => {
+  const freightNode = document.querySelectorAll('.printCode .freight');
+
+  console.log('freightNode :>> ', freightNode);
+
+  for (let index = 0; index < freightNode.length; index++) {
+    const element = freightNode[index];
+    console.dir(element);
+    element.style.color = value ? '#000' : '#fff';
+  }
+};
+// freight
+
 const print1 = () => {
   const LODOP = getLodop();
   LODOP.PRINT_INITA('');
@@ -854,6 +870,18 @@ function getFontSize(data, size = { 17: 12, 35: 11, 39: 10, 43: 9, 20000: 7 }) {
     }
   }
 }
+
+watch(
+  () => props.modelValue,
+  async () => {
+    if (!props.modelValue) return;
+
+    await nextTick();
+
+    handleShowFreight(isShowFreight.value);
+  },
+  { immediate: true }
+);
 </script>
 
 <style scoped lang="scss">
diff --git a/src/views/distribution/artery/VehicleStowageDetails.vue b/src/views/distribution/artery/VehicleStowageDetails.vue
index eaf965e1..883f33fe 100644
--- a/src/views/distribution/artery/VehicleStowageDetails.vue
+++ b/src/views/distribution/artery/VehicleStowageDetails.vue
@@ -188,7 +188,7 @@
               v-model="details.type"
               tab-position="left"
               style="height: 100%; width: fit-content; flex: none"
-              @tab-click="() => inputsc('', { prop: 'aaa' })"
+              @tab-click="initOriginWarehouseOrder"
               class="demo-tabs"
             >
               <el-tab-pane label="实际数据" name="real"></el-tab-pane>
@@ -631,13 +631,12 @@ onMounted(() => {
 });
 
 /** 请求运单数据 */
-const initOriginWarehouseOrder = async (params = {}) => {
+const initOriginWarehouseOrder = async () => {
   try {
     details.loadingObj.pageLoading = true;
     const submitData = {
       loadId: details.loadId,
       ...details.query,
-      ...params,
     };
 
     const res = await postCarsLoadDetailInfo(submitData);