init

马宇豪

2024-07-16 f591c27b57e2418c9495bc02ae8cfff84d35bc18

 pages/index/index.vue

@@ -1,13 +1,12 @@
<template>
   <view class="box">
      <view class="header">
         <view class="titleFirst"><b>新疆维吾尔自治区自然灾害综合监测预警</b></view>
         <view class="titleSecond"><b>自然灾害综合风险预警发布及响应联动系统</b></view>
      </view>
    <view class="header">
      <view class="titleFirst"><b>安全在线教育平台</b></view>
    </view>
      <view>   
         <u-form :model="form" ref="uForm" class="form" >
            <u-form-item style="width: 75%;"><u-input color="#fff" v-model="form.name" placeholder="请输入用户名"  /></u-form-item>
            <u-form-item style="margin-top: 10px;width: 75%;" ><u-input color="#fff" v-model="form.pwd" type="password" placeholder="请输入密码"  /></u-form-item>
            <u-form-item style="width: 75%;"><u-input :customStyle="cstyle" v-model="form.username" placeholder="请输入用户名"  /></u-form-item>
            <u-form-item style="margin-top: 10px;width: 75%;" ><u-input :customStyle="cstyle" v-model="form.password" type="password" placeholder="请输入密码"  /></u-form-item>
            <!-- <view class="loginPsw">
                   <u-checkbox-group >
                     <u-checkbox disabled="true"></u-checkbox><text style="color: #fff;">自动登录</text>
@@ -15,9 +14,9 @@
                    <text style="color: lightblue;">忘记密码</text>
            </view> -->
            <u-form-item style="margin-top: 10px;width: 75%;">
               <u-button :loading="isLogining" type="primary" style="width: 100%;" @click="Login">登录</u-button>
               </u-form-item>
            <view style="color: white;margin-top: 150px;">技术支持：技术保障部</view>
               <u-button :loading="isLogining" style="width: 100%;height: 44px" @click="Login" type="primary">登录</u-button>
        </u-form-item>
<!--            <view style="color: white;margin-top: 150px;">技术支持：技术保障部</view>-->
         </u-form>
      </view>
   </view>
@@ -32,39 +31,43 @@
      data() {
         return {
            form: {
               name: '',
               pwd: '',
               registrationId: ''
               username: '',
               password: '',
          code: '',
          uuid: ''
            },
            type: '',
            //极光推送
            connectStatus: '未连接',
            registrationID: '未获得',
            isLogining: false,
        cstyle: {
          background: '#fff',
          padding: '10px'
        }
         }
      },
      onShow() {
         console.log("数据",uni.getStorageSync('name'))
         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'
                    });
            }
//             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();
@@ -74,45 +77,49 @@
         this.connect()
      },
      methods: {
      base64Encode(str) {
        return btoa(unescape(encodeURIComponent(str)));
      },
         Login(){
            this.isLogining = true;
        this.form.password = this.base64Encode(this.form.password)
            login(this.form).then(res => {
               if (res.code === 100) {
               if (res.code === 200) {
                  this.isLogining = false;
                   //登录成功后
                   //设置别名
                  jpushModule.setAlias({
                     'alias': this.phone,
                     'sequence': 1
                  })
                  uni.setStorageSync("name", this.form.name);
                  uni.setStorageSync("pwd", this.form.pwd);
                  uni.setStorageSync("tk", res.data.tk);
                  uni.setStorageSync("uid",res.data.uid);
                  // jpushModule.setAlias({
                  //    'alias': this.phone,
                  //    'sequence': 1
                  // })
                  uni.setStorageSync("name", this.form.username);
                  uni.setStorageSync("pwd", this.form.password);
                  uni.setStorageSync("tk", res.data.token);
                  uni.setStorageSync("uid",res.data.id);
                  uni.setStorageSync('user', res.data);
                  uni.setStorageSync('unittype',res.data.unittype);
                  uni.setStorageSync('roleName', res.data.role.roleName);
                  if(res.data.role.roleName == '工作人员'){
                     this.$store.commit('setRoleId', 'user_other');
                     uni.switchTab({
                          url: '/pages/tabBar/notice/notice'
                       });
                  }else if (res.data.role.roleName == '管理员'){
                     this.$store.commit('setRoleId', '');
                     uni.showToast({
                        icon: "none",
                        title: '管理员请使用平台登录'
                     });
                  }else{
                  // uni.setStorageSync('unittype',res.data.unittype);
                  // uni.setStorageSync('roleName', res.data.role.roleName);
      //             if(res.data.role.roleName == '工作人员'){
      //                this.$store.commit('setRoleId', 'user_other');
      //                uni.switchTab({
      //                     url: '/pages/tabBar/notice/notice'
      //                  });
      //             }else if (res.data.role.roleName == '管理员'){
      //                this.$store.commit('setRoleId', '');
      //                uni.showToast({
      //                   icon: "none",
      //                   title: '管理员请使用平台登录'
      //                });
      //             }else{
                     this.$store.commit('setRoleId', 'user_leader');
                     uni.switchTab({
                              url: '/pages/tabBar/firstPage/firstPage'
                          });
                  }
                url: '/pages/tabBar/firstPage/firstPage'
              })
      //             }
               }else{
                  uni.showToast({
                     icon: "none",
                     title: res.msg
                     title: res.message
                  });
                  this.form.name = '';
                  this.form.pwd = '';
@@ -156,7 +163,7 @@
.box{
   width: 100%;
   height: 100vh;
   background: url('../../static/shu.jpg') no-repeat;
   background: url('../../static/login1.jpg') no-repeat;
   background-size: 100% 100%;
   background-attachment: fixed;/* 不设置的话页面滑动时，背景会不铺满*/
   display: flex;
@@ -164,9 +171,12 @@
}
.titleFirst{
   text-align: center;
   font-size: 18px;
   font-size: 32px;
  letter-spacing: 6px;
   color:#fff;
  text-shadow: 2px 2px 6px rgba(0,0,0,.1);
}

.titleSecond{
   text-align: center;
   font-size: 19px;
@@ -178,7 +188,7 @@
   flex-direction: column;
   align-items: center;
   justify-content: center;
   padding-top:100px;
   padding-top:120px;
   text-shadow:0 0 1px #000;
}
.form{