From 117da08d652db513d8889924ea12b13aed68fba2 Mon Sep 17 00:00:00 2001 From: 马宇豪 <978517621@qq.com> Date: 星期二, 16 七月 2024 14:59:09 +0800 Subject: [PATCH] 提交 --- pages/index/index.vue | 130 +++++++++++++++++++++++-------------------- 1 files changed, 70 insertions(+), 60 deletions(-) diff --git a/pages/index/index.vue b/pages/index/index.vue index 4618761..5047d7e 100644 --- a/pages/index/index.vue +++ b/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{ -- Gitblit v1.9.2