招聘数据

pages/my/index.vue

@@ -32,6 +32,7 @@
             <image
               src="@/static/images/jobApplicant/qiehuan.svg"
               mode="scaleToFill"
+              style="margin-top: 40rpx;"
               @click="bindQe(userType)"
             />
             <!-- <image
@@ -431,6 +432,7 @@
             <image
               src="/static/images/jobApplicant/qiehuan.svg"
               mode="scaleToFill"
+              style="margin-top: 40rpx;"
               @click="bindQe(userType)"
             />
             <!-- <image
@@ -582,6 +584,13 @@
           <view class="jobServer-box-c">
             <view class="jobServer-box-title"> 招聘服务 </view>
             <view class="jobServer-box-btn flex justify-between">
+              <view
+                class="jobServer-box-btn-item flex justify-center flex-wrap"
+                @click="goNav('/pages/recruitmentData/index')"
+              >
+                <image src="../../static/images/index/shuju.svg" mode=""></image>
+                <view class=""> 招聘数据 </view>
+              </view>
               <view
                 class="jobServer-box-btn-item flex justify-center flex-wrap"
                 @click="goNavStatus('/package/addJob/addJob')"

pages/recruitmentData/dataCenter.vue

@@ -1,7 +1,7 @@
 <template>
   <view class="page">
     <!-- Custom Navbar -->
-    <view class="custom-navbar" :style="{ paddingTop: statusBarHeight + 'px' }">
+    <!-- <view class="custom-navbar" :style="{ paddingTop: statusBarHeight + 'px' }">
       <view class="navbar-content">
         <view class="navbar-left" @click="goBack">
           <u-icon name="arrow-leftward" color="white" size="36"></u-icon>
@@ -9,7 +9,9 @@
         <view class="navbar-title">招聘数据中心</view>
         <view class="navbar-right"></view>
       </view>
-    </view>
+    </view> -->
+
+    <nav-bar title="招聘数据中心"></nav-bar>
 
     <!-- Filter Section -->
     <view class="filter-section">
@@ -167,7 +169,12 @@
 </template>
 
 <script>
+import navBar from "@/components/nav-bar/index.vue";
+
 export default {
+  components: {
+    navBar
+  },
   data() {
     return {
       statusBarHeight: 0
@@ -245,7 +252,7 @@ export default {
 
 /* Filter Section */
 .filter-section {
-  padding: 180rpx 32rpx 32rpx 32rpx;
+  padding: 0rpx 32rpx 32rpx 32rpx;
 }
 
 .filter-buttons {

pages/recruitmentData/index.vue

@@ -1,29 +1,26 @@
 <template>
   <view class="page">
-    <!-- 自定义导航栏 -->
-    <view class="custom-navbar" :style="{ paddingTop: statusBarHeight + 'px' }">
-      <view class="navbar-content">
-        <view class="navbar-left" @click="goBack">
-          <u-icon name="arrow-leftward" color="white" size="36"></u-icon>
-        </view>
-        <view class="navbar-title">招聘数据</view>
-        <view class="navbar-right"></view>
-      </view>
-    </view>
-
-    <!-- 头部区域 -->
-    <view class="header-section">
-      <view class="header-content">
-        <view class="main-title">我的招聘数据</view>
-        <view class="week-data-btn" @click="toggleWeekData">
-          <image src="/static/images/zhoushuju.svg" class="week-icon" mode="aspectFit"></image>
-          <text class="btn-text">周数据</text>
+    <!-- 背景层 -->
+    <view class="detail-bg"></view>
+    
+    <!-- 导航栏 -->
+    <nav-bar title="招聘数据"></nav-bar>
+
+    <!-- 可滚动内容区域 -->
+    <view class="content">
+      <!-- 头部区域 -->
+      <view class="header-section">
+        <view class="header-content">
+          <view class="main-title">我的招聘数据</view>
+          <view class="week-data-btn" @click="toggleWeekData">
+            <image src="/static/images/zhoushuju.svg" class="week-icon" mode="aspectFit"></image>
+            <text class="btn-text">周数据</text>
+          </view>
         </view>
       </view>
-    </view>
 
-    <!-- 内容区域 -->
-    <view class="content-section">
+      <!-- 内容区域 -->
+      <view class="content-section">
       <!-- 今日数据卡片 -->
       <view class="today-data-card">
         <view class="card-header">
@@ -97,11 +94,17 @@
         </view>
       </view>
     </view>
+    </view>
   </view>
 </template>
 
 <script>
+import navBar from "@/components/nav-bar/index.vue";
+
 export default {
+  components: {
+    navBar
+  },
   data() {
     return {
       statusBarHeight: 0,
@@ -174,10 +177,24 @@ export default {
 
 <style lang="scss" scoped>
 .page {
-    background: linear-gradient(180.00deg, rgba(255, 102, 0, 1),rgba(255, 102, 0, 0) 100%);
-    background-size: 100% 40%;
-    background-position: center top;
-    background-repeat: no-repeat;
+    display: flex;
+    flex-direction: column;
+    height: 100vh;
+}
+
+.detail-bg {
+    height: 327px;
+    width: 100%;
+    background: linear-gradient(180deg, rgba(255, 102, 0, 1), rgba(255, 102, 0, 0) 100%);
+    position: absolute;
+}
+
+.content {
+    flex: 1;
+    overflow: auto;
+    display: flex;
+    flex-direction: column;
+    z-index: 0;
 }
 
 /* 自定义导航栏 */
@@ -222,7 +239,7 @@ export default {
 
 /* 头部区域 */
 .header-section {
-  padding: 180rpx 32rpx  0rpx 32rpx;
+  padding: 40rpx 32rpx 0rpx 32rpx;
 }
 
 .header-content {