This commit is contained in:
aihe 2023-12-20 23:17:23 +08:00
parent 4bd2c7f9a6
commit 160d1b2292
8 changed files with 279 additions and 17 deletions

View File

@ -222,7 +222,7 @@
color: #999;
}
.clr-prm{
color: #B12D29;;
color: #B12D29;
}
.clr-wht{
color: #fff;;

View File

@ -9,7 +9,6 @@ const ordStatusList = [
{ title: '待付款', val: ordStaEnum.unpay }
]
const payTypeEnum = {
postNow: 1,
toNow: 2,
@ -159,6 +158,15 @@ const kuaidiTypeList = [
{ title: '其他', val: kuaidiTypeEnum.other },
]
const dateRangeList = [
{ title: '天', val: 1 },
{ title: '周', val: 2 },
{ title: '月', val: 3 },
{ title: '季度', val: 4 },
{ title: '年', val: 5 },
]
export {
ordStaEnum,
ordStatusList,
@ -182,4 +190,5 @@ export {
packTypeList,
kuaidiTypeEnum,
kuaidiTypeList,
dateRangeList,
}

View File

@ -50,6 +50,24 @@
"navigationBarTitleText": "",
"navigationStyle":"custom"
}
},
{
"path": "pages/user/exclusiveQrcode",
"style": {
"navigationBarTitleText": "专属二维码"
}
},
{
"path": "pages/user/withdraw",
"style": {
"navigationBarTitleText": "计提明细"
}
},
{
"path": "pages/user/bunsStatic",
"style": {
"navigationBarTitleText": "业务统计"
}
}
],
"subPackages": [{

View File

@ -10,7 +10,7 @@
<view class="com-jianju" style="margin-top: 10rpx;">
<view class="pt-30 pb-40 clr-wht font-32 font-weight">我的</view>
<u-row align="center" justify="between">
<view @click="goto(`login/login`)">
<view>
<u-row>
<u-avatar size="120"></u-avatar>
<view class="pl-30">
@ -53,7 +53,9 @@
<view class="blk-mdl">
<u-row>
<u-col v-for="(item) in mainBtnlist" span="3" align="center" custom-style="padding: 30rpx 0;">
<u-col v-for="(item) in mainBtnlist" span="3" align="center" custom-style="padding: 30rpx 0;"
@click="goto(item.url)"
>
<u-image height="60" width="60" :src="item.icon" custom-style="margin-left: auto;margin-right: auto;"></u-image>
<u-text :text="item.title" margin="20rpx 0 0 0" align="center" color="#666" size="26"></u-text>
</u-col>
@ -105,7 +107,7 @@
</view>
<view class="pt-40 pb-40">
<u-button type="primary" size="large" shape="circle"
<u-button @click="goto(`login/login`)" type="primary" size="large" shape="circle"
custom-style="height:86rpx;font-size: 32rpx;border-radius: 20rpx;"
>退出登录</u-button>
</view>
@ -128,9 +130,9 @@
saomiao: true,
mainBtnlist: [
{ title: '服务客户', icon: getCdnUrl(`mine/kehu.png`), url: '' },
{ title: '计提明细', icon: getCdnUrl(`mine/jitmx.png`), url: '' },
{ title: '专属二维码', icon: getCdnUrl(`mine/zhshu.png`), url: '' },
{ title: '我的收件', icon: getCdnUrl(`mine/shj.png`), url: '' }
{ title: '计提明细', icon: getCdnUrl(`mine/jitmx.png`), url: 'user/withdraw' },
{ title: '专属二维码', icon: getCdnUrl(`mine/zhshu.png`), url: 'user/exclusiveQrcode' },
{ title: '我的收件', icon: getCdnUrl(`mine/shj.png`), url: 'user/bunsStatic' }
],
}

View File

@ -138,7 +138,7 @@
</template>
<script>
import getCdnUrl from "@/common/getCdnUrl"
import { ordStaEnum, ordStatusList, payTypeEnum, payTypeList, dlvTypeEnum, dlvTypeList, dateTypeEnum, dateTypeList } from "@/common/enum"
import { ordStaEnum, dateRangeList, ordStatusList, payTypeEnum, payTypeList, dlvTypeEnum, dlvTypeList, dateTypeEnum, dateTypeList } from "@/common/enum"
import { goto, setClipboardData, confirmModal, showLoading } from "@/common/untool"
export default {
props: {
@ -162,7 +162,7 @@
},
data() {
return {
...JSON.parse(JSON.stringify({ ordStaEnum, ordStatusList, payTypeEnum, payTypeList, dlvTypeEnum, dlvTypeList, dateTypeEnum, dateTypeList })),
...JSON.parse(JSON.stringify({ ordStaEnum, dateRangeList, ordStatusList, payTypeEnum, payTypeList, dlvTypeEnum, dlvTypeList, dateTypeEnum, dateTypeList })),
searchParam: {
keyword: '',
ordStatus: ordStatusList[0].val // 订单状态, 1:寄件; 2:收件; 3:待付款;
@ -171,13 +171,6 @@
{}
// ,{},{},{},{},{},{},{}
],
dateRangeList: [
{ title: '天', val: 1 },
{ title: '周', val: 2 },
{ title: '月', val: 3 },
{ title: '季度', val: 4 },
{ title: '年', val: 5 },
],
showLoadMore: false,
loadedAll: false
}

106
pages/user/bunsStatic.vue Normal file
View File

@ -0,0 +1,106 @@
<template>
<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" customInput="true">
<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>
</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>

View File

@ -0,0 +1,66 @@
<template>
<view style="padding: 2rpx 30rpx;">
<view class="blcok-white" style="padding: 40rpx 0;">
<u-row justify="center">
<view>
<u-row>
<u-avatar size="120"></u-avatar>
<view class="pl-30">
<u-row>
<u-text text="张三" size="32" bold="true"></u-text>
<view class="ml-20 font-24 pos-rlt" style="padding: 8rpx 12rpx;">南京网点
<view class="pos-abt-all" style="z-index: 0;background: #999;opacity: 0.2;border-radius: 20rpx;"></view>
</view>
</u-row>
<view class="mt-20 font-24">13712345678</view>
</view>
</u-row>
<view class="mt-30">
<u-image height="600" width="600" radius="10"></u-image>
</view>
<view class="mt-40">
<u-row justify="between">
<view style="width: 200rpx;">
<u-button type="primary" custom-style="border-radius: 10rpx;">保存到本地</u-button>
</view>
<view style="width: 200rpx;">
<u-button type="primary" plain="true" custom-style="border-radius: 10rpx;">打印</u-button>
</view>
</u-row>
</view>
</view>
</u-row>
</view>
</view>
</template>
<script>
import getCdnUrl from "@/common/getCdnUrl"
export default {
props: {
},
data() {
return {
}
},
onShareAppMessage() {
return {
}
},
methods: {
getCdnUrl,
}
}
</script>
<style lang="scss">
@import '@/common/uni-nvue.scss';
page{
height: 100% !important;
}
</style>
<style scoped lang="scss">
</style>

68
pages/user/withdraw.vue Normal file
View File

@ -0,0 +1,68 @@
<template>
<view class="lgn-page" :style="`background-image: url(${getCdnUrl('login/bg.png')});`">
<view>
<u-image custom-style="margin: 160rpx auto 0 auto;" width="100" height="100" :src="getCdnUrl('logo.png')"></u-image>
<u-text margin="70rpx 0 0 0" size="60" text="探路物流 速运全球" color="#fff" bold="true" align="center"></u-text>
</view>
<view style="margin-top: 90rpx;" class="pl-30 pr-30">
<u-text text="密码登录" size="30" color="#fff" bold="true"></u-text>
<view class="mt-40">
<u-input placeholder="请输入账号" color="#fff" font-size="30"
custom-style="padding: 30rpx 60rpx;background: rgba(255,255,255,0.2); border: 2px solid #FFFFFF;border-radius: 16rpx;"
placeholder-style="color: #FFF;"></u-input>
</view>
<view class="mt-40">
<u-input placeholder="请输入密码" color="#fff" font-size="30" type="password"
custom-style="padding: 30rpx 60rpx;background: rgba(255,255,255,0.2); border: 2px solid #FFFFFF;border-radius: 16rpx;"
placeholder-style="color: #FFF;"></u-input>
</view>
<view class="mt-30">
<u-checkbox-group placement="column" v-model="remberPassport">
<u-checkbox size="28" labelSize="28" label="记住密码"
label-color="#fff" activeColor="#fff" iconColor="#B12D29" iconSize="20"></u-checkbox>
</u-checkbox-group>
</view>
<view style="margin-top: 70rpx;">
<u-button custom-style="height:90rpx;font-size:32rpx;color: #B12D29;font-weight: bold;;box-shadow: 0rpx 12rpx 21rpx 0rpx rgba(177,45,41,0.32);border-radius: 16rpx;">登录</u-button>
</view>
</view>
</view>
</template>
<script>
import getCdnUrl from "@/common/getCdnUrl"
export default {
props: {
},
data() {
return {
remberPassport: ''
}
},
onShareAppMessage() {
return {
title: '',
}
},
methods: {
getCdnUrl,
}
}
</script>
<style lang="scss">
@import '@/common/uni-nvue.scss';
page{
height: 100% !important;
}
</style>
<style scoped lang="scss">
.lgn-page {
min-height: 100%;
background-size: 100% auto;
background-repeat: no-repeat;
}
</style>