From 2d43a1df3f5ba42710e6d21c27d1e13bdb8dfd56 Mon Sep 17 00:00:00 2001 From: zhangwei <1504152376@qq.com> Date: 星期一, 24 三月 2025 09:23:08 +0800 Subject: [PATCH] - --- src/pages/mine/apply.vue | 165 +++++++++++++++++++++++++++++++++++++++---------------- 1 files changed, 117 insertions(+), 48 deletions(-) diff --git a/src/pages/mine/apply.vue b/src/pages/mine/apply.vue index 22df405..56ff7ee 100644 --- a/src/pages/mine/apply.vue +++ b/src/pages/mine/apply.vue @@ -4,10 +4,9 @@ <up-form labelPosition="left" :model="userInfo" :rules="rules" ref="formRef" labelWidth='80'> <up-form-item label="韬唤璇佹闈�" prop="idCardFace" required> <fui-upload immediate :url="`${apiBaseUrl}/api/UpFile/UploadIdCord?PageName=FRONT`" ref="uploadF" - max='1' background='#fff' @success="success('FRONT',$event)" @error="error" + max='1' background='#fff' @success="success('FRONT',$event)" @error="errorFront" @complete="completeFront" width="300" height="150"> - <image :src="userInfo.idCardFace?userInfo.idCardFace:'/static/positive.png'" mode="widthFix" - style="width: 300rpx;height: 150rpx;"></image> + <image src="/static/positive.png" mode="widthFix" style="width: 300rpx;height: 150rpx;"></image> </fui-upload> <!-- <template #right> <up-icon name="arrow-right"></up-icon> @@ -17,8 +16,7 @@ <fui-upload immediate :url="`${apiBaseUrl}/api/UpFile/UploadIdCord?PageName=Back`" ref="uploadB" max='1' background='#fff' @success="success('Back',$event)" @error="error" @complete="complete" width="300" height="150"> - <image :src="userInfo.idCardBack?userInfo.idCardBack:'/static/negative.png'" mode="widthFix" - style="width: 300rpx;height: 150rpx;"></image> + <image src="/static/negative.png" mode="widthFix" style="width: 300rpx;height: 150rpx;"></image> </fui-upload> </up-form-item> <up-form-item label="濮撳悕" required prop="name" ref="item1"> @@ -56,7 +54,7 @@ <!-- <tem-session/> --> <!-- </up-popup> --> <view class="tabbtns"> - <up-button color='#fece01' class="text-69" text="淇濆瓨" :loading='isLoading' loadingText="淇濆瓨涓�" + <up-button color='#fece01' text="淇濆瓨" :loading='isLoading' loadingText="淇濆瓨涓�" @click='saveUserWorker'></up-button> </view> </up-form> @@ -71,14 +69,18 @@ onShow, onReady } from "@dcloudio/uni-app"; - import { apiBaseUrl } from '@/common/setting/constVarsHelper.js'; import { onMounted, - getCurrentInstance + getCurrentInstance, + computed } from 'vue' + import { + useStore + } from 'vuex' + const store = useStore() const { $upload, $api, @@ -92,7 +94,24 @@ // let webgl = ref() onLoad(() => { - let data = JSON.parse($db.get('userInfo')) + const userToken = $db.get("userToken"); + if (!userToken) { + uni.showToast({ + title: '璇峰厛鐧诲綍锛�', + icon: 'none', + duration: 1000, + complete: function() { + setTimeout(function() { + uni.hideToast(); + uni.navigateTo({ + url: '/pages/login/index' + }); + }, + 1000); + } + }); + } + let data = $db.get('userInfo') || null if (data && data.userWorker) { userInfo.idCardFace = data.userWorker ? data.userWorker.idCardFace : '' //韬唤璇佹闈㈣矾寰� userInfo.idCardBack = data.userWorker ? data.userWorker.idCardBack : '' //韬唤璇佸弽闈㈣矾寰� @@ -102,9 +121,12 @@ userInfo.address = data.userWorker.address //鑱旂郴鍦板潃 userInfo.resume = data.userWorker.resume //绠�鍘嗘弿杩� userInfo.id = data.userWorker.id + } console.log(userInfo, data && data.userWorker, 'data && data.userWorker'); }) + let uploadF = ref() + let uploadB = ref() let isLoading = ref(false) let rules = { idCardFace: { @@ -137,16 +159,38 @@ message: '绠�鍘嗘弿杩颁笉鑳戒负绌�', trigger: ['blur', 'change'] }, //鍏徃绠�浠� - phone: { + phone: [{ required: true, - message: '鐢佃瘽鍙风爜涓嶈兘涓虹┖', + message: '鑱旂郴鐢佃瘽涓嶈兘涓虹┖', trigger: ['blur', 'change'] } + // , + // { + // // 鑷畾涔夐獙璇佸嚱鏁帮紝瑙佷笂璇存槑 + // validator: (rule, value, callback) => { + // // 涓婇潰鏈夎锛岃繑鍥瀟rue琛ㄧず鏍¢獙閫氳繃锛岃繑鍥瀎alse琛ㄧず涓嶉�氳繃 + // // uni.$u.test.mobile()灏辨槸杩斿洖true鎴栬�協alse鐨� + // return uni.$u.test.mobile(value); + // }, + // message: '鑱旂郴鐢佃瘽涓嶆纭�', + // // 瑙﹀彂鍣ㄥ彲浠ュ悓鏃剁敤blur鍜宑hange + // trigger: ['change','blur'], + // }, + ] } let status = ref(false) const formRef = ref() onReady(() => { formRef.value.setRules(rules); + if (userInfo.idCardBack) { + uploadB.value.urls = [userInfo.idCardBack] + uploadB.value.status = ['success'] + } + if (userInfo.idCardFace) { + uploadF.value.urls = [userInfo.idCardFace] + uploadF.value.status = ['success'] + } + }) onMounted(() => { formRef.value.setRules(rules); @@ -164,39 +208,47 @@ resume: '', //绠�鍘嗘弿杩� id: 0 }) - - const IaiAddPerso = (e) => { - + const getUserInfo = () => { + store.dispatch('getUserInfo') } - + const saveUserWorkerApi = () => { + $api.saveUserWorker(userInfo).then(res => { + if (res.code == 1) { + getUserInfo() + uni.navigateBack() + $util.showToast({ + title: "淇濆瓨鎴愬姛锛�", + icon: "success" + }) + } + isLoading.value = false + }) + } const saveUserWorker = (e) => { formRef.value.validate().then(res => { isLoading.value = true - let obj = { - imgBase64: idCardFaceBase64, - cordId: userInfo.idCode, //韬唤璇佸彿鐮� - name: userInfo.name, //濮撳悕 - gender: gender.value == '鐢�' ? 1 : 2 //鎬у埆 - } - $api.IaiAddPersoBase64(obj).then(res => { - if (res.data.isOK == true) { - $api.saveUserWorker(userInfo).then(res => { - if (res.code == 1) { - $util.showToast({ - title: "淇濆瓨鎴愬姛锛�", - icon: "success" - }) - uni.navigateBack() - } - isLoading.value = false - }) - } else { - $util.showToast({ - title: res.msg - }) - isLoading.value = false + console.log(idCardFaceBase64.value, 'idCardFaceBase64.value鈥�'); + if (idCardFaceBase64.value) { + let obj = { + imgBase64: idCardFaceBase64.value, + cordId: userInfo.idCode, //韬唤璇佸彿鐮� + name: userInfo.name, //濮撳悕 + gender: gender.value == '鐢�' ? 1 : 2 //鎬у埆 } - }) + $api.IaiAddPersoBase64(obj).then(res => { + if (res.data && res.data.isOK == true) { + saveUserWorkerApi() + } else { + $util.showToast({ + title: res.error + }) + isLoading.value = false + } + }) + } else { + saveUserWorkerApi() + } + }).catch(errors => { console.log(errors) uni.$u.toast(errors[0].message) @@ -208,19 +260,31 @@ //e.res 涓烘湇鍔″櫒杩斿洖鏁版嵁 //涓婁紶鎴愬姛鍥炶皟锛屽鐞嗘湇鍔″櫒杩斿洖鏁版嵁銆愭澶勬牴鎹疄闄呰繑鍥炴暟鎹繘琛屽鐞嗐�� let res = JSON.parse(e.res.data.replace(/\ufeff/g, "") || "{}") - console.log(res.data.url, text, res.data.url && text == 'FRONT'); - if (res.data.url && text == 'FRONT') { - userInfo.idCardFace = res.data.url //韬唤璇佹闈㈣矾寰� - userInfo.idCode = res.data.info.idNum //韬唤璇佸彿 - userInfo.name = res.data.info.name - userInfo.address = res.data.info.address - gender.value = res.data.info.sex + if (res.code == 1) { + if (res.data.url && text == 'FRONT') { + userInfo.idCardFace = res.data.url //韬唤璇佹闈㈣矾寰� + userInfo.idCode = res.data.info.idNum //韬唤璇佸彿 + userInfo.name = res.data.info.name + userInfo.address = res.data.info.address + gender.value = res.data.info.sex + } else { + userInfo.idCardBack = res.data.url //韬唤璇佸弽闈㈣矾寰� + } } else { - userInfo.idCardBack = res.data.url //韬唤璇佸弽闈㈣矾寰� + uni.$u.toast(res.error) + if (text == 'FRONT') { + uploadF.value.deleteImage() + } else { + uploadB.value.deleteImage() + } } + } //涓婁紶澶辫触鏃惰Е鍙� const error = (e) => {} + const errorFront = (e) => { + console.log(e, '--------------'); + } //閫夋嫨鍥剧墖鎴栦笂浼犲畬鎴愭椂瑙﹀彂 const completeFront = (e) => { if (e.action == 'delete') { @@ -230,10 +294,12 @@ userInfo.name = '' userInfo.address = '' gender.value = '' + return } console.log(e, '鍒犻櫎') $util.pathToBase64(e.urls[0]).then(res => { - idCardFaceBase64 = res + idCardFaceBase64.value = res + console.log(idCardFaceBase64, idCardFaceBase64.value); }) } const complete = (e) => { @@ -254,4 +320,7 @@ .fui-upload__item { margin-top: 20rpx !important; } + .u-form-item__body { + padding: 5px 0 !important; + } </style> \ No newline at end of file -- Gitblit v1.9.1