Update AppRecord.vue

src/views/app/AppRecord.vue

@@ -1,14 +1,12 @@
 <template>
 	<div class="appRecord">
 		<m-header />
-		<!-- sticky -->
-		<van-tabs sticky title-active-color="#2DC7AA" color="#2DC7AA" line-width="50">
+		<!-- <van-tabs sticky title-active-color="#2DC7AA" color="#2DC7AA" line-width="50">
 			<van-tab title="已缴费">
 				<div v-if="dataShow" key="data">
 					<van-list v-model="loading" :finished="finished" finished-text=" " @load="getList">
 						<van-cell-group class="section" v-for="(item, index) in dataList" :key="index">
 							<van-cell :value="item.examBaseName" title="考级名称" />
-							<!-- <van-cell :value="item.paymentOrderNo" title="订单编号" /> -->
 							<van-cell title="专业等级">
 								<template #default>
 									{{ item.subjectName }}({{ item.level | formatLevel }})
@@ -39,7 +37,23 @@
 				</div>
 				<van-empty v-else key="data" description="暂无未缴费记录"></van-empty>
 			</van-tab>
-		</van-tabs>
+		</van-tabs> -->
+		<div v-if="dataShow" key="data">
+			<van-list v-model="loading" :finished="finished" finished-text="没有更多数据了~" @load="getList">
+				<van-cell-group class="section" v-for="(item, index) in dataList" :key="index">
+					<van-cell :value="item.examBaseName" title="考级名称" />
+					<!-- <van-cell :value="item.paymentOrderNo" title="订单编号" /> -->
+					<van-cell title="专业等级">
+						<template #default>
+							{{ item.subjectName }}({{ item.level | formatLevel }})
+						</template>
+					</van-cell>
+					<van-cell :value="item.examTime" title="考试日期" />
+					<van-button type="default" @click="onDetail(item)" block>查看资料</van-button>
+				</van-cell-group>
+			</van-list>
+		</div>
+		<van-empty v-else key="data" description="暂无已缴费记录"></van-empty>
 	</div>
 </template>
 <script>
@@ -65,12 +79,6 @@
 					page: 1,
 					rows: 20
 				},
-				notPayList: [{
-					name: "大白来了大白来了大白",
-					payTime: "2020-05-20",
-					level: 1,
-					examTime: "2020-05-20～2020-05-30"
-				}], // 未缴费
 				dataShow2: true, // 是否有数据
 				loading2: false,
 				finished2: false,