kitchendDevice/unpackage/dist/dev/mp-weixin/pages/count/count.wxml

<view class="content data-v-378efeb4"><block wx:if="{{!token}}"><view data-event-opts="{{[['tap',[['handleLogin']]]]}}" class="list2 data-v-378efeb4" bindtap="__e"><view class="nolist data-v-378efeb4"><icon class="iconfont icon-zanwushuju data-v-378efeb4"></icon><text class="data-v-378efeb4">登录后查看更多哦！</text></view><view class="btn data-v-378efeb4">登录</view></view></block><block wx:else><view class="content_box data-v-378efeb4"><block wx:if="{{user.aud_id!=''}}"><view class="blue-tooth data-v-378efeb4"><blue-tooth vue-id="ba4fd5c0-1" btnType="1" class="data-v-378efeb4" bind:__l="__l"></blue-tooth></view></block><block wx:if="{{user.aud_id!=''}}"><view class="box data-v-378efeb4"><view class="data data-v-378efeb4"><picker mode="date" end="{{endDate}}" value="{{foodInfo.date?foodInfo.date:endDate}}" data-event-opts="{{[['change',[['changeClickDate',['$event']]]]]}}" bindchange="__e" class="data-v-378efeb4"><view class="data-v-378efeb4">{{''+(foodInfo.date?foodInfo.date:"请选择")+''}}<image src="/static/qie.png" class="data-v-378efeb4"></image></view></picker></view><view class="everyDay data-v-378efeb4"><view class="title data-v-378efeb4"><view class="data-v-378efeb4">热量摄入</view><view data-event-opts="{{[['tap',[['handleSet',['$event']]]]]}}" class="icon data-v-378efeb4" bindtap="__e"><icon class="iconfont icon-shezhi1 data-v-378efeb4"></icon></view></view><view class="jishiqi data-v-378efeb4"><view class="left data-v-378efeb4"><view class="chart-wrap data-v-378efeb4"><block wx:if="{{handTrue}}"><qiun-data-charts vue-id="ba4fd5c0-2" type="arcbar" chartData="{{chartData}}" cHeight="{{280}}" cWidth="{{280}}" canvas2d="{{true}}" canvasId="countCharts" class="data-v-378efeb4" bind:__l="__l"></qiun-data-charts></block><view class="center data-v-378efeb4">摄入<text class="data-v-378efeb4">{{foodInfo.nutrients_four[0].today_intake}}</text><view class="unit data-v-378efeb4">Kcal</view></view></view><view class="mubiao data-v-378efeb4">目标：<text class="data-v-378efeb4">{{foodInfo.nutrients_four[0].suggestion}}</text>kcal</view></view><view class="right data-v-378efeb4"><block wx:for="{{$root.l0}}" wx:for-item="ite" wx:for-index="ind"><view class="item data-v-378efeb4"><view class="left-icon data-v-378efeb4"><image src="{{ite.icon}}" class="data-v-378efeb4"></image><view class="val data-v-378efeb4" style="{{'color:'+(ite.color)+';'}}">{{(ite.proportion_fp||0)+"%"}}</view></view><view class="right-info data-v-378efeb4"><view class="right-info-top data-v-378efeb4"><text class="name data-v-378efeb4">{{ite.name}}</text><text class="data-v-378efeb4">{{''+(ite.today_intake||0)+"/"+(ite.suggestion||0)+'g'}}</text></view><view class="right-info-bottom data-v-378efeb4"><view class="val data-v-378efeb4" style="{{'width:'+(ite.proportion+'%')+';'+('background:'+(ite.color)+';')}}"></view></view></view></view></block></view></view></view><view class="foodtools data-v-378efeb4"><block wx:for="{{foodInfo.list}}" wx:for-item="item" wx:for-index="index"><view class="type data-v-378efeb4"><view data-event-opts="{{[['tap',[['handledetail',[index]]]]]}}" class="title data-v-378efeb4" bindtap="__e"><view class="text data-v-378efeb4"><image src="{{item.icon}}" class="data-v-378efeb4"></image><view class="data-v-378efeb4">{{item.name}}</view><text class="data-v-378efeb4">{{item.val+item.unit}}</text></view><view class="detail data-v-378efeb4">餐食详情<uni-icons vue-id="{{'ba4fd5c0-3-'+index}}" type="forward" size="20" color="#999" class="data-v-378efeb4" bind:__l="__l"></uni-icons></view></view><view class="list data-v-378efeb4"><uni-swipe-action vue-id="{{'ba4fd5c0-4-'+index}}" class="data-v-378efeb4" bind:__l="__l" vue-slots="{{['default']}}"><block wx:for="{{item.list}}" wx:for-item="ite" wx:for-index="ind" wx:key="ind"><uni-swipe-action-item vue-id="{{('ba4fd5c0-5-'+index+'-'+ind)+','+('ba4fd5c0-4-'+index)}}" right-options="{{actionOptions}}" data-event-opts="{{[['^click',[['delAcitionItem',['$0'],[[['foodInfo.list','',index],['list','',ind]]]]]]]}}" bind:click="__e" class="data-v-378efeb4" bind:__l="__l" vue-slots="{{['default']}}"><view data-event-opts="{{[['tap',[['showFoodDetail',['$0'],[[['foodInfo.list','',index],['list','',ind]]]]]]]}}" class="item data-v-378efeb4" bindtap="__e"><image src="{{ite.pic_url}}" mode="aspectFill" class="data-v-378efeb4"></image><view class="weight data-v-378efeb4"><view class="data-v-378efeb4">{{ite.name}}</view><view class="size12 c999 data-v-378efeb4">{{ite.weight}}<text class="data-v-378efeb4">|</text>{{ite.val+"kcal"}}</view></view></view></uni-swipe-action-item></block></uni-swipe-action><view data-event-opts="{{[['tap',[['handleAddFood',['$0'],[[['foodInfo.list','',index,'name']]]]]]]}}" class="add data-v-378efeb4" bindtap="__e"><text class="data-v-378efeb4">+</text>添加食物</view></view></view></block></view><view data-event-opts="{{[['tap',[['navTo',['/pageTwo/count/everyDay?page=count']]]]]}}" class="fenxi data-v-378efeb4" bindtap="__e"><image src="/static/fenxi.png" class="data-v-378efeb4"></image>营养分析</view></view></block><block wx:else><view data-event-opts="{{[['tap',[['handleEditUser']]]]}}" class="list2 data-v-378efeb4" bindtap="__e"><view class="nolist data-v-378efeb4"><image src="/static/none.png" class="data-v-378efeb4"></image><text class="data-v-378efeb4">完善资料后，记录更准确哦！</text></view><view class="btn data-v-378efeb4">完善资料</view></view></block></view></block><uni-drawer vue-id="ba4fd5c0-6" mode="right" width="300" data-ref="showRight" class="data-v-378efeb4 vue-ref" bind:__l="__l" vue-slots="{{['default']}}"><scroll-view style="height:100%;" scroll-y="true" class="data-v-378efeb4"><view class="foodDetail data-v-378efeb4"><view class="foodInfo data-v-378efeb4"><image src="{{activeFoodDetail.pic_url}}" mode="aspectFill" class="data-v-378efeb4"></image><view class="info data-v-378efeb4"><view class="name data-v-378efeb4">{{activeFoodDetail.name}}</view><view class="kcal data-v-378efeb4">{{activeFoodDetail.val+"千卡"}}</view></view></view><view class="foodContent data-v-378efeb4"><view class="title data-v-378efeb4">热量和营养</view><view class="progress data-v-378efeb4"><view class="chart-wrap _div data-v-378efeb4"><qiun-data-charts vue-id="{{('ba4fd5c0-7')+','+('ba4fd5c0-6')}}" type="ring" opts="{{opts}}" chartData="{{chartData2}}" cHeight="{{280}}" cWidth="{{280}}" class="data-v-378efeb4" bind:__l="__l"></qiun-data-charts></view><block wx:if="{{activeFoodDetail.nutrients_four}}"><view class="info data-v-378efeb4"><block wx:for="{{$root.l1}}" wx:for-item="item" wx:for-index="index" wx:key="index"><view class="info-item data-v-378efeb4"><view class="color data-v-378efeb4" style="{{'background-color:'+(''+item.color)+';'}}"></view><view class="data-v-378efeb4">{{item.name+"："+item.proportion+"%"}}</view></view></block></view></block></view><view class="tips data-v-378efeb4"><text class="data-v-378efeb4">营养素</text><text class="data-v-378efeb4">{{activeFoodDetail.weight+"含量"}}</text></view><view class="foodDetailList data-v-378efeb4"><block wx:for="{{activeFoodDetail.nutrients_list}}" wx:for-item="item" wx:for-index="index" wx:key="index"><view class="foodDetailItem data-v-378efeb4"><view class="name data-v-378efeb4">{{item.name_ch}}</view><view class="value data-v-378efeb4">{{item.value+item.unit+''}}</view></view></block></view></view></view></scroll-view></uni-drawer></view>