| | |
| | | <view class="content-num">发运车数</view> |
| | | </view> |
| | | <view class="content-text"> |
| | | <view class="content-container">{{ totalTon.toFixed(2) }}</view> |
| | | <view class="content-container">{{ totalTon}}</view> |
| | | <view class="content-num">发运吨数</view> |
| | | </view> |
| | | </view> |
| | |
| | | icon="http://cdn.uviewui.com/uview/empty/data.png" |
| | | textSize="30" |
| | | iconSize="1000" |
| | | text="暂无数据" |
| | | v-if="filterList.length == 0"></u-empty> |
| | | <view class="statistics-card" |
| | | v-for="(item, index) in filterList" |
| | |
| | | <view class="card-top"> |
| | | <view class="left"><combined-title :title="item.condition"></combined-title></view> |
| | | <view class="card-top_num"> |
| | | {{ item.taskCoalList.length }}车{{ |
| | | item.taskCoalList |
| | | .reduce((prev, cur) => { |
| | | return prev + cur.clean; |
| | | }, 0) |
| | | .toFixed(2) |
| | | }}吨 |
| | | {{ item.taskCoalList.length }}车 |
| | | {{Number(item.taskCoalList |
| | | .reduce((prev, cur) => { |
| | | cur.clean=cur.clean||0 |
| | | return prev + cur.clean; |
| | | }, 0)).toFixed(2)}}吨 |
| | | </view> |
| | | </view> |
| | | <view class="card-main" |
| | |
| | | </template> |
| | | |
| | | <script> |
| | | import BigNumber from "bignumber.js" |
| | | import combinedTitle from '@/components/combined-title/combined-title.vue'; |
| | | export default { |
| | | components: { |
| | |
| | | faYunDetailobj: {}, |
| | | modalShow: false, |
| | | coalStatus: ['领取', '预约', '签到', '入场', '称皮', '称毛', '离场', '入磅房', '出磅房', '入煤仓', '出煤仓', '放空', '作废', '入场申请', |
| | | '进入场院' |
| | | '进入场院', '异常审核中', '返回加减吨', '超时', '打印中', '打印中', '填写' |
| | | ] |
| | | }; |
| | | }, |
| | | onShow() { |
| | | onLoad() { |
| | | this.firstDate(); |
| | | this.lastDate(); |
| | | this.getShipping(); |
| | |
| | | this.totalLength = this.filterList.map(v => v.taskCoalList.length).reduce((x, y) => x + y); |
| | | this.totalTon = this.filterList.map(v => |
| | | v.taskCoalList.reduce((prev, cur) => { |
| | | return cur.clean + prev; |
| | | const cleanvalue = cur.clean || 0 |
| | | return cleanvalue + prev |
| | | }, 0) |
| | | ); |
| | | this.totalTon = this.totalTon.reduce((x, y) => x + y); |
| | | this.totalTon = this.totalTon.reduce((x, y) => { |
| | | let xx = new BigNumber(x) |
| | | let yy = new BigNumber(y) |
| | | return xx.plus(yy).toNumber().toFixed(2) |
| | | }, new BigNumber(0)); |
| | | } else { |
| | | this.totalLength = 0; |
| | | this.totalTon = 0; |
| | |
| | | this.totalLength = this.filterList.map(v => v.taskCoalList.length).reduce((x, y) => x + y); |
| | | this.totalTon = this.filterList.map(v => |
| | | v.taskCoalList.reduce((prev, cur) => { |
| | | return cur.clean + prev; |
| | | const cleanvalue = cur.clean || 0 |
| | | return cleanvalue + prev |
| | | }, 0) |
| | | ); |
| | | this.totalTon = this.totalTon.reduce((x, y) => x + y); |
| | | this.totalTon = this.totalTon.reduce((x, y) => { |
| | | let xx = new BigNumber(x) |
| | | let yy = new BigNumber(y) |
| | | return xx.plus(yy).toNumber().toFixed(2) |
| | | }, new BigNumber(0)); |
| | | } else { |
| | | this.totalLength = 0; |
| | | this.totalTon = 0; |
| | |
| | | margin-left: vww(20); |
| | | padding-bottom: vww(12); |
| | | position: relative; |
| | | @include flex flex-direction: column; |
| | | @include flex; |
| | | flex-direction: column; |
| | | align-items: flex-start; |
| | | |
| | | .first-line { |
| | |
| | | color: #ffffff; |
| | | margin-right: vww(20); |
| | | } |
| | | |
| | | .filedname { |
| | | white-space: nowrap; |
| | | overflow: hidden; |
| | | text-overflow: ellipsis; |
| | | flex: 1; |
| | | } |
| | | } |
| | | |
| | | .main-divider { |
| | |
| | | .first-extra { |
| | | @include firstLine; |
| | | height: vww(32); |
| | | align-items: center; |
| | | |
| | | .main-information { |
| | | width: 100%; |
| | |
| | | height: vww(28); |
| | | line-height: vww(28); |
| | | text-align: center; |
| | | // display: flex; |
| | | // justify-content: center; |
| | | // align-items: center; |
| | | background: url('https://mx.jzeg.cn:9095/appimg/image/banner/redblock.png') no-repeat; |
| | | background-size: contain; |
| | | font-size: 30rpx; |
| | |
| | | color: #ffffff; |
| | | margin-right: vww(20); |
| | | } |
| | | |
| | | .filedname { |
| | | white-space: nowrap; |
| | | overflow: hidden; |
| | | text-overflow: ellipsis; |
| | | flex: 1; |
| | | } |
| | | } |
| | | } |
| | | |