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

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

pages/order/afterSales/applySuccess.vue

@@ -21,31 +21,18 @@
   </view>
 </template>
 
-<script>
-export default {
-  data() {
-    return {};
-  },
-  methods: {
-    /**
-     * 跳转到售后服务
-     */
-    navigateToAfterSales() {
-      uni.redirectTo({
-        url: "/pages/order/afterSales/afterSales",
-      });
-    },
+<script setup lang="ts">
+function navigateToAfterSales() {
+  uni.redirectTo({
+    url: '/pages/order/afterSales/afterSales',
+  })
+}
 
-    /**
-     * 跳转到首页
-     */
-    navigateToHome() {
-      uni.switchTab({
-        url: "/pages/tabbar/home/index",
-      });
-    },
-  },
-};
+function navigateToHome() {
+  uni.switchTab({
+    url: '/pages/tabbar/home/index',
+  })
+}
 </script>
 
 <style lang="scss" scoped>