From 78334cfa6a1da3157ae74252f15d1aaa82b77eb8 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=99=BD=E8=8F=9C?=
 <43331987+JiaLiBai@users.noreply.github.com>
Date: Wed, 16 Jul 2025 20:51:25 +0800
Subject: [PATCH] =?UTF-8?q?=E5=B7=A5=E5=8D=95=E5=88=97=E8=A1=A8=E5=A2=9E?=
 =?UTF-8?q?=E5=8A=A0tab=20=E9=BB=98=E8=AE=A4=E5=B1=95=E7=A4=BA=E6=9C=AA?=
 =?UTF-8?q?=E5=A4=84=E7=90=86=E3=80=81=E5=A4=84=E7=90=86=E4=B8=AD=E7=9A=84?=
 =?UTF-8?q?=E5=B7=A5=E5=8D=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 api/ems/ticket.js |  4 +--
 pages/index.vue   | 87 ++++++++++++++++++++++++++++++++++++++---------
 2 files changed, 73 insertions(+), 18 deletions(-)

diff --git a/api/ems/ticket.js b/api/ems/ticket.js
index f4853f6..fe60111 100644
--- a/api/ems/ticket.js
+++ b/api/ems/ticket.js
@@ -1,9 +1,9 @@
 import request from '@/utils/request'
 
 // 查询工单主列表
-export function listTicket({pageNum, pageSize}) {
+export function listTicket(url) {
   return request({
-    url: `/ticket/list?pageNum=${pageNum}&pageSize=${pageSize}`,
+	url,
     method: 'get',
   })
 }
diff --git a/pages/index.vue b/pages/index.vue
index 308db45..f838f81 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -1,18 +1,30 @@
 <template>
-  <scroll-view class="scroll-y" :scroll-y="true" @scrolltolower="lower" scrolltoupper="upper" >
-	<view class="content">
-		<view class="item-list" v-for="item in list" :key="item.ticketNo+'ticket'" @click="toDetail(item.id)">
-	  		<view class="item-title" :class="item.status === 1 ? 'done' : 'undone'" >工单号：{{item.ticketNo}}</view>
-	  		<view class="item-content">
-	  			<view class="item-info">工单标题:{{item.title}}</view>
-	  			<view class="item-info">问题描述:{{item.content}}</view>
-	  			<view class="item-info">工单状态:{{ticketStatusOptions[item.status]}}</view>
-	  			<view class="item-info">预期完成时间:{{item.expectedCompleteTime || '-'}}</view>
-	  			<view class="item-info">处理人:{{item.workName || '-'}}</view>
+  <view class="container">
+	  <view class="btn-list">
+	  	<uni-row >
+	  		<uni-col :span="12">
+	  			<button type="default" class="btns" :class="{'active-btn' : active === 'undone'}" @click="changeTab('undone')">未处理</button>
+	  		</uni-col>
+	  		<uni-col :span="12">
+	  			<button type="default" class="btns" :class="{'active-btn' : active === 'done'}" @click="changeTab('done')">已处理</button>
+	  		</uni-col>
+	  	</uni-row>
+	  </view>
+	  <scroll-view class="scroll-y" :scroll-y="true" @scrolltolower="lower" scrolltoupper="upper" >
+	  	<view class="content">
+	  		<view class="item-list" v-for="item in list" :key="item.ticketNo+'ticket'" @click="toDetail(item.id)">
+	  	  		<view class="item-title" :class="item.status === 1 ? 'done' : 'undone'" >工单号：{{item.ticketNo}}</view>
+	  	  		<view class="item-content">
+	  	  			<view class="item-info">工单标题:{{item.title}}</view>
+	  	  			<view class="item-info">问题描述:{{item.content}}</view>
+	  	  			<view class="item-info">工单状态:{{ticketStatusOptions[item.status]}}</view>
+	  	  			<view class="item-info">预期完成时间:{{item.expectedCompleteTime || '-'}}</view>
+	  	  			<view class="item-info">处理人:{{item.workName || '-'}}</view>
+	  	  		</view>
+	  	  	</view>
 	  		</view>
-	  	</view>
-		</view>
-  </scroll-view>
+	  </scroll-view>
+  </view>
 </template>
 <script>
 	import {mapState} from 'vuex'
@@ -25,6 +37,7 @@
 		},
 		data(){
 			return {
+				active:'undone',
 				total:0,
 				list:[],
 				pageNum:1,
@@ -32,6 +45,12 @@
 			}
 		},
 		methods:{
+			changeTab(active){
+				if(active===this.active)return
+				this.active = active
+				this.reset()
+				this.init()
+			},
 			lower(){
 				if(this.list.length>=this.total){
 					return console.log('数据已经加载完成')
@@ -40,8 +59,15 @@
 				this.init().catch(()=>{this.pageNum-=1})
 			},
 			init(){
+				//0:'待处理', 1:'已处理', 2:'处理中'
+				let url=`/ticket/list?pageNum=${this.pageNum}&pageSize=${this.pageSize}`
+				if(this.active === 'done'){
+					url +=`&status=1`
+				}else{
+					url +=`&status=0&status=2`
+				}
 				uni.showLoading()
-				return listTicket({pageNum:this.pageNum,pageSize:this.pageSize}).then(response=>{
+				return listTicket(url).then(response=>{
 					const data =  JSON.parse(JSON.stringify(response?.rows || []))
 					this.list =this.list.concat(data)
 					this.total = response?.total || 0
@@ -64,12 +90,41 @@
 </script>
 
 <style scoped lang="scss">
+	.container{
+		position: relative;
+	}
+	uni-button:after{
+		border:none;
+		border-radius: 0;
+	}
+	.btn-list{
+		position: absolute;
+		top:0;
+		left: 0;
+		width:100%;
+		z-index:2;
+		.btns{
+			border-radius: 0;
+			border:none;
+			border-bottom: 1px solid #eee;
+			width:100%;
+			text-align: center;
+			font-size: 16px;
+			line-height: 50px;
+			background-color: #fff;
+			&.active-btn{
+				background-color: #3a98ff;
+				color:#fff;
+			}
+		}
+	}
 .scroll-y{
-	height: calc(100vh - 50px)
+	height: calc(100vh - 50px);
+	z-index:1;
 }
 .content {
 	background-color: #ffffff;
-	padding:50px 20px;
+	padding:70px 20px 50px 20px;//todo 根据顶部tab设置padding-top
 }
 .item-list{
 	border-radius: 7px;