From bc16633f75c5c0d40e04c6356f74c1a1e0a4be9b Mon Sep 17 00:00:00 2001
From: shirlwang <15254118591@163.com>
Date: Thu, 12 Mar 2026 17:11:14 +0800
Subject: [PATCH] =?UTF-8?q?=E8=B0=83=E6=95=B4=E5=AD=97=E4=BD=93=E7=AD=89?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packageRc/components/PopupLists.vue     | 137 +++++++++++++++++-------
 packageRc/pages/index/index.vue         | 111 +++++++++++++------
 packageRc/pages/policy/policyDetail.vue |  45 ++++++--
 packageRc/pages/policy/policyList.vue   |  92 +++++++++++-----
 utilsRc/config.js                       |   3 +-
 5 files changed, 284 insertions(+), 104 deletions(-)

diff --git a/packageRc/components/PopupLists.vue b/packageRc/components/PopupLists.vue
index 19f2a40..a52a462 100644
--- a/packageRc/components/PopupLists.vue
+++ b/packageRc/components/PopupLists.vue
@@ -1,5 +1,5 @@
 <template>
-	<view>
+	<view :class="{'h5-pc-page': isH5}">
 		<view class="popupAll">
 			<view class="tabList dispalyF" v-if="!allCheckShow">
 				<scroll-view scroll-x style="white-space: nowrap;width: calc(100% - 144rpx);margin-left: 32rpx">
@@ -38,7 +38,7 @@
 						{{ item.name }}
 					</view>
 					<view
-						class="dispalyF"
+						class="dispalyF filter-options-container"
 						:style="[
 							{
 								position: 'sticky',
@@ -48,29 +48,20 @@
 							},
 						]"
 					>
-						<template>
-							<template v-for="(itm, idx) in item.data">
-								<view :key="idx" v-if="!itm.mode"
-									@click="getActive(itm, index, idx)"
-									:class="
-										idx == item.activeIndex
-										? 'popupItem-active'
-										: 'popupItem'
-										"
-									style="margin-right: 20rpx"
-								>
-									{{ itm.dictLabel }}
-								</view>
-								<!-- <view v-if="itm.mode == 'timerange'">
-									{{itm.start||'开始时间'}} - {{ item.end||'结束时间' }}
-								</view> -->
-							</template>
+						<template v-for="(itm, idx) in item.data">
+							<view :key="idx" v-if="!itm.mode"
+								@click="getActive(itm, index, idx)"
+								:class="
+									idx == item.activeIndex
+									? 'popupItem-active'
+									: 'popupItem'
+									"
+							>
+								{{ itm.dictLabel }}
+							</view>
 						</template>
 					</view>
 				</view>
-				<!-- <view class="search_btn" @click="search">
-					查询
-				</view> -->
 				<view class="bottom-search">
 					<view class="search-left" @click="clearAll">
 						清空
@@ -78,7 +69,7 @@
 					<view class="search-right" @click="search">查询</view>
 				</view>
 				<view class="popupPic" @click="close">
-					<u-icon name="arrow-up"></u-icon>
+					<uni-icons type="arrow-up" color="#c0c4cc" :size="isH5 ? 20 : 16"></uni-icons>
 				</view>
 			</view>
 
