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> <template>
<div class="video111"> <div class="video111 videoKuang">
<el-container> <el-container>
<el-container style="display:flex;justify-content: space-between;"> <el-container style="display:flex;justify-content: space-between;">
<el-aside width="20vw" style="height: 89vh;margin-top: 5.5vh;z-index: 3;"> <el-aside width="20vw" style="height: 89vh;margin-top: 5.5vh;z-index: 3;">
...@@ -9,14 +9,12 @@ ...@@ -9,14 +9,12 @@
@node-click="handleNodeClick" @node-click="handleNodeClick"
accordion accordion
> >
<div slot-scope="{ node }"> <div slot-scope="{ node }" class="roadClass">{{ node.label }}</div>
<span>
<i class="el-icon-video-camera-solid"> {{ node.label }}</i>
</span>
</div>
</el-tree> </el-tree>
</el-aside> </el-aside>
<DPcomputer17 class="DPcomputer17Class"></DPcomputer17>
<div v-if="noPtz" class="noPtzVideo1"> <div v-if="noPtz" class="noPtzVideo1">
<el-button class="noPtzCloseStyle" type="danger" icon="el-icon-close" @click="noPtzCloseFn()" size="mini">关闭</el-button> <el-button class="noPtzCloseStyle" type="danger" icon="el-icon-close" @click="noPtzCloseFn()" size="mini">关闭</el-button>
<iframe :src="iframeSrc" class="iframeSingle"></iframe> <iframe :src="iframeSrc" class="iframeSingle"></iframe>
...@@ -103,7 +101,6 @@ ...@@ -103,7 +101,6 @@
<el-image style="width: 80vw; height: 85vh" :src="elimageSrc"></el-image> <el-image style="width: 80vw; height: 85vh" :src="elimageSrc"></el-image>
</div> </div>
</div> </div>
</template> </template>
...@@ -112,8 +109,12 @@ import { Tools, HttpReq, Dates} from '@/assets/js/common.js'; ...@@ -112,8 +109,12 @@ import { Tools, HttpReq, Dates} from '@/assets/js/common.js';
import * as echarts from 'echarts'; import * as echarts from 'echarts';
import axios from 'axios' import axios from 'axios'
import moment from 'moment'; import moment from 'moment';
import DPcomputer17 from '../../views/MLargeScreen/components/smallComponents/DPcomputer17.vue'
export default { export default {
components:{
DPcomputer17,
},
data() { data() {
return { return {
imgSrcStart:process.env.VUE_APP_LOCAL_API2, imgSrcStart:process.env.VUE_APP_LOCAL_API2,
...@@ -708,6 +709,12 @@ export default { ...@@ -708,6 +709,12 @@ export default {
}; };
</script> </script>
<style> <style>
.video111 .DPcomputer17Class{
position: absolute;
bottom: 0px;
left: 0px;
z-index: 4;
}
.el-header, .el-header,
.el-footer { .el-footer {
background-color: #7bbfea; background-color: #7bbfea;
...@@ -717,41 +724,89 @@ export default { ...@@ -717,41 +724,89 @@ export default {
font-size: 25px !important; font-size: 25px !important;
line-height: 60px; line-height: 60px;
} }
.el-aside::-webkit-scrollbar {
display: none;
}
.el-aside {
scrollbar-width: none;
}
.el-aside { .el-aside {
background-color: #fffef9; background-color: rgba(32,42,67,0.95);
color: #333; color: #333;
text-align: center; text-align: center;
padding: 0; padding: 0;
margin-bottom: 0px; margin-bottom: 0px;
z-index: 3; z-index: 3;
overflow: hidden;
}
.videoKuang .el-tree{
height: 57vh;
background-color: rgba(32,42,67,0.95);
overflow-y: scroll; overflow-y: scroll;
} }
.el-tree-node__content { .videoKuang .el-tree::-webkit-scrollbar {
height: 55px; display: none;
background-color: #e9eef3; }
.videoKuang .el-tree{
scrollbar-width: none;
}
.videoKuang .el-tree-node__content {
height: 50px;
background-color: rgba(32,42,67,0.95);
width: 20vw; width: 20vw;
} }
.el-tree-node { .videoKuang .el-tree-node {
background-color: #e9eef3; background-color: rgba(32,42,67,0.95);
border: 1px solid #d3d7d4;
} }
.el-tree-node__content:hover { .videoKuang .el-tree-node__content:hover {
background-color: white; 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; position: absolute;
top:0.5vh; top:0.5vh;
right: 0.5vh; right: 0.5vh;
font-size: 20px; font-size: 20px;
cursor: pointer; cursor: pointer;
} }
.noPtzVideo1{ .videoKuang .noPtzVideo1{
width: 60vw; width: 60vw;
height: 94.5vh; height: 94.5vh;
overflow: hidden; overflow: hidden;
......
src/components/ezuikit/carsEZUIKitJs.vue
View file @ 1f91963f
<template> <template>
<div class="video111"> <div class="video111 videoCars">
<el-container> <el-container>
<el-container style="display:flex;justify-content: space-between;"> <el-container style="display:flex;justify-content: space-between;">
<el-aside width="20vw" style="height: 89vh;margin-top: 5.5vh;z-index: 3;"> <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 <el-tree
:data="videoData" :data="videoData"
:props="defaultProps" :props="defaultProps"
@node-click="handleNodeClick" @node-click="handleNodeClick"
accordion accordion
> >
<div slot-scope="{ node }"> <div slot-scope="{ node }" class="roadClass">{{ node.label }}</div>
<span>
<i class="el-icon-video-camera-solid"> {{ node.label }}</i>
</span>
</div>
</el-tree> </el-tree>
</el-aside> </el-aside>
<DPcomputer17 class="DPcomputer17Class"></DPcomputer17>
<div v-if="noPtz" class="noPtzVideo1"> <div v-if="noPtz" class="noPtzVideo1">
<el-button class="noPtzCloseStyle" type="danger" icon="el-icon-close" @click="noPtzCloseFn()" size="mini">关闭</el-button> <el-button class="noPtzCloseStyle" type="danger" icon="el-icon-close" @click="noPtzCloseFn()" size="mini">关闭</el-button>
<iframe :src="iframeSrc" class="iframeSingle"></iframe> <iframe :src="iframeSrc" class="iframeSingle"></iframe>
...@@ -104,7 +106,6 @@ ...@@ -104,7 +106,6 @@
<el-image style="width: 80vw; height: 85vh" :src="elimageSrc"></el-image> <el-image style="width: 80vw; height: 85vh" :src="elimageSrc"></el-image>
</div> </div>
</div> </div>
</template> </template>
...@@ -113,8 +114,12 @@ import { Tools, HttpReq, Dates} from '@/assets/js/common.js'; ...@@ -113,8 +114,12 @@ import { Tools, HttpReq, Dates} from '@/assets/js/common.js';
import * as echarts from 'echarts'; import * as echarts from 'echarts';
import axios from 'axios' import axios from 'axios'
import moment from 'moment'; import moment from 'moment';
import DPcomputer17 from '../../views/MLargeScreen/components/smallComponents/DPcomputer17.vue'
export default { export default {
components:{
DPcomputer17,
},
data() { data() {
return { return {
imgSrcStart:process.env.VUE_APP_LOCAL_API2, imgSrcStart:process.env.VUE_APP_LOCAL_API2,
...@@ -724,6 +729,12 @@ export default { ...@@ -724,6 +729,12 @@ export default {
</script> </script>
<style> <style>
.video111 .DPcomputer17Class{
position: absolute;
bottom: 0px;
left: 0px;
z-index: 4;
}
.el-header, .el-header,
.el-footer { .el-footer {
background-color: #7bbfea; background-color: #7bbfea;
...@@ -740,25 +751,79 @@ export default { ...@@ -740,25 +751,79 @@ export default {
scrollbar-width: none; scrollbar-width: none;
} }
.el-aside { .el-aside {
background-color: #fffef9; background-color: rgba(32,42,67,0.95);
color: #333; color: #333;
text-align: center; text-align: center;
padding: 0; padding: 0;
margin-bottom: 0px; margin-bottom: 0px;
z-index: 3; z-index: 3;
overflow: hidden;
}
.videoCars .el-tree{
height: 53vh;
background-color: rgba(32,42,67,0.95);
overflow-y: scroll; overflow-y: scroll;
} }
.el-tree-node__content { .videoCars .el-tree::-webkit-scrollbar {
height: 55px; display: none;
background-color: #e9eef3; }
.videoCars .el-tree{
scrollbar-width: none;
}
.videoCars .el-tree-node__content {
height: 50px;
background-color: rgba(32,42,67,0.95);
width: 20vw; width: 20vw;
} }
.el-tree-node { .videoCars .el-tree-node {
background-color: #e9eef3; background-color: rgba(32,42,67,0.95);
border: 1px solid #d3d7d4;
} }
.el-tree-node__content:hover { .videoCars .el-tree-node__content:hover {
background-color: white; 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{ .video111 .el-input--small .el-input__inner{
background-color: #021445; background-color: #021445;
...@@ -803,6 +868,11 @@ export default { ...@@ -803,6 +868,11 @@ export default {
overflow: hidden; overflow: hidden;
} }
.video111 .videoCarsInput{
height: 4vh;
width: 90%;
margin: 0px auto;
}
.video111 .aiAnalysisRightViews{ .video111 .aiAnalysisRightViews{
width: 20vw; width: 20vw;
height: 94.5vh; 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