修复bug,添加我的积分页面

property-uniapp-project/pageSubPack/service-list/complaintsSuggestionsIndex.vue

@@ -1,9 +1,11 @@
 <template>
 	<view class="contentStyle">
 		<!-- 顶部分段控制器 -->
-		<view style="width: 60vw;">
-			<uni-segmented-control :current="currentTab" :values="tabs" @clickItem="onTabClick" style-type="text"
-				active-color="#007AFF" inactive-color="#999" class="seg-control"></uni-segmented-control>
+		<view class="tab-wrap">
+			<view class="tab-item" :class="{ active: currentTab === index }" v-for="(tab, index) in tabs"
+				:key="index" @click="onTabClick({ currentIndex: index })">
+				<text class="tab-text">{{ tab }}</text>
+			</view>
 		</view>
 
 		<!-- 列表区域 -->
@@ -19,8 +21,8 @@
 					<view class="card-header">
 						<text class="card-title">{{ item.title }}</text>
 						<text class="card-tag"
-							:class="item.status === 'pending' ? 'pending' : item.status === 'processing' ? 'processing' : 'completed'">
-							{{ item.status === 'pending' ? '待处理' : item.status === 'processing' ? '处理中' : '已完成' }}
+							:class="item.status === 'pending' ? 'pending' : 'completed'">
+							{{ item.status === 'pending' ? '待处理' :  '已完成' }}
 						</text>
 					</view>
 
@@ -55,7 +57,7 @@ import {onLoad} from '@dcloudio/uni-app'
 import {getComplainList} from '../api/apiSub.js'
 
 // 分段器
-const tabs = ref(["待处理", "处理中", "已完成"])
+const tabs = ref(["待处理", "已完成"])
 const currentTab = ref(0)
 const dataList = ref([])
 
@@ -67,8 +69,8 @@ const completedList = ref([])
 // 状态映射
 const statusMap = {
 	"0":'pending',
-	'1':'processing',
-	'2':'completed'
+	// '1':'processing',
+	'1':'completed'
 }
 // 接口数据映射为模板所需格式
   const mapItem = (item) => {
@@ -177,8 +179,43 @@ const addComplaintsSuggestions = () => {
 		margin-bottom: 10rpx;
 	}
 
-	.seg-control {
-		margin-bottom: 20rpx;
+	.tab-wrap {
+		display: flex;
+		justify-content: flex-start;
+		align-items: center;
+		padding: 10rpx 40rpx 20rpx;
+	}
+
+	.tab-item {
+		position: relative;
+		padding: 10rpx 0;
+		margin-right: 80rpx;
+	}
+
+	.tab-item:last-child {
+		margin-right: 0;
+	}
+
+	.tab-text {
+		font-size: 30rpx;
+		color: #999;
+	}
+
+	.tab-item.active .tab-text {
+		color: #007AFF;
+		font-weight: 600;
+	}
+
+	.tab-item.active::after {
+		content: '';
+		position: absolute;
+		bottom: 0;
+		left: 50%;
+		transform: translateX(-50%);
+		width: 96rpx;
+		height: 4rpx;
+		background: #2F77FD;
+		border-radius: 32rpx;
 	}
 
 	.card-wrapper {