提交

马宇豪

2025-04-29 9d5b4d650e5b01081d3537c750e7469db4d161e3

 pages/index/index.vue

@@ -13,26 +13,22 @@
      <view>
        <u-form :model="form" ref="uForm" class="form" >
          <u-form-item style="width: 80%;"><u-input v-model="form.username" :class="{'isFocused': userFocused}" placeholder="请输入用户名" @focus="focusUser"/></u-form-item>
          <u-form-item style="margin-top: 10px;width: 80%;" ><u-input v-model="form.password" :class="{'isFocused': codeFocused}" :type="codeType" placeholder="请输入密码"  @focus="focusCode">
            <template slot="suffix">
              <u-icon v-show="codeType == 'password'" name="eye" color="#999" size="20" @click="viewCode"></u-icon>
              <u-icon v-show="codeType == 'text'" name="eye-off" color="#999" size="20" @click="viewCode"></u-icon>
            </template>
          </u-input></u-form-item>
          <!-- <view class="loginPsw">
                 <u-checkbox-group >
                <u-checkbox disabled="true"></u-checkbox><text style="color: #fff;">自动登录</text>
                 </u-checkbox-group>
                  <text style="color: lightblue;">忘记密码</text>
          </view> -->
          <u-form-item style="margin-top: 10px;width: 80%;" >
            <u-input v-model="form.password" :class="{'isFocused': codeFocused}" :password="isPwd" placeholder="请输入密码" @focus="focusCode">
              <template slot="suffix">
                <u-icon :name="isPwd?'eye':'eye-off'" color="#999" size="20" @click="isPwd = !isPwd"></u-icon>
              </template>
            </u-input>
          </u-form-item>
          <u-form-item style="margin-top: 10px;width: 80%;">
            <u-button class="loginBtn" :loading="isLogining" style="width: 100%;height: 56px;border-radius: 28px" @click="Login" type="primary">登录</u-button>
          </u-form-item>
          <!--            <view style="color: white;margin-top: 150px;">技术支持：技术保障部</view>-->
        </u-form>
      </view>
    </view>

    <view class="footer">
      当前版本：1.2
    </view>
   </view>
</template>

@@ -40,7 +36,6 @@
   import {login,getLastApp} from '../../api/index.js';
   import store from '@/store/index.js'
   import VUE_APP_BASE_URL from '../../common/constant.js'
   const jpushModule = uni.requireNativePlugin('JG-JPush')
  import loginTop from '../../static/loginBg.png'
  import loginPic from '../../static/loginPic.png'
   export default {
@@ -56,42 +51,19 @@
          code: '',
          uuid: ''
            },
        codeType: 'password',
        isPwd: true,
            type: '',
            //极光推送
            connectStatus: '未连接',
            registrationID: '未获得',
            isLogining: false
         }
      },
      onShow() {
         if(uni.getStorageSync('name') && uni.getStorageSync('pwd')){
            // this.form.name = uni.getStorageSync('name');
            // this.form.pwd = uni.getStorageSync('pwd');
//             if(uni.getStorageSync('roleName') == '工作人员'){
//                this.$store.commit('setRoleId', 'user_other');
//                uni.switchTab({
//                     url: '/pages/tabBar/notice/notice'
//                  });
//             }else if (uni.getStorageSync('roleName') == '管理员'){
//                this.$store.commit('setRoleId', '');
//                uni.showToast({
//                   icon: "none",
//                   title: '管理员请使用平台登录'
//                });
//             }else{
//                this.$store.commit('setRoleId', 'user_leader');
//                uni.switchTab({
//                         url: '/pages/tabBar/firstPage/firstPage'
//                     });
//             }
         }else{
            uni.clearStorageSync();
            uni.clearStorage();
         }
      },
      onLoad() {
         // this.connect()
      },
      methods: {
      base64Encode(str) {
@@ -164,29 +136,7 @@
               this.isLogining = false;
            })
         },
         connect() {
            uni.$on('connectStatusChange', (connectStatus) => {
               var connectStr = ''
               if (connectStatus == true) {
                  connectStr = '已连接'
                  this.getRegistrationID()
               } else {
                  connectStr = '未连接'
               }
               console.log('监听到了连接状态变化 --- ', connectStr)
               this.connectStatus = connectStr
            })
         },
         //获取推送ID
         getRegistrationID() {
            jpushModule.getRegistrationID(result => {
               let registerID = result.registerID
               this.registrationID = registerID
               this.form.registrationId = registerID;
               uni.setStorageSync('registrationID', registerID);
               console.log("iddd",uni.getStorageSync('registrationID'))
            })
         },


      focusUser(){
        this.userFocused = true
@@ -195,13 +145,6 @@
      focusCode(){
        this.codeFocused = true
        this.userFocused = false
      },
      viewCode(){
        if(this.codeType == 'password'){
          this.codeType = 'text'
        } else{
          this.codeType = 'password'
        }
      }
      }
   }
@@ -223,7 +166,6 @@

.topImg{
  width: 100%;
  filter: drop-shadow(0 3px 8px rgba(21,148,232,.4));
}
.topPic{
  width: 80%;
@@ -239,7 +181,7 @@
    transform: translate(-50%, -50%)
  }
  50% {
    transform: translate(-50%, calc(-50% + 12rpx))
    transform: translate(-50%, calc(-50% + 15rpx))
  }
}

@@ -257,7 +199,14 @@
  align-items: center;
  justify-content: center;
}

.footer{
  width: 100%;
  position: fixed;
  bottom: 24rpx;
  text-align: center;
  font-size: 22rpx;
  color: #999;
}
.titleFirst{
  width: 80%;
   font-size: 34rpx;