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

pages/genealogy/g10-application-review.vue

@@ -112,15 +112,23 @@
       <view v-if="confirmation && !confirmation.approved" class="rejection-field">
         <text>拒绝原因</text>
         <textarea
+          id="g10-rejection-reason"
           v-model="rejectionReason"
           auto-height
           maxlength="120"
           placeholder="请说明需要补充或核实的信息"
-          @input="rejectionError = ''"
+          :aria-invalid="!!rejectionError"
+          aria-describedby="g10-rejection-error"
+          :focus="rejectionFocused"
+          @input="clearRejectionError"
         />
-        <text v-if="rejectionError" class="rejection-field__error">{{
-          rejectionError
-        }}</text>
+        <text
+          v-if="rejectionError"
+          id="g10-rejection-error"
+          class="rejection-field__error"
+          role="alert"
+          >{{ rejectionError }}</text
+        >
       </view>
     </AppDialog>
 
@@ -131,7 +139,7 @@
 </template>
 
 <script setup>
-import { computed, ref } from "vue";
+import { computed, nextTick, ref } from "vue";
 import { onLoad, onUnload } from "@dcloudio/uni-app";
 import AppDialog from "@/components/AppDialog.vue";
 import AppButton from "@/components/AppButton.vue";
@@ -165,6 +173,7 @@ const errorMessage = ref("");
 const confirmation = ref(null);
 const rejectionReason = ref("");
 const rejectionError = ref("");
+const rejectionFocused = ref(false);
 const helpVisible = ref(false);
 const feedbackVisible = ref(false);
 const feedbackMessage = ref("");
@@ -225,12 +234,14 @@ onLoad(loadApplications);
 const confirmAudit = (item, approved) => {
   rejectionReason.value = "";
   rejectionError.value = "";
+  rejectionFocused.value = false;
   confirmation.value = { item, approved };
 };
 const closeDialog = () => {
   confirmation.value = null;
   rejectionReason.value = "";
   rejectionError.value = "";
+  rejectionFocused.value = false;
   helpVisible.value = false;
 };
 const showFeedback = (message) => {
@@ -242,11 +253,17 @@ const showFeedback = (message) => {
     feedbackTimer = null;
   }, 1800);
 };
-const applyAudit = () => {
+const clearRejectionError = () => {
+  rejectionError.value = "";
+};
+const applyAudit = async () => {
   const current = confirmation.value;
   if (!current) return;
   if (!current.approved && !rejectionReason.value.trim()) {
     rejectionError.value = "请填写拒绝原因，方便申请人补充资料";
+    rejectionFocused.value = false;
+    await nextTick();
+    rejectionFocused.value = true;
     return;
   }
   current.item.status = current.approved ? "APPROVED" : "REJECTED";