宽度变化重绘顶部宽度

src/views/priceDriven/detail.vue

@@ -1,5 +1,5 @@
 <script setup>
-import { ref, onMounted, computed, nextTick } from "vue";
+import { ref, onMounted, computed, nextTick, onUnmounted } from "vue";
 import { ElMessageBox } from "element-plus";
 import {
   ArrowDown,
@@ -91,8 +91,7 @@ const getDetail = async () => {
   info.value = data;
   
   nextTick(() => {
-    headerWidth.value =
-      document.getElementsByClassName("content-box")[0].offsetWidth;
+    resetHeaderWidthHandle();
   });
 
   //向小程序发送分享数据
@@ -111,7 +110,7 @@ const getDetail = async () => {
 const visitPriceDrivenLog = async() => {
   await priceApi.priceDrivenLog({
     price_driven_id: info.value.price_driven_id,
-    source_agent: store.state.platform === 'web' ? 4 : 1 
+    source_agent: store.state.platform === 'web' ? 4 : 2
   })
 }
 
@@ -195,6 +194,12 @@ const getQrCodeHandle = async () => {
 };
 getQrCodeHandle();
 
+
+/* 重绘固定头宽度 */
+const resetHeaderWidthHandle = () => {
+  headerWidth.value = document.getElementsByClassName("content-box")[0].offsetWidth;
+}
+
 let preViewImgs = ref([]);
 let preViewImgIndex = ref(0);
 let showPreViewImg = ref(false);
@@ -215,7 +220,13 @@ onMounted(() => {
       showPreViewImg.value = true;
     }
   });
+
+  window.addEventListener('resize',resetHeaderWidthHandle)
 });
+
+onUnmounted(() => {
+  window.removeEventListener('resize',resetHeaderWidthHandle)
+})
 </script>
 
 <template>