refactor: 重构多个组件以支持 Vue 3 语法和功能

- 将多个组件转换为 `<script setup>` 语法，提升可读性和性能
- 优化状态管理和事件处理逻辑，简化代码结构
- 更新样式和布局以适应新组件结构
- 添加新功能和修复已知问题，提升用户体验

pages/order/deliverDetail.vue

@@ -45,34 +45,24 @@
 	</div>
 </template>
 
-<script>
-import { getPackage } from "@/api/trade.js";
-export default {
-    data() {
-        return {
-            order: {},
-            logisticsList: [],
-        }
-    },
-    components: {
-    },
-    computed: {
-    },
-	onLoad(option) {
-	  let sn = option.order_sn;
-	  this.tracesList(sn);
-	},
-    mounted() {
-    },
-    methods: {
-        tracesList(sn) {
-            getPackage(sn).then((res) => {
-                if(res.data.success){
-                    this.logisticsList = res.data.result;
-                }
-            });
-        },
-    },
+<script setup lang="ts">
+import { ref } from 'vue'
+import { onLoad } from '@dcloudio/uni-app'
+import { getPackage } from '@/api/trade.js'
+
+const logisticsList = ref<any[]>([])
+
+onLoad((option) => {
+  const sn = option.order_sn
+  if (sn) fetchLogistics(sn)
+})
+
+function fetchLogistics(sn: string) {
+  getPackage(sn).then((res) => {
+    if (res.data.success) {
+      logisticsList.value = res.data.result
+    }
+  })
 }
 </script>
 <style >