TmOct5/ZhHealth
1
0
Fork 0
Code Issues Pull Requests Projects Releases 3 Wiki Activity

记录体重曲线模块配合调整字段，及处理没有任何体重展示形式

Browse Source
This commit is contained in:
张冬雪
2022-02-14 10:59:08 +08:00
parent 4b59804633
commit a0134c4c38
3 changed files with 17 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
pages/record/weight.vue
View File

@@ -40,12 +40,12 @@
<!-- 曲线模块 -->
<view v-if="tabbarId === 1">
<!-- 健康测评 -->
<u-image :src="require('@/static/imgs/health1.png')" class="eval-img" @click="$Router.push({ name: 'EvaluationList' })" :lazy-load="true" radius="10rpx" mode="widthFix" width="100%" />
<view class="curve">
<u-image v-if="chartData.categories.length>0" :src="require('@/static/imgs/health1.png')" class="eval-img" @click="$Router.push({ name: 'EvaluationList' })" :lazy-load="true" radius="10rpx" mode="widthFix" width="100%" />
<view class="curve" v-if="chartData.categories.length>0">
<view class="title"> 体重 <span>单位：公斤</span> </view>
<u-icon @click="addWeightShow = true" name="edit-pen-fill" color="#34ce98" size="20" :bold="true" label="更新" labelPos="right" labelSize="13" labelColor="#999" space="4" />
</view>
<view class="charts-box"> <qiun-data-charts type="area" :chartData="chartData" background="none" /> </view>
<view class="charts-box" v-if="chartData.categories.length>0"> <qiun-data-charts type="area" :chartData="chartData" background="none" /> </view>
<view class="progress-top">
<view class="add-weight" @click="addWeightShow = true">记录体重</view>
<view class="des-title">只显示最近七次测量记录</view>
@@ -104,8 +104,10 @@
page: 1,
tabbarId: 0,
chartData: {
"categories": ["1/1","1/2","1/3","1/4","1/5","1/6","1/7"],
"series": [{"name": "最近七天进度","data": [55,51,53.3,50.3,53.3]}]
// "categories": ["1/1","1/2","1/3","1/4","1/5","1/6","1/7"],
// "series": [{"name": "最近七天进度","data": [55,51,53.3,50.3,53.3]}]
categories:[],
series:[{name: "",data: []}]
}, // 曲线部分 start
};
},
@@ -208,6 +210,15 @@
height:500rpx;
margin-top: $margin;
}
.no-weight{
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
box-sizing: border-box;
color: #999;
font-size: $title-size-m;
}
// curve
.curve{
margin-top: $margin;