feat：增加 .yd-detail-footer 相关样式，并进行替换

src/pages-bpm/processInstance/detail/index.vue

@@ -96,13 +96,15 @@
     </view>
 
     <!-- 底部操作栏 -->
-    <view v-if="runningTask" class="safe-area-inset-bottom fixed bottom-0 left-0 right-0 flex gap-24rpx bg-white p-24rpx">
-      <wd-button type="error" plain class="flex-1" @click="handleReject">
-        拒绝
-      </wd-button>
-      <wd-button type="primary" class="flex-1" @click="handleApprove">
-        同意
-      </wd-button>
+    <view v-if="runningTask" class="yd-detail-footer">
+      <view class="yd-detail-footer-actions">
+        <wd-button type="error" plain class="flex-1" @click="handleReject">
+          拒绝
+        </wd-button>
+        <wd-button type="primary" class="flex-1" @click="handleApprove">
+          同意
+        </wd-button>
+      </view>
     </view>
   </view>
 </template>

src/pages-infra/api-error-log/detail/index.vue

@@ -46,8 +46,8 @@
     </view>
 
     <!-- 底部操作按钮 -->
-    <view v-if="formData?.processStatus === InfraApiErrorLogProcessStatusEnum.INIT" class="safe-area-inset-bottom fixed bottom-0 left-0 right-0 bg-white p-24rpx">
-      <view class="w-full flex gap-24rpx">
+    <view v-if="formData?.processStatus === InfraApiErrorLogProcessStatusEnum.INIT" class="yd-detail-footer">
+      <view class="yd-detail-footer-actions">
         <wd-button class="flex-1" type="success" :loading="processing" @click="handleProcess(InfraApiErrorLogProcessStatusEnum.DONE)">
           已处理
         </wd-button>
