cb/front-end
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

主页与登录页面

Browse Source
This commit is contained in:
code_nan 2024-01-15 21:28:47 +08:00
parent 3406c10a28
commit 48adb7ca3e
4 changed files with 16 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
src/views/modules/monitoring/home.vue
View File

@ -4,33 +4,33 @@
<el-header> <el-header>
<div class="home_content"> <div class="home_content">
<div > <div >
<p class="home_title" style="color: blue">欢迎登录，{{$store.state.user.name}}&nbsp;!</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">系统已经安全运行<span>&nbsp;{{homeData.daysOfOperation}}&nbsp;</span>天</p> <p class="home_data" style="color: blue;font-size:45px">采集平台已经安全运行<span style="font-size:65x">&nbsp;{{homeData.daysOfOperation}}&nbsp;</span>天</p>
</div> </div>
</div> </div>
</el-header> </el-header>
<el-main> <el-main>
<div class="home_main_box1"> <div class="home_main_box1">
<div class="home_m_b_f"> <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 class="home_m_b_f_b">{{homeData.libNumber}}</div>
</div> </div>
</div> </div>
<div class="home_main_box2"> <div class="home_main_box2">
<div class="home_m_b_f"> <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 class="home_m_b_f_b">{{homeData.faceNumber}}</div>
</div> </div>
</div> </div>
<div class="home_main_box3"> <div class="home_main_box3">
<div class="home_m_b_f"> <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 class="home_m_b_f_b">{{homeData.taskNumber}}</div>
</div> </div>
</div> </div>
<div class="home_main_box4"> <div class="home_main_box4">
<div class="home_m_b_f"> <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 class="home_m_b_f_b">{{homeData.warnNumber}}</div>
</div> </div>
</div> </div>
@ -106,7 +106,7 @@
color: #fff; color: #fff;
margin-bottom: 20px; margin-bottom: 20px;
/*background: url(~@/assets/img/home_bgc0.png) no-repeat;*/ /*background: url(~@/assets/img/home_bgc0.png) no-repeat;*/
background: url("~@/assets/images/sensitive_bg.png") ; background: url("~@/assets/images/bg3.jpg") ;
} }
.home_content { .home_content {
@ -170,7 +170,7 @@
} }
.el-main .home_main_box2 { .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 { .el-main .home_main_box3 {

2
src/views/modules/monitoring/ifarm.vue
View File

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

2
src/views/modules/monitoring/testn.vue
View File

@ -108,7 +108,7 @@
{ id: 12, message: "日志12", timestamp: "2024-01-09 11:15:00" }, { id: 12, message: "日志12", timestamp: "2024-01-09 11:15:00" },
], // 日志列表测试数据 ], // 日志列表测试数据
currentPage:1, // 初始页 currentPage:1, // 初始页
pagesize:3, // 初始每页的数据 pagesize:10, // 初始每页的数据
accounts: [ accounts: [
{ id: 1, name: "子账号1" }, { id: 1, name: "子账号1" },
{ id: 2, name: "子账号2" }, { id: 2, name: "子账号2" },

9
src/views/pages/login.vue
View File

@ -3,11 +3,11 @@
<div class="aui-content__wrapper"> <div class="aui-content__wrapper">
<main class="aui-content"> <main class="aui-content">
<div class="login-header"> <div class="login-header">
<h2 class="login-brand">室外图像采集系统</h2> <h1 class="login-brand">室外图像采集系统</h1>
</div> </div>
<div class="login-body"> <div class="login-body">
<div class="login_p"> <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>
<div class="login_dl"> <div class="login_dl">
<div class="login-title">{{ $t('login.title') }}</div> <div class="login-title">{{ $t('login.title') }}</div>
@ -138,7 +138,10 @@
</script> </script>
<style scoped> <style scoped>
.aui-page__login { .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 { .login-body {