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

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

pages/mine/set/versionFunctionList.vue

@@ -1,58 +1,45 @@
 <template>
   <div>
-    <u-collapse v-if="versionData.length !=0">
-      <u-collapse-item class="version-item" :title="item.versionName" v-for="(item, index) in versionData" :key="index">
-        <!-- {{item.body}} -->
-
-        {{item.content}}
+    <u-collapse v-if="versionList.length !== 0">
+      <u-collapse-item
+        class="version-item"
+        :title="item.versionName"
+        v-for="(item, index) in versionList"
+        :key="index"
+      >
+        {{ item.content }}
       </u-collapse-item>
-
     </u-collapse>
     <u-empty class="empty" v-else text="暂无版本信息" mode="list"></u-empty>
   </div>
 </template>
 
-<script>
-import { getAppVersionList } from "@/api/message";
-export default {
-  data() {
-    return {
-      versionData: [],
-      appType: "",
-      params: {
-        pageNumber: 1,
-        pageSize: 10,
-      },
-    };
-  },
-  mounted() {
-    const platform = uni.getSystemInfoSync().platform;
-    /**
-     * 获取是否是安卓
-     */
-    if (platform === "android") {
-      this.appType = "ANDROID";
-    } else {
-      this.IosWhether = true;
-      this.appType = "IOS";
-    }
-    this.getVersionList();
-  },
-  methods: {
-    async getVersionList() {
-      let res = await getAppVersionList(this.appType, this.params);
-      if (res.data.success) {
-        this.versionData = res.data.result.records;
-      }
-    },
-  },
-};
+<script setup lang="ts">
+import { ref } from 'vue'
+import { onLoad } from '@dcloudio/uni-app'
+import { getAppVersionList } from '@/api/message'
+
+const versionList = ref<any[]>([])
+const appType = ref('')
+const params = { pageNumber: 1, pageSize: 10 }
+
+onLoad(() => {
+  const platform = uni.getSystemInfoSync().platform
+  appType.value = platform === 'android' ? 'ANDROID' : 'IOS'
+  fetchVersionList()
+})
+
+async function fetchVersionList() {
+  const res = await getAppVersionList(appType.value, params)
+  if (res.data.success) {
+    versionList.value = res.data.result.records
+  }
+}
 </script>
 
 <style scoped lang="scss">
-.version-item{
-    padding: 10rpx;
-    background: #fff;
+.version-item {
+  padding: 10rpx;
+  background: #fff;
 }
-
-</style>
+</style>