From 3713f1e122891450d99af7df3bbcd234a3a4da05 Mon Sep 17 00:00:00 2001
From: yangan <yangan0921@163.com>
Date: 星期一, 04 十一月 2024 09:02:20 +0800
Subject: [PATCH] feat:样式修改
---
pages/loadUnload-page/my-page/my-page.vue | 175 +++++++++++++++++++++++++++++++++++++++++++++++++--------
1 files changed, 149 insertions(+), 26 deletions(-)
diff --git a/pages/loadUnload-page/my-page/my-page.vue b/pages/loadUnload-page/my-page/my-page.vue
index 4526f31..4948ee7 100644
--- a/pages/loadUnload-page/my-page/my-page.vue
+++ b/pages/loadUnload-page/my-page/my-page.vue
@@ -4,13 +4,13 @@
<view class="navgation">鎴戠殑</view>
<view class="avatar">
<view class="avatar-imgage"
- style="background: url('https://mx.jzeg.cn:9096/appimg/image/banner/driverava.png')no-repeat;background-size: cover;">
+ style="background: url('https://wrzs.czjlchem.com:9090/appimg/image/banner/driverava.png')no-repeat;background-size: cover;">
</view>
<view class="avatar-name">{{ userInfo.name || '' }}</view>
- <view class="edit-button"><u-button type="primary"
+ <!-- <view class="edit-button"><u-button type="primary"
@click="editBtnClick"
shape="circle"
- plain>缂栬緫涓汉璧勬枡</u-button></view>
+ plain>缂栬緫涓汉璧勬枡</u-button></view> -->
</view>
<view class="personal-information">
<view class="personal-information-block">
@@ -18,7 +18,7 @@
<view class="information-line"
@click="">
<view class="line-label">
- <image src="https://mx.jzeg.cn:9096/appimg/image/banner/personalicon.png"
+ <image src="https://wrzs.czjlchem.com:9090/appimg/image/banner/personalicon.png"
mode="widthFix"></image>
<view class="label-text">韬唤璇佸彿</view>
</view>
@@ -28,7 +28,7 @@
</view>
<view class="information-line">
<view class="line-label">
- <image src="https://mx.jzeg.cn:9096/appimg/image/banner/phonenum.png"
+ <image src="https://wrzs.czjlchem.com:9090/appimg/image/banner/phonenum.png"
mode="widthFix"></image>
<view class="label-text">鎵嬫満鍙�</view>
</view>
@@ -38,7 +38,7 @@
</view>
<view class="information-line">
<view class="line-label">
- <image src="https://mx.jzeg.cn:9096/appimg/image/banner/phonenum.png"
+ <image src="https://wrzs.czjlchem.com:9090/appimg/image/banner/phonenum.png"
mode="widthFix"></image>
<view class="label-text">璐﹀彿</view>
</view>
@@ -46,19 +46,44 @@
{{ userInfo.username || '' }}
</view>
</view>
- <view class="information-line last">
- <view class="line-label">
- <image src="https://mx.jzeg.cn:9096/appimg/image/banner/weighnum.png"
- mode="widthFix"></image>
- <view class="label-text">浣撻噸</view>
+ <view class="information-line"
+ @click="scoreCert">
+ <view class="line-label">
+ <image src="https://wrzs.czjlchem.com:9090/appimg/image/banner/address.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>
</view>
- <view class="information-value">
- {{ userInfo.weight || '' }}
+ <view class="information-line last"
+ @click="scorePass">
+ <view class="line-label">
+ <image src="https://wrzs.czjlchem.com:9090/appimg/image/banner/address.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>
</view>
- </view>
</view>
</view>
</view>
+ </view>
+ <view class="switch-accounts">
+ <view class="loginout-main"><u-button text="鍒囨崲璐﹀彿"
+ type="primary"
+ @click="switchAccounts"
+ shape="circle"
+ plain></u-button></view>
</view>
<view class="loginout">
<view class="loginout-main"><u-button text="閫�鍑虹櫥褰�"
@@ -67,6 +92,13 @@
shape="circle"
plain></u-button></view>
</view>
+ <view class="loginout-we">
+ <view class="loginout-main"><u-button text="鑱旂郴鎴戜滑"
+ type="primary"
+ shape="circle"
+ plain
+ @click="contactUs()"></u-button></view>
+ </view>
<!-- 淇敼寮瑰嚭妗� -->
<view class="editDriverPopup-container">
<u-popup :show="editDriverPopupShow"
@@ -142,7 +174,7 @@
</template>
<script>
- import { customerId, userInfo, redirectLogin } from '@/utils/status';
+ import { customerId, userInfo, redirectLogin,redirectabLogin } from '@/utils/status';
import { BaseUrl } from '@/api/publicInterface.js';
import { mapMutations } from 'vuex';
export default {
@@ -165,12 +197,17 @@
userId: ''
},
rules: {
- name: {
+ name: [{
type: 'string',
required: true,
message: '璇峰～鍐欏鍚�',
trigger: ['blur', 'change']
},
+ {
+ pattern: /^[\u4e00-\u9fa5\s]+$/,
+ message: '濮撳悕鍙兘鏄腑鏂�',
+ trigger: ['blur', 'change']
+ }],
idCard: [{
type: 'string',
required: true,
@@ -226,7 +263,8 @@
logoutShow: false,
logoutTitle: '鎻愮ず',
logoutContent: '鏄惁纭閫�鍑�',
- BaseUrl
+ BaseUrl,
+ phoneList:[]
};
},
onShow() {
@@ -239,6 +277,44 @@
...mapMutations(['changeisUploadimg']),
init() {
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({
@@ -253,6 +329,16 @@
}
});
});
+ },
+ scoreCert(){
+ uni.navigateTo({
+ url: '/pages/password/face?id='+this.userInfo.userId+'&imgPath='+this.userInfo.imgPath+'&username='+this.userInfo.username
+ })
+ },
+ scorePass(){
+ uni.navigateTo({
+ url: '/pages/password/password?id='+this.userInfo.userId
+ })
},
// 淇敼鎸夐挳鐐瑰嚮
editBtnClick() {
@@ -297,6 +383,9 @@
logout() {
this.logoutShow = true;
},
+ switchAccounts(){
+ redirectabLogin()
+ },
logoutConfirm() {
redirectLogin();
this.$store.commit('changeisLogin', false)
@@ -304,6 +393,19 @@
},
logoutCancel() {
this.logoutShow = false;
+ },
+ contactUs(){
+ uni.showActionSheet({
+ itemList: this.phoneList,
+ success: (res) => {
+ uni.makePhoneCall({
+ phoneNumber:this.phoneList[res.tapIndex].split(":")[1]
+ })
+ },
+ fail: (err) => {
+ console.log('寮圭獥鍙栨秷');
+ }
+ });
},
}
};
@@ -356,13 +458,13 @@
.avatar-imgage {
width: 98rpx;
height: 98rpx;
- margin-left: vww(18);
+ margin-left: 5%;
@include flex;
justify-content: center;
}
.avatar-name {
- width: 200rpx;
+ width: 250rpx;
display: flex;
flex-wrap: wrap;
height: 32rpx;
@@ -387,8 +489,8 @@
top: vww(20);
&-block {
- width: 690rpx;
- height: 400rpx;
+ width: 90%;
+ height: 490rpx;
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;
@@ -397,12 +499,13 @@
justify-content: space-between;
.block-main {
- width: 636rpx;
+ width: 100%;
margin: vww(10) vww(14);
}
.information-line {
- @include flex width: 636rpx;
+ @include flex
+ width: 95%;
height: vww(45);
border-bottom: 1rpx solid #f0f1f6;
@@ -485,20 +588,40 @@
}
}
}
-
+ .switch-accounts{
+ width: 100%;
+ height: 80rpx;
+ @include flex;
+ justify-content: center;
+ position: relative;
+ bottom: vww(-450);
+ .loginout-main {
+ width: 84%;
+ }
+ }
.loginout {
width: 100%;
height: 74rpx;
@include flex;
justify-content: center;
position: relative;
- bottom: vww(-430);
+ bottom: vww(-480);
.loginout-main {
width: 84%;
}
}
-
+ .loginout-we{
+ width: 100%;
+ height: 74rpx;
+ @include flex;
+ justify-content: center;
+ position: relative;
+ bottom: vww(-500);
+ .loginout-main {
+ width: 84%;
+ }
+ }
// 琛ㄥ崟
.personal-information-form {
margin-top: vww(200);
--
Gitblit v1.9.1