Skip to content

V
video-monitoring
Commit 074f2beb authored by 拾柒's avatar 拾柒
Browse files
Options

修改模板

parent 19ac6d48
Hide whitespace changes
Inline Side-by-side
Showing with 208 additions and 68 deletions
src/components/TopNav/index.vue
View file @ 074f2beb
......@@ -78,6 +78,23 @@
返回历史记录
</el-menu-item>
</template>
<template>
<el-menu-item
class="menuStyle"
style="
font-size: small;
background-color: #f6f6fa;
border-top-right-radius: 15px;
border-top-left-radius: 15px;
text-align: center;
margin-left: 1px;
"
index="/job/job"
>
<i style="width: 10px; height: 10px; margin-top: -12px"></i>
日志信息
</el-menu-item>
</template>
<!-- 顶部菜单超出数量折叠 -->
<!-- <el-submenu :style="{'&#45;&#45;theme': theme}" index="more" v-if="topMenus.length > visibleNumber">-->
......
src/router/index.js
View file @ 074f2beb
......@@ -159,6 +159,20 @@ export const constantRoutes = [
},
],
},
{
path: "/job",
component: Layout,
hidden: false,
redirect: "job",
children: [
{
path: "job",
component: () => import("@/views/monitor/operlog/index.vue"),
name: "job",
meta: { title: "日志信息", icon: "user" },
},
],
}
];
// 动态路由，基于用户权限动态去加载
......@@ -209,7 +223,7 @@ export const dynamicRoutes = [
path: "/monitor/job-log",
component: Layout,
hidden: true,
permissions: ["monitor:job:list"],
// permissions: ["monitor:job:list"],
children: [
{
path: "index/:jobId(\\d+)",
......
src/views/register.vue
View file @ 074f2beb
<template>
<div class="register">
<el-form ref="registerForm" :model="registerForm" :rules="registerRules" class="register-form">
<h3 class="title">天津悦优享科技有限公司</h3>
<el-form-item prop="username">
<el-input v-model="registerForm.username" type="text" auto-complete="off" placeholder="账号">
<svg-icon slot="prefix" icon-class="user" class="el-input__icon input-icon" />
</el-input>
</el-form-item>
<el-form-item prop="password">
<el-input
v-model="registerForm.password"
type="password"
auto-complete="off"
placeholder="密码"
@keyup.enter.native="handleRegister"
>
<svg-icon slot="prefix" icon-class="password" class="el-input__icon input-icon" />
</el-input>
</el-form-item>
<el-form-item prop="confirmPassword">
<el-input
v-model="registerForm.confirmPassword"
type="password"
auto-complete="off"
placeholder="确认密码"
@keyup.enter.native="handleRegister"
>
<svg-icon slot="prefix" icon-class="password" class="el-input__icon input-icon" />
</el-input>
</el-form-item>
<el-form-item prop="code" v-if="captchaEnabled">
<el-input
v-model="registerForm.code"
auto-complete="off"
placeholder="验证码"
style="width: 63%"
@keyup.enter.native="handleRegister"
>
<svg-icon slot="prefix" icon-class="validCode" class="el-input__icon input-icon" />
</el-input>
<div class="register-code">
<img :src="codeUrl" @click="getCode" class="register-code-img"/>
<div class="region" style="display: flex">
<ul class="contant-ul" >
<li class = "contant-li">
<div class="li-img">
<!-- <el-avatar size="large" src="@/assets/images/home.png"></el-avatar>-->
<img src="@/assets/images/home.png" >
</div>
</el-form-item>
<el-form-item style="width:100%;">
<el-button
:loading="loading"
size="medium"
type="primary"
style="width:100%;"
@click.native.prevent="handleRegister"
>
<span v-if="!loading">注 册</span>
<span v-else>注 册 中...</span>
</el-button>
<div style="float: right;">
<router-link class="link-type" :to="'/login'">使用已有账户登录</router-link>
<span @click="homePath" style="font-size: x-large">首页</span>
</li >
<li class = "contant-li">
<div class="li-img">
<img src="@/assets/images/2.png" >
</div>
</el-form-item>
</el-form>
<!-- 底部 -->
<div class="el-register-footer">
<span>Copyright © 2018-2024 ruoyi.vip All Rights Reserved.</span>
<span @click="userPath" style="font-size: x-large">用户管理</span>
</li>
<li class = "contant-li">
<div class="li-img">
<img src="@/assets/images/3.png" >
</div>
<span @click="historyPath" style="font-size: x-large">历史记录</span>
</li>
<li class = "contant-li">
<div class="li-img">
<img src="@/assets/images/4.png" >
</div>
<span @click="logPath" style="font-size: x-large">日志查看</span>
</li>
<li class = "contant-li">
<div class="li-img">
<img src="@/assets/images/5.png" >
</div>
<span @click="indexPath" style="font-size: x-large">设备分类管理</span>
</li>
<li class = "contant-li">
<div class="li-img">
<img src="@/assets/images/5.png" >
</div>
<span @click="indexPath" style="font-size: x-large">设备管理</span>
</li>
<li class = "contant-li">
<div class="li-img">
<img src="@/assets/images/1.png" >
</div>
<span @click="indexPath" style="font-size: x-large">设备状态管理</span>
</li>
<li class = "contant-li">
<div class="li-img">
<img src="@/assets/images/1.png" >
</div>
<span @click="indexPath" style="font-size: x-large">设备警报监控</span>
</li>
<li class = "contant-li">
<div class="li-img">
<img src="@/assets/images/1.png" >
</div>
<span @click="indexPath" style="font-size: x-large">设备保修管理</span>
</li>
<li class = "contant-li">
<div class="li-img">
<img src="@/assets/images/1.png" >
</div>
<span @click="indexPath" style="font-size: x-large">监控点位管理</span>
</li>
<li class = "contant-li">
<div class="li-img">
<img src="@/assets/images/1.png" >
</div>
<span @click="indexPath" style="font-size: x-large">监控视频管理</span>
</li>
<li class = "contant-li">
<div class="li-img">
<img src="@/assets/images/1.png" >
</div>
<span @click="indexPath" style="font-size: x-large">监控警报</span>
</li>
<li class = "contant-li">
<div class="li-img">
<img src="@/assets/images/1.png" >
</div>
<span @click="indexPath" style="font-size: x-large">监控实时画面</span>
</li>
<li class = "contant-li">
<div class="li-img">
<img src="@/assets/images/1.png" >
</div>
<span @click="indexPath" style="font-size: x-large">警报提示</span>
</li>
<li class = "contant-li">
<div class="li-img">
<img src="@/assets/images/1.png" >
</div>
<span @click="indexPath" style="font-size: x-large">云台控制</span>
</li>
</ul>
</div>
<!-- 底部 -->
<!-- <div class="el-register-footer">-->
<!-- <span>Copyright © 2018-2024 ruoyi.vip All Rights Reserved.</span>-->
<!-- </div>-->
</div>
</template>
......@@ -112,6 +159,21 @@ export default {
this.getCode();
},
methods: {
indexPath() {
this.$message.warning("暂无权限，请稍后再试")
},
homePath() {
this.$router.push({ path: "/" }).catch(()=>{});
},
logPath() {
this.$router.push({ path: "/job/job" }).catch(()=>{});
},
userPath() {
this.$router.push({ path: "/employee/employee" }).catch(()=>{});
},
historyPath() {
this.$router.push({ path: "/monitoringhistory/history" }).catch(()=>{});
},
getCode() {
getCodeImg().then(res => {
this.captchaEnabled = res.captchaEnabled === undefined ? true : res.captchaEnabled;
......@@ -146,13 +208,14 @@ export default {
};
</script>
<style rel="stylesheet/scss" lang="scss">
<style rel="stylesheet/scss" lang="scss" scoped>
.register {
overflow: hidden;
display: flex;
justify-content: center;
align-items: center;
height: 100%;
background-image: url("../assets/images/login-background.jpg");
background-color: #ffffff;
background-size: cover;
}
.title {
......@@ -207,4 +270,50 @@ export default {
.register-code-img {
height: 38px;
}
.region {
width: 100%;
background-color: white;
//margin: 20px 30px;
//padding: 20px 30px;
}
.contant-ul {
overflow: hidden;
//padding: 25px;
display: flex;
padding-top: 9%;
padding-left: 7%;
padding-right: 7%;
padding-bottom: 0%;
justify-content: space-between;
align-items: flex-start;
flex-wrap: wrap;
}
.contant-li{
background-color: transparent;
margin-left: 2%;
margin-right: 5%;
align-items: center;
flex-wrap: wrap;
flex-direction: column;
display: flex;
position: relative;
width: 10vw;
height: 20vh;
/* background: palevioletred; */
margin-bottom: 5%;
box-shadow: 1px 1px 10px rgb(27 39 94 / 40%);
border-radius: 8px;
transition: margin-top 0.2s;
-webkit-transition: margin-top 0.2s;
overflow: hidden;
}
.contant-li .li-img {
padding: 10%;
width: 70%;
height: 70%;
}
.contant-li .li-img img {
width: 100%;
height: 100%;
}
</style>
src/views/video/index.vue
View file @ 074f2beb
......@@ -211,7 +211,7 @@ export default {
accessToken: token,
url: videoUrl,
// simple - 极简版; pcLive-pc直播；pcRec-pc回放； mobileLive-移动端直播；mobileRec-移动端回放;security - 安防版;voice-语音版;
template: 'd826f4675a6844a18eeb3033b3a5a857', //模板
template: '0809971f10774031bd5ee5606c6da6d9', //模板
plugin: ['talk'], // 加载插件，talk-对讲
width: 910,
height: 415,
......@@ -224,7 +224,7 @@ export default {
accessToken: token,
url: videoUrl,
// simple - 极简版; pcLive-pc直播；pcRec-pc回放； mobileLive-移动端直播；mobileRec-移动端回放;security - 安防版;voice-语音版;
template: 'd826f4675a6844a18eeb3033b3a5a857', //模板
template: '0809971f10774031bd5ee5606c6da6d9', //模板
plugin: ['talk'], // 加载插件，talk-对讲
width: 910,
height: 415,
......@@ -237,7 +237,7 @@ export default {
accessToken: token,
url: videoUrl,
// simple - 极简版; pcLive-pc直播；pcRec-pc回放； mobileLive-移动端直播；mobileRec-移动端回放;security - 安防版;voice-语音版;
template: 'd826f4675a6844a18eeb3033b3a5a857', //模板
template: '0809971f10774031bd5ee5606c6da6d9', //模板
plugin: ['talk'], // 加载插件，talk-对讲
width: 910,
height: 415,
......@@ -250,7 +250,7 @@ export default {
accessToken: token,
url: videoUrl,
// simple - 极简版; pcLive-pc直播；pcRec-pc回放； mobileLive-移动端直播；mobileRec-移动端回放;security - 安防版;voice-语音版;
template: 'd826f4675a6844a18eeb3033b3a5a857', //模板
template: '0809971f10774031bd5ee5606c6da6d9', //模板
plugin: ['talk'], // 加载插件，talk-对讲
width: 910,
height: 415,
......
src/views/video/playback.vue
View file @ 074f2beb
......@@ -227,7 +227,7 @@ export default {
// url: 'ezopen://open.ys7.com/AW5687499/1.hd.local.rec?begin=20240805100000&end=20240805235959',
url: videoUrl,
// simple - 极简版; pcLive-pc直播；pcRec-pc回放； mobileLive-移动端直播；mobileRec-移动端回放;security - 安防版;voice-语音版;
template: '0e3e189e86084314be1b738037019d81', //模板
template: 'b817af6982b346538b4826e70d353010', //模板
header: ['capturePicture', 'save', 'zoom'],
footer: ['talk', 'broadcast', 'hd', 'fullScreen'],
plugin: ['talk'], // 加载插件，talk-对讲
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment