This commit is contained in:
aihe 2023-12-13 10:27:58 +08:00
parent b38afd7f32
commit 5bf5a5fd0a
5 changed files with 105 additions and 100 deletions

View File

@ -47,8 +47,6 @@
{ {
"path": "pages/address/list", "path": "pages/address/list",
"style": { "style": {
"navigationBarTextStyle": "white",
"navigationBarBackgroundColor": "#B12D29",
"navigationBarTitleText": "地址管理" "navigationBarTitleText": "地址管理"
} }
}, },
@ -73,8 +71,6 @@
{ {
"path": "pages/service/list", "path": "pages/service/list",
"style": { "style": {
"navigationBarTextStyle": "white",
"navigationBarBackgroundColor": "#B12D29",
"navigationBarTitleText": "网点查询" "navigationBarTitleText": "网点查询"
} }
}, },
@ -99,8 +95,6 @@
{ {
"path": "pages/bill/list", "path": "pages/bill/list",
"style": { "style": {
"navigationBarTextStyle": "white",
"navigationBarBackgroundColor": "#B12D29",
"navigationBarTitleText": "我的账单" "navigationBarTitleText": "我的账单"
} }
}, },

View File

@ -1,6 +1,6 @@
<template> <template>
<tpx-layout> <tpx-layout>
<template v-slot:header> </template>
<template v-slot:body> <template v-slot:body>
<scroll-view :scroll-y="true" @scrolltolower="onScrollBottom()" class="pos-abt-all" <scroll-view :scroll-y="true" @scrolltolower="onScrollBottom()" class="pos-abt-all"
> >
@ -13,7 +13,7 @@
<view class="com-jianju" style="padding-top: 40rpx;"> <view class="com-jianju" style="padding-top: 40rpx;">
<u-row justify="between" align="top"> <u-row justify="between" align="top">
<u-col span="12"> <u-col span="12">
<tpx-tabs :list="tabList" v-model:value="searchParam.tabType" mode="info" <tpx-tabs :list="tabList" v-model:value="searchParam.tabType"
@tabchange="(val)=> { handleSearchParamChange() }" v-slot="curTab" @tabchange="(val)=> { handleSearchParamChange() }" v-slot="curTab"
> >
<text slot> <text slot>
@ -72,7 +72,14 @@
<view class="blcok-white-noradius"> <view class="blcok-white-noradius">
<u-button @click="handleEditItem()" type="primary" size="large" shape="circle" <u-button @click="handleEditItem()" type="primary" size="large" shape="circle"
custom-style="height:80rpx;font-size: 30rpx;" custom-style="height:80rpx;font-size: 30rpx;"
>新增地址</u-button> >
<u-row>
<u-icon size="34" color="#fff" name="plus"></u-icon>
<text class="pl-10">新增地址</text>
<u-icon size="34" color="#fff" ></u-icon>
</u-row>
</u-button>
</view> </view>
</template> </template>
</tpx-layout> </tpx-layout>
@ -195,8 +202,7 @@
.pgb-header { .pgb-header {
// padding-top: --status-bar-height; // padding-top: --status-bar-height;
padding-top: 30rpx; padding-top: 30rpx;
// background-color: #FFF; background-color: #FFF;
background-color:#B12D29;
position: relative; position: relative;
} }
.pgb-cont{ .pgb-cont{

View File

@ -37,21 +37,27 @@
</view> </view>
<view class="dt-item mt-30"> <view class="dt-item mt-30">
<view class="lb1">支付给</view> <view class="lb1">收款账户</view>
<view class="lb2"> <view class="lb2">
<view class="zhfxin"> <u-row >
<!-- <u-avatar size="100"></u-avatar> --> <u-avatar size="80" shape="square"></u-avatar>
<u-text :text="'江苏探路者国际物流有限公司'" size="28" :bold="true" align="center"></u-text> <view class="pl-10">
</view> <u-text :text="'江苏探路者国际物流有限公司'" size="28" :bold="true" ></u-text>
<u-text :text="'介绍'" size="26" color="#666" margin="10rpx 0 0 0"></u-text>
</view>
</u-row>
</view> </view>
</view> </view>
<view class="dt-item mt-30"> <view class="dt-item mt-30">
<view class="lb1">支付金额</view> <view class="lb1">支付金额</view>
<view class="zhfxin"> <view class="zhfxin">
<u-image height="300" width="300"></u-image> <view style="text-align: center;width: 300rpx;">
<view class=""></view> <u-image height="300" width="300" radius="10"></u-image>
<u-text margin="20rpx 0 0 0" :text="'¥1225.00'" size="32" :bold="true" color="#B12D29" align="center"></u-text> <view class="mt-10" style="display: inline-block;">
<u-text margin="20rpx 0 0 0" :text="'请使用微信或支付宝扫以上码支付'" size="28" :bold="true" align="center"></u-text> <u-text :text="'¥1225.00'" size="32" :bold="true" color="#B12D29" align="center"></u-text>
</view>
</view>
<u-text margin="20rpx 0 0 0" :text="'请使用微信或支付宝扫以上码支付'" size="28" :bold="true"></u-text>
</view> </view>
</view> </view>
@ -159,9 +165,6 @@
} }
} }
.zhfxin{ .zhfxin{
display: flex;
flex-direction: column;
align-items: center;
} }
.yditem{ .yditem{
padding: 20rpx 20rpx; padding: 20rpx 20rpx;

View File

@ -1,77 +1,79 @@
<template> <template>
<tpx-layout> <tpx-layout>
<template v-slot:body> <template v-slot:header>
<scroll-view :scroll-y="true" @scrolltolower="onScrollBottom()" class="pos-abt-all" <view class="customer_nav_bar">
> <view class="com-jianju" >
<view class="customer_nav_bar"> <!-- 关键字搜索框 -->
<view class="com-jianju" > <tpx-search placeholder="请输入运单号/订单号" v-model:value="searchParam.keyword" @change="handleSearchParamChange()" bgColor="#FFF" :timelyTrigger="false"></tpx-search>
<!-- 关键字搜索框 --> </view>
<tpx-search placeholder="请输入运单号/订单号" v-model:value="searchParam.keyword" @change="handleSearchParamChange()" bgColor="#FFF" :timelyTrigger="false"></tpx-search>
</view> <view class="com-jianju" style="padding-top: 30rpx;">
<u-row justify="between" align="top">
<view class="com-jianju" style="padding-top: 40rpx;"> <u-col span="9">
<u-row justify="between" align="top"> <!-- 订单状态 -->
<u-col span="9"> <tpx-tabs :list="payStatusList" v-model:value="searchParam.payStatus"
<!-- 订单状态 --> @tabchange="(val)=> { handleSearchParamChange() }" v-slot="curOrdTab"
<tpx-tabs :list="payStatusList" v-model:value="searchParam.payStatus" mode="info" >
@tabchange="(val)=> { handleSearchParamChange() }" v-slot="curOrdTab" <text slot>
> (<text>{{curOrdTab.item.val}}</text>)
<text slot> </text>
(<text>{{curOrdTab.item.val}}</text>) </tpx-tabs>
</text> </u-col>
</tpx-tabs> <u-col span="2">
</u-col> <!-- 更多查询条件 -->
<u-col span="2"> <u-button @click="handleSearchMoreBtn()" :hairline="false" shape="circle" size="mini" custom-style="border-radius: 23rpx;font-size: 26rpx;height: 50rpx;">
<!-- 更多查询条件 --> <u-row justify="center">
<u-button @click="handleSearchMoreBtn()" :hairline="false" shape="circle" size="mini" custom-style="border-radius: 23rpx;font-size: 26rpx;height: 50rpx;"> <view :style="'padding-right: 4rpx;white-space: nowrap;' + (hasExtSchParam?'color: #B12D29;':'color: #666;')">
<u-row justify="center"> {{hasExtSchParam?'已':''}}筛选
<view :style="'padding-right: 4rpx;white-space: nowrap;' + (hasExtSchParam?'color: #B12D29;':'color: #666;')"> </view>
{{hasExtSchParam?'已':''}}筛选 <u-icon :name="showSearchMore?'arrow-up-fill':'arrow-down-fill'"
</view> :color="(hasExtSchParam?'#B12D29':'color: #666')" size="18" custom-style="margin-top: 2rpx;"
<u-icon :name="showSearchMore?'arrow-up-fill':'arrow-down-fill'" ></u-icon>
:color="(hasExtSchParam?'#B12D29':'color: #666')" size="18" custom-style="margin-top: 2rpx;" </u-row>
></u-icon> </u-button>
</u-row> </u-col>
</u-button> </u-row>
</u-col> </view>
</u-row>
</view> <!-- 状态搜索 -->
<view v-if="showSearchMore" class="search-more-panel">
<!-- 状态搜索 --> <view class="smp-body slideInDown animated fast">
<view v-if="showSearchMore" class="search-more-panel"> <view class="smp-content">
<view class="smp-body slideInDown animated fast"> <view class="pos-abt-all" style="overflow-y: auto;">
<view class="smp-content"> <view style="padding: 0 0 30rpx 0">
<view class="pos-abt-all" style="overflow-y: auto;"> <view>
<view style="padding: 0 0 30rpx 0"> <u-text text="快递状态" size="28" :bold="true" margin="0 0 20rpx 0"></u-text>
<view> <tpx-tags :list="dlvTypeList" v-model:value="tmpSearchParam.postStatus" ></tpx-tags>
<u-text text="快递状态" size="28" :bold="true" margin="0 0 20rpx 0"></u-text> </view>
<tpx-tags :list="dlvTypeList" v-model:value="tmpSearchParam.postStatus" ></tpx-tags>
</view> <view>
<u-text text="付款方式" size="28" :bold="true" margin="20rpx 0 20rpx 0"></u-text>
<view> <tpx-tags :list="payTypeList" v-model:value="tmpSearchParam.payType" ></tpx-tags>
<u-text text="付款方式" size="28" :bold="true" margin="20rpx 0 20rpx 0"></u-text> </view>
<tpx-tags :list="payTypeList" v-model:value="tmpSearchParam.payType" ></tpx-tags>
</view> <view>
<u-text text="时间范围" size="28" :bold="true" margin="20rpx 0 20rpx 0"></u-text>
<view> <tpx-tags type="single" :list="dateTypeList" v-model:value="tmpSearchParam.dateType" @onItemClick="handleCheckDate"></tpx-tags>
<u-text text="时间范围" size="28" :bold="true" margin="20rpx 0 20rpx 0"></u-text> <tpx-tags v-if="tmpSearchParam.date" type='' :list="[{title: tmpSearchParam.date}]" @onItemClick="handleSwitchCladar()" mode="primary"></tpx-tags>
<tpx-tags type="single" :list="dateTypeList" v-model:value="tmpSearchParam.dateType" @onItemClick="handleCheckDate"></tpx-tags>
<tpx-tags v-if="tmpSearchParam.date" type='' :list="[{title: tmpSearchParam.date}]" @onItemClick="handleSwitchCladar()" mode="primary"></tpx-tags>
</view>
</view> </view>
</view> </view>
</view> </view>
<view class="smp-foot"> </view>
<u-row gutter="20" justify="between"> <view class="smp-foot">
<u-button @click="handleResetTempSearch()" shape="circle">重置</u-button> <u-row gutter="20" justify="between">
<view style="width: 40rpx;"></view> <u-button @click="handleResetTempSearch()" shape="circle">重置</u-button>
<u-button @click="handleConfirmTempSearch()" shape="circle" type="primary">确认</u-button> <view style="width: 40rpx;"></view>
</u-row> <u-button @click="handleConfirmTempSearch()" shape="circle" type="primary">确认</u-button>
</view> </u-row>
</view> </view>
</view> </view>
</view> </view>
</view>
</template>
<template v-slot:body>
<scroll-view :scroll-y="true" @scrolltolower="onScrollBottom()" class="pos-abt-all"
>
<view class="pgb-cont"> <view class="pgb-cont">
<!-- 列表数据 --> <!-- 列表数据 -->
<view v-for="(orItem) in dataList" class="ord-list-item" > <view v-for="(orItem) in dataList" class="ord-list-item" >
@ -278,9 +280,7 @@
} }
.customer_nav_bar { .customer_nav_bar {
padding-top: 30rpx; padding-top: 30rpx;
// background-color: #FFF; background-color: #FFF;
background-color: #B12D29;
;
position: relative; position: relative;
} }
</style> </style>

