<view class="container">
|
<block>
|
<view class="ykt-card">
|
<view class="ykt-black-line"></view>
|
<view class="ykt-content">
|
<view class="ykt-ye">
|
<text class="ykt-ye-name">曲线</text>
|
<view class="ykt-ye-money">
|
<text class="ykt-ye-value">{{balance}}</text>
|
</view>
|
</view>
|
<view class="ykt-img">
|
<icon class="iconfont icon-bingtu"></icon>
|
</view>
|
</view>
|
<view class="ykt-card-more">
|
<text class="ykt-ye-time">截至时间：{{last_time}}</text>
|
<text class="ykt-ye-id">编号：{{ykt_id}}</text>
|
</view>
|
</view>
|
|
<text class="grid-remind">近10次曲线情况：</text>
|
<view class="balance-consumption" bindtap="switchBtn">
|
<text class="{{switchBtn ? 'current-btn' : ''}}" id="balance">曲线1</text>
|
<text class="{{switchBtn ? '' : 'current-btn'}}" id="cost">曲线2</text>
|
</view>
|
<view class="grid-wraper">
|
<block>
|
<canvas id="ykt-canvas" canvas-id="firstCanvas" bindtap="canvasTap"></canvas>
|
<view class="line" style="left: {{lineLeft}}px;"></view>
|
<view class="y-text">{{switchBtn ? "曲线1" : "曲线2"}}</view>
|
<view class="x-text">最近曲线</view>
|
</block>
|
</view>
|
<text class="detail-remind">点击上图查看对应曲线详情</text>
|
<view class="ykt-detail-wraper">
|
<view class="ykt-head">
|
<text class="ykt-type-name">曲线详情</text>
|
</view>
|
<view class="detail-list">
|
<view class="detail-item">
|
<text class="detail-item-label">曲线时间</text>
|
<text class="detail-item-value">{{tapDetail.time}}</text>
|
</view>
|
<view class="detail-item">
|
<text class="detail-item-label">曲线类型</text>
|
<text class="detail-item-value">{{tapDetail.transaction}}</text>
|
</view>
|
<view class="detail-item">
|
<text class="detail-item-label">曲线设备</text>
|
<text class="detail-item-value">{{tapDetail.device}}</text>
|
</view>
|
<view class="detail-item">
|
<text class="detail-item-label">曲线地点</text>
|
<text class="detail-item-value">{{tapDetail.address}}</text>
|
</view>
|
</view>
|
</view>
|
|
</block>
|
</view>
|
