Skip to content

卡
卡车调度系统
Commit 1f91963f authored by xxx's avatar xxx
Browse files
Options

1

parent 423d4fab
Hide whitespace changes
Inline Side-by-side
Showing with 166 additions and 41 deletions
src/components/ezuikit/EZUIKitJs.vue
View file @ 1f91963f
<template>
<div class="video111">
<div class="video111 videoKuang">
<el-container>
<el-container style="display:flex;justify-content: space-between;">
<el-aside width="20vw" style="height: 89vh;margin-top: 5.5vh;z-index: 3;">
......@@ -9,14 +9,12 @@
@node-click="handleNodeClick"
accordion
>
<div slot-scope="{ node }">
<span>
<i class="el-icon-video-camera-solid"> {{ node.label }}</i>
</span>
</div>
<div slot-scope="{ node }" class="roadClass">{{ node.label }}</div>
</el-tree>
</el-aside>
<DPcomputer17 class="DPcomputer17Class"></DPcomputer17>
<div v-if="noPtz" class="noPtzVideo1">
<el-button class="noPtzCloseStyle" type="danger" icon="el-icon-close" @click="noPtzCloseFn()" size="mini">关闭</el-button>
<iframe :src="iframeSrc" class="iframeSingle"></iframe>
......@@ -103,7 +101,6 @@
<el-image style="width: 80vw; height: 85vh" :src="elimageSrc"></el-image>
</div>
</div>
</template>
......@@ -112,8 +109,12 @@ import { Tools, HttpReq, Dates} from '@/assets/js/common.js';
import * as echarts from 'echarts';
import axios from 'axios'
import moment from 'moment';
import DPcomputer17 from '../../views/MLargeScreen/components/smallComponents/DPcomputer17.vue'
export default {
components:{
DPcomputer17,
},
data() {
return {
imgSrcStart:process.env.VUE_APP_LOCAL_API2,
......@@ -708,6 +709,12 @@ export default {
};
</script>
<style>
.video111 .DPcomputer17Class{
position: absolute;
bottom: 0px;
left: 0px;
z-index: 4;
}
.el-header,
.el-footer {
background-color: #7bbfea;
......@@ -717,41 +724,89 @@ export default {
font-size: 25px !important;
line-height: 60px;
}
.el-aside::-webkit-scrollbar {
display: none;
}
.el-aside {
scrollbar-width: none;
}
.el-aside {
background-color: #fffef9;
background-color: rgba(32,42,67,0.95);
color: #333;
text-align: center;
padding: 0;
margin-bottom: 0px;
z-index: 3;
overflow: hidden;
}
.videoKuang .el-tree{
height: 57vh;
background-color: rgba(32,42,67,0.95);
overflow-y: scroll;
}
.el-tree-node__content {
height: 55px;
background-color: #e9eef3;
.videoKuang .el-tree::-webkit-scrollbar {
display: none;
}
.videoKuang .el-tree{
scrollbar-width: none;
}
.videoKuang .el-tree-node__content {
height: 50px;
background-color: rgba(32,42,67,0.95);
width: 20vw;
}
.el-tree-node {
background-color: #e9eef3;
border: 1px solid #d3d7d4;
.videoKuang .el-tree-node {
background-color: rgba(32,42,67,0.95);
}
.el-tree-node__content:hover {
background-color: white;
.videoKuang .el-tree-node__content:hover {
background-color: rgba(32,42,67,0.95);
}
.videoKuang .el-tree-node:focus>.el-tree-node__content{
background-color: rgba(32,42,67,0.95);
}
.videoKuang .el-tree-node__content>.el-tree-node__expand-icon{
display: none;
}
.videoKuang .roadClass{
height: 45px;
width: 90%;
line-height: 45px;
text-align: center;
font-size: 19px;
font-weight: 600;
letter-spacing: 2px;
color: white;
border-radius: 5px;
background: linear-gradient(to bottom, #30CFBE, #007EFF);
margin: 0px auto;
}
.videoKuang .el-tree-node__children{
width: 90%;
border: 1.5px solid #A6F6F9;
margin: 0 auto;
border-radius: 10px;
}
.videoKuang .el-tree-node__children .el-tree-node__content {
height: 30px;
background-color: rgba(32,42,67,0.95);
width: 100%;
margin-left: -10px;
}
.videoKuang .el-tree-node__children .roadClass{
height: 30px;
width: 90%;
line-height: 30px;
text-align: center;
font-size: 17px;
font-weight: 500;
letter-spacing: 2px;
color: #A6F6F9;
border-radius: 5px;
background: linear-gradient(to bottom, rgba(32,42,67,0.95), rgba(32,42,67,0.95));
margin: 0px auto;
}
.noPtzCloseStyle{
.videoKuang .noPtzCloseStyle{
position: absolute;
top:0.5vh;
right: 0.5vh;
font-size: 20px;
cursor: pointer;
}
.noPtzVideo1{
.videoKuang .noPtzVideo1{
width: 60vw;
height: 94.5vh;
overflow: hidden;
......
src/components/ezuikit/carsEZUIKitJs.vue
View file @ 1f91963f
<template>
<div class="video111">
<div class="video111 videoCars">
<el-container>
<el-container style="display:flex;justify-content: space-between;">
<el-aside width="20vw" style="height: 89vh;margin-top: 5.5vh;z-index: 3;">
<el-input placeholder="请输入车牌号" prefix-icon="el-icon-search" v-model="searchCarText" @keyup.enter.native="searchCarFn"></el-input>
<div class="videoCarsInput">
<el-input placeholder="请输入车牌号" prefix-icon="el-icon-search" v-model="searchCarText" @keyup.enter.native="searchCarFn"></el-input>
</div>
<el-tree
:data="videoData"
:props="defaultProps"
@node-click="handleNodeClick"
accordion
>
<div slot-scope="{ node }">
<span>
<i class="el-icon-video-camera-solid"> {{ node.label }}</i>
</span>
</div>
<div slot-scope="{ node }" class="roadClass">{{ node.label }}</div>
</el-tree>
</el-aside>
<DPcomputer17 class="DPcomputer17Class"></DPcomputer17>
<div v-if="noPtz" class="noPtzVideo1">
<el-button class="noPtzCloseStyle" type="danger" icon="el-icon-close" @click="noPtzCloseFn()" size="mini">关闭</el-button>
<iframe :src="iframeSrc" class="iframeSingle"></iframe>
......@@ -104,7 +106,6 @@
<el-image style="width: 80vw; height: 85vh" :src="elimageSrc"></el-image>
</div>
</div>
</template>
......@@ -113,8 +114,12 @@ import { Tools, HttpReq, Dates} from '@/assets/js/common.js';
import * as echarts from 'echarts';
import axios from 'axios'
import moment from 'moment';
import DPcomputer17 from '../../views/MLargeScreen/components/smallComponents/DPcomputer17.vue'
export default {
components:{
DPcomputer17,
},
data() {
return {
imgSrcStart:process.env.VUE_APP_LOCAL_API2,
......@@ -724,6 +729,12 @@ export default {
</script>
<style>
.video111 .DPcomputer17Class{
position: absolute;
bottom: 0px;
left: 0px;
z-index: 4;
}
.el-header,
.el-footer {
background-color: #7bbfea;
......@@ -740,25 +751,79 @@ export default {
scrollbar-width: none;
}
.el-aside {
background-color: #fffef9;
background-color: rgba(32,42,67,0.95);
color: #333;
text-align: center;
padding: 0;
margin-bottom: 0px;
z-index: 3;
overflow: hidden;
}
.videoCars .el-tree{
height: 53vh;
background-color: rgba(32,42,67,0.95);
overflow-y: scroll;
}
.el-tree-node__content {
height: 55px;
background-color: #e9eef3;
.videoCars .el-tree::-webkit-scrollbar {
display: none;
}
.videoCars .el-tree{
scrollbar-width: none;
}
.videoCars .el-tree-node__content {
height: 50px;
background-color: rgba(32,42,67,0.95);
width: 20vw;
}
.el-tree-node {
background-color: #e9eef3;
border: 1px solid #d3d7d4;
.videoCars .el-tree-node {
background-color: rgba(32,42,67,0.95);
}
.el-tree-node__content:hover {
background-color: white;
.videoCars .el-tree-node__content:hover {
background-color: rgba(32,42,67,0.95);
}
.videoCars .el-tree-node:focus>.el-tree-node__content{
background-color: rgba(32,42,67,0.95);
}
.videoCars .el-tree-node__content>.el-tree-node__expand-icon{
display: none;
}
.videoCars .roadClass{
height: 45px;
width: 90%;
line-height: 45px;
text-align: center;
font-size: 19px;
font-weight: 600;
letter-spacing: 2px;
color: white;
border-radius: 5px;
background: linear-gradient(to bottom, #30CFBE, #007EFF);
margin: 0px auto;
}
.videoCars .el-tree-node__children{
width: 90%;
border: 1.5px solid #A6F6F9;
margin: 0 auto;
border-radius: 10px;
}
.videoCars .el-tree-node__children .el-tree-node__content {
height: 30px;
background-color: rgba(32,42,67,0.95);
width: 100%;
margin-left: -10px;
}
.videoCars .el-tree-node__children .roadClass{
height: 30px;
width: 90%;
line-height: 30px;
text-align: center;
font-size: 17px;
font-weight: 500;
letter-spacing: 2px;
color: #A6F6F9;
border-radius: 5px;
background: linear-gradient(to bottom, rgba(32,42,67,0.95), rgba(32,42,67,0.95));
margin: 0px auto;
}
.video111 .el-input--small .el-input__inner{
background-color: #021445;
......@@ -803,6 +868,11 @@ export default {
overflow: hidden;
}
.video111 .videoCarsInput{
height: 4vh;
width: 90%;
margin: 0px auto;
}
.video111 .aiAnalysisRightViews{
width: 20vw;
height: 94.5vh;
......
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