From 521cad436a0145c7c5f5d22be57f2b7045462251 Mon Sep 17 00:00:00 2001
From: wk
Date: 星期二, 13 八月 2024 16:02:04 +0800
Subject: [PATCH] feat：联系我们
---
pages/quality-inspection-page/qualityMy/quality-my.vue | 197 +++++++++++++++++++++++++++++++++++++++++++++----
1 files changed, 180 insertions(+), 17 deletions(-)
diff --git a/pages/quality-inspection-page/qualityMy/quality-my.vue b/pages/quality-inspection-page/qualityMy/quality-my.vue
index b47ea12..a786db7 100644
--- a/pages/quality-inspection-page/qualityMy/quality-my.vue
+++ b/pages/quality-inspection-page/qualityMy/quality-my.vue
@@ -1,16 +1,16 @@
<template>
- <view class="driver-my">
+ <view class="driver-my quality-my-wrap">
<view class="driver-banner">
<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,12 +38,40 @@
</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>
<view class="information-value">
{{ userInfo.username || '' }}
+ </view>
+ </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-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>
@@ -63,6 +91,13 @@
@click="logout"
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">
@@ -225,6 +260,40 @@
...mapMutations(['changeisUploadimg']),
init() {
this.getUserEntity();
+ uni.request({
+ url: `${BaseUrl}/admin/dict/page`,
+ method: 'GET',
+ data: {
+ dictType:'phone'
+ },
+ 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 => {
+ this.phoneList=res.data.data.records
+ },
+ fail: err => {
+ }
+ })
+ },
+ fail: err => {
+ }
+ })
},
getUserEntity() {
uni.showLoading({
@@ -239,6 +308,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() {
@@ -294,6 +373,25 @@
logoutCancel() {
this.logoutShow = false;
},
+ contactUs(){
+ let data=[]
+ this.phoneList.map(item=>{
+ item.value.split(',').map(ite=>{
+ data.push(ite)
+ })
+ })
+ uni.showActionSheet({
+ itemList: Array.from(new Set(data)),
+ success: (res) => {
+ uni.makePhoneCall({
+ phoneNumber:Array.from(new Set(data))[res.tapIndex + 1]
+ })
+ },
+ fail: (err) => {
+ console.log('寮圭獥鍙栨秷');
+ }
+ });
+ },
}
};
</script>
@@ -341,7 +439,12 @@
align-items: center;
position: fixed;
top: 0;
-
+ .avatar-inside{
+ width: 100%;
+ position: relative;
+ display: flex;
+ align-items: center;
+ }
.avatar-imgage {
width: 98rpx;
height: 98rpx;
@@ -351,7 +454,7 @@
}
.avatar-name {
- width: 200rpx;
+ max-width: 700rpx;
display: flex;
flex-wrap: wrap;
height: 32rpx;
@@ -362,9 +465,10 @@
}
.edit-button {
- position: relative;
- left: vww(73);
+ position: absolute;
+ right: vww(73);
top: vww(4);
+ width: 220rpx;
}
}
@@ -374,9 +478,11 @@
justify-content: center;
position: relative;
top: vww(20);
+ padding: 40rpx;
+ box-sizing: border-box;
&-block {
- width: 690rpx;
+ width: 100%;
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;
@@ -385,8 +491,10 @@
justify-content: space-between;
.block-main {
- width: 636rpx;
+ width: 100%;
margin: vww(10) vww(14);
+ padding: 0 40rpx;
+ box-sizing: border-box;
}
.information-line {
@@ -428,13 +536,58 @@
}
}
}
+
+ .car-information {
+ width: 100%;
+ position: relative;
+ top: vww(410);
+ @include flex justify-content: center;
+
+ .information-main {
+ width: 690rpx;
+ height: 552rpx;
+ 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;
+
+ .information-body {
+ width: 636rpx;
+ margin: vww(15) vww(14);
+ @include flex flex-direction: column;
+
+ .car-img {
+ height: 246rpx;
+ width: 100%;
+ @include flex;
+ flex-direction: column;
+ align-items: flex-start;
+
+ .label-title {
+ @include flex;
+ width: 220rpx;
+ height: 100rpx;
+
+ .label-text {
+ width: 100%;
+ height: 50rpx;
+ }
+
+ image {
+ width: 50rpx;
+ height: 50rpx;
+ }
+ }
+ }
+ }
+ }
+ }
.switch-accounts{
width: 100%;
height: 80rpx;
@include flex;
justify-content: center;
position: relative;
- bottom: vww(-400);
+ bottom: vww(-450);
.loginout-main {
width: 84%;
}
@@ -445,13 +598,23 @@
@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);
@@ -501,4 +664,4 @@
}
}
}
-</style>
\ No newline at end of file
+</style>
--
Gitblit v1.9.1