From f2dd92deb176ad39b18805d5d2721fad0974a278 Mon Sep 17 00:00:00 2001
From: wk
Date: 星期五, 22 十一月 2024 11:32:35 +0800
Subject: [PATCH] feat:我的
---
pages/customer-page/customer-my/customer-my.vue | 390 +++++++++++++++++++++++++++++++++++++++++++++++++++----
1 files changed, 360 insertions(+), 30 deletions(-)
diff --git a/pages/customer-page/customer-my/customer-my.vue b/pages/customer-page/customer-my/customer-my.vue
index 90cb958..1e2068c 100644
--- a/pages/customer-page/customer-my/customer-my.vue
+++ b/pages/customer-page/customer-my/customer-my.vue
@@ -13,32 +13,62 @@
<text>娣诲姞</text>
</template>
</combined-title>
+ <view class="chage">
+ <u-tag text="寰呯敓鏁�"
+ :type="radio==0?'primary':'info'"
+ plain
+ size="mini"
+ class="tags"
+ @click="checkRadio(0)"></u-tag>
+ <u-tag text="鐢熸晥"
+ :type="radio==1?'primary':'info'"
+ plain
+ size="mini"
+ class="tags"
+ @click="checkRadio(1)"></u-tag>
+ <u-tag text="杩囨湡"
+ :type="radio==2?'primary':'info'"
+ plain
+ size="mini"
+ class="tags"
+ @click="checkRadio(2)"></u-tag>
+ <u-tag text="鎷掔粷"
+ :type="radio==3?'primary':'info'"
+ plain
+ size="mini"
+ class="tags"
+ @click="checkRadio(3)"></u-tag>
+ </view>
<view class="huodai-list">
- <u-swipe-action>
+ <view class="buylist">
+ <view v-for="(item, index) in BuyCardData" :key="index" class="buylists" @click=addGouMai(item)>
+ <view >{{item.productName}}</view>
+ <view >{{item.buyTotal}}/{{item.surplus}}</view>
+ <view >{{item.endDate}}</view>
+ <view >{{item.status==0?'寰呯敓鏁�':item.status==1?'鐢熸晥':item.status==2?'搴熷純':'鎷掔粷'}}</view>
+ </view>
+ </view>
+ <!-- <u-swipe-action>
<u-cell-group :border="false">
<u-swipe-action-item :options="options1"
v-for="(item, index) in BuyCardData"
:key="item.userId"
:name="item.productName">
<u-cell :title="item.productName"
- :value="item.status==0?'寰呯敓鏁�':item.status==1?'鐢熸晥':'搴熷純'"
+ :value="
>
- <u-icon name="arrow-right"
- color="#999999"
- size="30"
- slot="right-icon"></u-icon>
</u-cell>
</u-swipe-action-item>
</u-cell-group>
- </u-swipe-action>
+ </u-swipe-action> -->
</view>
</view>
</view>
</view>
- <view class="personal-information-block">
+ <!-- <view class="personal-information-block">
<view class="block-main">
<view class="huodai">
- <combined-title title="鎴戠殑璐т唬"
+ <combined-title title="鎴戠殑鎵胯繍鍟�"
@rightText="addHuoDai">
<template v-slot:rightText>
<text>娣诲姞</text>
@@ -66,7 +96,140 @@
</view>
</view>
</view>
+ </view> -->
+ <view class="information-block">
+ <view class="personal-information">
+ <view class="personal-information-block">
+ <view class="block-main">
+ <view class="information-line">
+ <view class="line-label">
+ <image src="https://wrzs.czjlchem.com:9090/appimg/image/banner/phonenum.png"
+ mode="widthFix"></image>
+ <view class="label-text">鎵嬫満鍙�</view>
+ </view>
+ <view class="information-value">
+ {{ userInfo.phone || '' }}
+ </view>
+ </view>
+ <view class="information-line">
+ <view class="line-label">
+ <image src="https://wrzs.czjlchem.com:9090/appimg/image/banner/carnum.png"
+ mode="widthFix"></image>
+ <view class="label-text">濮撳悕</view>
+ </view>
+ <view class="information-value">
+ {{ userInfo.name || '' }}
+ </view>
+ </view>
+ <view class="information-line">
+ <view class="line-label">
+ <image src="https://wrzs.czjlchem.com:9090/appimg/image/banner/carnum.png"
+ mode="widthFix"></image>
+ <view class="label-text">瑙掕壊</view>
+ </view>
+ <view class="information-value">
+ {{ '瀹㈡埛' }}
+ </view>
+ </view>
+ <!-- <view class="information-line"
+ @click="">
+ <view class="line-label">
+ <image src="https://wrzs.czjlchem.com:9090/appimg/image/banner/personalicon.png"
+ mode="widthFix"></image>
+ <view class="label-text">韬唤璇佸彿</view>
+ </view>
+ <view class="information-value">
+ {{ idCard || '' }}
+ </view>
+ </view> -->
+
+ <!-- <view class="information-line">
+ <view class="line-label">
+ <image src="https://wrzs.czjlchem.com:9090/appimg/image/banner/weighnum.png"
+ mode="widthFix"></image>
+ <view class="label-text">浣撻噸</view>
+ </view>
+ <view class="information-value">
+ {{ userInfo.weight || '' }}
+ </view>
+ </view> -->
+ <!-- 鐢变簬鏄嚜瀹氫箟icon 闈炶璁″浘icon 鎵�浠ヨ鍔犱笂杩欎釜style="margin-left: 1.5%;"
+ icon 涓嬭浇鏍煎紡涓�18x18-->
+ <!-- <view class="information-line"
+ @click="modifyPrint">
+
+ <view class="line-label"
+ style="margin-left: 1.5%;">
+ <image src="https://wrzs.czjlchem.com:9090/appimg/image/banner/printer.png"
+ mode="widthFix"
+ style="width: 18px;"></image>
+ <view class="label-text">纾呭崟鏍峰紡</view>
+ </view>
+ <view class="information-value">
+ <view class="">
+ {{ currentSelectedPrintStyle===1?'涓�椤典袱鑱�':'涓�椤靛洓鑱�'}}
+ </view>
+ <u-icon name="arrow-right"
+ size="36"></u-icon>
+ </view>
+ </view> -->
+ <!-- <view class="information-line"
+ @click="addressManageHandle">
+ <view class="line-label"
+ style="margin-left: 1.5%;">
+ <image src="https://wrzs.czjlchem.com:9090/appimg/image/banner/address.png"
+ mode="widthFix"
+ style="width: 18px;"></image>
+ <view class="label-text"
+ style="width:220rpx ;">閫佽揣瀹㈡埛绠＄悊</view>
+ </view>
+ <view class="">
+ <u-icon name="arrow-right"
+ size="36"></u-icon>
+ </view>
+ </view> -->
+ <!-- <view class="information-line"
+ @click="scoreDetail">
+ <view class="line-label"
+ style="margin-left: 1.5%;">
+ <image src="https://wrzs.czjlchem.com:9090/appimg/image/banner/score.png"
+ mode="widthFix"
+ style="width: 36rpx;position: relative;left: 8rpx;"></image>
+ <view class="label-text">鎴戠殑绉垎</view>
+ </view>
+ <view class="information-value">
+ <view class="">
+ {{ userInfo.integral || '' }}
+ </view>
+ <view class="">
+ <u-icon name="arrow-right"
+ size="36"></u-icon>
+ </view>
+ </view>
+ </view> -->
+ <!-- <view class="information-line last"
+ @click="scoreCert">
+ <view class="line-label"
+ style="margin-left: 1.5%;">
+ <image src="https://wrzs.czjlchem.com:9090/appimg/image/banner/score.png"
+ mode="widthFix"
+ style="width: 36rpx;position: relative;left: 8rpx;"></image>
+ <view class="label-text">鍓ф瘨鍖栧鍝侀亾璺繍杈撻�氳璇�</view>
+ </view>
+ <view class="information-value">
+ <view class="">
+ {{ '' }}
+ </view>
+ <view class="">
+ <u-icon name="arrow-right"
+ size="36"></u-icon>
+ </view>
+ </view>
+ </view> -->
+ </view>
+ </view>
</view>
+ </view>
<view class="personal-information-block">
<view class="block-main">
<view class="fleet-container">
@@ -78,11 +241,12 @@
</combined-title>
<view class="fleet-list">
<u-swipe-action>
- <u-cell-group :border="false">
+ <u-cell-group :border="false" style="z-index: 0;">
<u-swipe-action-item :options="options1"
v-for="(item, index) in fleetData"
:key="item.id"
:name="item.id"
+ style="z-index: 0;"
@click="deleteFleetClick">
<u-cell :title="item.name"
:value="item.userSijisum + '杈�'"
@@ -105,7 +269,7 @@
<view class="statistics"><u-button text="鐢ㄦ埛绠＄悊"
type="primary"
@click="userManage"
- v-if="roleType == 1 && userEntity.isHostUser === '0'"></u-button></view>
+ v-if="roleType == 1 && userInfo.isHostUser === 0"></u-button></view>
<view class="logout"><u-button text="淇敼瀵嗙爜"
type="primary"
@click="modifyPwd"></u-button></view>
@@ -115,6 +279,9 @@
<view class="logout"><u-button text="閫�鍑虹櫥褰�"
type="primary"
@click="logout()"></u-button></view>
+ <view class="logout"><u-button text="鑱旂郴鎴戜滑"
+ type="primary"
+ @click="contactUs()"></u-button></view>
</view>
<u-toast ref="uToast"></u-toast>
<!-- 鏂板缓杞﹂槦寮瑰嚭妗� -->
@@ -147,8 +314,7 @@
@click="addNewGroupClick"></u-button></view>
</u-popup>
</view>
-
- <!-- 鍒犻櫎璐т唬妯℃�佹 -->
+ <!-- 鍒犻櫎鎵胯繍鍟嗘ā鎬佹 -->
<view class="deleteHuoDaiModal">
<u-modal :show="deleteHuoDaiShow"
:title="deleteHuoDaiTitle"
@@ -185,6 +351,7 @@
</template>
<script>
+ import { BaseUrl } from '@/api/publicInterface.js'
import combinedTitle from '@/components/combined-title/combined-title.vue';
import { customerId, redirectLogin } from '@/utils/status';
export default {
@@ -193,6 +360,7 @@
},
data() {
return {
+ radio:'1',
userInfo: {},
huoDaiData: [],
BuyCardData:[],
@@ -206,8 +374,8 @@
options1: [{
text: '鍒犻櫎'
}],
- // 鍒犻櫎璐т唬妯℃�佹
- deleteHuoDaiId: null, // 鍒犻櫎璐т唬id
+ // 鍒犻櫎鎵胯繍鍟嗘ā鎬佹
+ deleteHuoDaiId: null, // 鍒犻櫎鎵胯繍鍟唅d
deleteHuoDaiShow: false,
deleteHuoDaiTitle: '',
deleteHuoDaiContent: '',
@@ -224,19 +392,65 @@
userEntity: {},
initPwdShow: false,
modifyPwdShow: false,
- passwordModified: ''
+ passwordModified: '',
+ phoneList:[]
};
},
computed: {
roleType() {
return uni.getStorageSync('roleType');
+ },
+ userInfo(){
+ return uni.getStorageSync('userInfo');
}
},
methods: {
+ checkRadio(e){
+ this.radio=e
+ this.getBuyCardList()
+ },
init() {
this.getAllHuoDaiByCustomerId();
this.getFleet();
this.getUserEntity();
+ uni.request({
+ url: `${BaseUrl}/admin/dict/page`,
+ method: 'GET',
+ data: {
+ dictType:'Setings'
+ },
+ header: {
+ Authorization: 'Bearer' + ' ' + uni.getStorageSync('token'),
+ clientToc: 'Y',
+ 'CLIENT_TOC': 'Y',
+ },
+ success: res => {
+ let dictId=res.data.data?.records[0].id
+ uni.request({
+ url: `${BaseUrl}/admin/dict/item/page`,
+ method: 'GET',
+ data: {
+ dictId:dictId
+ },
+ header: {
+ Authorization: 'Bearer' + ' ' + uni.getStorageSync('token'),
+ clientToc: 'Y',
+ 'CLIENT_TOC': 'Y',
+ },
+ success: res => {
+ res.data.data.records.forEach(item=>{
+ if(item.description.includes('鑱旂郴')){
+ this.phoneList=item.value.split(',')
+ }
+ })
+ },
+ fail: err => {
+ }
+ })
+ },
+ fail: err => {
+ }
+ })
},
getUserEntity() {
uni.showLoading({
@@ -251,12 +465,12 @@
uni.showLoading({
title: '鍔犺浇涓�...'
});
- this.$reqGet('getBuyCardList',{customerId: this.userInfo.customerid}).then(res => {
+ this.$reqGet('getBuyCardList',{customerId: this.userInfo.customerid,status:this.radio}).then(res => {
uni.hideLoading();
this.BuyCardData = res.data;
});
},
- // 鑾峰彇璐т唬鍒楄〃
+ // 鑾峰彇鎵胯繍鍟嗗垪琛�
getAllHuoDaiByCustomerId() {
uni.showLoading({
title: '鍔犺浇涓�...'
@@ -276,17 +490,25 @@
this.fleetData = res.data;
});
},
- // 娣诲姞璐т唬
+ // 娣诲姞鎵胯繍鍟�
addHuoDai() {
uni.navigateTo({
- url: '/pages/customer-page/addTo-freightForwarder-driver/addTo-freightForwarder-driver?role=1' // 1浠ｈ〃鐨勬槸璐т唬
+ url: '/pages/customer-page/addTo-freightForwarder-driver/addTo-freightForwarder-driver?role=1' // 1浠ｈ〃鐨勬槸鎵胯繍鍟�
});
},
// 娣诲姞璐拱璇�
- addGouMai(){
- uni.navigateTo({
- url: '/pages/customer-page/addTo-freightForwarder-purchasePermit/addTo-freightForwarder-purchasePermit'
- });
+ addGouMai(data){
+ if(data){
+ if(data.status==3){
+ uni.navigateTo({
+ url: '/subPages/addTo-freightForwarder-purchasePermit/addTo-freightForwarder-purchasePermit?data='+encodeURIComponent(JSON.stringify(data))
+ });
+ }
+ }else{
+ uni.navigateTo({
+ url: '/subPages/addTo-freightForwarder-purchasePermit/addTo-freightForwarder-purchasePermit'
+ });
+ }
},
// 娣诲姞杞﹂槦
addFleet() {
@@ -326,14 +548,14 @@
});
this.updateGroupShow = false;
},
- // 鍒犻櫎璐т唬
+ // 鍒犻櫎鎵胯繍鍟�
deleteHuoDaiClick(args) {
- console.log(args, '璐т唬id');
+ console.log(args, '鎵胯繍鍟唅d');
this.deleteHuoDaiId = args.name;
this.deleteHuoDaiShow = true;
this.huoDaiData.forEach(item => {
if (item.userId == this.deleteHuoDaiId) {
- this.deleteHuoDaiContent = '纭鍒犻櫎璐т唬' + item.name + '鍚楋紵';
+ this.deleteHuoDaiContent = '纭鍒犻櫎鎵胯繍鍟�' + item.name + '鍚楋紵';
}
});
},
@@ -397,7 +619,7 @@
this.getFleet();
});
},
- // 璐т唬璇︽儏
+ // 鎵胯繍鍟嗚鎯�
toFreightForwarderDetails(userId) {
uni.navigateTo({
url: `/pages/customer-page/freight-forwarder-details/freight-forwarder-details?userId=${userId}`
@@ -411,6 +633,19 @@
},
logout() {
this.logoutShow = true;
+ },
+ contactUs(){
+ uni.showActionSheet({
+ itemList: this.phoneList,
+ success: (res) => {
+ uni.makePhoneCall({
+ phoneNumber:this.phoneList[res.tapIndex].split(":")[1]
+ })
+ },
+ fail: (err) => {
+ console.log('寮圭獥鍙栨秷');
+ }
+ });
},
logoutConfirm() {
redirectLogin();
@@ -444,7 +679,19 @@
justify-content: space-between;
align-items: center;
}
-
+ .buylist{
+ width: 100%;
+ height: 80%;
+ }
+ .buylists {
+ position: relative;
+ overflow: hidden;
+ @include flex;
+ align-items: center;
+ font-size: 15px;
+ height: 80rpx;
+ border-bottom: 1rpx solid rgb(220, 223, 230);
+ }
.utils-button {
margin-top: vww(35);
@@ -467,6 +714,9 @@
::v-deep.customer-my {
width: 100%;
margin: vww(90) auto;
+ :v-deep .u-cell-group__wrapper{
+ z-index: 0!important;
+ }
.driver-banner {
width: 100%;
@@ -498,7 +748,7 @@
&-block {
width: 690rpx;
- min-height: 478rpx;
+ min-height: 300rpx;
background: #ffffff;
box-shadow: 0rpx 0rpx 14rpx 0rpx rgba(73, 120, 240, 0.14), 0rpx 7rpx 45rpx 0rpx rgba(73, 120, 240, 0.12);
border-radius: 20rpx;
@@ -513,7 +763,77 @@
}
}
}
+ .information-block {
+ width: 100%;
+ .personal-information {
+ width: 100%;
+ display: flex;
+ justify-content: center;
+ position: relative;
+ top: vww(-10);
+
+ &-block {
+ width: 690rpx;
+ height: 350rpx;
+ background: #ffffff;
+ box-shadow: 0rpx 0rpx 14rpx 0rpx rgba(73, 120, 240, 0.14), 0rpx 7rpx 45rpx 0rpx rgba(73, 120, 240, 0.12);
+ border-radius: 20rpx;
+ display: flex;
+ flex-direction: column;
+ justify-content: space-between;
+
+ .block-main {
+ width: 636rpx;
+ margin: vww(10) vww(14);
+ }
+
+ .information-line {
+ @include flex;
+ width: 636rpx;
+ height: vww(45);
+ border-bottom: 1rpx solid #f0f1f6;
+
+ .line-label {
+ width: 50%;
+ height: 90rpx;
+ @include flex;
+
+ image {
+ width: 50rpx;
+ height: 50rpx;
+ }
+
+ .label-text {
+ flex: 0.8;
+ font-size: 30rpx;
+ font-weight: 400;
+ color: #000000;
+ line-height: 32rpx;
+ text-align: left;
+ }
+ }
+
+ .information-value {
+ min-width: vww(125);
+ @include flex;
+ font-size: 30rpx;
+ font-weight: 400;
+ color: #000000;
+ line-height: 85rpx;
+ }
+ }
+
+ .last {
+ border-bottom: 0;
+
+ .information-value {
+ justify-content: space-between;
+ }
+ }
+ }
+ }
+ }
.huodai {
.huodai-list {
.u-swipe-action {
@@ -533,6 +853,9 @@
.fleet-container {
.fleet-list {
.u-swipe-action {
+ .u-cell-group__wrapper {
+ z-index: 0;
+ }
.u-swipe-action-item {
.u-swipe-action-item__right {
.u-swipe-action-item__right__button {
@@ -582,4 +905,11 @@
border: 1rpx solid rgb(220, 223, 230);
}
}
+ .chage{
+ width: 400rpx;
+ height: 50rpx;
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ }
</style>
\ No newline at end of file
--
Gitblit v1.9.1