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

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

pages/floor/empty.vue

@@ -2,21 +2,16 @@
 	<default-page v-if="type" :type="type" title="您的设备已断网" :isBtn="false" />
 </template>
 
-<script>
-	import defaultPage from '@/components/default-page/default-page.vue';
-	export default {
-		components: {
-			defaultPage
-		},
-		data() {
-			return {
-				type: undefined
-			}
-		},
-		onLoad(options) {
-			
-		}
-	}
+<script setup lang="ts">
+import { ref } from 'vue'
+import { onLoad } from '@dcloudio/uni-app'
+import defaultPage from '@/components/default-page/default-page.vue'
+
+const type = ref<string>()
+
+onLoad(() => {
+	type.value = 'msg'
+})
 </script>
 
 <style>