ll

liukangdong

2024-12-27 7df781c76f651d21cac02bcdae7f7b3f9e41e275

 h5/pages/staffLogin/login.vue

@@ -1,20 +1,20 @@
<template>
  <view class="login">
    <image class="login_bg" src="@/static/login_bg@2x.png" />
  <view class="login" :style="{height: windowHeight  + 'px'}">
    <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" type="number" 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"
@@ -34,7 +34,7 @@
      <image
        @click="changeFalg"
        v-if="ProtocolFlag"
        src="@/static/meeting/icon/ic_choose_sel@2x.png"
        src="@/static/checkbox_sel@2x.png"
        mode="widthFix"
        class="checked"
      ></image>
@@ -44,6 +44,7 @@
        src="@/static/meeting/icon/ic_choose@2x.png"
        mode="widthFix"
        class="checked"
				
      ></image>
      <text>登录即同意</text>
      <text class="deal" @click="showContent">《安泰物流用户协议》</text>
@@ -52,18 +53,22 @@
    <u-popup
      :show="isShowProtocol"
      @close="isShowProtocol = false"
         closeable
      :round="8"
      mode="center"
    >
      <view class="modal">
        <view v-html="htmlText"></view>
        <!-- <view v-html="htmlText"></view> -->
            <view class="content">
               <mp-html :content="htmlText" />
            </view>
      </view>
    </u-popup>
  </view>
</template>

<script>
import { loginPost, loginCaptcha, getUserInfo, getSystemDictData } from '@/api'
import { loginPost, loginCaptcha, getUserInfo, getSystemDictData, saveHkUserOpenid } from '@/api'
import { mapState, mapMutations } from 'vuex'
export default {
  name: 'login',
@@ -71,20 +76,39 @@
  data() {
    return {
      form: {
        account: '',
        // username: '18056814089',
        username: '',
        password: '',
            code: ''
      },
         showKeyboard: false,
      isShowProtocol: false,
      ProtocolFlag: false,
      captcha: {},
      htmlText: ''
      htmlText: '',
         windowHeight: '',
			
         ywinfo: {}
    }
  },

  onLoad() {
    this.initCaptcha()
      const result = uni.getWindowInfo()
      this.windowHeight = result.windowHeight
		
      const ywinfo = uni.getStorageSync('ywinfo') || {}
      if (ywinfo.ywid && ywinfo.type == 2) {
         this.ywinfo = ywinfo
         uni.setStorageSync('ywinfo', {})
      }
  },

  onBackPress(options) {
    uni.redirectTo({
      url: '/pages/login/login'
    })
    return true
  },
  methods: {
    ...mapMutations(["setToken", "setUserInfo"]),
    changeFalg() {
@@ -129,17 +153,21 @@
      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)
          getUserInfo().then(ress => {
                  uni.setStorageSync('ywinfo', this.ywinfo)
            this.setUserInfo(ress.data)
            uni.redirectTo({
              url: "/pages/staff/index"
            })
          })
        }
               saveHkUserOpenid({})
        }else{
               this.initCaptcha()
            }
      })
    }
  }
@@ -149,12 +177,12 @@
<style lang="scss" scoped>
.login {
  width: 100%;
  height: 100vh;
  display: flex;
  padding-top: 160rpx;
  padding-top: 130rpx;
  box-sizing: border-box;
  align-items: center;
  flex-direction: column;
   position: relative;
  background: linear-gradient(
    180deg,
    rgba(39, 155, 170, 0.2) 0%,
@@ -165,9 +193,11 @@
    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;
@@ -218,7 +248,6 @@
    margin-top: 60rpx;
    .for_psd {
      color: $uni-color-primary;
      margin-top: 40rpx;
      width: 140rpx;
      text-align: center;
      margin: 40rpx auto;
@@ -231,7 +260,7 @@
      display: flex;
      align-items: center;
      justify-content: center;
      font-weight: 500;
      font-weight: 600;
      font-size: 32rpx;
      color: #ffffff;
      border-radius: 50rpx;
@@ -242,24 +271,32 @@
    width: 100%;
    left: 0;
    text-align: center;
    bottom: 108rpx;
    bottom: 48rpx;
    display: flex;
    justify-content: center;
    align-items: center;
    .deal {
      color: $uni-color-primary;
    }
    .checked{
    .checked {
      width: 48rpx;
      margin-right: 12rpx;
    }
  }
   .rela_wrap{
      position: relative;
      margin-top: 360rpx;
   }
}
.modal {
  width: 690rpx;
  min-height: 920rpx;
  max-height: 720px;
  max-height: 80vh;
  border-radius: 24rpx;
  padding: 32rpx;
  padding: 30rpx 30rpx;
   overflow: auto;
   // .content{
   //    height: 100%;
   //    overflow: auto;
   // }
}
</style>