diff --git a/pages.json b/pages.json
index a77f693..ab28b20 100644
--- a/pages.json
+++ b/pages.json
@@ -195,6 +195,13 @@
 				"navigationBarTitleText": "权益告知书"
 				// "enablePullDownRefresh": false
 			}
+		},
+		{
+			"path": "pages/im/component/imHome",
+			"style": {
+				"navigationBarTitleText": "会议",
+				"enablePullDownRefresh": false
+			}
 		}
 	    
     ],
diff --git a/pages/handlecase/index.vue b/pages/handlecase/index.vue
index ee9a123..bc25bc8 100644
--- a/pages/handlecase/index.vue
+++ b/pages/handlecase/index.vue
@@ -22,13 +22,16 @@
 			return {
 				caseList: [],
 				pageNum: 1,
-				pageSize: 10
+				pageSize: 10,
+				
 			}
-		},
+		},
+		
 		methods: {
 			getList(parms) {
 				respondentList(parms).then(res => {
-					this.caseList = res.rows;
+					// this.caseList = res.rows;
+					this.caseList = res.data;
 					this.caseList.forEach(item => {
 						switch (item.caseStatus) {
 							case 0:
@@ -93,7 +96,8 @@
 				}
 				let obj = {
 					pageNum: this.pageNum,
-					pageSize: this.pageSize
+					pageSize: this.pageSize,
+					caseStatus:4
 				}
 				obj.pageNum = obj.pageNum + 1
 				this.getList(obj)
@@ -102,7 +106,8 @@
 		onLoad() {
 			let obj = {
 				pageNum: this.pageNum,
-				pageSize: this.pageSize
+				pageSize: this.pageSize,
+				caseStatus:4
 			}
 			this.getList(obj)
 		}
diff --git a/pages/im/component/imHome.vue b/pages/im/component/imHome.vue
new file mode 100644
index 0000000..db771ba
--- /dev/null
+++ b/pages/im/component/imHome.vue
@@ -0,0 +1,21 @@
+<template>
+<view>
+  <web-view :src="imUrl"></web-view>
+</view>
+</template>
+
+<script>
+	export default {
+		data(){
+			return{
+				imUrl:''
+			}
+		},
+		onLoad(data) {
+			this.imUrl = decodeURIComponent(data.imUrl)
+		}
+	}
+</script>
+
+<style>
+</style>
\ No newline at end of file
diff --git a/pages/im/component/imList.vue b/pages/im/component/imList.vue
new file mode 100644
index 0000000..4bb2032
--- /dev/null
+++ b/pages/im/component/imList.vue
@@ -0,0 +1,113 @@
+<template>
+	<view class="list" @tap="caseDetail">
+		<view class="listItem">
+			<view class="lable">
+				案件编号：
+			</view>
+			<view class="main">
+				{{defalutVal.caseNum}}
+			</view>
+		</view>
+		<view class="listItem">
+			<view class="lable">
+				申请人姓名：
+			</view>
+			<view class="main">
+				{{defalutVal.applicantName}}
+			</view>
+		</view>
+		<view class="listItem">
+			<view class="lable">
+				被申请人姓名：
+			</view>
+			<view class="main">
+				{{defalutVal.respondentName}}
+			</view>
+		</view>
+		<view class="listItem">
+			<view class="lable">
+				案件状态：
+			</view>
+			<view class="main">
+				{{defalutVal.caseStatusName}}
+			</view>
+		</view>
+		<view class="listItem">
+			<view class="lable">
+				案件房间号：
+			</view>
+			<view class="main">
+				{{defalutVal.roomId}}
+			</view>
+		</view>
+		<view class="listItem">
+			<view class="lable">
+				开庭时间：
+			</view>
+			<view class="main">
+				{{defalutVal.scheduleStartTime}}
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	export default{
+		data(){
+			return{
+				
+			}
+		},
+		props:{
+			defalutVal:{
+				type:Object,
+				default:() => {}
+			}
+		},
+		methods:{
+			// 在线开庭详情以及操作
+			caseDetail(){
+				let imUrl = encodeURIComponent(`https://txroom.xayunmei.com/#/home?name=${this.$store.state.user.name}&id=${this.defalutVal.id}&userId=${this.$store.state.user.userId}&roomId=${this.defalutVal.roomId}`)
+				console.log(this.$store.state.user)
+				uni.navigateTo({url:`/pages/im/component/imHome?imUrl=${imUrl}`})
+				}
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+	.list {
+		padding: 15rpx;
+		display: flex;
+		flex-direction: column;
+		background-color: #ffffff;
+		border-radius: 30rpx;
+		margin-top: 20rpx;
+		.listItem {
+			width: 100%;
+			display: flex;
+			height: 50rpx;
+
+			.lable {
+				width: 30%;
+			}
+
+			.main {
+				width: 60%;
+			}
+		}
+		.btn{
+			margin-top: 20rpx;
+			width: 100%;
+			display: flex;
+			justify-content: space-between;
+			.btnItem{
+				height: 50rpx;
+				background-color: #5395ff;
+				border-radius: 10rpx;
+				text-align: center;
+				line-height: 50rpx;
+			}
+		}
+	}
+</style>
\ No newline at end of file
diff --git a/pages/im/index.vue b/pages/im/index.vue
index 017400a..7314838 100644
--- a/pages/im/index.vue
+++ b/pages/im/index.vue
@@ -1,21 +1,123 @@
 <template>
-	<view class="">
-		<web-view :src="sendImg"></web-view>
+	<!-- <view class=""> -->
+		<!-- <web-view :src="sendImg"></web-view> -->
+	<!-- </view> -->
+	<view class="handlecase">
+		<List class="caseList" v-for="(item,index) in caseList" :defalutVal='item' :key="index"></List>
+		<view class="emptyBox" v-if="caseList.length == 0">
+			<luanqing-empty :show="true" textColor="#000"></luanqing-empty>
+		</view>
 	</view>
 </template>
-<script>
-	export default {
+<script>
+	import List from './component/imList.vue'
+	import LuanqingEmpty from "@/components/luanqing-empty.vue"
+	import {
+		respondentList
+	} from '../../api/handlecase/index.js'
+	export default {
+		components: {
+			List,
+			'luanqing-empty': LuanqingEmpty,
+		},
 		data() {
 			return {
 				name: "",
-				sendImg: ""
+				sendImg: "",
+				caseList: [],
+				pageNum: 1,
+				pageSize: 10
 			}
-		},
-		onLoad: function() {
-			this.name = this.$store.state.user.name;
-			this.sendImg = `https://txroom.xayunmei.com`
-			// this.sendImg = `http://localhost:8080/#/?name=${this.name}`
-		},
+		},
+		methods:{
+			getList(parms) {
+				respondentList(parms).then(res => {
+					this.caseList = res.data;
+					this.caseList.forEach(item => {
+						switch (item.caseStatus) {
+							case 0:
+								item.caseStatusName = '立案申请'
+								break;
+							case 1:
+								item.caseStatusName = '待缴费'
+								break;
+							case 2:
+								item.caseStatusName = '待缴费确认'
+								break;
+							case 3:
+								item.caseStatusName = '待确认是否应诉'
+								break;
+							case 4:
+								item.caseStatusName = '待确认证据'
+								break;
+							case 5:
+								item.caseStatusName = '待确定是否指派仲裁员'
+								break;
+							case 6:
+								item.caseStatusName = '待组庭'
+								break;
+							case 7:
+								item.caseStatusName = '待组庭确定'
+								break;
+							case 8:
+								item.caseStatusName = '待组庭审核'
+								break;
+							case 9:
+								item.caseStatusName = '待选择仲裁方式'
+								break;
+							case 10:
+								item.caseStatusName = '待开庭'
+								break;
+							case 11:
+								item.caseStatusName = '待生成仲裁文书'
+								break;
+							case 12:
+								item.caseStatusName = '待确认仲裁文书'
+								break;
+							case 13:
+								item.caseStatusName = '待仲裁文书用印'
+								break;
+							case 14:
+								item.caseStatusName = '待仲裁文书用印审核'
+								break;
+							case 15:
+								item.caseStatusName = '待仲裁文书送达'
+								break;
+							case 16:
+								item.caseStatusName = '待案件归档'
+								break;
+						}
+					})
+				})
+			},
+			// 触底
+			onReachBottom() {
+				if (this.caseList.length < 1) {
+					return
+				}
+				let obj = {
+					pageNum: this.pageNum,
+					pageSize: this.pageSize,
+					caseStatus:8
+				}
+				obj.pageNum = obj.pageNum + 1
+				this.getList(obj)
+			}
+		},
+		onLoad() {
+			let obj = {
+				pageNum: this.pageNum,
+				pageSize: this.pageSize,
+				caseStatus:8
+			}
+			
+			this.getList(obj)
+		}
+		// onLoad: function() {
+		// 	this.name = this.$store.state.user.name;
+		// 	this.sendImg = `https://txroom.xayunmei.com`
+		// 	// this.sendImg = `http://localhost:8080/#/?name=${this.name}`
+		// },
 
 	}
 </script>