mkm/OfficeApp
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

新增当如片区交易金额

Browse Source
This commit is contained in:
weipengfei 2023-08-05 11:11:27 +08:00
parent 1e7885b889
commit 9426aa3135
6 changed files with 309 additions and 25 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

61
components/task/taskItem.vue
View File

@ -10,20 +10,25 @@
<!-- <image src="../../static/icons/err_c.png"></image> -->
</view>
</view>
<view class="item">
<view class="left">
<view>任务进度:</view>
<view class="text">30%</view>
</view>
<view class="right">￥30.00<text class="price">元</text></view>
</view>
<view class="item">
<view class="left">
<view>任务进度:</view>
<view class="text">2023.08.05</view>
</view>
<view class="right">
<view>进入任务<uni-icons type="right" color="#3175f9"></uni-icons></view>
<view class="bottom">
<image class="b_left" src="../../static/img/task/task.png"></image>
<view class="b_right">
<view class="item">
<view class="left">
<view>任务进度:</view>
<view class="text">30%</view>
</view>
<view class="right">￥30.00<text class="price">元</text></view>
</view>
<view class="item">
<view class="left">
<view>完成时间:</view>
<view class="text">2023.08.05</view>
</view>
<view class="right">
<view>进入任务<uni-icons type="right" color="#3175f9"></uni-icons></view>
</view>
</view>
</view>
</view>
</view>
@ -81,15 +86,28 @@
}
}
.bottom{
padding: 28rpx;
display: flex;
.b_left{
width: 103.39rpx;
height: 94.63rpx;
margin-right: 18rpx;
}
.b_right{
flex: 1;
display: flex;
justify-content: space-around;
flex-direction: column;
.item {
display: flex;
justify-content: space-between;
margin: 18rpx 28rpx 0 28rpx;
&:last-child {
padding-bottom: 18rpx;
}
// margin: 18rpx 28rpx 0 28rpx;
// &:last-child {
// padding-bottom: 18rpx;
// }
.left {
display: flex;
}
@ -105,4 +123,7 @@
}
}
}
}
}
</style>

9
pages.json
View File

