98 lines
2.0 KiB
Vue
98 lines
2.0 KiB
Vue
<template>
|
|
<view>
|
|
<u-row justify="between">
|
|
<view>
|
|
<text class="clr-sub pr-10">操作员</text>
|
|
<text>{{userInfo.empName}}({{userInfo.ownerSiteName}})</text>
|
|
</view>
|
|
<view>
|
|
<slot name="titleRight"></slot>
|
|
</view>
|
|
</u-row>
|
|
<u-row justify="between" custom-style="flex-wrap:wrap;">
|
|
<u-col span="6" align="center">
|
|
<view class="mt-20 clr-prm font-34 font-weight">{{staticInfo.parcelQty}}</view>
|
|
<view class="mt-10 clr-sub font-28">总件数</view>
|
|
</u-col>
|
|
<u-col span="6" align="center">
|
|
<view class="mt-20 clr-prm font-34 font-weight">{{staticInfo.billWeight}}</view>
|
|
<view class="mt-21 clr-sub font-28">总重量(KG)</view>
|
|
</u-col>
|
|
<u-col span="6" align="center">
|
|
<view class="mt-20 clr-prm font-34 font-weight">{{staticInfo.totalVolume}}</view>
|
|
<view class="mt-10 clr-sub font-28">总体积(m³)</view>
|
|
</u-col>
|
|
<u-col span="6" align="center">
|
|
<view class="mt-20 clr-prm font-34 font-weight">{{staticInfo.piaoNum}}</view>
|
|
<view class="mt-10 clr-sub font-28">总票数</view>
|
|
</u-col>
|
|
</u-row>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
import getCdnUrl from "@/common/getCdnUrl"
|
|
import { goto, goBack, setClipboardData, confirmModal, showLoading } from "@/common/untool"
|
|
|
|
|
|
export default {
|
|
components: { },
|
|
computed: {
|
|
modelInfo: {
|
|
get(){
|
|
return this.value
|
|
}
|
|
},
|
|
userInfo() {
|
|
return this.$store.getters.userInfo
|
|
},
|
|
staticInfo(){
|
|
let data = {
|
|
parcelQty: 0,
|
|
billWeight: 0,
|
|
totalVolume: 0,
|
|
piaoNum: this.list?.length || 0
|
|
}
|
|
this.list.map(t=> {
|
|
data.parcelQty += t.parcelQty
|
|
data.billWeight += t.billWeight
|
|
data.totalVolume += t.totalVolume
|
|
|
|
})
|
|
|
|
return data
|
|
}
|
|
},
|
|
props: {
|
|
list: {
|
|
default () {
|
|
return []
|
|
}
|
|
}
|
|
},
|
|
data() {
|
|
return {
|
|
}
|
|
},
|
|
created() {
|
|
},
|
|
onHide() {
|
|
|
|
},
|
|
unmounted() {
|
|
|
|
},
|
|
methods: {
|
|
goto,
|
|
getCdnUrl,
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style lang="scss">
|
|
@import '@/common/uni-nvue.scss';
|
|
|
|
</style>
|
|
<style scoped lang="scss">
|
|
|
|
</style> |