110 lines
3.9 KiB
Vue
110 lines
3.9 KiB
Vue
<template>
|
|
<tpx-page>
|
|
<view class="">
|
|
<view class="sta-item">
|
|
<u-row justify="between">
|
|
<text class="font-30 font-weight">业务统计</text>
|
|
<view style="width: 146rpx;;">
|
|
<tpx-select mode="drop" v-model:value="searchParam.keyword" :list="dateRangeList" >
|
|
<u-button @click="handleSearchMoreBtn()" :hairline="false" shape="circle" size="mini" custom-style="border-radius: 23rpx;font-size: 26rpx;height: 50rpx;">
|
|
<u-row justify="between" custom-style="width: 100%;">
|
|
<view :style="'padding-right: 4rpx;white-space: nowrap;' + (hasExtSchParam?'color: #B12D29;':'color: #666;')">
|
|
统计
|
|
</view>
|
|
<u-icon :name="showSearchMore?'arrow-up-fill':'arrow-down-fill'"
|
|
color="#666" size="18" custom-style="margin-top: 2rpx;"
|
|
></u-icon>
|
|
</u-row>
|
|
</u-button>
|
|
</tpx-select>
|
|
|
|
</view>
|
|
</u-row>
|
|
|
|
<u-row custom-style="margin: 20rpx 0 0 0;">
|
|
<u-col span="3" :custom-style="`border-right: 2rpx solid #E8E8E8;`">
|
|
<u-text text="5" bold="true" size="32" align="center" color="#B12D29"></u-text>
|
|
<u-text margin="10rpx 0 0 0" text="总票数" size="28" color="#999" align="center"></u-text>
|
|
</u-col>
|
|
<u-col span="3" :custom-style="`border-right: 2rpx solid #E8E8E8;`">
|
|
<u-text text="30" bold="true" size="32" align="center" color="#B12D29"></u-text>
|
|
<u-text margin="10rpx 0 0 0" text="总件数" size="28" color="#999" align="center"></u-text>
|
|
</u-col>
|
|
<u-col span="3" :custom-style="`border-right: 2rpx solid #E8E8E8;`">
|
|
<u-text text="40kg" bold="true" size="32" align="center" color="#B12D29"></u-text>
|
|
<u-text margin="10rpx 0 0 0" text="总重量" size="28" color="#999" align="center"></u-text>
|
|
</u-col>
|
|
<u-col span="3">
|
|
<u-text text="1.5" bold="true" size="32" align="center" color="#B12D29"></u-text>
|
|
<u-text margin="10rpx 0 0 0" text="总体积" size="28" color="#999" align="center"></u-text>
|
|
</u-col>
|
|
</u-row>
|
|
</view>
|
|
|
|
<view class="pl-30 pr-30 pt-10">
|
|
<view v-for="(item) in [{},{},{}]" class="sta-item radius-20">
|
|
<text class="font-30 font-weight">柬埔寨</text>
|
|
|
|
<u-row custom-style="margin: 20rpx 0 0 0;">
|
|
<u-col span="3" :custom-style="`border-right: 2rpx solid #E8E8E8;`">
|
|
<u-text text="5" bold="true" size="32" align="center" color="#B12D29"></u-text>
|
|
<u-text margin="10rpx 0 0 0" text="票数" size="28" color="#999" align="center"></u-text>
|
|
</u-col>
|
|
<u-col span="3" :custom-style="`border-right: 2rpx solid #E8E8E8;`">
|
|
<u-text text="30" bold="true" size="32" align="center" color="#B12D29"></u-text>
|
|
<u-text margin="10rpx 0 0 0" text="件数" size="28" color="#999" align="center"></u-text>
|
|
</u-col>
|
|
<u-col span="3" :custom-style="`border-right: 2rpx solid #E8E8E8;`">
|
|
<u-text text="40kg" bold="true" size="32" align="center" color="#B12D29"></u-text>
|
|
<u-text margin="10rpx 0 0 0" text="重量" size="28" color="#999" align="center"></u-text>
|
|
</u-col>
|
|
<u-col span="3">
|
|
<u-text text="1.5" bold="true" size="32" align="center" color="#B12D29"></u-text>
|
|
<u-text margin="10rpx 0 0 0" text="体积" size="28" color="#999" align="center"></u-text>
|
|
</u-col>
|
|
</u-row>
|
|
</view>
|
|
</view>
|
|
|
|
</view>
|
|
</tpx-page>
|
|
|
|
</template>
|
|
<script>
|
|
import getCdnUrl from "@/common/getCdnUrl"
|
|
import { dateRangeList } from "@/common/enum"
|
|
export default {
|
|
props: {
|
|
},
|
|
data() {
|
|
return {
|
|
...JSON.parse(JSON.stringify({ dateRangeList })),
|
|
searchParam: {
|
|
keyword: ''
|
|
}
|
|
}
|
|
},
|
|
onShareAppMessage() {
|
|
return {
|
|
}
|
|
},
|
|
methods: {
|
|
getCdnUrl,
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style lang="scss">
|
|
@import '@/common/uni-nvue.scss';
|
|
page{
|
|
height: 100% !important;
|
|
}
|
|
</style>
|
|
<style scoped lang="scss">
|
|
.sta-item{
|
|
margin-bottom: 20rpx;
|
|
padding: 30rpx;
|
|
background-color: #fff;
|
|
}
|
|
</style>
|