From b62578f8b43f15be89b3d14f463f11aed03e6fb9 Mon Sep 17 00:00:00 2001
From: jiangping <jp@doumee.com>
Date: 星期四, 09 五月 2024 18:57:25 +0800
Subject: [PATCH] 最新版本
---
h5/pages/userinfo/userinfo.vue | 151 ++++++++++++++++++++++++++++++++------------------
1 files changed, 96 insertions(+), 55 deletions(-)
diff --git a/h5/pages/userinfo/userinfo.vue b/h5/pages/userinfo/userinfo.vue
index 0c56d64..17c52c0 100644
--- a/h5/pages/userinfo/userinfo.vue
+++ b/h5/pages/userinfo/userinfo.vue
@@ -2,39 +2,39 @@
<view class="container">
<view class="visitor-form">
<view class="cell">
- <view class="title">濮撳悕<b>*</b></view>
+ <view class="title"><b>*</b>濮撳悕</view>
<view class="content">
<input class="input" placeholder-style="color: #999999;" maxlength="30" v-model="visitorData.name" placeholder="璇疯緭鍏ユ偍鐨勭湡瀹炲鍚�" />
</view>
</view>
<view class="cell">
- <view class="title">鎵嬫満鍙�<b>*</b></view>
+ <view class="title"><b>*</b>鎵嬫満鍙�</view>
<view class="content">
<input class="input" maxlength="11" placeholder-style="color: #999999;" v-model="visitorData.phone" placeholder="璇疯緭鍏ユ偍鐨勬墜鏈哄彿" />
</view>
</view>
<view class="cell">
- <view class="title">璇佷欢绫诲瀷<b>*</b></view>
+ <view class="title"><b>*</b>璇佷欢绫诲瀷</view>
<view class="content" @click="show = true">
<text :style="{color: visitorData.idcardTypeName ? '#000000' : ''}">{{visitorData.idcardTypeName ? visitorData.idcardTypeName : '璇烽�夋嫨'}}</text>
<u-icon name="arrow-right" color="#CCCCCC" size="20"></u-icon>
</view>
</view>
<view class="cell">
- <view class="title">璇佷欢鍙风爜<b>*</b></view>
+ <view class="title"><b>*</b>璇佷欢鍙风爜</view>
<view class="content">
<input class="input" maxlength="18" placeholder-style="color: #999999;" v-model="visitorData.idcardNo" placeholder="璇疯緭鍏ユ偍鐨勮瘉浠跺彿鐮�" />
</view>
</view>
<view class="cell">
- <view class="title">鍏徃</view>
+ <view class="title"><b>*</b>鍏徃鍚嶇О</view>
<view class="content">
<input class="input" maxlength="50" placeholder-style="color: #999999;" v-model="visitorData.companyName" placeholder="璇疯緭鍏ユ偍鐨勫叕鍙稿悕绉�" />
</view>
</view>
<view class="cell">
<view class="title1">
- <text class="title1_a">浜鸿劯鐓х墖<b>*</b></text>
+ <text class="title1_a"><b>*</b>浜鸿劯鐓х墖</text>
<text class="title1_b">1銆佽鎻愪緵浜斿畼娓呮櫚锛屼汉鑴稿眳涓殑姝ｉ潰浜鸿劯鍏嶅啝鐓х墖锛�</text>
<text class="title1_b">2銆佺収鐗囨棤閫嗗厜銆佹棤PS銆佹棤杩囧害缇庨澶勭悊</text>
</view>
@@ -48,7 +48,7 @@
</view>
</view>
<view style="height: 20rpx; background-color: #F7F7F7;"></view>
- <view class="cell">
+ <!-- <view class="cell">
<view class="title">鍋ュ悍璇�<b v-if="visit === '1'">*</b></view>
<view class="content">
<view class="content_uplaod" @click="upload('imgurl')" v-if="!visitorData.imgurlUrl">
@@ -58,19 +58,26 @@
<image :src="visitorData.imgurlUrl" mode="widthFix"></image>
</view>
</view>
- </view>
+ </view> -->
</view>
<view class="footer-box">
<view class="submit-button" @click="submit">涓嬩竴姝�</view>
</view>
- <u-picker keyName="name" :show="show" :columns="columns" @confirm="confirm" @cancel="show = false"></u-picker>
+ <!-- <tly-picture-cut ref="tlyPictureCut" :pictureSrc="photoSrc" @createImg="uploadImg"></tly-picture-cut> -->
+ <u-picker :show="show" :columns="columns" keyName="name" @cancel="show = false" @confirm="confirm"></u-picker>
+ <qf-image-cropper ref="cropper" :width="280" :height="280" :radius="30" @crop="uploadImg"></qf-image-cropper>
</view>
</template>
<script>
+ import tlyPictureCut from "@/components/tly-picture-cut/tlyPictureCut.vue";
+ import QfImageCropper from '@/uni_modules/qf-image-cropper/components/qf-image-cropper/qf-image-cropper.vue';
+ import { mapState } from 'vuex'
+ import { uploadUrl } from "@/utils/config"
export default {
data() {
return {
+ photoSrc: "",
show: false,
visit: '',
type: '',
@@ -80,23 +87,52 @@
userAnswerId: '',
name: '',
phone: '',
- idcardType: '',
- idcardTypeName: '',
+ idcardType: '0',
+ idcardTypeName: '韬唤璇�',
idcardNo: '',
faceImg: '',
faceImgUrl: '',
imgurl: '',
- imgurlUrl: ''
+ imgurlUrl: '',
+ companyName: ''
}
}
},
+ computed: {
+ ...mapState(['member'])
+ },
+
+ components: { tlyPictureCut, QfImageCropper },
+
onLoad(option) {
+ if (this.member) {
+ this.visitorData.name = this.member.name
+ this.visitorData.phone = this.member.phone
+ this.visitorData.idcardNo = this.member.idcardDecode
+ this.visitorData.companyName = this.member.visitCompanyName
+ this.visitorData.faceImg = this.member.faceImg
+ if (this.member.faceImg) {
+ this.visitorData.faceImgUrl = this.member.prefixUrl + this.member.faceImg
+ }
+ this.visitorData.imgurl = this.member.imgurl
+ if (this.member.imgurl) {
+ this.visitorData.imgurlUrl = this.member.prefixUrl + this.member.imgurl
+ }
+ this.visitorData.idcardType = this.member.idcardType
+ if (this.member.idcardType === 0) {
+ this.visitorData.idcardTypeName = '韬唤璇�'
+ } else if (this.member.idcardType === 1) {
+ this.visitorData.idcardTypeName = '娓境璇佷欢'
+ } else if (this.member.idcardType === 2) {
+ this.visitorData.idcardTypeName = '鎶ょ収'
+ }
+ }
this.visitorData.userAnswerId = option.userAnswerId
this.getVisit()
- uni.$on('update', (data) => {
- this.uploadImg(data.tempFilePath)
- })
+ // uni.$on('update', (data) => {
+ // this.uploadImg(data.tempFilePath)
+ // })
},
methods: {
@@ -129,6 +165,10 @@
icon: 'none'
})
}
+ if (!this.visitorData.companyName) return uni.showToast({
+ title: '鍏徃涓嶈兘涓虹┖',
+ icon: 'none'
+ })
if (!this.visitorData.faceImg) return uni.showToast({
title: '浜鸿劯鐓х墖涓嶈兘涓虹┖',
icon: 'none'
@@ -155,23 +195,23 @@
})
},
uploadImg(file) {
+ var that = this
+ that.$refs.cropper.close()
uni.showLoading({ title: '涓婁紶涓�', mask: true });
uni.uploadFile({
- url: `${this.$baseUrl}public/api/uploadFtp.do`,
- filePath: file,
+ url: uploadUrl,
+ filePath: file.tempFilePath,
name: 'file',
formData: {
folderCode: 'MEMBER_IMG'
},
success: (uploadFileRes) => {
let res = JSON.parse(uploadFileRes.data)
- if (this.type === 'faceImg') {
- this.visitorData.faceImg = res.data.halfPath
- this.visitorData.faceImgUrl = res.data.prefixPath + res.data.folder + res.data.halfPath
- } else {
- this.visitorData.imgurl = res.data.halfPath
- this.visitorData.imgurlUrl = res.data.prefixPath + res.data.folder + res.data.halfPath
- }
+ this.visitorData.faceImg = res.data.halfPath
+ this.visitorData.faceImgUrl = res.data.prefixPath + res.data.folder + res.data.halfPath
+ },
+ fail(err) {
+ alert('澶辫触')
},
complete() {
uni.hideLoading();
@@ -179,42 +219,42 @@
});
},
upload(type) {
- this.type = type
+ var that = this
+ that.type = type
+ if (type === 'faceImg') {
+ that.$refs.cropper.chooseImage()
+ return
+ }
uni.chooseImage({
count: 1,
success: (chooseImageRes) => {
- if (type === 'faceImg') {
- uni.navigateTo({
- url: `/pages/cropping/cropping?item=${JSON.stringify({ tempFilePath: chooseImageRes.tempFilePaths[0] })}`
- })
- return
- }
- uni.showLoading({ title: '涓婁紶涓�', mask: true });
- for (let i = 0; i < chooseImageRes.tempFilePaths.length; i++) {
+ // if (type === 'faceImg') {
+ // that.photoSrc = chooseImageRes.tempFilePaths[0];
+ // that.$refs.tlyPictureCut.showPop();
+ // }
+ if (type === 'imgurl') {
+ uni.showLoading({ title: '涓婁紶涓�', mask: true });
uni.uploadFile({
- url: `${this.$baseUrl}public/api/uploadFtp.do`,
- filePath: chooseImageRes.tempFilePaths[i],
+ url: uploadUrl,
+ filePath: chooseImageRes.tempFilePaths[0],
name: 'file',
formData: {
folderCode: 'MEMBER_IMG'
},
+ timeout: 60000,
success: (uploadFileRes) => {
let res = JSON.parse(uploadFileRes.data)
- if (type === 'faceImg') {
- this.visitorData.faceImg = res.data.halfPath
- this.visitorData.faceImgUrl = res.data.prefixPath + res.data.folder + res.data.halfPath
- } else {
- this.visitorData.imgurl = res.data.halfPath
- this.visitorData.imgurlUrl = res.data.prefixPath + res.data.folder + res.data.halfPath
- }
+ that.visitorData.imgurl = res.data.halfPath
+ that.visitorData.imgurlUrl = res.data.prefixPath + res.data.folder + res.data.halfPath
},
complete() {
- if (i === chooseImageRes.tempFilePaths.length - 1) {
- uni.hideLoading();
- }
+ uni.hideLoading();
}
});
}
+ },
+ fail(err) {
+ alert('api鎶ラ敊')
}
});
},
@@ -227,7 +267,7 @@
}
</script>
-<style>
+<style lang="scss">
page {
background-color: #F7F7F7 !important;
}
@@ -256,35 +296,36 @@
}
.title b {
- color: red;
- font-weight: bold;
+ color: #E42D2D;
+ margin-right: 4rpx;
}
.title1 {
display: flex;
flex-direction: column;
.title1_a {
- font-size: 30rpx;
+ font-size: 30rpx !important;
font-weight: 400;
color: #222222;
display: flex;
align-items: center;
margin-bottom: 20rpx;
b {
- color: red;
- font-weight: bold;
+ color: #E42D2D;
+ margin-right: 4rpx;
+
}
}
.title1_b {
- font-size: 24rpx;
+ font-size: 24rpx !important;
font-weight: 400;
color: #999999;
}
}
.add-other {
- border: 1rpx solid #025eef;
- color: #025eef;
+ border: 1rpx solid #4d99a8;
+ color: #4d99a8;
font-size: 11rpx;
padding: 0 12rpx;
height: 32rpx;
@@ -309,7 +350,7 @@
width: calc(100% - 60rpx);
height: 88rpx;
line-height: 88rpx;
- background: #025eef;
+ background: #4d99a8;
border-radius: 4rpx;
color: #fff;
border-radius: 44rpx;
--
Gitblit v1.9.3