<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;
|
height: 100vh;
|
|
.barrage-box {
|
/* 设置基准点为左上角 */
|
transform-origin: top left;
|
/* 以左上角为基准点，顺时针旋转90度 然后沿Y轴反方向平移100% */
|
/* 为什么沿Y轴，因为旋转使坐标轴方向发生了变化 */
|
transform: rotate(90deg) translateY(-100%);
|
/*设置元素的宽度为 100%父元素的高度 并提高样式优先级 */
|
width: 100vh !important;
|
/*设置元素的宽度为 100%父元素的宽度 并提高样式优先级 */
|
height: 100vw !important;
|
overflow: scroll;
|
}
|
}
|
</style>
|
