uu
This commit is contained in:
parent
4bd2c7f9a6
commit
160d1b2292
@ -222,7 +222,7 @@
|
||||
color: #999;
|
||||
}
|
||||
.clr-prm{
|
||||
color: #B12D29;;
|
||||
color: #B12D29;
|
||||
}
|
||||
.clr-wht{
|
||||
color: #fff;;
|
||||
|
||||
@ -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,
|
||||
}
|
||||
18
pages.json
18
pages.json
@ -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": [{
|
||||
|
||||
@ -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' }
|
||||
],
|
||||
|
||||
}
|
||||
|
||||
@ -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
106
pages/user/bunsStatic.vue
Normal 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>
|
||||
66
pages/user/exclusiveQrcode.vue
Normal file
66
pages/user/exclusiveQrcode.vue
Normal 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
68
pages/user/withdraw.vue
Normal 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>
|
||||
Loading…
Reference in New Issue
Block a user