From c62f4961f9d86460a5d483d7b31c05f98b113290 Mon Sep 17 00:00:00 2001 From: 王恒 <318726284@qq.com> Date: 星期三, 06 八月 2025 17:12:37 +0800 Subject: [PATCH] '更换域名小程序发布' --- pages/companyLogin/companyLogin.vue | 508 ++++++++++++++++++++++++++++++++----------------------- 1 files changed, 295 insertions(+), 213 deletions(-) diff --git a/pages/companyLogin/companyLogin.vue b/pages/companyLogin/companyLogin.vue index 609a084..9e35887 100644 --- a/pages/companyLogin/companyLogin.vue +++ b/pages/companyLogin/companyLogin.vue @@ -1,16 +1,16 @@ <!-- 浼佷笟鐧诲綍 --> <template> - <view class="companylogin"> - <u-navbar title="" :autoBack="true" bgColor="transparent"> - <template slot="center"> - - </template> - </u-navbar> - <view class="image-box"> - <image src="/static/policy/loginHeader.png" mode="widthFix" ></image> - </view> - <view class="content-box"> - <!-- <u-form label-width="60" labelAlign="right" > + <view class="companylogin"> + <u-navbar :autoBack="true" bgColor="transparent"> + <template slot="center"> + + </template> + </u-navbar> + <view class="image-box"> + <image src="/static/policy/loginHeader.png" mode="widthFix"></image> + </view> + <view class="content-box"> + <!-- <u-form label-width="60" labelAlign="right" > <u-form-item label="鎵嬫満鍙�"> <u-input style="width: 80%;" v-model="form.phone" placeholder="璇疯緭鍏�"></u-input> </u-form-item> @@ -23,212 +23,294 @@ </u-input> </u-form-item> </u-form> --> - <view class="form"> - <view class="form-item margin-bottom"> - <view class="form-label"> - 鎵嬫満鍙� - </view> - <view class="form-input"> - <input type="number" v-model="form.phone" placeholder="璇疯緭鍏�11浣嶆墜鏈哄彿"/> - </view> - </view> - <view class="form-item"> - <view class="form-label"> - 楠岃瘉鐮� - </view> - <view class="form-input set-flex set-flex-content-between"> - <input type="number" v-model="form.code" placeholder="璇疯緭鍏ラ獙璇佺爜"/> - <view @click="getCode"> - <text class="driver"></text> - <text class="getcode">{{tips}}</text> - </view> - </view> - </view> - </view> - <view style="margin-top: 56rpx;"> - <view class="per-button" @click="loging">鐧诲綍</view> - </view> - <view @click="goRegister" class="company-register" v-if="form.userType == '02'"> - 浼佷笟娉ㄥ唽 - </view> - <!-- <u--text text="浼佷笟娉ㄥ唽" type="primary" @click="goRegister"></u--text> --> - </view> - </view> + <view class="form"> + <view class="form-item margin-bottom"> + <view class="form-label"> + 鎵嬫満鍙� + </view> + <view class="form-input"> + <input type="number" v-model="form.phone" placeholder="璇疯緭鍏�11浣嶆墜鏈哄彿" /> + </view> + </view> + <view class="form-item"> + <view class="form-label"> + 楠岃瘉鐮� + </view> + <view class="form-input set-flex set-flex-content-between"> + <input type="number" v-model="form.code" placeholder="璇疯緭鍏ラ獙璇佺爜" /> + <view> + <text class="driver"></text> + <text class="getcode">{{tips}}</text> + </view> + </view> + </view> + </view> + <view style="margin-top: 56rpx;"> + <view class="per-button" @click="loging">鐧诲綍</view> + </view> + <view @click="goRegister" class="company-register" v-if="form.userType == '02'"> + 浼佷笟娉ㄥ唽 + </view> + <!-- <u--text text="浼佷笟娉ㄥ唽" type="primary" @click="goRegister"></u--text> --> + </view> + <selectVue ref="selectVue" @select="select"></selectVue> + </view> </template> <script> - // 00钀ュ晢鍔�,01鎵ф硶,02浼佷笟 鍖哄垎涓嶅悓鐨勭櫥闄嗛〉闈� - import { getCode, codeLogin, getInfo } from '@/api/auth.js' - export default { - data() { - return { - tips: '鑾峰彇楠岃瘉鐮�', - form: { - phone: '', - code: '', - userType: '01' - }, - loginToken: '', - isSendCode: false, - countdownTime: 20, - timer: '' - } - }, - onLoad(options) { - if(options.code) { - this.form.userType = options.code - } - }, - onUnload() { - if(this.timer) { - clearTimeout(this.timer) - this.timer = null - } - }, - methods: { - getCode() { - if(!this.form.phone){ - uni.showToast({ - title: '璇疯緭鍏ユ墜鏈哄彿', - icon: 'none' - }) - return - } - if(!this.$u.test.mobile(this.form.phone)){ - uni.showToast({ - title: '璇疯緭鍏ユ纭殑鎵嬫満鍙�', - icon: 'none' - }) - return - } - if (!this.isSendCode) { - this.isSendCode = true - uni.showLoading({ - title: '姝e湪鑾峰彇楠岃瘉鐮�' - }) - getCode({phone: this.form.phone }).then(val => { - this.startCountdown() - uni.hideLoading(); - this.tips = `${this.countdownTime}s鍚庨噸鏂拌幏鍙朻 - uni.$u.toast('楠岃瘉鐮佸凡鍙戦��'); - }) - } else { - uni.$u.toast('鍊掕鏃剁粨鏉熷悗鍐嶅彂閫�'); - } - }, - startCountdown() { - if(this.timer) { - clearTimeout(this.timer) - this.timer = null - } - if(this.countdownTime <= 0) { - this.tips = "閲嶆柊鑾峰彇" - this.isSendCode = false - this.countdownTime = 20 - return - } - this.timer = setTimeout(() => { - this.countdownTime-- - this.tips = `${this.countdownTime}s鍚庨噸鏂拌幏鍙朻 - this.startCountdown() - }, 1000) - }, - loging() { - codeLogin(this.form).then(val => { - if(val.data.token) { - this.loginToken = val.data.token - uni.setStorageSync('sessionToken', this.loginToken) - this.getInfo() - } - }) - }, - getInfo() { - getInfo().then(val => { - uni.setStorageSync('userInfo', val.data.data) - if(this.form.userType == '02') { - uni.redirectTo({ - url:`/qiye/qiyeIndex/qiyeIndex` - }) - } else if(this.form.userType == '01'){ - uni.redirectTo({ - url:`/policy/policyIndex/policyIndex` - }) - } else { - uni.redirectTo({ - url:`/policy/policyIndex/policyIndex` - }) - } - }) - }, - goRegister() { - uni.navigateTo({ - url: `/pages/registerCompany/registerCompany` - }) - } - } - } + // 00钀ュ晢鍔�,01鎵ф硶,02浼佷笟 鍖哄垎涓嶅悓鐨勭櫥闄嗛〉闈� + import { + getCode, + codeLogin, + getInfo, + getCompanyList + } from '@/api/auth.js' + import selectVue from '@/components/select.vue' + export default { + components: { + selectVue + }, + data() { + return { + tips: '鑾峰彇楠岃瘉鐮�', + form: { + phone: '', + code: '', + userType: '01' + }, + loginToken: '', + isSendCode: false, + countdownTime: 20, + timer: '', + sessionToken: "", + userInfo: {} + } + }, + onLoad(options) { + if (options.code) { + this.form.userType = options.code + } + }, + onUnload() { + if (this.timer) { + clearTimeout(this.timer) + this.timer = null + } + }, + methods: { + getCode() { + if (!this.form.phone) { + uni.showToast({ + title: '璇疯緭鍏ユ墜鏈哄彿', + icon: 'none' + }) + return + } + if (!this.$u.test.mobile(this.form.phone)) { + uni.showToast({ + title: '璇疯緭鍏ユ纭殑鎵嬫満鍙�', + icon: 'none' + }) + return + } + if (!this.isSendCode) { + this.isSendCode = true + uni.showLoading({ + title: '姝e湪鑾峰彇楠岃瘉鐮�' + }) + getCode({ + phone: this.form.phone + }).then(val => { + if (val.data.code == 200) { + this.startCountdown() + uni.hideLoading(); + this.tips = `${this.countdownTime}s鍚庨噸鏂拌幏鍙朻 + uni.$u.toast('楠岃瘉鐮佸凡鍙戦��'); + } + }).catch(err => { + this.isSendCode = false + }) + } else { + uni.$u.toast('鍊掕鏃剁粨鏉熷悗鍐嶅彂閫�'); + } + }, + startCountdown() { + if (this.timer) { + clearTimeout(this.timer) + this.timer = null + } + if (this.countdownTime <= 0) { + this.tips = "閲嶆柊鑾峰彇" + this.isSendCode = false + this.countdownTime = 20 + return + } + this.timer = setTimeout(() => { + this.countdownTime-- + this.tips = `${this.countdownTime}s鍚庨噸鏂拌幏鍙朻 + this.startCountdown() + }, 1000) + }, + loging() { + if (!this.form.phone) { + uni.showToast({ + title: '璇疯緭鍏ユ墜鏈哄彿', + icon: 'none' + }) + return + } + // if(!this.form.code){ + // uni.showToast({ + // title: '璇疯緭鍏ラ獙璇佺爜', + // icon: 'none' + // }) + // return + // } + codeLogin(this.form).then(val => { + if (val.data.token) { + this.loginToken = val.data.token + uni.setStorageSync('sessionToken', this.loginToken) + this.getInfo() + } + }) + }, + getInfo() { + getInfo().then(val => { + // uni.setStorageSync('userInfo', val.data.data) + if (val.data.code === 200) { + this.userInfo = val.data.data + if (this.form.userType == '02') { + // 鑾峰彇浼佷笟 + + this.getCompanyList(val.data.data.phonenumber) + } else if (this.form.userType == '01') { + uni.setStorageSync('userInfo', val.data.data) + // uni.setStorageSync('sessionToken', this.loginToken) + uni.reLaunch({ + url: `/policy/policyIndex/policyIndex` + }) + } else { + uni.setStorageSync('userInfo', val.data.data) + // uni.setStorageSync('sessionToken', this.loginToken) + uni.reLaunch({ + url: `/policy/policyIndex/policyIndex` + }) + } + } else { + uni.removeStorageSync('sessionToken') + uni.showToast({ + title: val.data.msg, + icon: 'none' + }) + } + + }).catch(err => { + uni.removeStorageSync('sessionToken') + }) + }, + goRegister() { + uni.navigateTo({ + url: `/pages/registerCompany/registerCompany` + }) + }, + getCompanyList(companyPhone) { + getCompanyList({ + companyPhone, + companyStatus: 0, + checkStatus: 2 + }).then(val => { + if (val.data.rows.length > 1) { + this.$refs.selectVue.open(val.data.rows) + } else { + uni.setStorageSync('userInfo', this.userInfo) + uni.reLaunch({ + url: `/qiye/qiyeIndex/qiyeIndex?id=${this.userInfo.deptId}` + }) + } + }) + }, + select(event) { + uni.setStorageSync('userInfo', this.userInfo) + uni.reLaunch({ + url: `/qiye/qiyeIndex/qiyeIndex?id=${event}` + }) + } + } + } </script> <style scoped lang="scss"> - .companylogin { - &>.image-box { - width: 100%; - height: 345rpx; - text-align: center; - background-color: #111; - &>image{ - width: 100%; - height: 345rpx; - } - } - .content-box{ - border-radius: 40rpx 40rpx 0 0; - padding: 40rpx 32rpx; - position: relative; - top: 80rpx; - background-color: white; - .form { - .form-item{ - .form-label{ - font-size: 34rpx; - margin: 0 0 24rpx 16rpx; - } - .form-input{ - background-color: #F7F7F7; - padding: 20rpx; - border-radius: 20rpx; - } - } - } - .margin-bottom{ - margin-bottom: 36rpx; - } - .getcode{ - color: #1171E0; - font-size: 34rpx; - font-weight: 500; - width: 20%; - } - .driver{ - display: inline-block; - vertical-align: middle; - margin-right: 20rpx; - width: 2rpx; - height: 48rpx; - background-color: #C3C6CD; - } - } - .company-register{ - position: fixed; - bottom: 32rpx; - left: 50%; - transform: translateX(-50%); - padding: 16rpx 46rpx; - color: #1171E0; - display: inline-block; - border-radius: 12rpx; - border: 2rpx solid #ABD2FF; - background: #F0F8FF; - } - } + .companylogin { + &>.image-box { + width: 100%; + height: 345rpx; + text-align: center; + background-color: #111; + + &>image { + width: 100%; + height: 345rpx; + } + } + + .content-box { + border-radius: 40rpx 40rpx 0 0; + padding: 40rpx 32rpx; + position: relative; + top: 80rpx; + background-color: white; + + .form { + .form-item { + .form-label { + font-size: 34rpx; + margin: 0 0 24rpx 16rpx; + } + + .form-input { + background-color: #F7F7F7; + padding: 20rpx; + border-radius: 20rpx; + } + } + } + + .margin-bottom { + margin-bottom: 36rpx; + } + + .getcode { + color: #1171E0; + font-size: 34rpx; + font-weight: 500; + width: 20%; + } + + .driver { + display: inline-block; + vertical-align: middle; + margin-right: 20rpx; + width: 2rpx; + height: 48rpx; + background-color: #C3C6CD; + } + } + + .company-register { + position: fixed; + bottom: 32rpx; + left: 50%; + transform: translateX(-50%); + padding: 16rpx 46rpx; + color: #1171E0; + display: inline-block; + border-radius: 12rpx; + border: 2rpx solid #ABD2FF; + background: #F0F8FF; + } + } + + ::v-deep .u-radio { + margin-bottom: 20rpx; + } </style> \ No newline at end of file -- Gitblit v1.9.1