@@ -157,7 +157,4 @@ onMounted(() => {
 </script>
 
 <style lang="scss" scoped>
-.safe-area-inset-bottom {
-  padding-bottom: calc(24rpx + env(safe-area-inset-bottom));
-}
 </style>

src/pages-infra/config/detail/index.vue

@@ -27,8 +27,8 @@
     </view>
 
     <!-- 底部操作按钮 -->
-    <view class="fixed bottom-0 left-0 right-0 bg-white p-24rpx">
-      <view class="w-full flex gap-24rpx">
+    <view class="yd-detail-footer">
+      <view class="yd-detail-footer-actions">
         <wd-button
           v-if="hasAccessByCodes(['infra:config:update'])"
           class="flex-1" type="warning" @click="handleEdit"

src/pages-infra/config/form/index.vue

@@ -66,7 +66,7 @@
     </view>
 
     <!-- 底部保存按钮 -->
-    <view class="fixed bottom-0 left-0 right-0 bg-white p-24rpx">
+    <view class="yd-detail-footer">
       <wd-button
         type="primary"
         block

src/pages-infra/data-source-config/detail/index.vue

@@ -23,8 +23,8 @@
     </view>
 
     <!-- 底部操作按钮（主数据源不可编辑/删除） -->
-    <view v-if="formData?.id !== 0" class="fixed bottom-0 left-0 right-0 bg-white p-24rpx">
-      <view class="w-full flex gap-24rpx">
+    <view v-if="formData?.id !== 0" class="yd-detail-footer">
+      <view class="yd-detail-footer-actions">
         <wd-button
           v-if="hasAccessByCodes(['infra:data-source-config:update'])"
           class="flex-1" type="warning" @click="handleEdit"

src/pages-infra/data-source-config/form/index.vue

@@ -49,7 +49,7 @@
     </view>
 
     <!-- 底部保存按钮 -->
-    <view class="fixed bottom-0 left-0 right-0 bg-white p-24rpx">
+    <view class="yd-detail-footer">
       <wd-button
         type="primary"
         block

src/pages-infra/file/config/detail/index.vue

@@ -51,8 +51,8 @@
     </view>
 
     <!-- 底部操作按钮 -->
-    <view class="fixed bottom-0 left-0 right-0 bg-white p-24rpx">
-      <view class="w-full flex gap-24rpx">
+    <view class="yd-detail-footer">
+      <view class="yd-detail-footer-actions">
         <wd-button
           v-if="hasAccessByCodes(['infra:file-config:update'])"
           class="flex-1" type="warning" @click="handleEdit"

src/pages-infra/file/config/form/index.vue

@@ -177,7 +177,7 @@
     </view>
 
     <!-- 底部保存按钮 -->
-    <view class="fixed bottom-0 left-0 right-0 bg-white p-24rpx">
+    <view class="yd-detail-footer">
       <wd-button
         type="primary"
         block

src/pages-infra/file/detail/index.vue

@@ -34,8 +34,8 @@
     </view>
 
     <!-- 底部操作按钮 -->
-    <view class="fixed bottom-0 left-0 right-0 bg-white p-24rpx">
-      <view class="w-full flex gap-24rpx">
+    <view class="yd-detail-footer">
+      <view class="yd-detail-footer-actions">
         <wd-button class="flex-1" type="info" @click="handleCopyUrl">
           复制链接
         </wd-button>

src/pages-infra/job/job/detail/index.vue

@@ -26,8 +26,8 @@
     </view>
 
     <!-- 底部操作按钮 -->
-    <view class="fixed bottom-0 left-0 right-0 bg-white p-24rpx">
-      <view class="w-full flex gap-24rpx">
+    <view class="yd-detail-footer">
+      <view class="yd-detail-footer-actions">
         <wd-button
           v-if="hasAccessByCodes(['infra:job:update'])"
           class="flex-1" type="warning" @click="handleEdit"

src/pages-infra/job/job/form/index.vue

@@ -75,7 +75,7 @@
     </view>
 
     <!-- 底部保存按钮 -->
-    <view class="fixed bottom-0 left-0 right-0 bg-white p-24rpx">
+    <view class="yd-detail-footer">
       <wd-button
         type="primary"
         block
@@ -94,7 +94,7 @@ import { computed, onMounted, ref } from 'vue'
 import { useToast } from 'wot-design-uni'
 import { createJob, getJob, updateJob } from '@/api/infra/job'
 import { navigateBackPlus } from '@/utils'
-import {CommonStatusEnum} from '@/utils/constants/biz-system-enum';
+import { CommonStatusEnum } from '@/utils/constants/biz-system-enum'
 
 const props = defineProps<{
   id?: number | any

src/pages-system/dept/detail/index.vue

@@ -24,8 +24,8 @@
     </view>
 
     <!-- 底部操作按钮 -->
-    <view class="fixed bottom-0 left-0 right-0 bg-white p-24rpx">
-      <view class="w-full flex gap-24rpx">
+    <view class="yd-detail-footer">
+      <view class="yd-detail-footer-actions">
         <wd-button class="flex-1" type="warning" @click="handleEdit">
           编辑
         </wd-button>

src/pages-system/dept/form/index.vue

@@ -62,7 +62,7 @@
     </view>
 
     <!-- 底部保存按钮 -->
-    <view class="safe-area-inset-bottom fixed bottom-0 left-0 right-0 bg-white p-24rpx">
+    <view class="yd-detail-footer">
       <wd-button
         type="primary"
         block

src/pages-system/dict/data/detail/index.vue

@@ -36,8 +36,8 @@
     </view>
 
     <!-- 底部操作按钮 -->
-    <view class="fixed bottom-0 left-0 right-0 bg-white p-24rpx">
-      <view class="w-full flex gap-24rpx">
+    <view class="yd-detail-footer">
+      <view class="yd-detail-footer-actions">
         <wd-button
           v-if="hasAccessByCodes(['system:dict:update'])"
           class="flex-1" type="warning" @click="handleEdit"

src/pages-system/dict/data/form/index.vue

@@ -87,7 +87,7 @@
     </view>
 
     <!-- 底部保存按钮 -->
-    <view class="fixed bottom-0 left-0 right-0 bg-white p-24rpx">
+    <view class="yd-detail-footer">
       <wd-button
         type="primary"
         block

src/pages-system/dict/type/detail/index.vue

@@ -22,8 +22,8 @@
     </view>
 
     <!-- 底部操作按钮 -->
-    <view class="fixed bottom-0 left-0 right-0 bg-white p-24rpx">
-      <view class="w-full flex gap-24rpx">
+    <view class="yd-detail-footer">
+      <view class="yd-detail-footer-actions">
         <wd-button
           v-if="hasAccessByCodes(['system:dict:update'])"
           class="flex-1" type="warning" @click="handleEdit"

src/pages-system/dict/type/form/index.vue

@@ -52,7 +52,7 @@
     </view>
 
     <!-- 底部保存按钮 -->
-    <view class="fixed bottom-0 left-0 right-0 bg-white p-24rpx">
+    <view class="yd-detail-footer">
       <wd-button
         type="primary"
         block

src/pages-system/mail/account/detail/index.vue

@@ -26,8 +26,8 @@
     </view>
 
     <!-- 底部操作按钮 -->
-    <view class="fixed bottom-0 left-0 right-0 bg-white p-24rpx">
-      <view class="w-full flex gap-24rpx">
+    <view class="yd-detail-footer">
+      <view class="yd-detail-footer-actions">
         <wd-button
           v-if="hasAccessByCodes(['system:mail-account:update'])"
           class="flex-1" type="warning" @click="handleEdit"

src/pages-system/mail/account/form/index.vue

@@ -75,7 +75,7 @@
 
     <!-- 底部保存按钮 -->
     <!-- TODO @芋艿： -->
-    <view class="fixed bottom-0 left-0 right-0 bg-white p-24rpx">
+    <view class="yd-detail-footer">
       <wd-button
         type="primary"
         block

src/pages-system/mail/template/detail/index.vue

@@ -29,8 +29,8 @@
     <SendForm v-model="sendVisible" :template="formData" />
 
     <!-- 底部操作按钮 -->
-    <view class="fixed bottom-0 left-0 right-0 bg-white p-24rpx">
-      <view class="w-full flex gap-24rpx">
+    <view class="yd-detail-footer">
+      <view class="yd-detail-footer-actions">
         <wd-button
           v-if="hasAccessByCodes(['system:mail-template:send-mail'])"
           class="flex-1" type="primary" @click="handleSendTest"

src/pages-system/mail/template/form/index.vue

@@ -83,7 +83,7 @@
     </view>
 
     <!-- 底部保存按钮 -->
-    <view class="fixed bottom-0 left-0 right-0 bg-white p-24rpx">
+    <view class="yd-detail-footer">
       <wd-button
         type="primary"
         block

src/pages-system/menu/detail/index.vue

@@ -44,8 +44,8 @@
     </view>
 
     <!-- 底部操作按钮 -->
-    <view class="fixed bottom-0 left-0 right-0 bg-white p-24rpx">
-      <view class="w-full flex gap-24rpx">
+    <view class="yd-detail-footer">
+      <view class="yd-detail-footer-actions">
         <wd-button class="flex-1" type="warning" @click="handleEdit">
           编辑
         </wd-button>

src/pages-system/menu/form/index.vue

@@ -107,7 +107,7 @@
     </view>
 
     <!-- 底部保存按钮 -->
-    <view class="safe-area-inset-bottom fixed bottom-0 left-0 right-0 bg-white p-24rpx">
+    <view class="yd-detail-footer">
       <wd-button
         type="primary"
         block
@@ -246,7 +246,4 @@ onMounted(() => {
 </script>
 
 <style lang="scss" scoped>
-.safe-area-inset-bottom {
-  padding-bottom: calc(24rpx + env(safe-area-inset-bottom));
-}
 </style>

src/pages-system/notice/detail/index.vue

@@ -24,8 +24,8 @@
     </view>
 
     <!-- 底部操作按钮 -->
-    <view class="fixed bottom-0 left-0 right-0 bg-white p-24rpx">
-      <view class="w-full flex gap-24rpx">
+    <view class="yd-detail-footer">
+      <view class="yd-detail-footer-actions">
         <wd-button
           v-if="hasAccessByCodes(['system:notice:update'])"
           class="flex-1" type="warning" @click="handleEdit"

src/pages-system/notice/form/index.vue

@@ -54,7 +54,7 @@
     </view>
 
     <!-- 底部保存按钮 -->
-    <view class="fixed bottom-0 left-0 right-0 bg-white p-24rpx">
+    <view class="yd-detail-footer">
       <wd-button
         type="primary"
         block

src/pages-system/notify/template/detail/index.vue

@@ -30,8 +30,8 @@
     <SendForm v-model="sendVisible" :template="formData" />
 
     <!-- 底部操作按钮 -->
-    <view class="fixed bottom-0 left-0 right-0 bg-white p-24rpx">
-      <view class="w-full flex gap-24rpx">
+    <view class="yd-detail-footer">
+      <view class="yd-detail-footer-actions">
         <wd-button
           v-if="hasAccessByCodes(['system:notify-template:send-notify'])"
           class="flex-1" type="primary" @click="handleSendTest"

src/pages-system/notify/template/form/index.vue

@@ -75,7 +75,7 @@
     </view>
 
     <!-- 底部保存按钮 -->
-    <view class="fixed bottom-0 left-0 right-0 bg-white p-24rpx">
+    <view class="yd-detail-footer">
       <wd-button
         type="primary"
         block

src/pages-system/oauth2/client/detail/index.vue

@@ -27,8 +27,8 @@
     </view>
 
     <!-- 底部操作按钮 -->
-    <view class="fixed bottom-0 left-0 right-0 bg-white p-24rpx">
-      <view class="w-full flex gap-24rpx">
+    <view class="yd-detail-footer">
+      <view class="yd-detail-footer-actions">
         <wd-button
           v-if="hasAccessByCodes(['system:oauth2-client:update'])"
           class="flex-1" type="warning" @click="handleEdit"

src/pages-system/oauth2/client/form/index.vue

@@ -77,7 +77,7 @@
     </view>
 
     <!-- 底部保存按钮 -->
-    <view class="fixed bottom-0 left-0 right-0 bg-white p-24rpx">
+    <view class="yd-detail-footer">
       <wd-button
         type="primary"
         block

src/pages-system/post/detail/index.vue

@@ -22,8 +22,8 @@
     </view>
 
     <!-- 底部操作按钮 -->
-    <view class="fixed bottom-0 left-0 right-0 bg-white p-24rpx">
-      <view class="w-full flex gap-24rpx">
+    <view class="yd-detail-footer">
+      <view class="yd-detail-footer-actions">
         <wd-button
           v-if="hasAccessByCodes(['system:post:update'])"
           class="flex-1" type="warning" @click="handleEdit"

src/pages-system/post/form/index.vue

@@ -54,7 +54,7 @@
     </view>
 
     <!-- 底部保存按钮 -->
-    <view class="fixed bottom-0 left-0 right-0 bg-white p-24rpx">
+    <view class="yd-detail-footer">
       <wd-button
         type="primary"
         block

src/pages-system/role/detail/index.vue

@@ -22,8 +22,8 @@
     </view>
 
     <!-- 底部操作按钮 -->
-    <view class="fixed bottom-0 left-0 right-0 bg-white p-24rpx">
-      <view class="w-full flex gap-24rpx">
+    <view class="yd-detail-footer">
+      <view class="yd-detail-footer-actions">
         <wd-button
           v-if="hasAccessByCodes(['system:role:update'])"
           class="flex-1" type="warning" @click="handleEdit"

src/pages-system/role/form/index.vue

@@ -54,7 +54,7 @@
     </view>
 
     <!-- 底部保存按钮 -->
-    <view class="fixed bottom-0 left-0 right-0 bg-white p-24rpx">
+    <view class="yd-detail-footer">
       <wd-button
         type="primary"
         block

src/pages-system/sms/channel/detail/index.vue

@@ -27,8 +27,8 @@
     </view>
 
     <!-- 底部操作按钮 -->
-    <view class="fixed bottom-0 left-0 right-0 bg-white p-24rpx">
-      <view class="w-full flex gap-24rpx">
+    <view class="yd-detail-footer">
+      <view class="yd-detail-footer-actions">
         <wd-button
           v-if="hasAccessByCodes(['system:sms-channel:update'])"
           class="flex-1" type="warning" @click="handleEdit"

src/pages-system/sms/channel/form/index.vue

@@ -76,7 +76,7 @@
     </view>
 
     <!-- 底部保存按钮 -->
-    <view class="fixed bottom-0 left-0 right-0 bg-white p-24rpx">
+    <view class="yd-detail-footer">
       <wd-button
         type="primary"
         block

src/pages-system/sms/template/detail/index.vue

@@ -33,8 +33,8 @@
     <SendForm v-model="sendVisible" :template="formData" />
 
     <!-- 底部操作按钮 -->
-    <view class="fixed bottom-0 left-0 right-0 bg-white p-24rpx">
-      <view class="w-full flex gap-24rpx">
+    <view class="yd-detail-footer">
+      <view class="yd-detail-footer-actions">
         <wd-button
           v-if="hasAccessByCodes(['system:sms-template:send-sms'])"
           class="flex-1" type="primary" @click="handleSendTest"

src/pages-system/sms/template/form/index.vue

@@ -82,7 +82,7 @@
     </view>
 
     <!-- 底部保存按钮 -->
-    <view class="fixed bottom-0 left-0 right-0 bg-white p-24rpx">
+    <view class="yd-detail-footer">
       <wd-button
         type="primary"
         block

src/pages-system/social/client/detail/index.vue

@@ -30,8 +30,8 @@
     </view>
 
     <!-- 底部操作按钮 -->
-    <view class="fixed bottom-0 left-0 right-0 bg-white p-24rpx">
-      <view class="w-full flex gap-24rpx">
+    <view class="yd-detail-footer">
+      <view class="yd-detail-footer-actions">
         <wd-button
           v-if="hasAccessByCodes(['system:social-client:update'])"
           class="flex-1" type="warning" @click="handleEdit"

src/pages-system/social/client/form/index.vue

@@ -89,7 +89,7 @@
     </view>
 
     <!-- 底部保存按钮 -->
-    <view class="fixed bottom-0 left-0 right-0 bg-white p-24rpx">
+    <view class="yd-detail-footer">
       <wd-button
         type="primary"
         block

src/pages-system/tenant/package/detail/index.vue

@@ -21,8 +21,8 @@
     </view>
 
     <!-- 底部操作按钮 -->
-    <view class="fixed bottom-0 left-0 right-0 bg-white p-24rpx">
-      <view class="w-full flex gap-24rpx">
+    <view class="yd-detail-footer">
+      <view class="yd-detail-footer-actions">
         <wd-button
           v-if="hasAccessByCodes(['system:tenant-package:update'])"
           class="flex-1" type="warning" @click="handleEdit"

src/pages-system/tenant/package/form/index.vue

@@ -43,7 +43,7 @@
     </view>
 
     <!-- 底部保存按钮 -->
-    <view class="fixed bottom-0 left-0 right-0 bg-white p-24rpx">
+    <view class="yd-detail-footer">
       <wd-button
         type="primary"
         block

src/pages-system/tenant/tenant/detail/index.vue

@@ -26,8 +26,8 @@
     </view>
 
     <!-- 底部操作按钮 -->
-    <view class="fixed bottom-0 left-0 right-0 bg-white p-24rpx">
-      <view class="w-full flex gap-24rpx">
+    <view class="yd-detail-footer">
+      <view class="yd-detail-footer-actions">
         <wd-button
           v-if="hasAccessByCodes(['system:tenant:update'])"
           class="flex-1" type="warning" @click="handleEdit"

src/pages-system/tenant/tenant/form/index.vue

@@ -96,7 +96,7 @@
     </view>
 
     <!-- 底部保存按钮 -->
-    <view class="fixed bottom-0 left-0 right-0 bg-white p-24rpx">
+    <view class="yd-detail-footer">
       <wd-button
         type="primary"
         block

src/pages-system/user/detail/index.vue

@@ -35,8 +35,8 @@
     </view>
 
     <!-- 底部操作按钮 -->
-    <view class="fixed bottom-0 left-0 right-0 bg-white p-24rpx">
-      <view class="w-full flex gap-24rpx">
+    <view class="yd-detail-footer">
+      <view class="yd-detail-footer-actions">
         <wd-button
           v-if="hasAccessByCodes(['system:user:update'])"
           class="flex-1" type="warning" @click="handleEdit"

src/pages-system/user/form/components/user-picker.vue

@@ -33,7 +33,8 @@ const emit = defineEmits<{
 
 /** 根据用户 ID 获取昵称 */
 function getUserNickname(userId: number | undefined): string {
-  if (!userId) return ''
+  if (!userId)
+    return ''
   const user = userList.value.find(u => u.id === userId)
   return user?.nickname || ''
 }

src/pages-system/user/form/index.vue

@@ -86,7 +86,7 @@
     </view>
 
     <!-- 底部保存按钮 -->
-    <view class="fixed bottom-0 left-0 right-0 bg-white p-24rpx">
+    <view class="yd-detail-footer">
       <wd-button
         type="primary"
         block

src/pages/user/feedback/index.vue

@@ -38,7 +38,7 @@
     </view>
 
     <!-- 底部提交按钮 -->
-    <view class="safe-area-inset-bottom fixed bottom-0 left-0 right-0 bg-white p-24rpx">
+    <view class="yd-detail-footer">
       <wd-button
         type="primary"
         block

src/style/index.scss

@@ -43,6 +43,21 @@ border-t-1
   background-color: #f5f5f5;
 }
 
+// ==================== 详情页底部操作按钮 ====================
+.yd-detail-footer {
+  position: fixed;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  background-color: #fff;
+  padding: 24rpx;
+
+  // 按钮容器
+  &-actions {
+    @apply w-full flex gap-24rpx;
+  }
+}
+
 // ==================== 搜索表单弹窗样式 ====================
 .yd-search-form {
   // 弹窗圆角