<template>
|
<view class="danmu_bg">
|
<view class="barrage-box">
|
<view class="itme-box">
|
<view class="title"></view>
|
<view class="h-table" style=" width: 100vh;">
|
<view class="h-tr h-tr-12 h-thead">
|
<view class="h-td">品名</view>
|
<view class="h-td">装料量</view>
|
<view class="h-td">目标</view>
|
<view class="h-td h-td-colspan h-td-rowspan">
|
<view class="h-tr h-tr-1">
|
<view class="h-td h-td-colspan">前</view>
|
</view>
|
<view class="h-tr h-tr-2">
|
<view class="h-td">左</view>
|
<view class="h-td">右</view>
|
</view>
|
|
</view>
|
<view class="h-td h-td-colspan h-td-rowspan">
|
<view class="h-tr h-tr-1">
|
<view class="h-td h-td-colspan">中</view>
|
</view>
|
<view class="h-tr h-tr-2">
|
<view class="h-td">左</view>
|
<view class="h-td">右</view>
|
</view>
|
|
</view>
|
<view class="h-td h-td-colspan h-td-rowspan">
|
<view class="h-tr h-tr-1">
|
<view class="h-td h-td-colspan">后</view>
|
</view>
|
<view class="h-tr h-tr-2">
|
<view class="h-td">左</view>
|
<view class="h-td">右</view>
|
</view>
|
|
</view>
|
|
<view class="h-td">平均</view>
|
<view class="h-td">时间(分钟)</view>
|
<view class="h-td">蒸汽(立方)</view>
|
</view>
|
|
<view v-for="(item,index) in list" class="h-tr h-tr-12" style="background-color: white">
|
<view class="h-td">{{item.herbName}}</view>
|
<view class="h-td">{{fweight(item) }}</view>
|
<view class="h-td">{{ $lget(item ,'target' ) || ''}}% </view>
|
<view class="h-td">{{item.frontLeft}}</view>
|
<view class="h-td">{{item.frontRight}}</view>
|
<view class="h-td">{{item.middleLeft}}</view>
|
<view class="h-td">{{item.middleRight}}</view>
|
<view class="h-td">{{item.backLeft}}</view>
|
<view class="h-td">{{item.backRight}}</view>
|
<view class="h-td">{{item.avg}}</view>
|
<view class="h-td">{{item.dryTime}}</view>
|
<view class="h-td">{{item.steam}}</view>
|
</view>
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
</view>
|
</template>
|
|
<script>
|
import get from 'lodash.get'
|
export default {
|
data() {
|
return {
|
StatusBar: this.StatusBar,
|
CustomBar: this.CustomBar,
|
queryParam: {},
|
list: []
|
|
}
|
},
|
onReady() {
|
this.getAnalyList()
|
|
},
|
methods: {
|
getAnalyList() {
|
this.$api.getAnalyList(this.queryParam).then((res) => {
|
if (res.success) {
|
this.list = this.$lget(res, 'result.records') || [];
|
this.list = [...this.list,...this.$lget(res, 'result.records')]
|
|
}
|
}).catch((err) => {
|
console.log('request fail', err);
|
})
|
},
|
fweight(data){
|
let feed = this.$lget(data, 'feed');
|
let weight = this.$lget(data, 'weight');
|
if(feed && weight){
|
return feed + '/' +weight
|
}
|
return ""
|
|
}
|
|
},
|
computed:{
|
|
}
|
}
|
</script>
|
|
<style lang="scss" scoped>
|
@import "components/table/helang-table";
|
|
page {
|
background: #fbfbfb;
|
height: auto;
|
overflow: scroll;
|
}
|
|
.danmu_bg {
|
width: 100vw;
|
min-height: 100vh;
|
|
.barrage-box {
|
width: 100vh;
|
height: 100vw;
|
transform-origin: 50vw 50vw;
|
transform: rotate(90deg);
|
white-space: nowrap;
|
display: flex;
|
justify-content: start;
|
align-items: flex-start;
|
overflow: scroll;
|
animation: aniShake 0.5s linear infinite;
|
}
|
}
|
</style>
|
