完成全项目响应式审核与换机交接

pages/records/r01-people-list.vue

@@ -92,6 +92,7 @@
 </template>
 
 <script setup>
+import { onLoad } from "@dcloudio/uni-app";
 import { computed, onUnmounted, ref } from "vue";
 import AppButton from "@/components/AppButton.vue";
 import AppToast from "@/components/AppToast.vue";
@@ -104,22 +105,7 @@ const people = [
   { id: 3, name: "汤文清", role: "青年代表", generation: 19 },
 ];
 
-const query = (() => {
-  if (typeof location !== "undefined")
-    return Object.fromEntries(
-      new URLSearchParams(location.hash.split("?")[1] || ""),
-    );
-  const pages = getCurrentPages();
-  return pages[pages.length - 1]?.options || {};
-})();
-
-const peopleState = ref(
-  query.state === "empty"
-    ? "empty"
-    : query.state === "error"
-      ? "error"
-      : "ready",
-);
+const peopleState = ref("ready");
 const keywordInput = ref("");
 const keyword = ref("");
 const toastVisible = ref(false);
@@ -157,6 +143,12 @@ const showCreateNotice = () => {
   uni.navigateTo({ url: "/pages/records/r02-person-detail?mode=create" });
 };
 
+onLoad((query) => {
+  peopleState.value = ["empty", "error"].includes(query.state)
+    ? query.state
+    : "ready";
+});
+
 onUnmounted(() => {
   if (toastTimer) clearTimeout(toastTimer);
 });
@@ -219,10 +211,9 @@ onUnmounted(() => {
   @include adaptive.adaptive-records-person;
   display: flex;
   width: 100%;
-  height: clamp(92px, 190rpx, 108px);
+  min-height: clamp(92px, 190rpx, 108px);
   align-items: center;
   margin-top: 12px;
-  padding: 16% 10%;
 }
 .person-card:first-child {
   margin-top: 0;