@@ -103,7 +94,8 @@ export default {
 			params: "",
 			fijItem: "",
 			outData: [],
-			nickName: ''
+			nickName: '',
+			isH5: false
 		};
 	},
 	watch: {
@@ -115,9 +107,17 @@ export default {
 		},
 	},
 	mounted() {
-    if (uni.getStorageSync("userInfo")) {
-      let userInfo = JSON.parse(uni.getStorageSync("userInfo"));
-      this.nickName = userInfo.userName ? userInfo.userName : "";
+    // #ifdef H5
+    this.isH5 = true;
+    // #endif
+    const rawUserInfo = uni.getStorageSync("userInfo");
+    if (rawUserInfo) {
+      try {
+        let userInfo = typeof rawUserInfo === 'string' ? JSON.parse(rawUserInfo) : rawUserInfo;
+        this.nickName = userInfo.userName || userInfo.name || "";
+      } catch (e) {
+        console.error("解析用户信息失败", e);
+      }
     }
 	},
 	methods: {
@@ -257,7 +257,7 @@ export default {
 	overflow: hidden;
 	flex-wrap: nowrap;
 	width: 100%;
-	z-index: 9;
+	z-index: 105; /* 增加层级，确保在筛选条上方而不被遮挡 */
 
 	.tabItem {
 		line-height: 56rpx;
@@ -280,7 +280,7 @@ export default {
 		right: 0;
 		width: 87rpx;
 		height: 56rpx;
-		// background: linear-gradient(270deg, #2A51DF 0%, rgba(66, 110, 230, 0) 100%);
+    z-index: 100; /* 确保图标可点击 */
 	}
 
 	.tabrightBtn {
@@ -309,7 +309,6 @@ export default {
 		border: 1rpx solid #CAD4E2;
 		box-sizing: border-box;
 	}
-
 	.popupItem-active {
 		padding: 0 32rpx;
 		text-align: center;
@@ -329,15 +328,6 @@ export default {
 	}
 }
 
-.dispalyF {
-	display: flex;
-	align-items: center;
-}
-
-.rightView :last-child {
-	margin-right: 100rpx !important;
-}
-
 .bottom-search {
 	margin-top:56rpx;
 	display: flex;
@@ -372,4 +362,73 @@ export default {
 		justify-content: center;
 	}
 }
+
+/* #ifdef H5 */
+.h5-pc-page {
+  .tabList {
+    padding: 12px 0 !important;
+    background: #f5f7fa !important;
+    border-radius: 12px !important;
+    white-space: nowrap !important;
+    overflow: hidden !important;
+    display: flex !important;
+  }
+  .tabList .tabItem {
+    display: inline-block !important;
+    font-size: 20px !important;
+    line-height: 48px !important;
+    height: 48px !important;
+    padding: 0 24px !important;
+    border-radius: 24px !important;
+    width: auto !important;
+    min-width: 100px !important; /* 减小最小宽度，防止溢出 */
+    margin-right: 12px !important;
+    vertical-align: middle;
+    background-color: #ffffff !important;
+    flex-shrink: 0 !important;
+    box-sizing: border-box !important;
+  }
+  .tabItem.popupItem-active {
+    background-color: #1a62ce !important;
+    color: #fff !important;
+  }
+  .tabTitle {
+    font-size: 20px !important;
+    margin: 16px 0 12px !important;
+    font-weight: 600;
+    display: block !important;
+  }
+  .filter-options-container {
+    display: flex !important;
+    flex-wrap: wrap !important;
+    margin-top: 8px !important;
+    min-height: 40px !important; 
+  }
+  /* 仅针对展开后的筛选列表应用网格项样式，避免影响顶部 Tab */
+  .popupList .popupItem, 
+  .popupList .popupItem-active {
+    display: inline-flex !important;
+    align-items: center !important;
+    justify-content: center !important;
+    font-size: 20px !important;
+    line-height: 1.2 !important;
+    padding: 10px 24px !important;
+    margin: 0 16px 16px 0 !important;
+    border-radius: 8px !important;
+    border: 1px solid #CAD4E2 !important;
+    min-width: 140px !important;
+    height: auto !important;
+  }
+  .popupItem-active {
+    background-color: #1a62ce !important;
+    color: #fff !important;
+    border-color: #1a62ce !important;
+  }
+  .bottom-search .search-left, .bottom-search .search-right {
+    font-size: 20px !important;
+    height: 54px !important;
+    line-height: 54px !important;
+  }
+}
+/* #endif */
 </style>
diff --git a/packageRc/pages/index/index.vue b/packageRc/pages/index/index.vue
index aa91a1d..479f683 100644
--- a/packageRc/pages/index/index.vue
+++ b/packageRc/pages/index/index.vue
@@ -5,7 +5,7 @@
 -->
 <template>
   <!-- @scroll="handleScroll" @scrolltolower="scrollBottom" -->
-  <scroll-view :scroll-y="true" class="container h5-pc-container" :show-scrollbar="false" style="background-image: url(../../../packageRc/static/pageBgIndex.png);">
+  <scroll-view :scroll-y="true" class="container" :class="{'h5-pc-container': isH5}" :show-scrollbar="false" style="background-image: url(../../../packageRc/static/pageBgIndex.png);">
     <view style="padding: 40rpx 28rpx;">
          <!-- #ifdef MP-WEIXIN -->
       <view class="kinggang">
@@ -54,7 +54,7 @@
           <view v-for="(item, index) in jobList" :key="index" @click="nextDetail(item)" class="job-list">
           <view class="top-line">
             <view class="salary">{{item.minSalary}}-{{item.maxSalary}}/月</view>
-            <view class="time"><uni-icons color="#A2A2A2" type="info" size="12"></uni-icons>发布日期：{{ item.postingDate }}</view>
+            <view class="time"><uni-icons color="#A2A2A2" type="info" :size="uniIconSize"></uni-icons>发布日期：{{ item.postingDate }}</view>
           </view>
           <view class="title">{{ item.jobTitle }}</view>
           <view class="infos">
@@ -67,7 +67,7 @@
             <view>{{ item.jobLocation }}</view>
           </view>
           <view class="bottom-line">
-            <view><uni-icons color="#A2A2A2" type="person" size="12"></uni-icons>{{item.vacancies}}人</view>
+            <view><uni-icons color="#A2A2A2" type="person" :size="uniIconSize"></uni-icons>{{item.vacancies}}人</view>
             <view>{{ item.companyName }}</view>
           </view>
         </view>
@@ -78,7 +78,7 @@
       <template v-else>
         <view class="titles" style="justify-content: space-between;">
           <view class="title-item active"><view>政策专区</view></view>
-          <view @click="toPolicyList">{{'查看更多 >'}}</view>
+          <view class="more-link" @click="toPolicyList">{{'查看更多 >'}}</view>
         </view>
         <view v-for="(item, index) in policyList" :key="index" class="job-list" @click="toPolicyDetail(item)">
           <view class="sign">推荐</view>
@@ -90,8 +90,8 @@
             <view v-if="item.sourceUnit">{{item.sourceUnit}}</view>
           </view>
           <view class="bottom-line">
-            <view><uni-icons color="#A2A2A2" type="info" size="12"></uni-icons>发布日期：{{item.createTime}}</view>
-            <view><uni-icons color="#A2A2A2" type="eye" size="12"></uni-icons>浏览量：{{item.viewNum || 0}}</view>
+            <view class="time"><uni-icons color="#A2A2A2" type="info" :size="uniIconSize"></uni-icons>发布日期：{{item.createTime}}</view>
+            <view><uni-icons color="#A2A2A2" type="eye" :size="uniIconSize"></uni-icons>浏览量：{{item.viewNum || 0}}</view>
           </view>
         </view>
       </template>
@@ -103,6 +103,13 @@
 import { reactive, inject, watch, ref, onMounted, watchEffect, nextTick } from 'vue';
 const { $api, navTo, vacanciesTo, formatTotal, config } = inject('globalFunction');
 
+const isH5 = ref(false);
+const uniIconSize = ref(18);
+// #ifdef H5
+isH5.value = true;
+uniIconSize.value = 20;
+// #endif
+
 import { getPolicyList } from '@/packageRc/apiRc/policy';
 let policyList = ref([])
 function getPolicy() {
@@ -341,10 +348,10 @@ view{box-sizing: border-box;display: block;}
   position: relative;
   .sign{
     position: absolute;
-    font-size: 24rpx;
+    font-size: 28rpx;
     right: 0;
     top: 0;
-    padding: 4rpx 14rpx;
+    padding: 8rpx 20rpx;
     border: 1rpx solid #EC4827;
     background: rgba(227, 79, 49, 0.09);
     border-top-right-radius: 24rpx;
@@ -428,65 +435,109 @@ view{box-sizing: border-box;display: block;}
 /* #ifdef H5 */
 .h5-pc-container {
   & > view {
-    width: 80% !important;
+    width: 100% !important;
     margin: 0 auto !important;
-    padding-left: 0 !important;
-    padding-right: 0 !important;
+    padding-left: 32px !important;
+    padding-right: 32px !important;
+    padding-top: 0 !important; /* 彻底移除顶部补白 */
+    box-sizing: border-box !important;
   }
 
   .showtab {
-    margin-bottom: 80rpx;
-    height: 300rpx;
+    margin-top: 0 !important; /* 移除卡片顶部间距 */
+    margin-bottom: 120rpx;
+    height: 340rpx;
     .tabItem {
-      height: 300rpx !important;
+      height: 340rpx !important;
       image:first-child {
         width: 100%;
         height: 100%;
         object-fit: contain;
       }
     }
+    .activeImg {
+      width: 160rpx !important;
+      height: 20rpx !important;
+      bottom: -40rpx !important;
+    }
   }
 
   .tabs {
     margin-bottom: 80rpx;
     height: 120rpx;
+    border-radius: 20rpx !important;
+    background: #f8faff !important;
+    box-shadow: 0px 4rpx 15rpx rgba(0, 0, 0, 0.04);
     .tab {
-      line-height: 112rpx !important;
-      font-size: 38rpx !important;
-      font-weight: bold;
+      width: 33.3% !important;
+      line-height: 120rpx !important;
+      font-size: 20px !important;
+      border-radius: 16rpx !important;
     }
   }
 
   .titles {
-    margin-bottom: 80rpx;
+    margin-top: 40rpx;
+    margin-bottom: 60rpx;
     .title-item {
-      font-size: 42rpx !important;
-      margin-right: 80rpx !important;
+      font-size: 24px !important;
+      font-weight: 600;
+      margin-right: 100rpx !important;
       >view {
-        padding: 0 24rpx !important;
+        padding: 0 16rpx !important;
       }
+      &::after {
+        height: 24rpx !important;
+        bottom: -12rpx !important;
+        width: 110% !important;
+      }
+    }
+    .more-link {
+       font-size: 20px !important;
+       color: #A2A2A2;
     }
   }
 
   .job-list {
-    padding: 48rpx !important;
-    margin-bottom: 40rpx !important;
+    padding: 48rpx 40rpx !important;
+    margin-bottom: 32rpx !important;
+    border-radius: 24rpx !important;
+    border: 1px solid #f0f0f0;
+    box-shadow: 0px 2rpx 10rpx rgba(0, 0, 0, 0.02);
+    .sign {
+      font-size: 20px !important;
+      padding: 8rpx 20rpx !important;
+    }
   }
 
   .title {
-    font-size: 42rpx !important;
+    font-size: 24px !important;
+    font-weight: 600;
+    margin-bottom: 24rpx !important;
   }
   .infos view {
-    font-size: 34rpx !important;
-    line-height: 56rpx !important;
-    padding: 8rpx 24rpx !important;
+    font-size: 20px !important;
+    line-height: 1.5 !important;
+    padding: 10rpx 24rpx !important;
+    margin-bottom: 12rpx;
+    background: #f5f5f5 !important;
+    border-radius: 12rpx !important;
   }
   .salary {
-    font-size: 40rpx !important;
+    font-size: 24px !important;
+    font-weight: 600;
+  }
+  .time {
+    font-size: 20px !important; /* 发布日期字号放大 */
   }
   .bottom-line {
-    font-size: 32rpx !important;
-    margin-top: 24rpx !important;
+    font-size: 20px !important;
+    margin-top: 20rpx !important;
+  }
+  .view-more-btn {
+    font-size: 24px !important; /* 查看更多字号放大 */
+    padding: 20rpx 80rpx !important;
+    border-radius: 60rpx !important;
   }
 }
 /* #endif */
diff --git a/packageRc/pages/policy/policyDetail.vue b/packageRc/pages/policy/policyDetail.vue
index 2ca71b0..e23bd2f 100644
--- a/packageRc/pages/policy/policyDetail.vue
+++ b/packageRc/pages/policy/policyDetail.vue
@@ -1,5 +1,5 @@
 <template>
-	<view class="page h5-pc-page" style="background-image: url(../../../packageRc/static/pageBg.png);">
+	<view class="page" :class="{'h5-pc-page': isH5}" style="background-image: url(../../../packageRc/static/pageBg.png);">
     <scroll-view :scroll-y="true" style="height: 100vh;position: relative;z-index: 1;" :show-scrollbar="false">
       <view class="input-outer-part"
         style="padding: 24rpx 32rpx 0;max-height: unset;">
@@ -102,9 +102,15 @@ import { getPolicyDetail } from "@/packageRc/apiRc/policy";
 			return {
         policyDetail: {},
 				loading: false,
+				isH5: false,
+				isPc: false,
 			}
 		},
 		onLoad(options) {
+			// #ifdef H5
+			this.isH5 = true;
+			this.isPc = true;
+			// #endif
       this.getPolicy(options.id);
 		},
 		onShow() {
@@ -360,29 +366,52 @@ import { getPolicyDetail } from "@/packageRc/apiRc/policy";
 		padding-right: 0 !important;
 	}
 	.title-line {
-		font-size: 52rpx !important;
+		font-size: 24px !important;
+    font-weight: 600;
     line-height: 1.4 !important;
 	}
 	.infos {
-		font-size: 38rpx !important;
+		font-size: 20px !important;
     line-height: 1.8 !important;
     .info {
       margin-top: 10rpx !important;
     }
 	}
 	.main-ceontent-list-item-title {
-		font-size: 42rpx !important;
-		line-height: 60rpx !important;
+		font-size: 24px !important;
+    font-weight: 600;
+		line-height: 1.6 !important;
     margin-bottom: 24rpx !important;
 	}
 	.main-ceontent-list-item-content {
-		font-size: 38rpx !important;
-		line-height: 56rpx !important;
+		font-size: 20px !important;
+		line-height: 1.6 !important;
     padding: 24rpx !important;
 	}
 	.tag {
-		font-size: 34rpx !important;
+		font-size: 20px !important;
 	}
+  .main-ceontent-list-title {
+    font-size: 24px !important;
+    font-weight: 600 !important;
+  }
+  .part-title {
+    font-size: 24px !important;
+    font-weight: 600 !important;
+  }
+  .part-info {
+    font-size: 20px !important;
+  }
+  .notice-list .title {
+    font-size: 24px !important;
+    font-weight: 600 !important;
+  }
+  .notice-content {
+    font-size: 20px !important;
+  }
+  .enclosure-item {
+    font-size: 20px !important;
+  }
 }
 /* #endif */
 </style>
diff --git a/packageRc/pages/policy/policyList.vue b/packageRc/pages/policy/policyList.vue
index 80f95e8..db1eff4 100644
--- a/packageRc/pages/policy/policyList.vue
+++ b/packageRc/pages/policy/policyList.vue
@@ -1,6 +1,6 @@
 <template>
   <view
-    class="page h5-pc-page"
+    class="page" :class="{'h5-pc-page': isH5}"
     style="
       background-image: url(../../../packageRc/static/pageBg.png);
     "
@@ -44,7 +44,7 @@
         style="position: relative; padding: 32rpx 0; color: #000"
       >
         <!-- <view v-if="total" style="position: relative;padding-bottom: 16px;color: #000;"> -->
-        <text>共 {{ total }} 条</text>
+        <text class="total-count">共 {{ total }} 条</text>
       </view>
       <!-- <scroll-view :scroll-y="true" style="height: calc(100vh - 342rpx);position: relative;z-index: 1;" -->
       <scroll-view
@@ -69,14 +69,14 @@
             <view v-if="item.sourceUnit">{{ item.sourceUnit }}</view>
           </view>
           <view class="bottom-line">
-            <view
-              ><uni-icons color="#A2A2A2" type="info" size="12"></uni-icons
-              >发文日期：{{ item.publishTime }}</view
-            >
-            <view
-              ><uni-icons color="#A2A2A2" type="eye" size="12"></uni-icons
-              >浏览量：{{ item.viewNum || 0 }}</view
-            >
+            <view>
+              <uni-icons color="#A2A2A2" type="info" :size="uniIconSize"></uni-icons>
+              发文日期：{{ item.publishTime }}
+            </view>
+            <view>
+              <uni-icons color="#A2A2A2" type="eye" :size="uniIconSize"></uni-icons>
+              浏览量：{{ item.viewNum || 0 }}
+            </view>
           </view>
         </view>
         <view style="padding-bottom: 24rpx">
@@ -85,11 +85,8 @@
             src="https://rc.jinan.gov.cn/qcwjyH5/static/images/person/empty.png"
             style="width: 100%; display: block; margin: 0 auto"
           />
-          <view v-if="loading"
-            ><u-loading-icon></u-loading-icon>
-            <view style="text-align: center; color: #8e8e8e; font-size: 24rpx"
-              >加载中~</view
-            >
+          <view v-if="loading">
+            <uni-load-more status="loading" :content-text="{contentrefresh: '加载中~'}"></uni-load-more>
           </view>
           <view
             v-else-if="showMorePage"
@@ -116,6 +113,8 @@ export default {
   },
   data() {
     return {
+      uniIconSize: 18,
+      isH5: false,
       queryParams: {
         pageNum: 1,
         pageSize: 10,
@@ -130,6 +129,10 @@ export default {
     };
   },
   onLoad(options) {
+    // #ifdef H5
+    this.uniIconSize = 20;
+    this.isH5 = true;
+    // #endif
     this.queryParams.zclx = options.zclx;
     this.getCheckData();
   },
@@ -668,25 +671,62 @@ export default {
   width: 100% !important;
 
   .input-outer-part {
-    width: 80% !important;
+    width: 100% !important;
     margin: 0 auto !important;
-    padding-left: 0 !important;
-    padding-right: 0 !important;
+    padding-left: 32px !important;
+    padding-right: 32px !important;
+    box-sizing: border-box !important;
+  }
+
+  .total-count {
+    font-size: 20px !important;
+    margin: 20px 0 !important;
+    display: block;
+  }
+  .policy-list {
+    margin-bottom: 24px !important;
+    padding: 32px !important;
   }
   .title {
-    font-size: 48rpx !important;
-    margin-bottom: 24rpx !important;
+    font-size: 24px !important;
+    font-weight: 600;
+    margin-bottom: 16px !important;
   }
-  .infos view {
-    font-size: 36rpx !important;
-    line-height: 56rpx !important;
+  .infos {
+    margin-bottom: 16px !important;
+    view {
+      font-size: 18px !important;
+      line-height: 1.6 !important;
+      padding: 4px 12px !important;
+      margin-right: 12px !important;
+    }
   }
   .bottom-line {
-    font-size: 34rpx !important;
-    margin-top: 24rpx !important;
+    font-size: 18px !important;
+    margin-top: 16px !important;
+    display: flex;
+    align-items: center;
+    border-top: 1px solid #f0f0f0;
+    padding-top: 16px;
+  }
+  .bottom-line uni-icons {
+    font-size: 20px !important;
+    margin-right: 8rpx;
   }
   input {
-    font-size: 36rpx !important;
+    font-size: 20px !important;
+    height: 48px !important;
+  }
+  .search-line {
+    height: 80rpx !important;
+  }
+  .policy-list .title image {
+    width: 56rpx !important;
+    height: 56rpx !important;
+    margin-right: 16rpx !important;
+  }
+  .loading-text {
+    font-size: 20px !important;
   }
 }
 /* #endif */
diff --git a/utilsRc/config.js b/utilsRc/config.js
index 64eccf5..6ba4d0c 100644
--- a/utilsRc/config.js
+++ b/utilsRc/config.js
@@ -10,7 +10,8 @@ import config from '@/config.js'
 let exports = {
 	// ========== baseUrl 配置方式选择 ==========
 	// 方式1：硬编码baseUrl（main分支使用，合并到main时不会影响现有功能）
-	baseUrl: 'https://www.xjksly.cn/sdrc-api', // 正式环境在济南人才上部署（不要轻易连接）
+	// baseUrl: 'https://www.xjksly.cn/sdrc-api', // 正式环境在济南人才上部署（不要轻易连接）
+	baseUrl: 'http://cffe7966.natappfree.cc', // 正式环境在济南人才上部署（不要轻易连接）
 	// baseUrl: 'http://10.160.0.5:8907', // 开发环境
 	// baseUrl: 'http://172.20.1.48:8903', // 开发环境