初始化~

This commit is contained in:
wgx 2026-07-18 18:22:54 +08:00
parent c04b3e4908
commit 266c5c5eac
4 changed files with 68 additions and 42 deletions

View File

@ -5,7 +5,7 @@
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="initial-scale=1.0, user-scalable=no, width=device-width"> <meta name="viewport" content="initial-scale=1.0, user-scalable=no, width=device-width">
<link rel="icon" href="<%= BASE_URL %>favicon.ico"> <link rel="icon" href="<%= BASE_URL %>favicon.ico">
<title>武乡县黄河流域农业面源污染平台</title> <title>县黄河流域农业面源污染平台</title>
<link rel="stylesheet" href="<%= BASE_URL %>reset.css"> <link rel="stylesheet" href="<%= BASE_URL %>reset.css">
<!-- <link rel="stylesheet" href="<%= BASE_URL %>layui/dist/css/layui.css">--> <!-- <link rel="stylesheet" href="<%= BASE_URL %>layui/dist/css/layui.css">-->
<!-- <link rel="stylesheet" href="https://a.amap.com/jsapi_demos/static/demo-center/css/demo-center.css"/>--> <!-- <link rel="stylesheet" href="https://a.amap.com/jsapi_demos/static/demo-center/css/demo-center.css"/>-->

View File

@ -1,5 +1,4 @@
import axios from "axios"; import axios from "axios";
import router from '@/router'
const requests = axios.create({ const requests = axios.create({
baseURL:"/lh-api", baseURL:"/lh-api",
timeout:20000, timeout:20000,
@ -9,7 +8,7 @@ const requests = axios.create({
// 请求拦截器 // 请求拦截器
requests.interceptors.request.use((config)=>{ requests.interceptors.request.use((config)=>{
config.headers['X-Access-Token'] = localStorage.getItem("token") // 请求头带上token config.headers['X-Access-Token'] = localStorage.getItem("token") // 请求头带上token
config.headers['X-Tenant-Id'] = '1001' config.headers['X-Tenant-Id'] = '1002'
return config return config
},(error)=>{ },(error)=>{
return Promise.reject(new Error('faile')); return Promise.reject(new Error('faile'));

View File

@ -14,7 +14,7 @@
element-loading-background="rgba(0, 0, 0, 0.8)" element-loading-background="rgba(0, 0, 0, 0.8)"
> >
<div class="nav"> <div class="nav">
<span class="nav_ti nav_mag">武乡县黄河流域农业面源污染平台</span> <span class="nav_ti nav_mag">县黄河流域农业面源污染平台</span>
<span class="nav_tit">治理效果评价和监测一张图</span> <span class="nav_tit">治理效果评价和监测一张图</span>
</div> </div>
<div class="nav_btn"> <div class="nav_btn">

View File

@ -4,9 +4,11 @@
<video autoplay loop muted preload <video autoplay loop muted preload
style="width: 100%; height: 100%; object-fit: fill"> style="width: 100%; height: 100%; object-fit: fill">
<!-- <source src="@/assets/image/loginback.mp4">--> <!-- <source src="@/assets/image/loginback.mp4">-->
<source src="http://fxnsp.sxcooh.com/lh-api/sys/common/static/v/loginback.mp4"> <!-- <source src="http://fxnsp.sxcooh.com/lh-api/sys/common/static/v/loginback.mp4">-->
<source src="https://fxnsp.sxcooh.com/lh-api/sys/common/static/v/loginback.mp4">
</video> </video>
<img src="@/assets/image/logintltle3.png" alt="" class="logintltle"> <div class="maintitle">吉县农业面源污染在线监测平台</div>
<!-- <img src="@/assets/image/logintltle3.png" alt="" class="logintltle">-->
<el-form <el-form
class="loginipt demo-ruleForm" class="loginipt demo-ruleForm"
:rules="rules" :rules="rules"
@ -135,18 +137,30 @@ export default {
width: 100%; width: 100%;
height:100%; height:100%;
} }
.loginipt{ .maintitle{
/* position: absolute; position: relative;
top: 28%; margin: 100px auto;
right: 33%; */ text-align: center;
margin: 0 auto; color: #e6e6e6;
margin-right: 8%; font-size: 4.3rem;
margin-top: 17%; font-weight: 900;
width: 552px; font-style: italic;
height: 475px; font-family: "Microsoft YaHei", "PingFang SC", sans-serif;
background: url(../../assets/image/login_bg_img.png)no-repeat; letter-spacing: 6px;
background-size: 100% 100%; /* 原有立体浮雕阴影 + 外层淡投影阴影 */
overflow: hidden; text-shadow:
0 1px #0077cc,
0 2px #006bb8,
0 3px #005fa3,
0 4px #00508a,
0 5px 8px rgba(0, 15, 50, 0.55),
/* 新增外层柔和淡阴影 */
0 8px 15px rgba(0, 40, 90, 0.3),
/* 新增外围微弱蓝光发光效果 */
0 0 6px rgba(80, 180, 255, 0.6),
0 0 12px rgba(60, 160, 240, 0.6);
transform: scaleX(1.05);
} }
.logintltle{ .logintltle{
position: absolute; position: absolute;
@ -154,6 +168,19 @@ export default {
right: 20%; right: 20%;
width: 60%; width: 60%;
} }
.loginipt{
/* position: absolute;
top: 28%;
right: 33%; */
margin: 0 auto;
margin-right: 8%;
/*margin-top: 17%;*/
width: 552px;
height: 475px;
background: url(../../assets/image/login_bg_img.png)no-repeat;
background-size: 100% 100%;
overflow: hidden;
}
.login_title_img{ .login_title_img{
display: block; display: block;
margin: 0 auto; margin: 0 auto;