fix: 问题修改

track-order.html

@@ -4,7 +4,6 @@
     <meta charset="UTF-8" />
     <meta charset="UTF-8" />
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <script src="https://cdn.bootcdn.net/ajax/libs/axios/1.1.3/axios.min.js"></script>
     <title>Tracking order</title>
     <title>Tracking order</title>
     <script>
     <script>
       // 物流异常提示话术
       // 物流异常提示话术
@@ -368,6 +367,12 @@
     </div>
     </div>
     <div id="order_main"></div>
     <div id="order_main"></div>
     <script>
     <script>
+    function doc() {
+      var root = document.querySelector('.custom-page-render-container > div').shadowRoot
+      return root || document
+    }
+    </script>
+    <script>
       function zero(n) {
       function zero(n) {
         return (n < 10 ? '0' : '') + n
         return (n < 10 ? '0' : '') + n
       }
       }
@@ -442,13 +447,13 @@
       function submit() {
       function submit() {
         if (loading) return
         if (loading) return
         loading = true
         loading = true
-        document.querySelector('.loading').style.display = 'inline'
+        doc().querySelector('.loading').style.display = 'inline'
         /* 清空 */
         /* 清空 */
-        var order_info = document.getElementById('order_main')
+        var order_info = doc().getElementById('order_main')
         order_info.innerHTML = ''
         order_info.innerHTML = ''
-        var error_info = document.querySelector('.error_info')
+        var error_info = doc().querySelector('.error_info')
         /* 清空 */
         /* 清空 */
-        var inputs = document.querySelectorAll('#tracking_order_form input')
+        var inputs = doc().querySelectorAll('#tracking_order_form input')
         var params = {}
         var params = {}
         for (var i = 0; i < inputs.length; i++) {
         for (var i = 0; i < inputs.length; i++) {
           var element = inputs[i]
           var element = inputs[i]
@@ -458,11 +463,14 @@
           }
           }
           params[element.name] = value
           params[element.name] = value
         }
         }
-        axios
+        fetch(`https://ordertrack.online/api/order/tracking?email=${encodeURIComponent(params.email)}&orderNo=${encodeURIComponent(params.orderNo)}`)
+            .then(res => {
+              return res.json().then(data => ({ status: res.status, data: data }))
+            })
           .get('api/order/tracking', { params })
           .get('api/order/tracking', { params })
           .then((res) => {
           .then((res) => {
             loading = false
             loading = false
-            document.querySelector('.loading').style.display = 'none'
+            doc().querySelector('.loading').style.display = 'none'
             if (res.status == 200) {
             if (res.status == 200) {
               if (res.data.code === 200) {
               if (res.data.code === 200) {
                 var data = res.data?.data
                 var data = res.data?.data
@@ -634,7 +642,7 @@
                     var l = iterator.productList[c]
                     var l = iterator.productList[c]
                     logisticsTxt += `
                     logisticsTxt += `
                       <div class="package-info">
                       <div class="package-info">
-                        <img style="width: 58px" src="${setimgUrl(
+                        <img class="package-item-image" style="width: 58px" src="${setimgUrl(
                           l.warehouse_sku_image,
                           l.warehouse_sku_image,
                           { w: 60 }
                           { w: 60 }
                         )}"/>
                         )}"/>
@@ -670,12 +678,22 @@
               } else {
               } else {
                 order_info.innerHTML = `<p style="text-align:left"><span style="color:red">${res.data.message}</span></p>`
                 order_info.innerHTML = `<p style="text-align:left"><span style="color:red">${res.data.message}</span></p>`
               }
               }
+
+              setTimeout(function() {
+                var images = doc().querySelectorAll('img.package-item-image')
+                for (var i = 0; i < images.length; i++) {
+                  var img = images[i]
+                  if (img.dataset.src && !img.src) {
+                    img.src = img.dataset.src
+                  }
+                }
+              }, 1000)
             }
             }
           })
           })
           .catch((err) => {
           .catch((err) => {
             console.log(err)
             console.log(err)
             loading = false
             loading = false
-            document.querySelector('.loading').style.display = 'none'
+            doc().querySelector('.loading').style.display = 'none'
           })
           })
       }
       }
 
 
@@ -685,10 +703,10 @@
         var params = new URLSearchParams(p)
         var params = new URLSearchParams(p)
         var result = Object.fromEntries(params.entries())
         var result = Object.fromEntries(params.entries())
         if (result.email) {
         if (result.email) {
-          document.querySelector("input[name='email']").value = result.email
+          doc().querySelector("input[name='email']").value = result.email
         }
         }
         if (result.orderNo) {
         if (result.orderNo) {
-          document.querySelector("input[name='orderNo']").value = result.orderNo
+          doc().querySelector("input[name='orderNo']").value = result.orderNo
         }
         }
         if (result.email && result.orderNo) {
         if (result.email && result.orderNo) {
           submit()
           submit()