diff --git a/pages.json b/pages.json
index 413c350..d2cf09c 100644
--- a/pages.json
+++ b/pages.json
@@ -242,7 +242,17 @@
         "enablePullDownRefresh": false
       }
     }
-  ],
+        ,{
+            "path" : "pages/platform-message-info/index",
+            "style" :                                                                                    
+            {
+                "navigationBarTitleText": "平台公告详情",
+				  "navigationStyle": "custom",
+                "enablePullDownRefresh": false
+            }
+            
+        }
+    ],
   "globalStyle": {
     "navigationBarTextStyle": "black",
     "navigationBarTitleText": "uni-app",
diff --git a/pages/message/index.vue b/pages/message/index.vue
index dbd2bef..63d7536 100644
--- a/pages/message/index.vue
+++ b/pages/message/index.vue
@@ -1,47 +1,101 @@
 <template>
-  <view class="message-info">
-	  <view>
-	  	<uni-nav-bar left-icon="back" @clickLeft="back" statusBar fixed title="">
-	  		<view class="message-info-title">消息通知</view>
-	  		<view slot="left"></view>
-	  		<view slot="right" class="message-info-right-title">一键全读</view>
-	  	</uni-nav-bar>
-	  </view>
-	  <view class="">
-	  	
-	  </view>
-  </view>
+	<view class="message-info">
+		<view>
+			<uni-nav-bar left-icon="back" @clickLeft="back" statusBar fixed title="">
+				<view class="message-info-title">消息通知</view>
+				<view slot="left"></view>
+				<view slot="right" class="message-info-right-title">一键全读</view>
+			</uni-nav-bar>
+		</view>
+		<view class="">
+			<view class="message-tab">
+				<view :class="subIndex === 0 ? 'message-bottom meeage-change' : 'message-noChange'" @click="checkMessage(0)">
+					<uni-badge size="small" :custom-style="subIndex === 0 ? customStyle:customStylet" :text="5" absolute="rightTop" type="error">系统消息</uni-badge>
+				</view>
+				<view :class="subIndex === 1 ? 'message-bottom meeage-change' : 'message-noChange'" @click="checkMessage(1)">
+					<uni-badge size="small" :custom-style="subIndex === 1 ? customStyle:customStylet" :text="5" absolute="rightTop" type="error">平台公告</uni-badge>
+				</view>
+			</view>
+		</view>
+		<view class="">
+			<systemMessage v-if="subIndex === 0" v-for="item in 10"></systemMessage>
+			<platformMessage v-if="subIndex === 1" v-for="item in 10"></platformMessage>
+		</view>
+	</view>
 </template>
 
 <script>
-	import { back, go2 } from '@/utils/hook.js'
+import { back, go2 } from '@/utils/hook.js'
+import systemMessage from './system-message.vue'
+import platformMessage from './platform-message.vue'
 export default {
+	components:{
+		systemMessage,
+		platformMessage
+	},
 	data() {
 		return {
+			subIndex: 0,
+			customStyle: {
+				top: '5px',
+				background:'#FF0000 '
+			},
+			customStylet:{
+				top: '-13px',
+				background:'#FF0000 '
+			}
 		}
 	},
-	methods:{
-		back
+	methods: {
+		back,
+		checkMessage(item) {
+			this.subIndex = item
+		}
 	}
 }
 </script>
 
 <style lang="scss">
-	.message-info{
-		.message-info-title {
-			width: 100%;
-			font-size: 36rpx;
-			color: #000000;
-			letter-spacing: 0;
-			text-align: center;
-			font-weight: 500;
-		}
-		.message-info-right-title{
-			font-size: 28rpx;
-			color: #007AFF;
-			text-align: right;
-			line-height: 40rpx;
-			font-weight: 500;
-		}
+.message-info {
+	.message-info-title {
+		width: 100%;
+		font-size: 36rpx;
+		color: #000000;
+		letter-spacing: 0;
+		text-align: center;
+		font-weight: 500;
+	}
+	.message-info-right-title {
+		font-size: 28rpx;
+		color: #007aff;
+		text-align: right;
+		line-height: 40rpx;
+		font-weight: 500;
 	}
+	.message-tab {
+		display: flex;
+		justify-content: space-around;
+		height: 88rpx;
+		background: #ffffff;
+		align-items: center;
+	}
+	.message-bottom {
+		line-height: 88rpx;
+		border-bottom: 4rpx solid #007aff;
+		border-bottom-right-radius: 2rpx;
+		border-bottom-left-radius: 2rpx;
+	}
+	.message-noChange {
+		font-size: 28rpx;
+		color: #888888;
+		text-align: center;
+		font-weight: 400;
+	}
+	.meeage-change {
+		font-size: 28rpx;
+		color: #333333;
+		text-align: center;
+		font-weight: 500;
+	}
+}
 </style>
diff --git a/pages/message/platform-message.vue b/pages/message/platform-message.vue
new file mode 100644
index 0000000..03f234e
--- /dev/null
+++ b/pages/message/platform-message.vue
@@ -0,0 +1,113 @@
+<template>
+	<view class="platform-message">
+		<view class="platform-message-main" @click="jumpInfo(item)">
+			<view class="platform-message-main-top">
+				<view class="platform-message-title">
+					<view class="">关于12/29日纸掌柜系统维护公告</view>
+					<view class="dian"></view>
+				</view>
+			</view>
+			<view class="platform-message-contant">尊敬的用户，您好！\u2028因服务升级需要，纸掌柜将于2021年12月29日进..</view>
+			<view class="xian"></view>
+			<view class="platform-message-bottom">
+				<view class="platform-message-bottom-title">2021/12/29 12:30:45</view>
+				<view class="platform-message-bottom-text"> 
+				<view class="platform-message-bottom-subtitle">
+					查看详情
+				</view>
+				<view class="">
+					<image class="platform-message-bottom-image" src="../../static/imgs/client-detail/arrow-right-icon.png" mode=""></image>
+				</view>
+				</view>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	import { back, go2 } from '@/utils/hook.js'
+export default {
+	data() {
+		return {}
+	},
+	methods: {
+		jumpInfo(){
+			go2('platform-message-info')
+		},
+	}
+}
+</script>
+
+<style lang="scss">
+.platform-message {
+	.platform-message-main {
+		background-color: #ffffff;
+		margin: 20rpx 32rpx;
+		border-radius: 20rpx;
+	}
+	.platform-message-main-top {
+		display: flex;
+		justify-content: space-between;
+		padding: 24rpx 32rpx;
+	}
+	.platform-message-title {
+		font-size: 32rpx;
+		color: #333333;
+		letter-spacing: 0;
+		font-weight: 600;
+		display: flex;
+	}
+	.platform-message-subtitle {
+		font-size: 24rpx;
+		color: #333333;
+		font-weight: 400;
+	}
+	.platform-message-contant {
+		font-size: 28rpx;
+		color: #888888;
+		letter-spacing: 0;
+		font-weight: 400;
+		padding: 0rpx 32rpx;
+		line-height: 40rpx;
+		overflow: auto;
+		max-height: 100rpx;
+		height: 100rpx;
+	}
+	.dian {
+		background: #ff0000;
+		height: 14rpx;
+		width: 14rpx;
+		border-radius: 20rpx;
+		margin-left: 10rpx;
+	}
+	.xian {
+		border-bottom: 2rpx solid #dddddd;
+	}
+	.platform-message-bottom {
+		display: flex;
+		justify-content: space-between;
+		padding: 20rpx 32rpx;
+		align-items: center;
+		.platform-message-bottom-title {
+			font-size: 24rpx;
+			color: #333333;
+			font-weight: 400;
+		}
+		.platform-message-bottom-subtitle {
+			font-size: 28rpx;
+			color: #007aff;
+			letter-spacing: 0;
+			font-weight: 400;
+		}
+		.platform-message-bottom-image{
+			height: 40rpx;
+			width: 40rpx;
+			margin-top: 10rpx;
+		}
+		.platform-message-bottom-text{
+			display: flex;
+			align-items: center;
+		}
+	}
+}
+</style>
diff --git a/pages/message/system-message.vue b/pages/message/system-message.vue
new file mode 100644
index 0000000..a79c721
--- /dev/null
+++ b/pages/message/system-message.vue
@@ -0,0 +1,68 @@
+<template>
+	<view class="system-message">
+		<view class="system-message-main">
+			<view class="system-message-main-top">
+				<view class="system-message-title">
+					<view class="">客户下单</view>
+					<view class="dian"></view>
+				</view>
+				<view class="system-message-subtitle">50分钟前</view>
+			</view>
+			<view class="system-message-contant">老板，您的空闲设备海德堡SD-1有新的报价订单发布了，赶紧去报价吧！</view>
+		</view>
+	</view>
+</template>
+
+<script>
+export default {
+	data() {
+		return {}
+	},
+	methods: {}
+}
+</script>
+
+<style lang="scss">
+.system-message {
+	.system-message-main {
+		background-color: #ffffff;
+		margin: 20rpx 32rpx;
+		border-radius: 20rpx;
+	}
+	.system-message-main-top {
+		display: flex;
+		justify-content: space-between;
+		padding: 24rpx 32rpx;
+	}
+	.system-message-title {
+		font-size: 32rpx;
+		color: #333333;
+		letter-spacing: 0;
+		font-weight: 600;
+		display: flex;
+	}
+	.system-message-subtitle {
+		font-size: 24rpx;
+		color: #333333;
+		font-weight: 400;
+	}
+	.system-message-contant {
+		font-size: 28rpx;
+		color: #888888;
+		letter-spacing: 0;
+		font-weight: 400;
+		padding: 0rpx 32rpx;
+		line-height: 40rpx;
+		overflow: auto;
+		max-height: 100rpx;
+		height: 100rpx;
+	}
+	.dian {
+		background: #FF0000 ;
+		height: 14rpx;
+		width: 14rpx;
+		border-radius: 20rpx;
+		margin-left: 10rpx;
+	}
+}
+</style>
diff --git a/pages/platform-message-info/index.vue b/pages/platform-message-info/index.vue
new file mode 100644
index 0000000..e715cb2
--- /dev/null
+++ b/pages/platform-message-info/index.vue
@@ -0,0 +1,72 @@
+<template>
+	<view class="platform-info">
+		<view>
+			<uni-nav-bar left-icon="back" @clickLeft="back" statusBar fixed title="">
+				<view class="platform-info-title">消息详情</view>
+				<view slot="left"></view>
+			</uni-nav-bar>
+		</view>
+		<view class="platform-info-main">
+			<view class="platform-info-text">
+				<text>关于12/29日纸掌柜系统维护公告</text>
+			</view>
+			<view class="platform-info-contant">
+				尊敬的用户，您好！
+				因服务升级需要，纸掌柜将于2021年11月31
+				进行系统升级。
+			</view>
+			<view class="platform-info-time">
+				2021/12/29 12:30:45
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	import { back, go2 } from '@/utils/hook.js'
+	export default {
+		data() {
+			return {
+				
+			}
+		},
+		methods: {
+			back
+		}
+	}
+</script>
+
+<style lang="scss">
+.platform-info{
+	.platform-info-title {
+		width: 100%;
+		font-size: 36rpx;
+		color: #000000;
+		letter-spacing: 0;
+		text-align: center;
+		font-weight: 500;
+	}
+	.platform-info-main{
+		padding: 20rpx 32rpx;
+		background: #FFFFFF;
+		line-height: 60rpx;
+	}
+	.platform-info-text {
+		font-size: 32rpx;
+		color: #333333;
+		letter-spacing: 0;
+		font-weight: 600;
+	}
+	.platform-info-contant{
+		font-size: 28rpx;
+		color: #888888;
+		letter-spacing: 0;
+		font-weight: 400;
+	}
+	.platform-info-time{
+		font-size: 24rpx;
+		color: #333333;
+		font-weight: 400;
+	}
+}
+</style>
diff --git a/pages/trade/orderList.vue b/pages/trade/orderList.vue
index 10db53f..2341f1f 100644
--- a/pages/trade/orderList.vue
+++ b/pages/trade/orderList.vue
@@ -1,235 +1,301 @@
-<template>
-	<view class="order-list">
-		<uni-segmented-control :current="controlCurrent" :values="controlItems" @clickItem="onClickItem" styleType="text" activeColor="#007AFF"></uni-segmented-control>
-		<scroll-list style="touch-action: none" ref="orderRef" :option="orderOption" @load="orderUp" @refresh="orderDown">
-			<view v-for="(item, index) in list" :key="index">
-				<view class="list-border list-title-line">
-					<text class="list-title">{{item.customerEnterpriseName}}</text>
-					<text class="list-title-Subtitle">{{controlItems[item.orderStatus-1]  }}</text>
-				</view>
-				<view class="list-border list-info-line" v-for="(subItem, subIndex) in item.supplierOrderList[0].orderItmes" :key="subIndex">
-					<view class="list-info">
-						<view class="">
-							<!-- <image class="list-image" :src="item.productImg" mode=""></image> -->
-							<image class="list-image" :src="subItem.productImg" mode="">
-							</view>
-						<view class="list-info-contant">
-							<view class="list-info-title">{{ subItem.productName }}
-								
-							</view>
-							<view class="list-info-text">
-								{{ subItem.categoryName }}/{{ subItem.brandName }}/{{ item.gramWeight }}g/{{ subItem.length }}*{{ subItem.width }}/{{ subItem.pieceQuantity }}张
-							</view>
-						</view>
-					</view>
-				</view>
-				<view class="list-border list-bottom-contant">
-					<view>
-						<text class="list-bottom-contant-text">交货时间：</text>
-						<text class="list-bottom-contant-subtext">{{ item.deliveryDay }}天</text>
-					</view>
-					<view>
-							<text class="list-title-Subtitle">¥{{ item.totalOfferPrice }}</text>
-					</view>
-				</view>
-				<uGap></uGap>
-			</view>
-		</scroll-list>
-	</view>
-</template>
-
-<script>
-import uGap from '@/components/u-gap/u-gap.vue'
-import scrollList from '@/components/scroll-list/scroll-list.vue'
-// import {  gettradingHallList } from '@/apis/trade'
-import { getBasePaperDeals } from '@/apis/clientDetailApi.js'
-export default {
-	// props: {
-	// 	queryOrderData: {
-	// 		type: Object,
-	// 		default: () => {}
-	// 	}
-	// },
-	components: {
-		uGap
-	},
-
-	data() {
-		return {
-			orderPagination: {
-				pageNum: 0, // 初始会执行一次下拉加载
-				pageSize: 10
-			},
-			orderData: [],
-			controlCurrent: 0,
-			controlItems: ['全部', '待确认', '待发货', '已完成'],
-			orderOption: {
-				size: 10,
-				auto: true,
-				emptyText: '暂无报价信息~',
-				background: '#F7F8FA',
-				fontSize: '40rpx'
-			},
-			params: {
-				asc: '',
-				desc: '',
-				// customerEnterpriseId: this.$store.state.supplierInfo.id || null, // 客户企业ID默认为空，传值时网关获取当前用户关联企业id失效
-				// mallSupplierId: this.$store.state.supplierInfo.supplierId || null, // 供应商id
-				customerEnterpriseId: '651107734133018624',
-				mallSupplierId: '670334117090562048', // 供应商id
-				status: '0', // 状态 0 全部 待发货/30106,待收货/30107,待借款/30207,已完成/30104
-				enterpriseIds: [] //企业ID集合网关获取
-			},
-			pagination: {
-				pageNum: 0, // 初始会执行一次下拉加载
-				pageSize: 10
-			},
-			list: []
-		}
-	},
-	onLoad(option) {},
-	methods: {
-		// 获取订单列表
-		getList() {
-			return new Promise((resolve, reject) => {
-				getBasePaperDeals({ ...this.params, ...this.pagination })
-					.then(res => {
-						console.log('订单列表', res)
-						if (res) {
-							if (this.pagination.pageNum == 1) {
-								this.list = res.records
-							} else {
-								this.list = this.list.concat(res.records)
-							}
-							// this.list = []
-							// this.list = [...this.list, ...[1, 2, 3, 4, 5, 6, 7, 8, 9, 10]]
-							resolve({ list: this.list, total: res.total })
-						}
-					})
-					.catch(err => {
-						reject(err)
-					})
-			})
-		},
-		//订单分页
-		orderUp(page) {
-			this.orderPagination.pageNum++
-			this.getList()
-				.then(({ list, total }) => {
-					this.$refs.orderRef.refreshSuccess({ list, total })
-				})
-				.catch(() => {
-					this.$refs.orderRef.loadFail()
-				})
-		},
-		//订单分页
-		orderDown() {
-			this.orderPagination.pageNum = 1
-			this.getList()
-				.then(({ list, total }) => {
-					this.$refs.orderRef.refreshSuccess({ list, total })
-				})
-				.catch(() => {
-					this.$refs.orderRef.refreshFail()
-				})
-		},
-		//分段器点击事件
-		onClickItem(value) {
+<template>
+	<view class="order-list">
+		<uni-segmented-control :current="controlCurrent" :values="controlItems" @clickItem="onClickItem" styleType="text" activeColor="#007AFF"></uni-segmented-control>
+		<scroll-list style="touch-action: none" ref="orderRef" :option="orderOption" @load="orderUp" @refresh="orderDown">
+			<view v-for="(item, index) in list" :key="index">
+				<view class="list-border list-title-line">
+					<view class="">
+						<view class="list-title">{{ item.customerEnterpriseName }}</view>
+						<view class="list-title-subLine">{{ item.orderId }}</view>
+					</view>
+					<view class="">
+						<view class="list-title-Subtitle">{{ item.status | statusFilter }}</view>
+						<view class="list-title-subLine">{{ item.createTime }}</view>
+					</view>
+				</view>
+				<view class="list-border list-info-line" v-for="(subItem, subIndex) in item.supplierOrderList[0].orderItmes" :key="subIndex">
+					<view class="list-info">
+						<view class="">
+							<!-- <image class="list-image" :src="item.productImg" mode=""></image> -->
+							<image class="list-image" :src="subItem.productImg" mode=""></image>
+						</view>
+						<view class="list-info-contant">
+							<view class="list-info-title">{{ subItem.productName }}</view>
+							<view class="list-info-text">
+								{{ subItem.categoryName }}/{{ subItem.brandName }}/{{ item.gramWeight }}g/{{ subItem.length }}*{{ subItem.width }}/{{ subItem.pieceQuantity }}张
+							</view>
+						</view>
+					</view>
+				</view>
+				<view class="list-border list-bottom-contant">
+					<view>
+						<text class="list-bottom-contant-text">交货时间：</text>
+						<text class="list-bottom-contant-subtext">{{ item.deliveryLeadtime }}</text>
+					</view>
+					<view>
+						<text class="list-title-Subtitle subTitle-right">¥{{ item.totalOfferPrice }}</text>
+					</view>
+				</view>
+				<uGap></uGap>
+			</view>
+		</scroll-list>
+	</view>
+</template>
+
+<script>
+import uGap from '@/components/u-gap/u-gap.vue'
+import scrollList from '@/components/scroll-list/scroll-list.vue'
+// import {  gettradingHallList } from '@/apis/trade'
+import { getBasePaperDeals } from '@/apis/clientDetailApi.js'
+export default {
+	// props: {
+	// 	queryOrderData: {
+	// 		type: Object,
+	// 		default: () => {}
+	// 	}
+	// },
+	components: {
+		uGap
+	},
+	filters: {
+		statusFilter(value) {
+			var name = ''
+			console.log('name', value)
+			if (value) {
+				switch (value) {
+					case 30100:
+						name = '待确认'
+						break
+					case 30204:
+						name = '待供应商确认'
+						break
+					case 30101:
+						name = '已下单'
+						break
+					case 30215:
+						name = '待还款'
+						break
+					case 30104:
+						name = '已完成'
+						break
+					case 30105:
+						name = '已取消'
+						break
+
+					default:
+						break
+				}
+			}
+			return name
+		}
+	},
+	data() {
+		return {
+			orderPagination: {
+				pageNum: 0, // 初始会执行一次下拉加载
+				pageSize: 10
+			},
+			orderData: [],
+			controlCurrent: 0,
+			controlItems: ['全部', '待确认', '待发货', '已完成'],
+			orderOption: {
+				size: 10,
+				auto: true,
+				emptyText: '暂无报价信息~',
+				background: '#F7F8FA',
+				fontSize: '40rpx'
+			},
+			params: {
+				asc: '',
+				desc: '',
+				// customerEnterpriseId: this.$store.state.supplierInfo.id || null, // 客户企业ID默认为空，传值时网关获取当前用户关联企业id失效
+				// mallSupplierId: this.$store.state.supplierInfo.supplierId || null, // 供应商id
+				customerEnterpriseId: '651107734133018624',
+				mallSupplierId: '670334117090562048', // 供应商id
+				status: '0', // 状态 0 全部 待发货/30106,待收货/30107,待借款/30207,已完成/30104
+				enterpriseIds: [] //企业ID集合网关获取
+			},
+			pagination: {
+				pageNum: 0, // 初始会执行一次下拉加载
+				pageSize: 10
+			},
+			list: []
+		}
+	},
+	onLoad(option) {},
+	methods: {
+		// 获取订单列表
+		getList() {
+			return new Promise((resolve, reject) => {
+				getBasePaperDeals({ ...this.params, ...this.pagination })
+					.then(res => {
+						console.log('订单列表', res)
+						if (res) {
+							if (this.pagination.pageNum == 1) {
+								this.list = res.records
+							} else {
+								this.list = this.list.concat(res.records)
+							}
+							// this.list = []
+							// this.list = [...this.list, ...[1, 2, 3, 4, 5, 6, 7, 8, 9, 10]]
+							resolve({ list: this.list, total: res.total })
+						}
+					})
+					.catch(err => {
+						reject(err)
+					})
+			})
+		},
+		//订单分页
+		orderUp(page) {
+			this.orderPagination.pageNum++
+			this.getList()
+				.then(({ list, total }) => {
+					this.$refs.orderRef.refreshSuccess({ list, total })
+				})
+				.catch(() => {
+					this.$refs.orderRef.loadFail()
+				})
+		},
+		//订单分页
+		orderDown() {
+			this.orderPagination.pageNum = 1
+			this.getList()
+				.then(({ list, total }) => {
+					this.$refs.orderRef.refreshSuccess({ list, total })
+				})
+				.catch(() => {
+					this.$refs.orderRef.refreshFail()
+				})
+		},
+		//分段器点击事件
+		onClickItem(value) {
 			console.log(value)
-		}
-	}
-}
-</script>
-
-<style lang="scss">
-.order-list {
-	margin-bottom: 0px;
-	background: #FFFFFF;
-	.list-border {
-		border-bottom: 2rpx solid #dddddd;
-	}
-	.list-title-line {
-		line-height: 88rpx;
-		padding-left: 48rpx;
-		width: 750rpx;
-		height: 88rpx;
-		background: #FFFFFF;
-	}
-	.list-title {
-		font-family: PingFangSC-Semibold;
-		font-size: 30rpx;
-		color: #000000;
-		letter-spacing: 0;
-		font-weight: 600;
-	}
-	.list-title-Subtitle {
-		font-family: PingFangSC-Medium;
-		font-size: 30rpx;
-		color: #ff5368;
-		letter-spacing: 0;
-		text-align: right;
-		font-weight: 500;
-		float: right;
-		margin-right: 32rpx;
-	}
-	.list-info-line {
-		padding-left: 48rpx;
-		line-height: 70rpx;
-		// width: 750rpx;
-		// height: 88rpx;
-		background: #FFFFFF;
-	}
-	.list-info-contant {
-		margin-left: 48rpx;
-	}
-	.list-info-title {
-		font-family: PingFangSC-Medium;
-		font-size: 30rpx;
-		color: #333333;
-		letter-spacing: 0;
-		text-align: left;
-		font-weight: 550;
-	}
-	.list-info-text {
-		font-family: PingFangSC-Regular;
-		font-size: 26rpx;
-		color: #888888;
-		letter-spacing: 0;
-		text-align: left;
-		line-height: 64rpx;
-		font-weight: 400;
-	}
-	.list-image {
-		width: 100rpx;
-		height: 100rpx;
-		margin-top: 20rpx;
-	}
-	.list-info {
-		display: flex;
-	}
-	.list-bottom-contant {
-		// line-height: 70rpx;
-		align-items: center;
-		padding-left: 48rpx;
-		width: 750rpx;
-		height: 80rpx;
-		background: #FFFFFF;
-		display: flex;
-		justify-content: space-between;
-		.list-bottom-contant-text{
-			font-size: 26rpx;
-			color: #888888;
-			letter-spacing: 0;
-			line-height: 32rpx;
-			font-weight: 400;
-		}
-		.list-bottom-contant-subtext{
-			font-size: 26rpx;
-			color: #333333;
-			letter-spacing: 0;
-			line-height: 32rpx;
-			font-weight: 400;
-		}
-	}
-}
-</style>
+			this.pagination.pageNum = 1
+			switch (value.currentIndex) {
+				case 0:	
+				this.params.status = 0
+					break
+				case 1:
+					this.params.status = 30107
+					break
+				case 2:
+					this.params.status = 30106
+					break
+				case 3:
+					this.params.status = 30104
+					break
+
+				default:
+					break
+			}
+			this.getList()
+		}
+	}
+}
+</script>
+
+<style lang="scss">
+.order-list {
+	margin-bottom: 0px;
+	background: #ffffff;
+	.list-border {
+		border-bottom: 2rpx solid #dddddd;
+	}
+	.list-title-line {
+		width: 750rpx;
+		background: #ffffff;
+		display: flex;
+		justify-content: space-between;
+		padding: 20rpx 32rpx;
+		line-height: 58rpx;
+		align-items: center;
+		height: 120rpx;
+	}
+	.list-title-subLine {
+		font-size: 26rpx;
+		color: #888888;
+		letter-spacing: 0;
+		text-align: left;
+		line-height: 32rpx;
+		font-weight: 400;
+	}
+	.list-title {
+		font-family: PingFangSC-Semibold;
+		font-size: 30rpx;
+		color: #000000;
+		letter-spacing: 0;
+		font-weight: 600;
+	}
+	.list-title-Subtitle {
+		font-family: PingFangSC-Medium;
+		font-size: 30rpx;
+		color: #ff5368;
+		letter-spacing: 0;
+		text-align: right;
+		font-weight: 500;
+	}
+	.subTitle-right {
+		margin-right: 32rpx;
+	}
+	.list-info-line {
+		padding-left: 32rpx;
+		line-height: 70rpx;
+		// width: 750rpx;
+		// height: 88rpx;
+		background: #ffffff;
+	}
+	.list-info-contant {
+		margin-left: 48rpx;
+	}
+	.list-info-title {
+		font-family: PingFangSC-Medium;
+		font-size: 30rpx;
+		color: #333333;
+		letter-spacing: 0;
+		text-align: left;
+		font-weight: 550;
+	}
+	.list-info-text {
+		font-family: PingFangSC-Regular;
+		font-size: 26rpx;
+		color: #888888;
+		letter-spacing: 0;
+		text-align: left;
+		line-height: 64rpx;
+		font-weight: 400;
+	}
+	.list-image {
+		width: 100rpx;
+		height: 100rpx;
+		margin-top: 20rpx;
+	}
+	.list-info {
+		display: flex;
+	}
+	.list-bottom-contant {
+		// line-height: 70rpx;
+		align-items: center;
+		padding-left: 32rpx;
+		width: 750rpx;
+		height: 80rpx;
+		background: #ffffff;
+		display: flex;
+		justify-content: space-between;
+		.list-bottom-contant-text {
+			font-size: 26rpx;
+			color: #888888;
+			letter-spacing: 0;
+			line-height: 32rpx;
+			font-weight: 400;
+		}
+		.list-bottom-contant-subtext {
+			font-size: 26rpx;
+			color: #333333;
+			letter-spacing: 0;
+			line-height: 32rpx;
+			font-weight: 400;
+		}
+	}
+}
+</style>