@ -410,6 +410,15 @@
"navigationBarTextStyle": "white"
}
}, {
"path": "blockTransaction/blockTransaction",
"style": {
"navigationBarTitleText": "片区交易金额",
"enablePullDownRefresh": false,
"navigationBarBackgroundColor": "#3175f9",
"navigationBarTextStyle": "white"
}
}]
}],
"globalStyle": {

BIN
static/img/task/car.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 23 KiB

After

Width:  |  Height:  |  Size: 50 KiB

BIN
static/img/task/task.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.7 KiB

217
subpkg/blockTransaction/blockTransaction.vue Normal file
View File

@ -0,0 +1,217 @@
<template>
<view class="">
<view class="card">
<view class="item">
<view>片区当日交易额(元)</view>
<!-- <view class="price" v-if="company.deposit">{{cCount(company.deposit)}}</view>
<view class="price" v-else>0.00</view> -->
<view class="price">0.00</view>
</view>
<view class="item">
<view>片区目标交易额(元)</view>
<!-- <view class="price" v-if="company.company_money">{{cCount(company.company_money)}}</view>
<view class="price" v-else>0.00</view> -->
<view class="price">0.00</view>
</view>
</view>
<view class="nav">
<view class="title">账单流水</view>
<view class="right">
<!-- <view class="btn" :class="current==0?'active':''" @click="current=0;initLoad()">日账单</view>
<view class="btn" :class="current==1?'active':''" @click="current=1;initLoad()">月账单</view> -->
<view class="btn" @click="naviTo('/subpkg/companyFinance/companyFinance')">历史账单</view>
</view>
</view>
<view class="list">
<view class="item" v-for="(item, index) in 10" :key="index">
<view class="top">
交易时间：2023-06-16 18:07:59
</view>
<view class="bottom">
<view class="text">
<view class="t_item">
<view>购买用户：</view>
<view class="tips">**某</view>
</view>
<view class="t_item">
<view>交易商户：</view>
<view class="tips">通滩镇日杂百货里海云仓</view>
</view>
<view class="t_item">
<view>交易金额：</view>
<view class="tips">40.00(元)</view>
</view>
</view>
</view>
</view>
<u-loadmore :status="loadConfig.status" :loading-text="loadConfig.loadingText" :loadmore-text="loadConfig.loadmoreText" :nomore-text="loadConfig.nomoreText" />
</view>
</view>
</template>
<script>
import { Toast } from '../../libs/uniApi'
export default {
data() {
return {
list:[],
loadConfig:{
page: 1,
limit: 15,
lastpage: '',
loadingText: '努力加载中',
loadmoreText: '轻轻上拉',
nomoreText: '我也是有底线的~~',
status: 'loadmore'
},
}
},
onLoad() {},
onShow() {},
methods: {
naviTo(url) {
url ?
uni.navigateTo({
url: url,
}) : Toast('暂未开放')
},
},
onPullDownRefresh() {
uni.stopPullDownRefresh()
}
}
</script>
<style lang="scss">
.card {
margin: 28rpx auto;
width: 694rpx;
height: 158rpx;
background: #3175F9;
border-radius: 18rpx 18rpx 18rpx 18rpx;
opacity: 1;
padding: 28rpx;
display: flex;
justify-content: space-around;
color: #fff;
text-align: center;
.item {
display: flex;
flex-direction: column;
justify-content: space-between;
font-size: 28rpx;
flex: 1;
&:nth-child(1) {
border-right: 1px solid #fff;
}
.price {
font-size: 49rpx;
font-weight: 500;
}
}
}
.nav {
margin: 28rpx;
display: flex;
justify-content: space-between;
align-items: flex-end;
.title {
font-size: 32rpx;
font-weight: 500;
color: #333333;
display: flex;
align-items: center;
&:before {
content: "";
width: 6rpx;
height: 26rpx;
border-radius: 10rpx;
margin-right: 10rpx;
display: inline-block;
background-color: #3175F9;
}
}
.right {
display: flex;
.btn {
margin-left: 28rpx;
}
.active {
color: #3175F9;
}
}
}
.list {
.item {
margin: 0 auto;
margin-bottom: 28rpx;
width: 694rpx;
// height: 238rpx;
background: #FFFFFF;
border-radius: 14rpx 14rpx 14rpx 14rpx;
opacity: 1;
padding: 28rpx;
.top {
margin-bottom: 28rpx;
font-size: 25rpx;
font-family: PingFang SC-Regular, PingFang SC;
font-weight: 400;
color: #333333;
&:before {
display: inline-block;
content: '交易信息';
width: 137rpx;
height: 49rpx;
line-height: 49rpx;
text-align: center;
background: #3274F9;
border-radius: 26rpx 26rpx 26rpx 26rpx;
color: #fff;
margin-right: 28rpx;
}
}
.bottom {
display: flex;
justify-content: space-between;
.text {
font-size: 25rpx;
font-weight: 400;
color: #999999;
line-height: 39rpx;
.t_item{
display: flex;
&:nth-child(1){
margin-bottom: 16rpx;
}
.tips{
font-size: 28rpx;
font-weight: 400;
color: #333333;
}
}
}
.price{
display: flex;
align-items: center;
font-size: 32rpx;
font-weight: 500;
color: #F02828;
}
}
}
}
</style>

47
subpkg/dispatching/dispatching.vue
View File

@ -2,6 +2,10 @@
<view class="">
<view class="img">
<image src="../../static/img/task/car.png"></image>
<view class="type">
<view class="on_line">在线</view>
<view class="off-line">离线</view>
</view>
</view>
<view class="center_card">
<u-steps direction="column" dot>
@ -9,7 +13,8 @@
</u-steps-item>
<u-steps-item title="中转地点: 某某村">
</u-steps-item>
<u-steps-item title="结束地点: 某某村"></u-steps-item>
<u-steps-item title="结束地点: 某某村">
</u-steps-item>
</u-steps>
</view>
<view class="center_card">
@ -48,14 +53,46 @@
<style lang="scss">
.img {
padding-top: 90rpx;
padding-bottom: 20rpx;
width: 696rpx;
height: 343rpx;
background: #FFFFFF;
border-radius: 18rpx 18rpx 18rpx 18rpx;
opacity: 1;
margin: 28rpx auto;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
image {
width: 443rpx;
height: 241rpx;
width: 357.48rpx;
height: 201.52rpx;
}
.type{
display: flex;
view{
margin: 0 28rpx;
font-size: 28rpx;
font-weight: 400;
color: #07C160;
display: flex;
align-items: center;
&:before{
content: '';
display: inline-block;
width: 30rpx;
height: 30rpx;
background-color: #07C160;
border-radius: 50%;
margin-right: 10rpx;
}
}
.off-line{
color: #FA5151FF;
&:before{
background-color: #FA5151FF;
}
}
}
}