View File

@ -1,14 +1,17 @@
<template> <template>
<tpx-layout> <tpx-layout>
<template v-slot:header>
<view class="pgb-header">
<view class="com-jianju">
<!-- 关键字搜索框 -->
<tpx-search placeholder="选择省市区" v-model:value="searchParam.keyword" @change="handleSearchParamChange()" ></tpx-search>
</view>
</view>
</template>
<template v-slot:body> <template v-slot:body>
<scroll-view :scroll-y="true" @scrolltolower="onScrollBottom()" class="pos-abt-all" <scroll-view :scroll-y="true" @scrolltolower="onScrollBottom()" class="pos-abt-all"
> >
<view class="pgb-header">
<view class="com-jianju">
<!-- 关键字搜索框 -->
<tpx-search placeholder="选择省市区" v-model:value="searchParam.keyword" @change="handleSearchParamChange()" ></tpx-search>
</view>
</view>
<view class="pgb-cont"> <view class="pgb-cont">
<!-- 列表数据 --> <!-- 列表数据 -->
<!-- --> <!-- -->
@ -126,8 +129,7 @@
// padding-top: --status-bar-height; // padding-top: --status-bar-height;
padding-top: 30rpx; padding-top: 30rpx;
padding-bottom: 30rpx; padding-bottom: 30rpx;
// background-color: #FFF; background-color: #FFF;
background-color:#B12D29;
position: relative; position: relative;
} }
.pgb-cont{ .pgb-cont{