| | |
| | | <template> |
| | | <view class="login"> |
| | | <image class="login_bg" src="@/static/login_bg@2x.png" /> |
| | | <image class="login_bg" src="@/static/login_bg@2x.png" mode="widthFix" /> |
| | | <image class="login_logo" src="@/static/logo@2x.png" mode="widthFix" /> |
| | | <view class="login_title">安泰物流智慧园区</view> |
| | | <view class="login_list"> |
| | | <view class="login_list_item"> |
| | | <image src="@/static/login_ic_phone@2x.png" mode="widthFix" /> |
| | | <input v-model="form.username" maxlength="18" placeholder="账号" /> |
| | | <input v-model="form.username" maxlength="18" @focus="showKeyboard = true" @blur="showKeyboard = false" placeholder="账号" /> |
| | | </view> |
| | | <view class="login_list_item"> |
| | | <image src="@/static/login_ic_password@2x.png" mode="widthFix" /> |
| | | <input v-model="form.password" type="password" placeholder="密码" /> |
| | | <input v-model="form.password" @focus="showKeyboard = true" @blur="showKeyboard = false" type="password" placeholder="密码" /> |
| | | </view> |
| | | <view class="login_list_item"> |
| | | <image src="@/static/ic_captcha.png" mode="widthFix"></image> |
| | | <input v-model="form.code" placeholder="验证码" type="text" /> |
| | | <input v-model="form.code" @focus="showKeyboard = true" @blur="showKeyboard = false" placeholder="验证码" type="text" /> |
| | | <image |
| | | @click="initCaptcha" |
| | | :src="captcha.image" |
| | |
| | | > |
| | | </view> |
| | | |
| | | <view class="deal_wrap"> |
| | | <view class="deal_wrap" v-show="!showKeyboard"> |
| | | <image |
| | | @click="changeFalg" |
| | | v-if="ProtocolFlag" |
| | |
| | | mode="center" |
| | | > |
| | | <view class="modal"> |
| | | <view v-html="htmlText"></view> |
| | | <!-- <view v-html="htmlText"></view> --> |
| | | <mp-html :content="htmlText" /> |
| | | </view> |
| | | </u-popup> |
| | | </view> |
| | |
| | | password: '', |
| | | code: '' |
| | | }, |
| | | showKeyboard: false, |
| | | isShowProtocol: false, |
| | | ProtocolFlag: false, |
| | | captcha: {}, |
| | |
| | | loginPost({ |
| | | ...form, |
| | | uuid: this.captcha.uuid, |
| | | openId: this.$store.state.openId |
| | | openid: this.$store.state.openId |
| | | }).then(res => { |
| | | if (res.code === 200) { |
| | | this.setToken(res.data) |
| | |
| | | <style lang="scss" scoped> |
| | | .login { |
| | | width: 100%; |
| | | height: 100vh; |
| | | display: flex; |
| | | padding-top: 130rpx; |
| | | box-sizing: border-box; |
| | |
| | | height: 180rpx; |
| | | } |
| | | .login_bg { |
| | | position: absolute; |
| | | top: 0; |
| | | width: 750rpx; |
| | | position: absolute; |
| | | top: 0; |
| | | left: 0; |
| | | width: 100%; |
| | | z-index: -1; |
| | | } |
| | | .login_title { |
| | | font-size: 44rpx; |
| | |
| | | } |
| | | } |
| | | .deal_wrap { |
| | | position: absolute; |
| | | position: fixed; |
| | | width: 100%; |
| | | left: 0; |
| | | text-align: center; |
| | | bottom: 88rpx; |
| | | bottom: 48rpx; |
| | | display: flex; |
| | | justify-content: center; |
| | | align-items: center; |
| | |
| | | } |
| | | .modal { |
| | | width: 690rpx; |
| | | min-height: 920rpx; |
| | | min-height: 820rpx; |
| | | max-height: 720px; |
| | | border-radius: 24rpx; |
| | | padding: 32rpx; |
| | | overflow: auto; |
| | | } |
| | | </style> |