feat(classify-price): 添加归类价格审批详情页面及样式

- 新增归类价格审批详情页面，包含基本结构和样式
- 更新页面路由配置，支持导航到详情页面
- 优化审批列表页面，增加搜索和标签功能

assets/css/classify-price/detail.scss

+.classify-price-detail-page {
+  min-height: 100vh;
+  background: #f3f6fb;
+}

assets/css/classify-price/index.scss

 .classify-price-page {
-  min-height: 100vh;
-  background: #f5f7fa;
+  height: 100vh;
+  background: #f3f6fb;
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+
+  .classify-fixed {
+    flex-shrink: 0;
+    background: #ffffff;
+    border-bottom: 1rpx solid #e9eef6;
+    position: relative;
+    z-index: 2;
+  }
+
+  .search-bar {
+    padding: 18rpx 28rpx 10rpx;
+  }
+
+  .tabs-wrap {
+    padding: 0 28rpx 18rpx;
+
+    .custom-tabs {
+      display: flex;
+      width: 100%;
+      background: #f5f7fa;
+      border-radius: 12rpx;
+      padding: 4rpx;
+      box-sizing: border-box;
+    }
+
+    .tab-item {
+      flex: 1;
+      min-width: 0;
+      min-height: 56rpx;
+      padding: 0 10rpx;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      position: relative;
+      border: 1rpx solid transparent;
+      border-radius: 10rpx;
+      transition: background 0.2s ease, color 0.2s ease;
+
+      .tab-text {
+        font-size: 26rpx;
+        font-weight: 500;
+        color: #59697c;
+        line-height: 1.2;
+        transition: all 0.2s ease;
+      }
+
+      .count-badge {
+        margin-left: 8rpx;
+        min-width: 26rpx;
+        height: 26rpx;
+        padding: 0 7rpx;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        background: #ff5470;
+        border-radius: 999rpx;
+        box-sizing: border-box;
+
+        .count-text {
+          font-size: 19rpx;
+          font-weight: 600;
+          color: #ffffff;
+          line-height: 1;
+        }
+      }
+
+      &.active {
+        background: #ffffff;
+        border-color: #e3e8ef;
+
+        .tab-text {
+          color: #2f73ff;
+          font-weight: 700;
+        }
+      }
+    }
+  }
+
+  .list-scroll {
+    flex: 1;
+    height: 0;
+  }
+
+  .list-wrap {
+    padding: 22rpx 28rpx 158rpx;
+    box-sizing: border-box;
+
+    .skeleton-card {
+      background: #ffffff;
+      border-radius: 14rpx;
+      margin-bottom: 22rpx;
+      padding: 28rpx;
+      box-shadow: 0 8rpx 22rpx rgba(30, 41, 59, 0.06);
+    }
+  }
+
+  .classify-card {
+    background: #ffffff;
+    border-radius: 14rpx;
+    margin-bottom: 22rpx;
+    overflow: hidden;
+    box-shadow: 0 8rpx 24rpx rgba(30, 41, 59, 0.07);
+
+    .card-header {
+      padding: 26rpx 28rpx 12rpx;
+    }
+
+    .card-title {
+      font-size: 30rpx;
+      font-weight: 700;
+      color: #172033;
+    }
+
+    .status-badge {
+      font-size: 22rpx;
+      font-weight: 600;
+      padding: 8rpx 16rpx;
+      border-radius: 999rpx;
+
+      &.approved {
+        color: #0f9f6e;
+        background: rgba(15, 159, 110, 0.1);
+      }
+
+      &.rejected {
+        color: #e5484d;
+        background: rgba(229, 72, 77, 0.1);
+      }
+    }
+
+    .card-body {
+      padding: 0 28rpx 22rpx;
+
+      .card-row {
+        margin-bottom: 10rpx;
+
+        .card-label {
+          font-size: 26rpx;
+          color: #8a97a8;
+          width: 160rpx;
+          flex-shrink: 0;
+        }
+
+        .card-value {
+          font-size: 26rpx;
+          color: #263447;
+          flex: 1;
+          word-break: break-all;
+        }
+
+        .card-time {
+          font-size: 24rpx;
+          color: #98a4b3;
+        }
+
+        .card-tag {
+          font-size: 24rpx;
+          color: #d8891d;
+          font-weight: 600;
+          max-width: 240rpx;
+          text-align: right;
+          word-break: break-all;
+        }
+      }
+    }
+
+    .card-footer {
+      border-top: 1rpx solid #edf1f6;
+      padding: 20rpx 28rpx;
+
+      .action-btn {
+        flex: 1;
+        text-align: center;
+        font-size: 28rpx;
+        font-weight: 600;
+        padding: 16rpx 0;
+        border-radius: 10rpx;
+        transition: all 0.2s ease;
+
+        &.detail {
+          color: #2563eb;
+          background: #edf4ff;
+          border: 1rpx solid #cfe0ff;
+
+          &:active {
+            background: #e2edff;
+          }
+        }
+      }
+    }
+  }
 }

pages.json

@@ -38,6 +38,12 @@
             }
         },
         {
+            "path": "pages/classify-price/detail",
+            "style": {
+                "navigationBarTitleText": "归类价格审批详情"
+            }
+        },
+        {
             "path": "pages/logistics/index",
             "style": {
                 "navigationBarTitleText": "物流车辆申请"

pages/classify-price/detail.vue

+<template>
+    <view class="classify-price-detail-page"></view>
+</template>
+
+<script>
+    export default {
+        data() {
+            return {};
+        }
+    };
+</script>
+
+<style lang="scss">
+    @import '@/assets/css/classify-price/detail.scss';
+</style>