From 07b12cf496c9380145414972ffe3a8969bf685ac Mon Sep 17 00:00:00 2001
From: wk
Date: 星期三, 09 十月 2024 15:17:28 +0800
Subject: [PATCH] feat:门卫
---
pages/doorkeeper-page/my-page/my-page.vue | 329 +++++++++++++++++++-----------------------------------
1 files changed, 118 insertions(+), 211 deletions(-)
diff --git a/pages/doorkeeper-page/my-page/my-page.vue b/pages/doorkeeper-page/my-page/my-page.vue
index a601708..9f52d37 100644
--- a/pages/doorkeeper-page/my-page/my-page.vue
+++ b/pages/doorkeeper-page/my-page/my-page.vue
@@ -4,13 +4,9 @@
<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"
- @click="editBtnClick"
- shape="circle"
- plain>缂栬緫涓汉璧勬枡</u-button></view>
</view>
<view class="personal-information">
<view class="personal-information-block">
@@ -18,7 +14,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 +24,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>
@@ -37,13 +33,41 @@
</view>
</view>
<view class="information-line">
- <view class="line-label last">
- <image src="https://mx.jzeg.cn:9096/appimg/image/banner/phonenum.png"
+ <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.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>
@@ -64,59 +88,12 @@
shape="circle"
plain></u-button></view>
</view>
- <!-- 淇敼寮瑰嚭妗� -->
- <view class="editDriverPopup-container">
- <u-popup :show="editDriverPopupShow"
- mode="bottom"
- @close="editDriverPopupClose"
- @open="editDriverPopupOpen"
- :closeable="true">
- <combined-title title="淇敼涓汉淇℃伅"
- style="margin-left:20rpx"></combined-title>
- <view class="editDriverPopup-container-box">
- <u--form labelPosition="left"
- :model="editUserInfo"
- ref="editRef">
- <u-form-item labelWidth="20%"
- label="濮撳悕"
- prop="name"
- required>
- <u--input v-model="editUserInfo.name"
- border="none"
- inputAlign="left"></u--input>
- </u-form-item>
- <u-form-item labelWidth="20%"
- label="韬唤璇佸彿"
- prop="idCard"
- required>
- <u--input v-model="editUserInfo.idCard"
- border="none"
- inputAlign="left"></u--input>
- </u-form-item>
- <u-form-item labelWidth="20%"
- label="鎵嬫満鍙�"
- prop="phone"
- required>
- <u--input v-model="editUserInfo.phone"
- border="none"
- inputAlign="left"></u--input>
- </u-form-item>
- <u-form-item labelWidth="20%"
- label="璐﹀彿"
- prop="username"
- required>
- <u--input v-model="editUserInfo.username"
- border="none"
- inputAlign="left"></u--input>
- </u-form-item>
- </u--form>
- <view style="margin-top: 30rpx;">
- <u-button text="鎻愪氦"
- @click="updateUser"
- type="primary"></u-button>
- </view>
- </view>
- </u-popup>
+ <view class="loginout-we">
+ <view class="loginout-main"><u-button text="鑱旂郴鎴戜滑"
+ type="primary"
+ shape="circle"
+ plain
+ @click="contactUs()"></u-button></view>
</view>
<view class="logoutModel">
<u-modal :show="logoutShow"
@@ -151,55 +128,6 @@
axleNum: '',
userId: ''
},
- rules: {
- name: [{
- type: 'string',
- required: true,
- message: '璇峰～鍐欏鍚�',
- trigger: ['blur', 'change']
- },
- {
- pattern: /^[\u4e00-\u9fa5\s]+$/,
- message: '濮撳悕鍙兘鏄腑鏂�',
- trigger: ['blur', 'change']
- }],
- idCard: [{
- type: 'string',
- required: true,
- message: '璇疯緭鍏ヨ韩浠借瘉鍙�',
- trigger: ['blur', 'change']
- },
- {
- pattern: /^([1-6][1-9]|50)\d{4}(18|19|20)\d{2}((0[1-9])|10|11|12)(([0-2][1-9])|10|20|30|31)\d{3}[0-9Xx]$/,
- message: '韬唤璇佸彿鏍煎紡涓嶆纭�'
- }
- ],
- phone: [{
- required: true,
- message: '姝ら」涓哄繀濉」',
- // blur鍜宑hange浜嬩欢瑙﹀彂妫�楠�
- trigger: ['blur', 'change']
- },
- {
- min: 11,
- max: 11,
- message: '璇疯緭鍏ュ悎娉曟墜鏈哄彿'
- },
- {
- validator: (rule, value, callback) => {
- return uni.$u.test.mobile(value);
- },
- message: '鎵嬫満鍙风爜鏍煎紡涓嶆纭�',
- trigger: ['change', 'blur']
- }
- ],
- username: {
- type: 'string',
- required: true,
- message: '璇峰～鍐欒处鍙�',
- trigger: ['blur', 'change']
- }
- },
src: '',
fileList1: [],
fileList2: [],
@@ -212,19 +140,62 @@
logoutShow: false,
logoutTitle: '鎻愮ず',
logoutContent: '鏄惁纭閫�鍑�',
- BaseUrl
+ BaseUrl,
+ phoneList:[]
};
- },
- onShow() {
- // this.init();
- },
- onReady() {
- this.$refs.editRef.setRules(this.rules);
},
methods: {
...mapMutations(['changeisUploadimg']),
+ 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
+ })
+ },
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({
@@ -240,46 +211,6 @@
});
});
},
- // 淇敼鎸夐挳鐐瑰嚮
- editBtnClick() {
- this.editDriverPopupShow = true;
- },
- /**
- * @editPopup 淇敼寮瑰嚭妗嗕簨浠�
- */
- editDriverPopupClose() {
- this.editDriverPopupShow = false;
- },
- editDriverPopupOpen() {},
- // 淇敼鐢ㄦ埛淇℃伅
- updateUser() {
- this.editUserInfo = {
- ...this.editUserInfo,
- carImg: uni.getStorageSync('carImg'),
- drivingImg: uni.getStorageSync('drivingImg')
- };
- this.$refs.editRef
- .validate()
- .then(res => {
- this.$reqPost('updateUser', this.editUserInfo, 'json').then(res => {
- console.log('鏇存柊鏁版嵁', res);
- this.editDriverPopupShow = false;
- if (res.code == 0) {
- this.$u.toast('淇敼鎴愬姛');
- this.init();
- } else {
- uni.showToast({
- title: res.msg,
- icon: 'none',
- duration: 2000
- });
- }
- });
- })
- .catch(err => {
- this.$u.toast('淇敼澶辫触');
- });
- },
logout() {
this.logoutShow = true;
},
@@ -293,6 +224,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('寮圭獥鍙栨秷');
+ }
+ });
},
}
};
@@ -345,7 +289,7 @@
.avatar-imgage {
width: 98rpx;
height: 98rpx;
- margin-left: vww(18);
+ margin-left: 5%;
@include flex;
justify-content: center;
}
@@ -376,7 +320,7 @@
top: vww(20);
&-block {
width: 90%;
- height: 300rpx;
+ 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;
@@ -385,12 +329,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: 98%;
height: vww(45);
border-bottom: 1rpx solid #f0f1f6;
@@ -479,7 +424,7 @@
@include flex;
justify-content: center;
position: relative;
- bottom: vww(-400);
+ bottom: vww(-450);
.loginout-main {
width: 84%;
}
@@ -490,59 +435,21 @@
@include flex;
justify-content: center;
position: relative;
- bottom: vww(-430);
+ bottom: vww(-480);
.loginout-main {
width: 84%;
}
}
-
- // 琛ㄥ崟
- .personal-information-form {
- margin-top: vww(200);
-
- .push-information-button {
- display: flex;
- margin: vww(20) auto 0;
- width: 80%;
-
- .u-button {
- &:nth-of-type(2) {
- margin-left: vww(10);
- }
- }
- }
- }
-
- // 棰勮鍥剧墖
- .previewImage-container {}
-
- // 淇敼寮瑰嚭妗�
- .editDriverPopup-container {
- .u-popup {
- .u-transition {
- height: 50%;
-
- .u-popup__content {
- overflow: scroll !important;
-
- .editDriverPopup-container-box {
- width: 90%;
- margin: 0 auto;
- }
-
- //closeIcon
- .u-popup__content__close--top-right {
- top: vww(20) !important;
-
- .u-icon {
- .u-icon__icon {
- font-size: vww(20) !important;
- }
- }
- }
- }
- }
+ .loginout-we{
+ width: 100%;
+ height: 74rpx;
+ @include flex;
+ justify-content: center;
+ position: relative;
+ bottom: vww(-500);
+ .loginout-main {
+ width: 84%;
}
}
}
--
Gitblit v1.9.1