1.样式修改

gaoluyang

3 天以前 7eebd7981c1f5d2c569556d1e87f7818cef18cce

 src/pages/cooperativeOffice/collaborativeApproval/index.vue

@@ -1,15 +1,8 @@
// 审批管理主页面
<template>
   <view class="sales-account">
      <!-- 页面头部 -->
      <view class="page-header">
         <view class="header-left">
            <up-icon name="arrow-left" size="20" color="#333" @click="goBack"></up-icon>
         </view>
         <view class="header-center">
            <text class="page-title">审批管理</text>
         </view>
      </view>
      <!-- 使用通用页面头部组件 -->
      <PageHeader title="审批管理" @back="goBack" />

      <!-- 搜索和筛选区域 -->
      <view class="search-filter-section">
@@ -86,6 +79,7 @@
   import {
      ledgerListPage
   } from "@/api/cooperativeOffice/collaborativeApproval";
   import PageHeader from "@/components/PageHeader.vue";

   // 搜索关键词
   const searchKeyword = ref("");
@@ -157,72 +151,7 @@
      position: relative;
   }

   .page-header {
      background: #ffffff;
      padding: 16px 20px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      border-bottom: 1px solid #f0f0f0;
      position: sticky;
      /* 兼容 iOS 刘海/灵动岛安全区 */
      padding-top: env(safe-area-inset-top);
      top: 0;
      z-index: 100;
   }

   .header-left {
      display: flex;
      align-items: center;
      gap: 8px;
   }

   .nav-icon {
      width: 24px;
      height: 24px;
      background: #2979ff;
      border-radius: 4px;
      display: flex;
      align-items: center;
      justify-content: center;
   }

   .nav-text {
      font-size: 14px;
      color: #2979ff;
      font-weight: 500;
   }

   .header-center {
      flex: 1;
      text-align: center;
   }

   .page-title {
      font-size: 18px;
      font-weight: 600;
      color: #333;
   }

   .header-right {
      display: flex;
      align-items: center;
   }

   .status-bar {
      display: flex;
      align-items: center;
      gap: 4px;
   }

   .signal,
   .wifi,
   .battery {
      width: 16px;
      height: 8px;
      background: #333;
      border-radius: 2px;
   }

   .search-filter-section {
      padding: 10px 20px;