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