主页与登录页面

master
code_nan 2024-01-15 21:28:47 +08:00
parent 3406c10a28
commit 48adb7ca3e
4 changed files with 16 additions and 13 deletions

View File

@ -4,33 +4,33 @@
<el-header>
<div class="home_content">
<div >
<p class="home_title" style="color: blue">欢迎登录{{$store.state.user.name}}&nbsp;!</p>
<p class="home_data" style="color: blue">系统已经安全运行<span>&nbsp;{{homeData.daysOfOperation}}&nbsp;</span></p>
<p class="home_title" style="color: rgb(0, 47, 255);font-size:45px">欢迎登录{{$store.state.user.name}}&nbsp;!</p>
<p class="home_data" style="color: blue;font-size:45px">采集平台已经安全运行<span style="font-size:65x">&nbsp;{{homeData.daysOfOperation}}&nbsp;</span></p>
</div>
</div>
</el-header>
<el-main>
<div class="home_main_box1">
<div class="home_m_b_f">
<div class="home_m_b_f_t">人像库数量</div>
<div class="home_m_b_f_t">采集群数量</div>
<div class="home_m_b_f_b">{{homeData.libNumber}}</div>
</div>
</div>
<div class="home_main_box2">
<div class="home_m_b_f">
<div class="home_m_b_f_t">人脸数量</div>
<div class="home_m_b_f_t">设备数量</div>
<div class="home_m_b_f_b">{{homeData.faceNumber}}</div>
</div>
</div>
<div class="home_main_box3">
<div class="home_m_b_f">
<div class="home_m_b_f_t">布控任务数</div>
<div class="home_m_b_f_t">运行任务数</div>
<div class="home_m_b_f_b">{{homeData.taskNumber}}</div>
</div>
</div>
<div class="home_main_box4">
<div class="home_m_b_f">
<div class="home_m_b_f_t">预警数量</div>
<div class="home_m_b_f_t">运行峰值</div>
<div class="home_m_b_f_b">{{homeData.warnNumber}}</div>
</div>
</div>
@ -106,7 +106,7 @@
color: #fff;
margin-bottom: 20px;
/*background: url(~@/assets/img/home_bgc0.png) no-repeat;*/
background: url("~@/assets/images/sensitive_bg.png") ;
background: url("~@/assets/images/bg3.jpg") ;
}
.home_content {
@ -170,7 +170,7 @@
}
.el-main .home_main_box2 {
background-image: url("../../../assets/img/123_08.png")
background-image: url("../../../assets/img/home_02_01.jpg")
}
.el-main .home_main_box3 {

View File

@ -2,7 +2,7 @@
<!-- <iframe style="width: 800px; height: 600px;" src="../../../../020/index.html"/>-->
<!-- <iframe :src="this.txtUrl" width="100%" :style="{height:calHeight}" sandbox></iframe>-->
<!-- <iframe src="../../../../public/index.html" width="100%" :style="{height:calHeight}" ></iframe>-->
<iframe src=" http://localhost:8080" width="100%" :style="{height:calHeight}" ></iframe>
<iframe src=" http://192.168.1.108:8008" width="100%" :style="{height:calHeight}" ></iframe>
<!-- <div class="baidu-page">-->
<!-- <h1>嵌套百度页面</h1>-->
<!-- <iframe src="https://www.baidu.com" frameborder="0"></iframe>-->

View File

@ -108,7 +108,7 @@
{ id: 12, message: "日志12", timestamp: "2024-01-09 11:15:00" },
], //
currentPage:1, //
pagesize:3, //
pagesize:10, //
accounts: [
{ id: 1, name: "子账号1" },
{ id: 2, name: "子账号2" },

View File

@ -3,11 +3,11 @@
<div class="aui-content__wrapper">
<main class="aui-content">
<div class="login-header">
<h2 class="login-brand">室外图像采集系统</h2>
<h1 class="login-brand">室外图像采集系统</h1>
</div>
<div class="login-body">
<div class="login_p">
<img src="../../../src/assets/img/login_bg.jpg" alt="" style="object-fit: contain">
<img src="../../../src/assets/img/camera2.jpg" alt="" style="object-fit: contain; position: relative;left: 35%;top: 50%;transform: translate(-50%,-50%);">
</div>
<div class="login_dl">
<div class="login-title">{{ $t('login.title') }}</div>
@ -138,7 +138,10 @@
</script>
<style scoped>
.aui-page__login {
background-image: url("../../assets/img/login_bg.jpg")
background-image: url("../../assets/img/login_bg_tech3.jpg");
background-size: cover;
position: absolute;
width: 100%;height: 100%;
}
.login-body {