| | |
|---|
| | | <template>
|
|---|
| | | <view class="content">
|
|---|
| | | <view class="p40 nav bbox"> |
|---|
| | | <view class="">合肥市智改数转诊断服务平台</view> |
|---|
| | | <view class="">欢迎登录</view> |
|---|
| | | </view> |
|---|
| | | <view class="p40 mt30"> |
|---|
| | | <u--input |
|---|
| | | placeholder="请输入账号" |
|---|
| | | prefixIcon="account" |
|---|
| | | clearable |
|---|
| | | v-model="form.account" |
|---|
| | | prefixIconStyle="font-size: 40rpx;color: #AAAAAA" |
|---|
| | | ></u--input> |
|---|
| | | <view class="p20"></view> |
|---|
| | | <u--input |
|---|
| | | placeholder="请输入密码" |
|---|
| | | prefixIcon="lock" |
|---|
| | | password |
|---|
| | | clearable |
|---|
| | | v-model="form.password" |
|---|
| | | prefixIconStyle="font-size: 40rpx;color: #AAAAAA" |
|---|
| | | ></u--input> |
|---|
| | | <view class="ptb50"></view> |
|---|
| | | <u-button |
|---|
| | | :loading="logining" |
|---|
| | | type="primary" |
|---|
| | | color="#216EEE" |
|---|
| | | text="登录" |
|---|
| | | size="large" |
|---|
| | | @click="loginAction" |
|---|
| | | ></u-button> |
|---|
| | | </view> |
|---|
| | | <view> |
|---|
| | |
|
|---|
| | | <myTabbar :index="0" />
|
|---|
| | | </view>
|
|---|
| | | </template>
|
|---|
| | |
|
|---|
| | | <script> |
|---|
| | | |
|---|
| | | import { coustomLogin, wxEmpower } from '@/util/api/index' |
|---|
| | | <script>
|
|---|
| | | // import { coustomLogin, wxEmpower } from '@/util/api/index'
|
|---|
| | |
|
|---|
| | |
|
|---|
| | | import myTabbar from "@/components/myTabber.vue"
|
|---|
| | | export default {
|
|---|
| | | components: {
|
|---|
| | | myTabbar
|
|---|
| | | },
|
|---|
| | | data() {
|
|---|
| | | return {
|
|---|
| | | form: { |
|---|
| | | account: '', |
|---|
| | | password: '', |
|---|
| | | }, |
|---|
| | | logining: false, |
|---|
| | | form: {
|
|---|
| | | account: '',
|
|---|
| | | password: '',
|
|---|
| | | },
|
|---|
| | | logining: false,
|
|---|
| | | openId: ''
|
|---|
| | | }
|
|---|
| | | }, |
|---|
| | | onLoad() { |
|---|
| | | uni.login({ |
|---|
| | | success: data => { |
|---|
| | | this.wxLogin(data.code) |
|---|
| | | }, |
|---|
| | | fail: err => { |
|---|
| | | uni.$u.toast(err) |
|---|
| | | } |
|---|
| | | }) |
|---|
| | | },
|
|---|
| | | onLoad() {
|
|---|
| | | // uni.login({
|
|---|
| | | // success: data => {
|
|---|
| | | // this.wxLogin(data.code)
|
|---|
| | | // },
|
|---|
| | | // fail: err => {
|
|---|
| | | // uni.$u.toast(err)
|
|---|
| | | // }
|
|---|
| | | // })
|
|---|
| | | },
|
|---|
| | | methods: {
|
|---|
| | | loginAction() { |
|---|
| | | if (!this.form.account || !this.form.password) { |
|---|
| | | uni.$u.toast('账号或者密码不能为空') |
|---|
| | | } |
|---|
| | | this.logining = true |
|---|
| | | coustomLogin({...this.form, openid: this.openId}) |
|---|
| | | .then(res => { |
|---|
| | | this.$store.commit('SETTOKEN', res.token) |
|---|
| | | this.$store.commit('SETUSERINFO', res) |
|---|
| | | uni.navigateTo({ |
|---|
| | | url:'/pages/projectList/projectList' |
|---|
| | | }) |
|---|
| | | }) |
|---|
| | | .finally(() => { |
|---|
| | | this.logining = false |
|---|
| | | }) |
|---|
| | | }, |
|---|
| | | wxLogin(code) { |
|---|
| | | wxEmpower({code}) |
|---|
| | | .then(res => { |
|---|
| | | this.openId = res.openid |
|---|
| | | if (res.userInfo) { |
|---|
| | | this.$store.commit('SETTOKEN', res.userInfo.token) |
|---|
| | | this.$store.commit('SETUSERINFO', res.userInfo) |
|---|
| | | uni.navigateTo({ |
|---|
| | | url:'/pages/projectList/projectList' |
|---|
| | | }) |
|---|
| | | } |
|---|
| | | }) |
|---|
| | | .catch(err => { |
|---|
| | | uni.$u.toast(err) |
|---|
| | | }) |
|---|
| | | }
|
|---|
| | | // loginAction() {
|
|---|
| | | // if (!this.form.account || !this.form.password) {
|
|---|
| | | // uni.$u.toast('账号或者密码不能为空')
|
|---|
| | | // }
|
|---|
| | | // this.logining = true
|
|---|
| | | // coustomLogin({...this.form, openid: this.openId})
|
|---|
| | | // .then(res => {
|
|---|
| | | // this.$store.commit('SETTOKEN', res.token)
|
|---|
| | | // this.$store.commit('SETUSERINFO', res)
|
|---|
| | | // uni.navigateTo({
|
|---|
| | | // url:'/pages/projectList/projectList'
|
|---|
| | | // })
|
|---|
| | | // })
|
|---|
| | | // .finally(() => {
|
|---|
| | | // this.logining = false
|
|---|
| | | // })
|
|---|
| | | // },
|
|---|
| | | // wxLogin(code) {
|
|---|
| | | // wxEmpower({code})
|
|---|
| | | // .then(res => {
|
|---|
| | | // this.openId = res.openid
|
|---|
| | | // if (res.userInfo) {
|
|---|
| | | // this.$store.commit('SETTOKEN', res.userInfo.token)
|
|---|
| | | // this.$store.commit('SETUSERINFO', res.userInfo)
|
|---|
| | | // uni.navigateTo({
|
|---|
| | | // url:'/pages/projectList/projectList'
|
|---|
| | | // })
|
|---|
| | | // } |
|---|
| | | // })
|
|---|
| | | // .catch(err => {
|
|---|
| | | // uni.$u.toast(err)
|
|---|
| | | // })
|
|---|
| | | // }
|
|---|
| | | }
|
|---|
| | | }
|
|---|
| | | </script>
|
|---|
| | |
|
|---|
| | | <style lang="scss" scoped>
|
|---|
| | | .content {
|
|---|
| | | // display: flex;
|
|---|
| | | // flex-direction: column;
|
|---|
| | | // align-items: center;
|
|---|
| | | // justify-content: center; |
|---|
| | | height: 100vh; |
|---|
| | | background-color: #FFFFFF; |
|---|
| | | .nav { |
|---|
| | | |
|---|
| | | width: 750rpx; |
|---|
| | | height: 520rpx; |
|---|
| | | background: linear-gradient(180deg, #C7EBFF 0%, #FFFFFF 100%); |
|---|
| | | display: flex; |
|---|
| | | flex-direction: column-reverse; |
|---|
| | | color: #293C5B; |
|---|
| | | :first-child { |
|---|
| | | height: 52rpx; |
|---|
| | | font-size: 36rpx; |
|---|
| | | line-height: 52rpx; |
|---|
| | | } |
|---|
| | | :last-child { |
|---|
| | | height: 80rpx; |
|---|
| | | font-size: 56rpx; |
|---|
| | | font-weight: 500; |
|---|
| | | line-height: 80rpx; |
|---|
| | | margin-bottom: 16rpx; |
|---|
| | | } |
|---|
| | | }
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .logo {
|
|---|
| | | height: 200rpx;
|
|---|
| | | width: 200rpx;
|
|---|
| | | margin-top: 200rpx;
|
|---|
| | | margin-left: auto;
|
|---|
| | | margin-right: auto;
|
|---|
| | | margin-bottom: 50rpx;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .text-area {
|
|---|
| | | display: flex;
|
|---|
| | | justify-content: center;
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | .title {
|
|---|
| | | font-size: 36rpx;
|
|---|
| | | color: #8f8f94;
|
|---|
| | | }
|
|---|
| | | </style> |
|---|
