feat(审批): 新增审批中心页面及功能优化

- 新增审批中心页面，包含待审批任务列表展示和筛选功能
- 优化各审批类型详情页，增加项目信息展示和弹窗查看功能
- 在报销、用印、请假、出差详情页添加项目信息展示区域和详情弹窗
- 调整消息中心CC列表，增加未读状态红点标识
- 更新tabbar配置，新增审批入口图标和路由
- 优化部分页面交互细节和样式调整

components/hrm/detailPanels/leave.vue

@@ -40,6 +40,59 @@
       <view class="item-label">申请时间：</view>
       <view class="item-value">{{ formatTime(detail.createTime) || '无' }}</view>
     </view>
+		
+		<view class="detail-item single-item amount-item" @click="openPopup" v-if="detail.projectId">
+			<text class="item-icon icon-creator"></text>
+			<view class="item-label">项目名称</view>
+			<view class="item-value">{{ detail.projectName || '无' }}</view>
+		</view>
+		<view class="detail-item single-item amount-item"  @click="openPopup" v-if="detail.projectId">
+			<text class="item-icon icon-creator"></text>
+			<view class="item-label">项目编号</view>
+			<view class="item-value">{{ detail.projectNum || '无' }}</view>
+		</view>
+		<view class="detail-item single-item amount-item"  @click="openPopup" v-if="detail.projectId">
+			<text class="item-icon icon-creator"></text>
+			<view class="item-label">项目代号</view>
+			<view class="item-value">{{ detail.projectCode || '无' }}</view>
+		</view>
+		
+		<uni-popup ref="popup" type="center">
+			<view class="detail-content" v-if="detail.projectId">
+				<view class="info-item">
+					<text class="info-label">项目名称：</text>
+					<text class="info-value">{{ detail.projectName || '-' }}</text>
+				</view>
+				<view class="info-item">
+					<text class="info-label">项目编号：</text>
+					<text class="info-value">{{ detail.projectNum || '-' }}</text>
+				</view>
+				<view class="info-item">
+					<text class="info-label">项目代号：</text>
+					<text class="info-value">{{ detail.projectCode || '-' }}</text>
+				</view>
+				<view class="info-item">
+					<text class="info-label">项目类型：</text>
+					<oa-dict-tag dict-type="sys_project_type" :value="detail.projectType" placeholder="-" />
+				</view>
+				<view class="info-item">
+					<text class="info-label">项目地址：</text>
+					<text class="info-value">{{ detail.address || '-' }}</text>
+				</view>
+				<view class="info-item">
+					<text class="info-label">项目总金额：</text>
+					<text class="info-value">{{ detail.funds || '-' }}元</text>
+				</view>
+				<view class="info-item">
+					<text class="info-label">负责人：</text>
+					<text class="info-value">{{ detail.functionary || '-' }}</text>
+				</view>
+				<view class="info-item">
+					<text class="info-label">备注：</text>
+					<text class="info-value">{{ detail.remark || '-' }}</text>
+				</view>
+			</view>
+		</uni-popup>
   </view>
 </template>
 
@@ -84,7 +137,10 @@
         if (!timeStr) return '';
         const [datePart] = timeStr.split(' ');
         return datePart;
-      }
+      },
+			openPopup() {
+				this.$refs.popup.open()
+			},
     }
   }
 </script>
@@ -162,6 +218,12 @@
   color: #333333;
   word-break: break-all;
 }
+/* 总金额突出 - 字体加粗+主题色，视觉重点 */
+.amount-item .item-value {
+  color: #409eff;
+  font-weight: 600;
+  font-size: 32rpx;
+}
 /* 请假原因 - 适配多行文，增加行高 */
 .reason-item .item-value {
   line-height: 52rpx;
@@ -183,4 +245,26 @@
   margin: 8rpx 16rpx 0;
   flex-shrink: 0;
 }
+
+.detail-content {
+  border: 1px solid #ccc; /* 边框 */
+  border-radius: 10px; /* 圆角 */
+  padding: 15px; /* 内边距 */
+  background-color: #f9f9f9; /* 背景色 */
+}
+
+.info-item {
+  display: flex; /* 使用 Flexbox 布局 */
+  justify-content: space-between; /* 在一行内均匀分布 */
+  margin-top: 10px; /* 上边距 */
+}
+
+.info-label {
+  color: #333; /* 标签颜色 */
+  font-weight: bold; /* 标签加粗 */
+}
+
+.info-value {
+  color: #666; /* 值的颜色 */
+}
 </style>