主页与登录页面
parent
3406c10a28
commit
48adb7ca3e
|
@ -4,33 +4,33 @@
|
|||
<el-header>
|
||||
<div class="home_content">
|
||||
<div >
|
||||
<p class="home_title" style="color: blue">欢迎登录,{{$store.state.user.name}} !</p>
|
||||
<p class="home_data" style="color: blue">系统已经安全运行<span> {{homeData.daysOfOperation}} </span>天</p>
|
||||
<p class="home_title" style="color: rgb(0, 47, 255);font-size:45px">欢迎登录,{{$store.state.user.name}} !</p>
|
||||
<p class="home_data" style="color: blue;font-size:45px">采集平台已经安全运行<span style="font-size:65x"> {{homeData.daysOfOperation}} </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 {
|
||||
|
|
|
@ -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>-->
|
||||
|
|
|
@ -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" },
|
||||
|
|
|
@ -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 {
|
||||
|
|
Loading…
Reference in New Issue