业务线小程序不用写死，从后端接口获取

王彪总
1 parent 7b93c3f6
Showing 36 changed files with 256 additions and 223 deletions
App.vue
common/config/env.js
common/styles/ui-standard.scss
components/unified-task-actions/unified-task-actions.vue
pages-sub/daily/maintain-manage/add-record.vue
pages-sub/daily/maintain-manage/finish-plan-detail.vue
pages-sub/daily/maintain-manage/now-list-page.vue
pages-sub/daily/maintain-manage/pending-plan-detail.vue
pages-sub/daily/maintain-manage/road-detail-list.vue
pages-sub/daily/maintain-manage/type-list-page.vue
pages-sub/daily/maintain-manage/type-list.vue
pages-sub/daily/patrol-manage/add-patrol-record.vue
pages-sub/daily/patrol-manage/finish-plan-detail.vue
pages-sub/daily/patrol-manage/pending-plan-detail.vue
pages-sub/daily/quick-order/add-order.vue
pages-sub/daily/quick-order/index.vue
pages-sub/data/tree-archive/addInspect.vue
pages-sub/data/tree-archive/addTree.vue
pages-sub/data/tree-archive/editTree.vue
pages-sub/data/tree-archive/index.vue
@@ -153,7 +153,7 @@ page {
 .common-text-color{
   font-size: 26rpx;
-  color: #4B5563
+  color: #1F2937
 }
 // 通用按钮样式（支持任意top值，无需批量生成类名）
@@ -2,12 +2,10 @@
 const env = {
   // 开发环境
   development: {
-      // baseUrl: 'https://test.jichengshanshui.com.cn:28302',
-    // https://test.jichengshanshui.com.cn:28302
-   
-     baseUrl: 'http://192.168.1.163:48081',
-
-    uploadUrl: 'http://192.168.1.163:48081',
+	  baseUrl: 'http://192.168.1.55:48081',
+	  uploadUrl:'http://192.168.1.55:48081',
+    // baseUrl: 'https://test.jichengshanshui.com.cn:28302',
+    // uploadUrl: 'https://test.jichengshanshui.com.cn:28302',
     // baseApi:'admin-api',
     // appApi:'app-api'
   },
@@ -52,11 +52,11 @@ $j-reject-a:       #B91C1C;
 $j-neutral-a:      #565E6B;
 /* --- 1.5 文本色 --- */
-$j-text-title:     #1F2937; // 卡片主标题
-$j-text-label:     #9CA3AF; // 标签（浅灰）
-$j-text-value:     #4B5563; // 内容值
-$j-text-weak:      #9CA3AF; // 辅助说明
-$j-text-strong:    #1F2937; // 强调值
+$j-text-title:     #111827; // 卡片主标题
+$j-text-label:     #6B7280; // 标签（次级灰）
+$j-text-value:     #1F2937; // 内容值（正文黑）
+$j-text-weak:      #6B7280; // 辅助说明
+$j-text-strong:    #111827; // 强调值
 /* --- 1.6 字号层级（全站 6 档） --- */
 $j-fs-title:       32rpx;   // 16px 卡片主标题
@@ -93,10 +93,10 @@ $j-shadow-card:    0 4rpx 16rpx rgba(17, 24, 39, 0.06);
 $j-shadow-float:   0 -8rpx 28rpx rgba(17, 24, 39, 0.08);
 /* ==========================================================================
- * 2. 信息项：标签自然宽 + 值右对齐（设计稿 .kv）
+ * 2. 信息项：标签自然宽 + 值左对齐（设计稿 .kv）
  * --------------------------------------------------------------------------
- * 设计稿不固定标签列宽：标签浅灰靠左，值占满剩余宽度并右对齐，
- * 因此各行内容值的右边缘天然对齐，不会参差不齐。
+ * 标签浅灰靠左，值紧跟标签之后并左对齐，读起来是「标签：值」一句话，
+ * 长文本换行也从固定位置起始，不会出现值忽左忽右的观感。
  * ========================================================================== */
 .u-body-item {
   display: flex !important;
@@ -132,7 +132,7 @@ $j-shadow-float:   0 -8rpx 28rpx rgba(17, 24, 39, 0.08);
   font-weight: 400 !important;
   color: $j-text-value !important;
   line-height: 1.5 !important;
-  text-align: right;
+  text-align: left;
   word-break: break-all;
 }
@@ -357,13 +357,16 @@ $j-shadow-float:   0 -8rpx 28rpx rgba(17, 24, 39, 0.08);
  * 6. 详情页统一：u-cell 排版收口（设计稿 .card.pad + .kv）
  * --------------------------------------------------------------------------
  * 三类工单（养护 / 区域 / AI）详情都用 up-cell 渲染字段，此处统一层级：
- *   标签 26rpx #9CA3AF 左 / 内容值 26rpx #4B5563 右 / 行内 16rpx 上下
+ *   标签 26rpx #6B7280 左 / 内容值 26rpx #1F2937 紧跟标签后，左对齐 / 行内 16rpx 上下
  * 注意：uview-plus 单元格内部类名为 u-cell__xxx（组件内为 scoped 样式），
  *       全局层必须带 !important 才生效。
+ *       组件默认给 title 加 flex:1、给 value 加 margin-left:auto，值会被推到最右，
+ *       只改 text-align 不生效，必须同时收回 title 的 flex 并让 value 占满剩余宽度。
  * ========================================================================== */
 .u-cell__body {
   display: flex !important;
   justify-content: space-between !important;
+  column-gap: $j-sp-sm !important;
   padding: 16rpx $j-card-pad !important;
 }
@@ -380,8 +383,33 @@ $j-shadow-float:   0 -8rpx 28rpx rgba(17, 24, 39, 0.08);
   line-height: 1.5 !important;
 }
-/* 标题插槽（#title 自定义 view）同样收到「标签」层级 */
+/* 标签只占自身宽度，值紧随其后：
+ * 标签与内容之间的距离固定 16rpx（与列表卡片 .u-body-item 的 gap 保持一致） */
+.u-cell__title {
+  flex: 0 1 auto !important;
+  min-width: 0;
+}
+
+/* 标题区外层容器：组件默认 flex:1，会把整行剩余宽度都吃掉，
+ * 导致 value 只能从半行之后开始，看起来像居中/右对齐，这里收回成「按内容宽度」 */
+.u-cell__body__content {
+  flex: 0 1 auto !important;
+  min-width: 0;
+}
+
+/* #value 插槽：内容会被直接渲染成 .u-cell__body 的 flex 子元素（不是 u-cell__value），
+ * 上面那套规则管不到，必须单独补一份，否则插槽渲染的字段仍然贴在最右边 */
+.u-cell__body > view:not(.u-cell__body__content):not(.u-cell__left-icon-wrap):not(.u-cell__right-icon-wrap) {
+  flex: 1 1 auto !important;
+  min-width: 0;
+  text-align: left !important;
+}
+
+/* 标题插槽（#title 自定义 view）同样收到「标签」层级；
+ * 模板里常给这个 view 写 inline 的 min-width: 200rpx，会把间距撑成一大段，
+ * 这里用 !important 统一收回，保证所有页面的「标签—内容」距离都是 16rpx */
 .u-cell__title > view {
+  min-width: 0 !important;
   font-size: $j-fs-label !important;
   font-weight: 400 !important;
   color: $j-text-label !important;
@@ -389,15 +417,18 @@ $j-shadow-float:   0 -8rpx 28rpx rgba(17, 24, 39, 0.08);
 }
 .u-cell__value {
+  flex: 1 1 auto !important;
+  min-width: 0;
+  margin-left: 0 !important;
   font-size: $j-fs-value !important;
   font-weight: 400 !important;
   color: $j-text-value !important;
   line-height: 1.5 !important;
-  text-align: right !important;
+  text-align: left !important;
   word-break: break-all;
 }
-/* 插槽内的内容值统一走 .common-text-color（App.vue 中定义为 #4B5563） */
+/* 插槽内的内容值统一走 .common-text-color（App.vue 中定义为 #1F2937） */
 /* 信息区块统一成卡片：四周留白一致，标题/内容与边框保持固定间距 */
 .u-cell-group {
@@ -321,7 +321,7 @@ defineExpose({ open })
 }
 .unified-action-tip {
-  color: #9CA3AF;
+  color: #6B7280;
   font-size: 28rpx;
   padding: 20rpx 0;
 }
@@ -395,7 +395,7 @@ defineExpose({ open })
 // 字数统计贴灰底显示（组件内部写死了白底，需 !important 覆盖）
 .unified-action-form :deep(.u-textarea__count) {
   background-color: transparent !important;
-  color: #9CA3AF;
+  color: #6B7280;
 }
 .unified-action-btns {
@@ -1088,8 +1088,8 @@ export default {
 <style lang="scss" scoped>
 // 页面：设计稿底 #F4F6FA，底部给固定操作栏留位（按钮 88rpx + 上下 24rpx）
 .page-container {
-  padding-bottom: calc(180rpx + constant(safe-area-inset-bottom));
-  padding-bottom: calc(180rpx + env(safe-area-inset-bottom));
+  padding-bottom: calc(136rpx + constant(safe-area-inset-bottom));
+  padding-bottom: calc(136rpx + env(safe-area-inset-bottom));
 }
 // 表单容器：不再整屏铺白，改为浮起的白卡（设计稿 .card）
@@ -1268,7 +1268,7 @@ export default {
   padding: 80rpx 24rpx;
   text-align: center;
   font-size: 26rpx;
-  color: #9CA3AF;
+  color: #6B7280;
   background-color: #ffffff;
   border-radius: 16rpx;
 }
@@ -1279,7 +1279,7 @@ export default {
   text-align: center;
   font-size: 22rpx;
   line-height: 1.6;
-  color: #9CA3AF;
+  color: #6B7280;
 }
 // 底部固定操作栏：白底 + 上分隔线；左「提交」白底描边，右「提交并结束」绿色主按钮
@@ -681,14 +681,14 @@ onLoad((options) =&gt; {
 .sec-count {
   margin-left: auto;
   font-size: 24rpx;
-  color: #9CA3AF;
+  color: #6B7280;
   white-space: nowrap;
 }
 /* 某条子上报没填字段时的占位文案 */
 .no-field-tip {
   font-size: 26rpx;
-  color: #9CA3AF;
+  color: #6B7280;
   padding: 8rpx 0;
 }
@@ -740,7 +740,7 @@ onLoad((options) =&gt; {
   padding: 0 16rpx;
   background: #F4F6FA;
   border-radius: 8rpx;
-  color: #4B5563;
+  color: #1F2937;
   font-size: 22rpx;
   line-height: 40rpx;
 }
@@ -776,7 +776,7 @@ onLoad((options) =&gt; {
   background: #ffffff;
   border-radius: 16rpx;
   font-size: 26rpx;
-  color: #9CA3AF;
+  color: #6B7280;
   box-shadow: 0 4rpx 16rpx rgba(17, 24, 39, 0.06);
 }
@@ -112,8 +112,8 @@ const handleAddReport = () =&gt; {
 .page-wrap {
   min-height: 100vh;
   // 底部固定栏（按钮 88rpx + 上下各 24rpx）+ 安全区
-  padding-bottom: calc(180rpx + constant(safe-area-inset-bottom));
-  padding-bottom: calc(180rpx + env(safe-area-inset-bottom));
+  padding-bottom: calc(136rpx + constant(safe-area-inset-bottom));
+  padding-bottom: calc(136rpx + env(safe-area-inset-bottom));
   background: #F4F6FA;
 }
 // 顶部提示条：浅蓝底 + 蓝字 + 圆形感叹号（设计稿 .banner）
@@ -168,7 +168,7 @@ const handleAddReport = () =&gt; {
   }
   .item-row {
     font-size: 26rpx;
-    color: #4B5563;
+    color: #1F2937;
     margin-bottom: 12rpx;
   }
   .item-row-bottom {
@@ -187,7 +187,7 @@ const handleAddReport = () =&gt; {
     height: 56rpx;
     padding: 0 24rpx;
     font-size: 24rpx;
-    color: #4B5563;
+    color: #1F2937;
     background-color: #ffffff;
     border: 1rpx solid #E8EBF0;
     border-radius: 8rpx;
@@ -139,7 +139,7 @@ const addNewRecord = () =&gt; {
 /* 统一卡片样式（与巡查计划明细一致） */
 .page-container {
   min-height: 100vh;
-  padding-bottom: 200rpx;
+  padding-bottom: calc(144rpx + env(safe-area-inset-bottom));
   background-color: #F4F6FA;
   box-sizing: border-box;
 }
@@ -9,7 +9,7 @@
             :list="statusTabs"
             line-width="44rpx"
             active-color="#2563EB"
-            inactive-color="#4B5563"
+            inactive-color="#1F2937"
             :scrollable="true"
             class="status-tabs"
             @click="handleStatusChange"
@@ -3,7 +3,7 @@
     <up-sticky>
       <view class="sticky-wrap">
         <up-tabs v-model="activeStatus" :list="statusTabs" line-width="44rpx" active-color="#2563EB"
-                 inactive-color="#4B5563" :scrollable="false" @change="handleStatusChange"></up-tabs>
+                 inactive-color="#1F2937" :scrollable="false" @change="handleStatusChange"></up-tabs>
       </view>
     </up-sticky>
     <z-paging ref="pagingRef" v-model="currentList" @query="fetchData" :auto-show-system-loading="true">
@@ -434,7 +434,7 @@ onUnload(() =&gt; {
 .plan-no {
   margin-top: 8rpx;
   font-size: 24rpx;
-  color: #9CA3AF;
+  color: #6B7280;
   line-height: 1.4;
 }
 .info-row {
@@ -446,15 +446,15 @@ onUnload(() =&gt; {
 }
 .info-label {
   font-size: 26rpx;
-  color: #9CA3AF;
+  color: #6B7280;
   flex-shrink: 0;
 }
 .info-value {
   flex: 1;
   min-width: 0;
   font-size: 26rpx;
-  color: #4B5563;
-  text-align: right;
+  color: #1F2937;
+  text-align: left;
 }
 /* 操作区统一收底：上 16rpx 留白 + 分隔线（设计稿 .tcard-foot） */
 .action-row {
@@ -138,19 +138,19 @@ onUnload(()=&gt;{
 .info-label {
     flex-shrink: 0;
     font-size: 26rpx;
-    color: #9CA3AF;
+    color: #6B7280;
     line-height: 1.5;
 }
 .info-value {
     flex: 1;
     min-width: 0;
-    text-align: right;
+    text-align: left;
 }
 .info-line {
     font-size: 26rpx;
-    color: #4B5563;
+    color: #1F2937;
     line-height: 1.5;
     word-break: break-all;
@@ -165,6 +165,6 @@ onUnload(()=&gt;{
     padding: 120rpx 0;
     text-align: center;
     font-size: 26rpx;
-    color: #9CA3AF;
+    color: #6B7280;
 }
 </style>
@@ -493,7 +493,7 @@ export default {
 <style lang="scss" scoped>
 .u-page {
   min-height: 100vh;
-  padding-bottom: 200rpx;
+  padding-bottom: calc(144rpx + env(safe-area-inset-bottom));
   background-color: #F4F6FA;
   box-sizing: border-box;
 }
@@ -571,7 +571,7 @@ export default {
   border-radius: 12rpx;
 }
 .form-card--field :deep(.u-textarea__count) {
-  color: #9CA3AF;
+  color: #6B7280;
 }
 /* 上传：虚线框 */
 .form-card--field :deep(.u-upload__button) {
@@ -582,7 +582,7 @@ export default {
 .upload-hint {
   margin-top: 16rpx;
   font-size: 24rpx;
-  color: #9CA3AF;
+  color: #6B7280;
 }
 /* 底部提交栏 */
@@ -162,7 +162,7 @@ onLoad((options) =&gt; {
 /* 空文本 */
 .empty-text {
-  color: #9CA3AF;
+  color: #6B7280;
   font-size: 26rpx;
   line-height: 80rpx;
   display: block;
@@ -128,7 +128,7 @@ const addNewRecord = () =&gt; {
 /* 统一卡片样式（与工单/巡查表单页一致） */
 .page-container {
   min-height: 100vh;
-  padding-bottom: 200rpx;
+  padding-bottom: calc(144rpx + env(safe-area-inset-bottom));
   background-color: #F4F6FA;
   box-sizing: border-box;
 }
@@ -626,7 +626,7 @@ export default {
 /* 统一卡片样式（与工单/巡查表单页一致） */
 .page-container {
   min-height: 100vh;
-  padding-bottom: 200rpx;
+  padding-bottom: calc(144rpx + env(safe-area-inset-bottom));
   background-color: #F4F6FA;
   box-sizing: border-box;
 }
@@ -705,7 +705,7 @@ export default {
   border-radius: 12rpx;
 }
 .form-card--field :deep(.u-textarea__count) {
-  color: #9CA3AF;
+  color: #6B7280;
 }
 /* 上传：虚线框 */
 .form-card--field :deep(.u-upload__button) {
@@ -716,7 +716,7 @@ export default {
 .upload-hint {
   margin-top: 16rpx;
   font-size: 24rpx;
-  color: #9CA3AF;
+  color: #6B7280;
 }
 /* 底部提交栏 */
@@ -43,7 +43,7 @@
         <empty-view/>
       </template>
-      <view class="common-card-list" style="padding-top: 136rpx;padding-bottom: 180rpx">
+      <view class="common-card-list" style="padding-top: 136rpx;padding-bottom: calc(120rpx + env(safe-area-inset-bottom))">
         <view class="plan-card" v-for="(item,index) in orderList" :key="`${item.orderNo}_${index}`">
           <view class="u-body-item u-flex">
             <view class="u-body-item-title">工单编号：</view>
@@ -1050,7 +1050,8 @@ onUnload(() =&gt; {
   background-color: #F4F6FA;
 }
 .inspect-scroll {
-  height: calc(100vh - 120rpx);
+  // 底部固定栏 120rpx + 与卡片之间统一 24rpx 间距
+  height: calc(100vh - 144rpx - env(safe-area-inset-bottom));
 }
 /* 折叠面板：每个部位一张白色卡片（设计稿 .card） */
@@ -1124,7 +1125,7 @@ onUnload(() =&gt; {
   margin-bottom: 15rpx;
   font-size: 26rpx;
   .risk-label {
-    color: #9CA3AF;
+    color: #6B7280;
     margin-right: 10rpx;
   }
   .risk-value {
@@ -1159,7 +1160,7 @@ onUnload(() =&gt; {
   .modal-row {
     font-size: 26rpx;
     line-height: 2;
-    color: #4B5563;
+    color: #1F2937;
   }
 }
@@ -1175,7 +1176,7 @@ onUnload(() =&gt; {
   min-width: 220rpx; /* 根据需求自行调大/调小 */
   display: inline-block;
   font-size: 26rpx;
-  color: #4B5563;
+  color: #1F2937;
 }
 /* 单列单选组，增加上下间距，避免误触 */
@@ -1191,12 +1192,12 @@ onUnload(() =&gt; {
   border: 1rpx solid #E8EBF0;
   border-radius: 12rpx;
   font-size: 26rpx;
-  color: #4B5563;
+  color: #1F2937;
   background-color: #FAFBFC;
   margin-bottom: 12rpx;
   &.disabled-row {
     background: #F4F6FA;
-    color: #9CA3AF;
+    color: #6B7280;
   }
 }
@@ -29,7 +29,7 @@
               <up-form-item label="胸径" prop="dbh" required>
                 <up-input v-model.trim="formData.dbh" placeholder="请输入" maxlength="10" border="none" input-align="left"/>
                 <template #right>
-                  <text style="padding-left: 12rpx;color:#9CA3AF;font-size:26rpx">厘米</text>
+                  <text style="padding-left: 12rpx;color:#6B7280;font-size:26rpx">厘米</text>
                 </template>
               </up-form-item>
             </up-col>
@@ -38,7 +38,7 @@
                 <up-input v-model.trim="formData.treeheight" placeholder="请输入" maxlength="10" border="none"
                           input-align="left"/>
                 <template #right>
-                  <text style="padding-left: 12rpx;color:#9CA3AF;font-size:26rpx;">米</text>
+                  <text style="padding-left: 12rpx;color:#6B7280;font-size:26rpx;">米</text>
                 </template>
               </up-form-item>
             </up-col>
@@ -157,7 +157,7 @@
                   <up-input v-model.trim="formData.weekday" placeholder="请输入" maxlength="10" border="none"
                             input-align="left"/>
                   <template #right>
-                    <text style="padding-left:12rpx;color:#9CA3AF;font-size:26rpx">厘米</text>
+                    <text style="padding-left:12rpx;color:#6B7280;font-size:26rpx">厘米</text>
                   </template>
                 </up-form-item>
               </up-col>
@@ -171,7 +171,7 @@
                   <up-input v-model.trim="formData.canopyeastwest" placeholder="请输入" maxlength="10" border="none"
                             input-align="left"/>
                   <template #right>
-                    <text style="padding-left:12rpx;color:#9CA3AF;font-size:26rpx">米</text>
+                    <text style="padding-left:12rpx;color:#6B7280;font-size:26rpx">米</text>
                   </template>
                 </up-form-item>
               </up-col>
@@ -180,7 +180,7 @@
                   <up-input v-model.trim="formData.canopysouthnorth" placeholder="请输入" maxlength="10" border="none"
                             input-align="left"/>
                   <template #right>
-                    <text style="padding-left:12rpx;color:#9CA3AF;font-size:26rpx">米</text>
+                    <text style="padding-left:12rpx;color:#6B7280;font-size:26rpx">米</text>
                   </template>
                 </up-form-item>
               </up-col>
@@ -196,8 +196,6 @@
       </view>
     </up-form>
-    <view style="height: 60px;width: 100%"></view>
-
     <view class="fixed-bottom-btn-wrap">
       <up-button type="primary" @click="submit" :loading="loadingFlag" size="large" bold>提交</up-button>
     </view>
@@ -550,7 +548,7 @@ const submit = async () =&gt; {
 /* 页面底色 + 留白（设计稿 --page-bg / .body） */
 .page-container {
   padding: 24rpx;
-  padding-bottom: 200rpx; // 给底部固定按钮留空间
+  padding-bottom: calc(144rpx + env(safe-area-inset-bottom)); // 给底部固定按钮留空间
   box-sizing: border-box;
   background-color: #F4F6FA;
 }
@@ -646,13 +644,13 @@ const submit = async () =&gt; {
 .coord-k {
   flex-shrink: 0;
   font-size: 22rpx;
-  color: #9CA3AF;
+  color: #6B7280;
 }
 .coord-v {
   flex: 1;
   min-width: 0;
   font-size: 24rpx;
-  color: #4B5563;
+  color: #1F2937;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
@@ -679,7 +677,7 @@ const submit = async () =&gt; {
 }
 .page-container :deep(.u-upload__button__text) {
   font-size: 22rpx !important;
-  color: #9CA3AF !important;
+  color: #6B7280 !important;
 }
 .page-container :deep(.u-upload__wrap__preview) {
   border-radius: 12rpx !important;
@@ -696,7 +694,7 @@ const submit = async () =&gt; {
 .upload-tip-line {
   font-size: 22rpx;
   line-height: 1.5;
-  color: #9CA3AF;
+  color: #6B7280;
 }
 /* 展开/收起：浅蓝底整行按钮（设计稿 .btn.soft） */
@@ -45,7 +45,7 @@
                 <up-input v-model.trim="formData.dbh" placeholder="请输入" maxlength="10" border="none"
                           input-align="left"/>
                 <template #right>
-                  <text style="padding-left: 12rpx;color:#9CA3AF;font-size:26rpx">厘米</text>
+                  <text style="padding-left: 12rpx;color:#6B7280;font-size:26rpx">厘米</text>
                 </template>
               </up-form-item>
             </up-col>
@@ -54,7 +54,7 @@
                 <up-input v-model.trim="formData.treeheight" placeholder="请输入" maxlength="10" border="none"
                           input-align="left"/>
                 <template #right>
-                  <text style="padding-left: 12rpx;color:#9CA3AF;font-size:26rpx;">米</text>
+                  <text style="padding-left: 12rpx;color:#6B7280;font-size:26rpx;">米</text>
                 </template>
               </up-form-item>
             </up-col>
@@ -145,7 +145,7 @@
                   <up-input v-model.trim="formData.weekday" placeholder="请输入" maxlength="10" border="none"
                             input-align="left"/>
                   <template #right>
-                    <text style="padding-left:12rpx;color:#9CA3AF;font-size:26rpx">厘米</text>
+                    <text style="padding-left:12rpx;color:#6B7280;font-size:26rpx">厘米</text>
                   </template>
                 </up-form-item>
               </up-col>
@@ -159,7 +159,7 @@
                   <up-input v-model.trim="formData.canopyeastwest" placeholder="请输入" maxlength="10" border="none"
                             input-align="left"/>
                   <template #right>
-                    <text style="padding-left:12rpx;color:#9CA3AF;font-size:26rpx">米</text>
+                    <text style="padding-left:12rpx;color:#6B7280;font-size:26rpx">米</text>
                   </template>
                 </up-form-item>
               </up-col>
@@ -168,7 +168,7 @@
                   <up-input v-model.trim="formData.canopysouthnorth" placeholder="请输入" maxlength="10" border="none"
                             input-align="left"/>
                   <template #right>
-                    <text style="padding-left:12rpx;color:#9CA3AF;font-size:26rpx">米</text>
+                    <text style="padding-left:12rpx;color:#6B7280;font-size:26rpx">米</text>
                   </template>
                 </up-form-item>
               </up-col>
@@ -705,7 +705,7 @@ const toAddInspect = () =&gt; {
 <style scoped lang="scss">
 .container {
   min-height: 100vh;
-  padding-bottom: 200rpx;
+  padding-bottom: calc(144rpx + env(safe-area-inset-bottom));
   background-color: #F4F6FA;
   box-sizing: border-box;
 }
@@ -741,7 +741,7 @@ const toAddInspect = () =&gt; {
 }
 .base-info-wrap :deep(.u-input__inner) {
   font-size: 26rpx;
-  color: #4B5563;
+  color: #1F2937;
 }
 /* 分区标题：蓝色竖条 + 标题文字 */
@@ -774,7 +774,7 @@ const toAddInspect = () =&gt; {
 }
 .record-wrap {
-  padding: 24rpx 0 40rpx;
+  padding: 24rpx 0 0;
 }
 /* 巡检 / 变更日志卡片：白底 16rpx 圆角 + 浅投影（设计稿 .tcard） */
@@ -784,6 +784,10 @@ const toAddInspect = () =&gt; {
   background-color: #ffffff !important;
   box-shadow: 0 4rpx 16rpx rgba(17, 24, 39, 0.06) !important;
 }
+/* 最后一张卡不再带下外边距，页面底部留白统一交给容器 */
+.tree-card:last-child {
+  margin-bottom: 0 !important;
+}
 .tree-card :deep(.u-card__body) {
   padding: 24rpx !important;
 }
@@ -832,7 +836,7 @@ const toAddInspect = () =&gt; {
 .card-body-inner {
   display: flex;
   font-size: 26rpx;
-  color: #4B5563;
+  color: #1F2937;
 }
 .fs-align__center {
@@ -890,7 +894,7 @@ const toAddInspect = () =&gt; {
 .inspect-row {
   font-size: 26rpx;
   line-height: 1.9;
-  color: #4B5563;
+  color: #1F2937;
 }
 .detail-text {
   color: #2563EB;
@@ -4,10 +4,10 @@
     <view class="filter-bar">
       <view class="sel" @click="showActionSheet = true">
         <text class="sel-text up-line-1">{{ formData.companyId || '归属单位' }}</text>
-        <up-icon name="arrow-down" size="12" color="#9CA3AF"></up-icon>
+        <up-icon name="arrow-down" size="12" color="#6B7280"></up-icon>
       </view>
       <view class="sbox">
-        <up-icon name="search" size="12" color="#9CA3AF"></up-icon>
+        <up-icon name="search" size="12" color="#6B7280"></up-icon>
         <input
             v-model="searchValue"
             class="sbox-input"
@@ -58,7 +58,7 @@
               </view>
               <view class="card-body">
                 <view class="kv">
-                  <text class="k">已录入行道树</text>
+                  <text class="k">已录入行道树：</text>
                   <text class="v up-line-1">{{ item.recordedCount }} / {{ item.treeCount }} 棵</text>
                 </view>
                 <!-- 录入进度：占总数比例，纯模板计算未新增 JS -->
@@ -69,11 +69,11 @@
                   ></view>
                 </view>
                 <view class="kv">
-                  <text class="k">起点</text>
+                  <text class="k">起点：</text>
                   <text class="v up-line-1">{{ item.startRemark }}</text>
                 </view>
                 <view class="kv">
-                  <text class="k">终点</text>
+                  <text class="k">终点：</text>
                   <text class="v up-line-1">{{ item.endRemark }}</text>
                 </view>
               </view>
@@ -237,7 +237,7 @@ const checkRoadDataValid = () =&gt; {
   flex: 1;
   min-width: 0;
   font-size: 26rpx;
-  color: #4B5563;
+  color: #1F2937;
 }
 // 道路搜索框
@@ -262,7 +262,7 @@ const checkRoadDataValid = () =&gt; {
 }
 .sbox-placeholder {
   font-size: 26rpx;
-  color: #9CA3AF;
+  color: #6B7280;
 }
 .sbox-go {
   flex-shrink: 0;
@@ -291,7 +291,7 @@ const checkRoadDataValid = () =&gt; {
   .left-item {
     padding: 24rpx 20rpx;
     font-size: 26rpx;
-    color: #4B5563;
+    color: #1F2937;
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;
@@ -379,13 +379,13 @@ const checkRoadDataValid = () =&gt; {
 }
 .kv .k {
   flex-shrink: 0;
-  color: #9CA3AF;
+  color: #6B7280;
 }
 .kv .v {
   flex: 1;
   min-width: 0;
-  color: #4B5563;
-  text-align: right;
+  color: #1F2937;
+  text-align: left;
 }
 // 录入进度条：直观呈现「已录入 / 总数」
@@ -24,7 +24,7 @@
             <up-form-item label="胸径" prop="dbh" required>
               <up-input v-model="formData.dbh" maxlength="10" border="none" input-align="left" readonly placeholder=""/>
               <template #right>
-                <text style="padding-left: 12rpx;color:#9CA3AF;font-size:26rpx">厘米</text>
+                <text style="padding-left: 12rpx;color:#6B7280;font-size:26rpx">厘米</text>
               </template>
             </up-form-item>
           </up-col>
@@ -32,7 +32,7 @@
             <up-form-item label="高度" prop="treeheight">
               <up-input v-model="formData.treeheight" maxlength="10" border="none" input-align="left" readonly placeholder=""/>
               <template #right>
-                <text style="padding-left: 12rpx;color:#9CA3AF;font-size:26rpx;">米</text>
+                <text style="padding-left: 12rpx;color:#6B7280;font-size:26rpx;">米</text>
               </template>
             </up-form-item>
           </up-col>
@@ -107,7 +107,7 @@
               <up-form-item label="干周" prop="weekday">
                 <up-input v-model="formData.weekday" maxlength="10" border="none" input-align="left" readonly placeholder=""/>
                 <template #right>
-                  <text style="padding-left:12rpx;color:#9CA3AF;font-size:26rpx">厘米</text>
+                  <text style="padding-left:12rpx;color:#6B7280;font-size:26rpx">厘米</text>
                 </template>
               </up-form-item>
             </up-col>
@@ -120,7 +120,7 @@
               <up-form-item label="东西冠幅" prop="canopyeastwest">
                 <up-input v-model="formData.canopyeastwest" maxlength="10" border="none" input-align="left" readonly placeholder=""/>
                 <template #right>
-                  <text style="padding-left:12rpx;color:#9CA3AF;font-size:26rpx">米</text>
+                  <text style="padding-left:12rpx;color:#6B7280;font-size:26rpx">米</text>
                 </template>
               </up-form-item>
             </up-col>
@@ -128,7 +128,7 @@
               <up-form-item label="南北冠幅" prop="canopysouthnorth">
                 <up-input v-model="formData.canopysouthnorth" maxlength="10" border="none" input-align="left" readonly placeholder=""/>
                 <template #right>
-                  <text style="padding-left:12rpx;color:#9CA3AF;font-size:26rpx">米</text>
+                  <text style="padding-left:12rpx;color:#6B7280;font-size:26rpx">米</text>
                 </template>
               </up-form-item>
             </up-col>
@@ -278,13 +278,13 @@ onReady(() =&gt; {});
 :deep(.u-input__inner) {
   font-size: 26rpx;
-  color: #4B5563;
+  color: #1F2937;
   background-color: transparent !important;
 }
 .show-text {
   font-size: 26rpx;
-  color: #4B5563;
+  color: #1F2937;
   line-height: 80rpx;
   width: 100%;
   display: block;
@@ -119,7 +119,7 @@ const fetchData = async (pageNo, pageSize) =&gt; {
 /* 列表：左右 24rpx 留白，卡片之间 24rpx（设计稿 .body） */
 .record-wrap {
-  padding: 24rpx 0 180rpx; // 底部预留固定按钮高度
+  padding: 24rpx 0 calc(120rpx + env(safe-area-inset-bottom)); // 底部固定按钮栏 120rpx，卡片自带 24rpx 外边距
 }
 /* 树木卡片：白底 16rpx 圆角 + 浅投影（设计稿 .tcard） */
@@ -168,7 +168,7 @@ const fetchData = async (pageNo, pageSize) =&gt; {
   flex-shrink: 0;
   margin-left: 16rpx;
   font-size: 22rpx;
-  color: #9CA3AF;
+  color: #6B7280;
 }
 .record-kv {
@@ -176,7 +176,7 @@ const fetchData = async (pageNo, pageSize) =&gt; {
   align-items: center;
   margin-top: 10rpx;
   font-size: 24rpx;
-  color: #4B5563;
+  color: #1F2937;
 }
 .record-ico {
   width: 24rpx;
@@ -51,7 +51,7 @@
         <empty-view />
       </template>
-      <view class="common-card-list" style="padding-top: 216rpx;padding-bottom: 180rpx">
+      <view class="common-card-list" style="padding-top: 216rpx;padding-bottom: calc(120rpx + env(safe-area-inset-bottom))">
         <!-- 待办工单卡片 -->
         <up-card
             v-if="activeTab === 0"
@@ -840,7 +840,7 @@ if (hasRepeat) {
 /* 统一卡片样式（与工单表单页一致） */
 .page-container {
   min-height: 100vh;
-  padding-bottom: 200rpx;
+  padding-bottom: calc(144rpx + env(safe-area-inset-bottom));
   background-color: #F4F6FA;
   box-sizing: border-box;
 }
@@ -368,7 +368,7 @@ const submitWorkOrder = async () =&gt; {
 /* 统一卡片样式（与工单表单页一致） */
 .page-container {
   min-height: 100vh;
-  padding-bottom: 200rpx;
+  padding-bottom: calc(144rpx + env(safe-area-inset-bottom));
   background-color: #F4F6FA;
   box-sizing: border-box;
 }
@@ -537,7 +537,7 @@ const submitWorkOrder = async () =&gt; {
 /* 统一卡片样式（与工单表单页一致） */
 .page-container {
   min-height: 100vh;
-  padding-bottom: 200rpx; // 给底部按钮留空间
+  padding-bottom: calc(144rpx + env(safe-area-inset-bottom)); // 给底部按钮留空间
   background-color: #F4F6FA;
   box-sizing: border-box;
 }
@@ -62,14 +62,6 @@
         >
           <template #body>
             <view class="card-body">
-              <!--              <view v-if="activeTab !== 0" class="ml-10">-->
-              <!--                <up-button type="primary" size="mini" @click="handleDetail(item)">工单详情</up-button>-->
-              <!--              </view>-->
-
-              <view class="common-custom-btn " v-if="activeTab !== 0"  style="--btn-top: 130px;"  @click="handleDetail(item)">
-                工单详情
-              </view>
-
               <view class="u-body-item u-flex">
                 <view class="u-body-item-title">工单编号：</view>
                 <view class="u-line-1 u-body-value">{{ item.orderNo || '-' }}</view>
@@ -88,14 +80,10 @@
               </view>
               <view class="u-body-item u-flex common-justify-between common-item-center">
-                <view class="u-body-item-title">紧急程度：{{ uni.$dict.getDictLabel('workorder_pressing_type', item.pressingType) || '-' }}</view>
-                <!--                <view class="u-line-1 u-body-value flex-1 text-right">-->
-                <!--                  {{ uni.$dict.getDictLabel('workorder_pressing_type', item.pressingType) || '-' }}-->
-                <!--                </view>-->
-                <!-- 只有 我发起的(1)、已办(2) 显示该行的详情按钮 -->
-                <!--                <view v-if="activeTab !== 0" class="ml-10">-->
-                <!--                  <up-button type="primary" size="mini" @click="handleDetail(item)">工单详情</up-button>-->
-                <!--                </view>-->
+                <view class="u-body-item-title">紧急程度：</view>
+                <view class="u-line-1 u-body-value">
+                  {{ uni.$dict.getDictLabel('workorder_pressing_type', item.pressingType) || '-' }}
+                </view>
               </view>
               <view class="u-body-item u-flex">
                 <view class="u-body-item-title">工单状态：</view>
@@ -130,7 +118,10 @@
                 </template>
               </view>
-              <!-- 已删除：原来单独的【我发起的/已办】按钮区，不需要了 -->
+              <!-- 已办 / 我发起的：操作按钮收进底部操作区，不再用绝对定位盖住信息行 -->
+              <view v-if="activeTab !== 0" class="card-action-row">
+                <view class="mini-btn mini-btn--primary" @click="handleDetail(item)">工单详情</view>
+              </view>
             </view>
           </template>
         </up-card>
@@ -746,7 +737,7 @@ onLoad(() =&gt; {
 // 顶部留白 = 吸顶筛选条高度(Tabs 44 + 搜索条 10+32+10 = 96px) + 12px 间距
 // 原写法用 calc(var(--status-bar-height) + 140rpx)，状态栏高度随机型变化，低状态栏机型会压到卡片
 .common-card-list {
-  padding: 216rpx 0 180rpx;
+  padding: 216rpx 0 calc(120rpx + env(safe-area-inset-bottom));
   box-sizing: border-box;
 }
@@ -27,11 +27,11 @@
         <!-- 工单详情 Tab -->
         <view v-show="activeTopTab === 0" class="detail-content">
           <up-cell-group :border="false" class="detail-cell-group">
-            <up-cell title="工单编号" :value="orderDetail.orderNo || '--'" align="middle"></up-cell>
+            <up-cell title="工单编号：" :value="orderDetail.orderNo || '--'" align="middle"></up-cell>
             <up-cell align="middle">
               <template #title>
-                <view style="min-width: 200rpx">工单位置</view>
+                <view style="min-width: 200rpx">工单位置：</view>
               </template>
               <template #value>
                 <view class="common-text-color up-line-1">{{ orderDetail.lonLatAddress || '--' }}</view>
@@ -40,18 +40,18 @@
             <up-cell align="middle">
               <template #title>
-                <view style="min-width: 200rpx">问题类型</view>
+                <view style="min-width: 200rpx">问题类型：</view>
               </template>
               <template #value>
                 <view class="common-text-color up-line-1">{{ orderDetail.orderName || '--' }}</view>
               </template>
             </up-cell>
-            <up-cell title="街道名称" :value="orderDetail.streetName || '--'" align="middle"></up-cell>
+            <up-cell title="街道名称：" :value="orderDetail.streetName || '--'" align="middle"></up-cell>
             <up-cell v-if="orderDetail.roadName">
               <template #title>
-                <view style="min-width: 200rpx">道路名称</view>
+                <view style="min-width: 200rpx">道路名称：</view>
               </template>
               <template #value>
                 <view class="common-text-color up-line-1">{{ orderDetail.roadName || '--' }}</view>
@@ -60,7 +60,7 @@
             <up-cell>
               <template #title>
-                <view style="min-width: 200rpx">情况描述</view>
+                <view style="min-width: 200rpx">情况描述：</view>
               </template>
               <template #value>
                 <view class="common-text-color up-line-1">{{ orderDetail.remark || '--' }}</view>
@@ -68,22 +68,22 @@
             </up-cell>
             <up-cell
-                title="紧急程度"
+                title="紧急程度："
                 :value="uni.$dict.getDictLabel('workorder_pressing_type', orderDetail.pressingType) || '--'"
                 align="middle"
             ></up-cell>
-            <up-cell title="提交人" :value="orderDetail.userName || '--'" align="middle"></up-cell>
+            <up-cell title="提交人：" :value="orderDetail.userName || '--'" align="middle"></up-cell>
             <up-cell
-                title="提交时间"
+                title="提交时间："
                 :value="timeFormat(orderDetail.createTime, 'yyyy-mm-dd hh:MM:ss') || '--'"
                 align="middle"
             ></up-cell>
             <up-cell v-if="orderDetail.handleResult">
               <template #title>
-                <view style="min-width: 200rpx">处理结果</view>
+                <view style="min-width: 200rpx">处理结果：</view>
               </template>
               <template #value>
                 <view class="common-text-color up-line-1">{{ orderDetail.handleResult || '--' }}</view>
@@ -107,7 +107,7 @@
             <up-cell
                 v-if="orderDetail.expectedFinishDate"
-                title="希望完成时间"
+                title="希望完成时间："
                 :value="timeFormat(orderDetail.expectedFinishDate, 'yyyy-mm-dd hh:MM:ss')"
                 align="middle"
                 :border="false"
@@ -115,7 +115,7 @@
             <up-cell
                 v-if="orderDetail.finishDate"
-                title="工单完结时间"
+                title="工单完结时间："
                 :value="timeFormat(orderDetail.finishDate, 'yyyy-mm-dd hh:MM:ss')"
                 align="middle"
                 :border="false"
@@ -127,7 +127,7 @@
             <up-cell-group :border="false">
               <up-cell>
                 <template #title>
-                  <view style="min-width: 200rpx">共同处理人</view>
+                  <view style="min-width: 200rpx">共同处理人：</view>
                 </template>
                 <template #value>
                   <view class="common-text-color up-line-1">
@@ -1108,14 +1108,14 @@ onLoad((options: any) =&gt; {
 // 按操作栏行数给内容预留底部间距
 .main-content.pb-rows-1 {
-  padding-bottom: 190rpx;
+  padding-bottom: calc(88rpx + env(safe-area-inset-bottom));
 }
 .main-content.pb-rows-2 {
-  padding-bottom: 290rpx;
+  padding-bottom: calc(168rpx + env(safe-area-inset-bottom));
 }
 .main-content.pb-rows-3 {
-  padding-bottom: 390rpx;
+  padding-bottom: calc(248rpx + env(safe-area-inset-bottom));
 }
 </style>
 \ No newline at end of file
@@ -505,12 +505,6 @@ onMounted(async () =&gt; {
   }
 }
-/* 列表顶部留出吸顶栏高度，避免内容被遮挡 */
-.common-card-list {
-  /* 原有样式保留，追加顶部内边距 */
-  padding: calc(var(--status-bar-height) + 100rpx + 44rpx) 0 30rpx;
-  box-sizing: border-box;
-}
 /* 第一行筛选布局 */
@@ -566,7 +560,7 @@ onMounted(async () =&gt; {
 }
 .common-card-list {
-  padding: calc(var(--status-bar-height) + 160rpx) 0 30rpx;
+  padding: calc(var(--status-bar-height) + 160rpx) 0 0;
   box-sizing: border-box;
 }
@@ -30,12 +30,12 @@
         <view v-show="activeTopTab == 0" class="detail-content">
           <up-cell-group :border="false" class="detail-cell-group">
             <!-- 工单编号 -->
-            <up-cell title="工单编号" :value="orderDetail.orderNo || '--'" align="middle"></up-cell>
+            <up-cell title="工单编号：" :value="orderDetail.orderNo || '--'" align="middle"></up-cell>
             <!-- 工单位置 -->
             <up-cell align="middle">
               <template #title>
-                <view style="min-width: 200rpx">工单位置</view>
+                <view style="min-width: 200rpx">工单位置：</view>
               </template>
               <template #value>
                 <view class="common-text-color up-line-1">{{ orderDetail.lonLatAddress || '--' }}</view>
@@ -45,7 +45,7 @@
             <!-- 问题类型 -->
             <up-cell align="middle">
               <template #title>
-                <view style="min-width: 200rpx">问题类型</view>
+                <view style="min-width: 200rpx">问题类型：</view>
               </template>
               <template #value>
                 <view class="common-text-color up-line-1">{{ orderDetail.orderName || '--' }}</view>
@@ -53,11 +53,11 @@
             </up-cell>
             <!-- 街道名称 -->
-            <up-cell title="街道名称" :value="orderDetail.streetName || '--'" align="middle"></up-cell>
+            <up-cell title="街道名称：" :value="orderDetail.streetName || '--'" align="middle"></up-cell>
             <up-cell v-if="orderDetail.roadName">
               <template #title>
-                <view style="min-width: 200rpx">道路名称</view>
+                <view style="min-width: 200rpx">道路名称：</view>
               </template>
               <template #value>
                 <view class="common-text-color up-line-1">{{ orderDetail.roadName || '--' }}</view>
@@ -67,7 +67,7 @@
             <!-- 情况描述 -->
             <up-cell>
               <template #title>
-                <view style="min-width: 200rpx">情况描述</view>
+                <view style="min-width: 200rpx">情况描述：</view>
               </template>
               <template #value>
                 <view class="common-text-color up-line-1">{{ orderDetail.remark || '--' }}</view>
@@ -76,17 +76,17 @@
             <!-- 紧急程度 -->
             <up-cell
-                title="紧急程度"
+                title="紧急程度："
                 :value="uni.$dict.getDictLabel('workorder_pressing_type', orderDetail.pressingType) || '--'"
                 align="middle"
             ></up-cell>
             <!-- 提交人 -->
-            <up-cell title="提交人" :value="orderDetail.userName || '--'" align="middle"></up-cell>
+            <up-cell title="提交人：" :value="orderDetail.userName || '--'" align="middle"></up-cell>
             <!-- 提交时间 -->
             <up-cell
-                title="提交时间"
+                title="提交时间："
                 :value="timeFormat(orderDetail.createTime, 'yyyy-mm-dd hh:MM:ss') || '--'"
                 align="middle"
             ></up-cell>
@@ -94,7 +94,7 @@
             <!-- 处理结果 -->
             <up-cell v-if="orderDetail.handleResult">
               <template #title>
-                <view style="min-width: 200rpx">处理结果</view>
+                <view style="min-width: 200rpx">处理结果：</view>
               </template>
               <template #value>
                 <view class="common-text-color up-line-1">{{ orderDetail.handleResult || '--' }}</view>
@@ -120,7 +120,7 @@
             <!-- 希望完成时间 -->
             <up-cell
                 v-if="orderDetail.expectedFinishDate"
-                title="希望完成时间"
+                title="希望完成时间："
                 :value="timeFormat(orderDetail.expectedFinishDate, 'yyyy-mm-dd hh:MM:ss')"
                 align="middle"
                 :border="false"
@@ -128,7 +128,7 @@
             <up-cell
                 v-if="orderDetail.finishDate"
-                title="工单完结时间"
+                title="工单完结时间："
                 :value="timeFormat(orderDetail.finishDate, 'yyyy-mm-dd hh:MM:ss')"
                 align="middle"
                 :border="false"
@@ -140,7 +140,7 @@
             <up-cell-group :border="false">
               <up-cell>
                 <template #title>
-                  <view style="min-width: 200rpx">共同处理人</view>
+                  <view style="min-width: 200rpx">共同处理人：</view>
                 </template>
                 <template #value>
                   <view class="common-text-color up-line-1">
@@ -1253,14 +1253,14 @@ onShow(() =&gt; {});
 // 按操作栏行数给内容预留底部间距
 .main-content.pb-rows-1 {
-  padding-bottom: 190rpx;
+  padding-bottom: calc(88rpx + env(safe-area-inset-bottom));
 }
 .main-content.pb-rows-2 {
-  padding-bottom: 290rpx;
+  padding-bottom: calc(168rpx + env(safe-area-inset-bottom));
 }
 .main-content.pb-rows-3 {
-  padding-bottom: 390rpx;
+  padding-bottom: calc(248rpx + env(safe-area-inset-bottom));
 }
 </style>
 \ No newline at end of file
@@ -1054,8 +1054,8 @@ const submitWorkOrder = async () =&gt; {
 // 页面容器：浅灰底 + 给底部固定栏（按钮 88rpx + 上下各 24rpx）留空间
 .page-container {
   min-height: 100vh;
-  padding-bottom: calc(180rpx + constant(safe-area-inset-bottom));
-  padding-bottom: calc(180rpx + env(safe-area-inset-bottom));
+  padding-bottom: calc(160rpx + constant(safe-area-inset-bottom));
+  padding-bottom: calc(160rpx + env(safe-area-inset-bottom));
   background-color: #F4F6FA;
 }
@@ -615,7 +615,7 @@ const submitWorkOrder = async () =&gt; {
 <style lang="scss" scoped>
 .page-container {
   min-height: 100vh;
-  padding-bottom: 200rpx;
+  padding-bottom: calc(144rpx + env(safe-area-inset-bottom));
   background-color: #F4F6FA;
   box-sizing: border-box;
 }
@@ -686,7 +686,7 @@ const submitWorkOrder = async () =&gt; {
   border-radius: 12rpx;
 }
 .form-card--field :deep(.u-textarea__count) {
-  color: #9CA3AF;
+  color: #6B7280;
 }
 /* 上传：虚线框 */
 .form-card--field :deep(.u-upload__button) {
@@ -42,7 +42,7 @@
                 border="none"
             ></up-input>
             <template #right>
-              <up-icon name="arrow-right" size="16" color="#9CA3AF"></up-icon>
+              <up-icon name="arrow-right" size="16" color="#6B7280"></up-icon>
             </template>
           </up-form-item>
         </view>
@@ -296,8 +296,8 @@ const submitWorkOrder = async () =&gt; {
 // 页面容器：浅灰底 + 给底部固定栏（按钮 88rpx + 上下各 24rpx）留空间
 .page-container {
   min-height: 100vh;
-  padding-bottom: calc(180rpx + constant(safe-area-inset-bottom));
-  padding-bottom: calc(180rpx + env(safe-area-inset-bottom));
+  padding-bottom: calc(160rpx + constant(safe-area-inset-bottom));
+  padding-bottom: calc(160rpx + env(safe-area-inset-bottom));
   background-color: #F4F6FA;
 }
@@ -364,7 +364,7 @@ const submitWorkOrder = async () =&gt; {
 // 字数统计贴灰底显示（组件内部写死了白底，需 !important 覆盖）
 .form-card :deep(.u-textarea__count) {
   background-color: transparent !important;
-  color: #9CA3AF;
+  color: #6B7280;
 }
 // 底部固定操作栏：白底 + 上分隔线 + 蓝色渐变主按钮（设计稿 .bar / .btn.pri）
@@ -57,7 +57,7 @@
         <empty-view/>
       </template>
-      <view class="common-card-list" style="padding-top: 216rpx;padding-bottom: 180rpx">
+      <view class="common-card-list" style="padding-top: 216rpx;padding-bottom: calc(120rpx + env(safe-area-inset-bottom))">
         <!-- 待办工单卡片 -->
         <up-card
             v-if="activeTab == 0"
@@ -35,12 +35,12 @@
               <view class="sec-title">工单信息</view>
             </view>
             <!-- 工单编号 -->
-            <up-cell title="工单编号" :value="orderDetail.orderNo || '--'" align="middle"></up-cell>
+            <up-cell title="工单编号：" :value="orderDetail.orderNo || '--'" align="middle"></up-cell>
             <!-- 工单位置 -->
             <up-cell align="middle">
               <template #title>
-                <view style="min-width: 200rpx">工单位置</view>
+                <view style="min-width: 200rpx">工单位置：</view>
               </template>
               <template #value>
                 <view class="common-text-color up-line-1">{{ orderDetail.lonLatAddress || '--' }}</view>
@@ -50,18 +50,18 @@
             <!-- 问题类型-->
             <up-cell align="middle">
               <template #title>
-                <view style="min-width: 200rpx">问题类型</view>
+                <view style="min-width: 200rpx">问题类型：</view>
               </template>
               <template #value>
                 <view class="common-text-color up-line-1">{{ orderDetail.orderName || '--' }}</view>
               </template>
             </up-cell>
             <!-- 街道名称 -->
-            <up-cell title="街道名称" :value="orderDetail.streetName || '--'" align="middle"></up-cell>
+            <up-cell title="街道名称：" :value="orderDetail.streetName || '--'" align="middle"></up-cell>
             <up-cell v-if="orderDetail.roadName">
               <template #title>
-                <view style="min-width: 200rpx">道路名称</view>
+                <view style="min-width: 200rpx">道路名称：</view>
               </template>
               <template #value>
                 <view class="common-text-color up-line-1">{{ orderDetail.roadName || '--' }}</view>
@@ -70,17 +70,17 @@
             <!-- 紧急程度 -->
             <up-cell
-                title="紧急程度"
+                title="紧急程度："
                 :value="uni.$dict.getDictLabel('workorder_pressing_type', orderDetail.pressingType) || '--'"
                 align="middle"
             ></up-cell>
             <!-- 提交人 -->
-            <up-cell title="提交人" :value="orderDetail.userName || '--'" align="middle"></up-cell>
+            <up-cell title="提交人：" :value="orderDetail.userName || '--'" align="middle"></up-cell>
             <!-- 提交时间 -->
             <up-cell
-                title="提交时间"
+                title="提交时间："
                 :value="timeFormat(orderDetail.createTime, 'yyyy-mm-dd hh:MM:ss') || '--'"
                 align="middle"
             ></up-cell>
@@ -88,19 +88,19 @@
             <!-- 处理结果 -->
             <up-cell v-if="orderDetail.handleResult">
               <template #title>
-                <view style="min-width: 200rpx">处理结果</view>
+                <view style="min-width: 200rpx">处理结果：</view>
               </template>
               <template #value>
                 <view class="common-text-color up-line-1">{{ orderDetail.handleResult || '--' }}</view>
               </template>
             </up-cell>
-            <up-cell title="重点巡检区域" :value="orderDetail.keyInspection==0?'否':'是'" align="middle"></up-cell>
+            <up-cell title="重点巡检区域：" :value="orderDetail.keyInspection==0?'否':'是'" align="middle"></up-cell>
             <!-- 希望完成时间 -->
             <up-cell
                 v-if="orderDetail.expectedFinishDate!==0"
-                title="希望完成时间"
+                title="希望完成时间："
                 :value="timeFormat(orderDetail.expectedFinishDate, 'yyyy-mm-dd hh:MM:ss')"
                 align="middle"
                 :border="false"
@@ -108,7 +108,7 @@
             <up-cell
                 v-if="orderDetail.finishDate"
-                title="工单完结时间"
+                title="工单完结时间："
                 :value="timeFormat(orderDetail.finishDate, 'yyyy-mm-dd hh:MM:ss')"
                 align="middle"
                 :border="false"
@@ -155,7 +155,7 @@
             <up-cell-group :border="false">
               <up-cell>
                 <template #title>
-                  <view style="min-width: 200rpx">共同处理人</view>
+                  <view style="min-width: 200rpx">共同处理人：</view>
                 </template>
                 <template #value>
                   <view class="common-text-color up-line-1">
@@ -1150,13 +1150,13 @@ onShow(() =&gt; {
     width: 100%;
     text-align: left;
     font-size: 28rpx;
-    color: #4B5563;
+    color: #1F2937;
     line-height: 1.6;
     word-break: break-all;
   }
   .empty-text {
-    color: #9CA3AF;
+    color: #6B7280;
     font-size: 28rpx;
   }
 }
@@ -1188,7 +1188,7 @@ onShow(() =&gt; {
     .empty-img-text {
       height: 75px;
       line-height: 75px;
-      color: #9CA3AF;
+      color: #6B7280;
       font-size: 28rpx;
     }
   }
@@ -1390,15 +1390,15 @@ onShow(() =&gt; {
 // 按操作栏行数给内容预留底部间距
 .main-content.pb-rows-1 {
-  padding-bottom: 190rpx;
+  padding-bottom: calc(88rpx + env(safe-area-inset-bottom));
 }
 .main-content.pb-rows-2 {
-  padding-bottom: 290rpx;
+  padding-bottom: calc(168rpx + env(safe-area-inset-bottom));
 }
 .main-content.pb-rows-3 {
-  padding-bottom: 390rpx;
+  padding-bottom: calc(248rpx + env(safe-area-inset-bottom));
 }
 // 作业填报明细：白色卡片（设计稿 .card）
@@ -1422,7 +1422,7 @@ onShow(() =&gt; {
   .work-field-value {
     max-width: 420rpx;
-    text-align: right;
+    text-align: left;
     word-break: break-all;
   }
@@ -17,40 +17,43 @@
     </view>
-    <view class="mine-content">
-      <view class="card-title">个人信息</view>
-      <up-cell-group>
-        <up-cell  title="姓名"  :value="userInfo.nickname"></up-cell>
-        <up-cell  title="账号" :value="userInfo.username"></up-cell>
-        <up-cell  title="电话" :value="userInfo.mobile"></up-cell>
-        <up-cell  title="角色" :value="translateRoles(userStore.userInfo.roles)"></up-cell>
-           <up-cell  title="考勤" :isLink="true"  url="/pages-sub/daily/attendanceRecord"></up-cell>
-      </up-cell-group>
-    </view>
-
+    <!-- 个人信息卡 + 操作按钮：整体在剩余区域内垂直居中 -->
+    <view class="mine-body">
+      <view class="mine-content">
+        <view class="card-title">个人信息</view>
+        <up-cell-group>
+          <up-cell  title="姓名："  :value="userInfo.nickname"></up-cell>
+          <up-cell  title="账号：" :value="userInfo.username"></up-cell>
+          <up-cell  title="电话：" :value="userInfo.mobile"></up-cell>
+          <up-cell  title="角色：" :value="translateRoles(userStore.userInfo.roles)"></up-cell>
+             <up-cell  title="考勤" :isLink="true"  url="/pages-sub/daily/attendanceRecord"></up-cell>
+        </up-cell-group>
+      </view>
-    <up-button
-        v-if="!userStore.isLogin"
-        type="primary"
-        size="mini"
-        shape="circle"
-        @click="handleLogin"
-        class="login-btn"
-    >
-      立即登录
-    </up-button>
-    <!-- 退出登录按钮 (仅登录状态显示) -->
-    <view v-if="userStore.isLogin" class="logout-btn-wrap">
       <up-button
+          v-if="!userStore.isLogin"
           type="primary"
-          size="large"
+          size="mini"
           shape="circle"
-          @click="confirmLogout"
+          @click="handleLogin"
           class="login-btn"
       >
-        退出登录
+        立即登录
       </up-button>
+
+      <!-- 退出登录按钮 (仅登录状态显示) -->
+      <view v-if="userStore.isLogin" class="logout-btn-wrap">
+        <up-button
+            type="primary"
+            size="large"
+            shape="circle"
+            @click="confirmLogout"
+            class="login-btn"
+        >
+          退出登录
+        </up-button>
+      </view>
     </view>
   </view>
 </template>
@@ -119,15 +122,28 @@ export default {
   padding-bottom: 48rpx;
   box-sizing: border-box;
   background-color: #F4F6FA;
+  /* 竖向 flex：头部固定高度，卡片+按钮组在剩余区域居中 */
+  display: flex;
+  flex-direction: column;
+}
+
+/* 卡片 + 退出登录按钮：作为一组在头部以下的剩余空间里垂直居中 */
+.mine-body {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
 }
 /* 顶部信息栏：品牌渐变（设计稿 --grad-head） */
 .header-bg {
   position: relative;
+  flex-shrink: 0;
   width: 100%;
   display: flex;
   align-items: center;
-  padding: 48rpx 32rpx 120rpx;
+  /* 卡片不再上压，底部留白按原视觉高度（120 - 80 重叠）收成 40rpx */
+  padding: 48rpx 32rpx 40rpx;
   box-sizing: border-box;
   background: linear-gradient(135deg, #1D4ED8 0%, #2563EB 60%, #3B82F6 100%);
 }
@@ -139,11 +155,11 @@ export default {
   overflow: hidden;
 }
-/* 个人信息卡片：白底 16rpx 圆角 + 浅投影，向上压住渐变头图 */
+/* 个人信息卡片：白底 16rpx 圆角 + 浅投影（不再上压头图，随卡片组一起居中） */
 .mine-content {
   position: relative;
   z-index: 1;
-  margin: -80rpx 24rpx 0;
+  margin: 0 24rpx;
   padding: 8rpx 24rpx 16rpx;
   background-color: #ffffff;
   border-radius: 16rpx;
@@ -174,7 +190,7 @@ export default {
 }
 .mine-content :deep(.u-cell__value) {
   font-size: 26rpx !important;
-  color: #4B5563 !important;
+  color: #1F2937 !important;
 }
 .mine-content :deep(.u-line) {
   background-color: #EEF1F6 !important;