From 0af8d243d7d3549d8008622a93b7b51b0c22d43b Mon Sep 17 00:00:00 2001
From: lijingjia <lijj_xl@163.com>
Date: Wed, 8 May 2024 09:00:01 +0800
Subject: [PATCH] =?UTF-8?q?=E8=B4=B9=E7=94=A8=E5=BD=95=E5=85=A5=E4=B8=BB?=
 =?UTF-8?q?=E5=8D=95=E4=BF=A1=E6=81=AF?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/CostEntry/index.vue            | 77 +++++++------------
 src/components/CostEntry/mainInfo.vue         | 18 +++++
 .../operation/seaexport/detail/index.vue      |  7 +-
 3 files changed, 49 insertions(+), 53 deletions(-)
 create mode 100644 src/components/CostEntry/mainInfo.vue

diff --git a/src/components/CostEntry/index.vue b/src/components/CostEntry/index.vue
index 92277aa1..237d0b5a 100644
--- a/src/components/CostEntry/index.vue
+++ b/src/components/CostEntry/index.vue
@@ -5,61 +5,36 @@
 -->
 <template>
   <div>
-    <div></div>
+    <div>
+      <!-- 主单信息组件 -->
+      <MainInfo :data="details"></MainInfo>
+    </div>
     <div></div>
     <div></div>
   </div>
 </template>
-<script lang="ts">
-  import { defineComponent, ref, watchEffect, computed, unref } from 'vue'
-  const props = {
-    value: { type: [Object, Number, String, Array] },
-    count: { type: Number, default: 60 },
-    beforeStartFunc: {
-      type: Function as PropType<() => Promise<boolean>>,
-      default: null,
-    },
-  }
-
-  export default defineComponent({
-    name: 'CostEntry',
-    components: { Button },
-    props,
-    setup(props) {
-      const loading = ref(false)
-
-      const { currentCount, isStart, start, reset } = useCountdown(props.count)
-      const { t } = useI18n()
-
-      const getButtonText = computed(() => {
-        return !unref(isStart)
-          ? t('component.countdown.normalText')
-          : t('component.countdown.sendText', [unref(currentCount)])
-      })
-
-      watchEffect(() => {
-        props.value === undefined && reset()
-      })
-
-      /**
-       * @description: Judge whether there is an external function before execution, and decide whether to start after execution
-       */
-      async function handleStart() {
-        const { beforeStartFunc } = props
-        if (beforeStartFunc && isFunction(beforeStartFunc)) {
-          loading.value = true
-          try {
-            const canStart = await beforeStartFunc()
-            canStart && start()
-          } finally {
-            loading.value = false
-          }
-        } else {
-          start()
-        }
-      }
-      return { handleStart, currentCount, loading, getButtonText, isStart }
-    },
+<script lang="ts" setup>
+  import { defineProps, ref, watch, computed, unref } from 'vue'
+  // 主单信息组件
+  import MainInfo from './mainInfo.vue'
+  defineProps({
+    details: { type: [Object, Array] }
   })
+  // watch(
+  //   () => props.details,
+  //   (nval, oval) => {
+  //     console.log(nval, 222222)
+  //   }
+  // )
+  // export default defineComponent({
+  //   name: 'CostEntry',
+  //   props,
+  //   setup(props) {
+  //     console.log(props, 222)
+  //     watchEffect(() => {
+  //       console.log(props.details)
+  //     })
+  //   }
+  // })
 </script>
   
\ No newline at end of file
diff --git a/src/components/CostEntry/mainInfo.vue b/src/components/CostEntry/mainInfo.vue
new file mode 100644
index 00000000..9fef0118
--- /dev/null
+++ b/src/components/CostEntry/mainInfo.vue
@@ -0,0 +1,18 @@
+<!--
+ * @Description: 费用录入布局组件
+ * @Author: lijj
+ * @Date: 2024-05-07 15:19:07
+-->
+<template>
+  <div>
+    222
+  </div>
+</template>
+<script lang="ts" setup>
+  import { defineProps, ref, watch, computed, unref } from 'vue'
+  const props = defineProps({
+    data: { type: [Object, Array] }
+  })
+  console.log(props, 222)
+</script>
+    
\ No newline at end of file
diff --git a/src/views/operation/seaexport/detail/index.vue b/src/views/operation/seaexport/detail/index.vue
index 89bea158..4478be7e 100644
--- a/src/views/operation/seaexport/detail/index.vue
+++ b/src/views/operation/seaexport/detail/index.vue
@@ -48,7 +48,7 @@
                   <input type="radio" name="tabs" id="tab4" checked="false" />
                   <label class="tabs-label" for="tab4">MASTER单信息</label>
                 </li>
-                <li @click="changeParentTabs('5-5')">
+                <li @click="changeParentTabs('5-5')" v-if="$route.query.id">
                   <input type="radio" name="tabs" id="tab5" checked="false" />
                   <label class="tabs-label" for="tab5">费用录入</label>
                 </li>
@@ -140,7 +140,10 @@
                   ></mastetMore>
                 </div>
                 <div id="tab-content5" class="tab-content" v-show="mainOrderActiveKey === '5-5'">
-                  <costEntry></costEntry>
+                  <costEntry
+                    v-if="$route.query.id"
+                    :details="bookingDetails"
+                  ></costEntry>
                   <!-- <mastetMore
                     ref="RefmastetMore"
                     class="pane-box"