记录列表，页面记录，首页调整

pages/uricacid/list.vue

@@ -1,5 +1,10 @@
 <template>
-    <view class="content">
+    <view class="content">
+		<view class="tabs">
+			<view class="tabs-item" :class="tabType == 'hyperglycemia' ? 'active': ''" @click="onTab('hyperglycemia')">血糖记录</view>
+			<view class="tabs-item" :class="tabType == 'hyperlipidemia' ? 'active': ''" @click="onTab('hyperlipidemia')">血脂记录</view>
+			<view class="tabs-item" :class="tabType == 'hypertension' ? 'active': ''" @click="onTab('hypertension')">血压记录</view>
+		</view>
         <block v-if="LogArr.length > 0">
             <view class="While list">
                 <view class="list-label" v-for="(item, index) in LogArr" :key="index" @click="showSee(item.gout_case_log_id)">
@@ -84,19 +89,27 @@
                 LogId       : '',  //记录id
                 recordShow  : false,
                 page        : {},     //分页信息
-                lodingStats : false   //加载状态
+                lodingStats : false   ,//加载状态
+				tabType		: 'hyperglycemia'
     		}
     	},
     	onLoad() {
             // 获取尿酸记录列表
             this.lastInfo();
     	},
-    	methods: {
+    	methods: {
+			// 切换数据
+			onTab(e){
+				this.tabType = e;
+				this.page    = {};
+				this.lastInfo()
+			},
             // 尿酸数据
-            lastInfo(page) {
+            lastInfo(page) {
             	ListLog(this.$Route.query.id,{
-                    page : page || '' 
-                }).then(res => {
+                    page : page || 1,
+					type : this.tabType
+                }).then(res => {
                     let listArr = this.LogArr,
                         newData = []
                         if(page == 1 || page == undefined) listArr = []
@@ -184,8 +197,27 @@
 <style lang="scss" scoped>
     .content{
     	overflow: hidden;
-    	background: #f3f4f6;
-    }
+    	background: #f3f4f6;
+		min-height: 100vh;
+    }
+	
+	.tabs{
+		background-color: white;
+		border-radius: 0 0 10rpx 10rpx;
+		box-shadow: 0 0 10rpx rgba($color: #000000, $alpha: .05);
+		margin-bottom: 30rpx;
+		padding: 0 30rpx;
+		display: flex;
+		justify-content: space-around;
+		.tabs-item{
+			line-height: 100rpx;
+			color: #888;
+			&.active{
+				font-weight: bold;
+				color: $mian-color;
+			}
+		}
+	}
     
     .While {
         border-radius: 10rpx;