修改登录页

src/router/index.js

@@ -104,7 +104,8 @@ router.beforeEach((to, from, next) => {
 		NProgress.done();
 	} else {
 		// 没有token
-		next('/login') // 否则全部重定向到登录页
+		// next('/login') // 否则全部重定向到登录页
+		next()
 		NProgress.done();
 	}
 });

src/utils/request.js

@@ -58,6 +58,7 @@ request.interceptors.request.use(
 // 响应拦截器
 request.interceptors.response.use(
 	(response) => {
+		debugger;
 		if (response.status !== 200) {
 			return Promise.reject(new Error(response.statusText || 'Error'));
 		}
@@ -68,6 +69,7 @@ request.interceptors.response.use(
 		if (res.success == true) {
 			return res;
 		}
+		debugger;
 		// 错误提示
 		ElMessage.error(res.message);
 
@@ -76,10 +78,11 @@ request.interceptors.response.use(
 		// 	store.userStore?.setToken('')
 		// 	location.reload();
 		// }
-
+		debugger;
 		return Promise.reject(new Error(res.msg || 'Error'));
 	},
 	async (error) => {
+		debugger;
 		NProgress.done();
 
 		if (error.response) {
@@ -88,7 +91,7 @@ request.interceptors.response.use(
 				config
 			} = error.response;
 		}
-
+debugger;
 		return Promise.reject({
 			message: error.message
 		});

src/views/Login/Login.vue

@@ -12,7 +12,7 @@
 		Store
 	} from '@/store/index'
 	store = Store()
-	import sanwei from '@/assets/video/sanwei.mp4'
+	import zhnylogin from '@/assets/video/zhnylogin.mp4'
 	let route = undefined;
 	let router = undefined;
 </script>
@@ -72,7 +72,7 @@
 				disabled: false, //控制鼠标样式
 				// 背景图片列表
 				bgList: [
-					sanwei
+					zhnylogin
 				],
 			}
 		},
@@ -88,52 +88,55 @@
 			//登录按钮
 			onLoginClick() {
 				this.disabled = true //修改鼠标样式
+				this.storageAndgoTo()
 				//需要修改，像数据库发送账号密码，根据返回值判断
-				let password = this.$md5(this.loginForm.password)
-				this.$http.get('/getTableList', {
-					tableName: 'base_sys_user',
-					sqlWhere: "username = '" + this.loginForm.username + "' and password = '" + password + "'",
-					orderByField: ''
-				}).then(res => {
-					if (res.data.length > 0) {
-						this.loginForm.id = res.data[0].id
-						store.realName = res.data[0].name;
-						this.storageAndgoTo()
-					} else {
-						ElMessage.error('账号或密码输入错误!')
-					}
-				})
+				// let password = this.$md5(this.loginForm.password)
+				// this.$http.get('/getTableList', {
+				// 	tableName: 'base_sys_user',
+				// 	sqlWhere: "username = '" + this.loginForm.username + "' and password = '" + password + "'",
+				// 	orderByField: ''
+				// }).then(res => {
+				// 	if (res.data.length > 0) {
+				// 		this.loginForm.id = res.data[0].id
+				// 		store.realName = res.data[0].name;
+				// 		this.storageAndgoTo()
+				// 	} else {
+				// 		ElMessage.error('账号或密码输入错误!')
+				// 	}
+				// })
 			},
 
 			//本地储存与跳转
 			storageAndgoTo() {
 				//存储用户权限id
-				this.$http.get('/getTableList', {
-					tableName: 'base_sys_user_role', //
-					sqlWhere: '"userId"' + " = " + this.loginForm.id, //+ this.loginForm.id
-					orderByField: ''
-				}).then(res => {
-					//存储用户ID
-					let _this = this
-					console.log(res)
-					store.roleId = res.data[0].roleid
-					console.log(store.roleId)
-					if (
-						window.navigator.userAgent.match(
-							/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i
-						)
-					) {
-						store.userport = 'APP'
-					} else {
-						store.userport = 'PC'
-					}
-					//跳转到Main3D页面			
-					this.$router.replace({
-						path: '/home'
-					})
-
+				// this.$http.get('/getTableList', {
+				// 	tableName: 'base_sys_user_role', //
+				// 	sqlWhere: '"userId"' + " = " + this.loginForm.id, //+ this.loginForm.id
+				// 	orderByField: ''
+				// }).then(res => {
+				// 	//存储用户ID
+				// 	let _this = this
+				// 	console.log(res)
+				// 	store.roleId = res.data[0].roleid
+				// 	console.log(store.roleId)
+				// 	if (
+				// 		window.navigator.userAgent.match(
+				// 			/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i
+				// 		)
+				// 	) {
+				// 		store.userport = 'APP'
+				// 	} else {
+				// 		store.userport = 'PC'
+				// 	}
+				// 	//跳转到Main3D页面			
+				// 	this.$router.replace({
+				// 		path: '/home'
+				// 	})
+
+				// })
+				this.$router.replace({
+					path: '/home'
 				})
-
 				let userInfo = {
 					account: this.loginForm.username,
 					password: this.loginForm.password,
@@ -243,7 +246,7 @@
 		width: calc(100% - 0rem);
 		height: 70rem;
 		line-height: 70rem;
-		background: url(@/assets/images/login/login-title.png) 0rem no-repeat, linear-gradient(100deg, rgba(16, 96, 210, .2) 30%, rgba(16, 106, 250, .1) 70%);
+		background: url(@/assets/images/login/zhny-title.png) 0rem no-repeat, linear-gradient(100deg, rgba(16, 96, 210, .2) 30%, rgba(16, 106, 250, .1) 70%);
 		background-size: 510rem 70rem, 100% 70rem;
 		background-repeat: no-repeat;
 		user-select: none;

src/views/Login/components/BgLayout.vue

@@ -19,7 +19,7 @@
 	const props = defineProps({
 		list: {
 			type: Array,
-			default: [loginbg1, loginbg, ]
+			default: [loginbg1,loginbg ]
 		},
 		height: {
 			// type:[Number,String],
@@ -33,7 +33,7 @@
 		border: 0rem solid red !important;
 		/*width: calc(100vw - 0rem);
   height: calc(100vh - 0rem);*/
-		background: url(@/assets/images/login/login-bg-1.webp) 0rem no-repeat;
+		background: url(@/assets/images/login/loginbg.mp4) 0rem no-repeat;
 		background-size: 100% 100%;
 		background-repeat: no-repeat;
 		user-select: none;