校园报告tab

src/pages/SchoolReport/SchoolReport.vue

@@ -41,13 +41,13 @@
 			<view class="school-report-context">
 				<view class="school-report-context-tab">
 					<view class="school-report-context-tab-item">
-						<view class="school-report-context-tab-item-one active">
+						<view class="school-report-context-tab-item-one" :class="tabIndex==1?'active':''" @tap="tabTap(1)">
 							<text>消费报告</text>
 						</view>
-						<view class="school-report-context-tab-item-one">
+						<view class="school-report-context-tab-item-one" :class="tabIndex==2?'active':''" @tap="tabTap(2)">
 							<text>门禁报告</text>
 						</view>
-						<view class="school-report-context-tab-item-one">
+						<view class="school-report-context-tab-item-one" :class="tabIndex==3?'active':''" @tap="tabTap(3)">
 							<text>公话报告</text>
 						</view>
 					</view>
@@ -416,6 +416,7 @@
 				maxDate: new Date(),
 				imgUrl: '', // 存储base64图片
 				dialogShow: false,
+				tabIndex:1,
 				// 就餐情况
 				diningSituations: {
 					diningSituationsDate: '',
@@ -484,6 +485,9 @@
 			}
 		},
 		methods: {
+			tabTap:function(num){
+				this.tabIndex=num;
+			},
 			toImage: function() {
 				this.$nextTick(() => {
 					html2cancas(document.getElementsByClassName("tainer")[0], {