P003-WX-HomeTeacher/education_uni/subpkg/manager/manager.vue

<template>
	
	<view class="share-result-container">
		<view class="studentWrapper" @click="toManageOrder" >
				<view class="studentList"  >
				    <view class="studentLeft">
				          <text>退款中的订单</text>
				    </view>
					<uni-icons   type="right" size="15" color="#fff" ></uni-icons>
				</view>
		</view>

		<view class="studentWrapper"  @click="toNotStartComplaintList">
				<view class="studentList"  >
				    <view class="studentLeft">
				          <text>未处理的投诉</text>
				    </view>
					<uni-icons type="right" size="15" color="#fff" ></uni-icons>
				</view>
		</view>
		<view class="studentWrapper"  @click="toNotEndComplaintList">
				<view class="studentList"  >
				    <view class="studentLeft">
				          <text>处理中的投诉</text>
				    </view>
					<uni-icons type="right" size="15" color="#fff" ></uni-icons>
				</view>
		</view>
		<view class="studentWrapper"  @click="toNotStartSuggestList">
				<view class="studentList"  >
				    <view class="studentLeft">
				          <text>未处理的建议</text>
				    </view>
					<uni-icons type="right" size="15" color="#fff" ></uni-icons>
				</view>
		</view>
		<view class="studentWrapper"  @click="toNotEndSuggestList">
				<view class="studentList"  >
				    <view class="studentLeft">
				          <text>处理中的建议</text>
				    </view>
					<uni-icons type="right" size="15" color="#fff" ></uni-icons>
				</view>
		</view>
		<view class="studentWrapper"  @click="toCheckQualification">
				<view class="studentList"  >
				    <view class="studentLeft">
				          <text >认证审核</text>
				    </view>
					<uni-icons type="right" size="15" color="#fff" ></uni-icons>
				</view>
		</view>
		<view class="studentWrapper"  @click="toCheckCourse">
				<view class="studentList"  >
				    <view class="studentLeft">
				          <text >课程审核</text>
				    </view>
					<uni-icons type="right" size="15" color="#fff" ></uni-icons>
				</view>
		</view>
		<view class="studentWrapper"  @click="toCheckNeed">
				<view class="studentList"  >
				    <view class="studentLeft">
				          <text >需求审核</text>
				    </view>
					<uni-icons type="right" size="15" color="#fff" ></uni-icons>
				</view>
		</view>
	</view>
	
</template>

<script>
	export default {
		data() {
			return {
				
			};
		},
		methods: {
			toManageOrder() {
				uni.navigateTo({
					url: '/subpkg/manager/order/order_detail'
				})
			},
			toCheckNeed() {
				uni.navigateTo({
					url: '/subpkg/manager/checkneed/need_detail'
				})
			},
			toCheckCourse() {
				uni.navigateTo({
					url: '/subpkg/manager/checkcourse/course_detail'
				})
			},
			toCheckQualification() {
				uni.navigateTo({
					url: '/subpkg/manager/checkqualification/qualification_detail'
				})
			},
			toHandleComplaint() {
				uni.navigateTo({
					url: '/subpkg/manager/complaint/manager_complaint'
				})
			},
			toNotStartSuggestList() {
				uni.navigateTo({
					url: '/subpkg/manager/suggestion/suggestion_not_start'
				})
			},
			toNotEndSuggestList() {
				uni.navigateTo({
					url: '/subpkg/manager/suggestion/suggestion_not_end'
				})
			},
			toNotStartComplaintList() {
				uni.navigateTo({
					url: '/subpkg/manager/complaint/complaint_not_start'
				})
			},
			toNotEndComplaintList() {
				uni.navigateTo({
					url: '/subpkg/manager/complaint/complaint_not_end'
				})
			},
		}
	}
</script>

<!-- 设置页面背景 -->
<style lang="scss">
	page{
		height: 100%;
		// background-color: #FFF;
	}
</style>

<style lang="scss" scoped>
// page{
//     height: 100%;
//     background-color: #E2F0D9;
//     padding: 20rpx;
// }
	.share-result-container{
		//height: 100%;
		//background-color: #FFF2CC;
		margin-top: 20rpx;
	}
.studentWrapper{
    //height: 100%;
    //background-color: #E2F0D9;
    padding-left: 40rpx;
	padding-right: 40rpx;
}

.studentList{
	display: flex;
	align-items: center;
    justify-content: space-between;
    padding: 25rpx;
    border-radius: 50rpx;
    margin-bottom: 20rpx;
	background-color: #35b882;
	color: white;
}

/* 左侧部分 */
.studentLeft{
	//margin-left: 100rpx;
   // font-weight: bold;
    font-size: 35rpx;
}

</style>