LiuXue
/
JinZHouXiYiJi_DaPin
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

no message

main
DengJiangKun 2023-12-09 17:46:50 +08:00
parent 78a07cba01
commit 2e8ab5eb3d
4 changed files with 19 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
src/components/datav/CenterCmp.vue
View File

@ -12,17 +12,17 @@
</div>
</div>
<div class="cc-header">
<div style="width:40%;height:50px; float: left;display: flex;margin-left: 20px" >
<div class="card">{{this.inZX}}</div>
<div style="width:50%;height:90px; float: left;display: flex;margin: auto auto;text-align: center;margin-top: 20px" >
<div class="card" style="margin: auto auto">{{this.inZX}}</div>
<!-- <div class="card"></div>-->
<div class="card">{{this.inDZX}}</div>
<div class="card" style="margin: auto auto">{{this.inDZX}}</div>
<!-- <div class="card"></div>-->
<!-- <div class="card"></div>-->
</div>
<div style="width:40%;height:50px; float: left;display: flex;margin-right: -20px" >
<div class="card">{{this.outZX}}</div>
<div style="width:50%;height:90px; float: left;display: flex;margin: auto auto;text-align: center;margin-top: 20px" >
<div class="card" style="margin: auto auto">{{this.outZX}}</div>
<!-- <div class="card"></div>-->
<div class="card">{{this.outDZX}}</div>
<div class="card" style="margin: auto auto">{{this.outDZX}}</div>
<!-- <div class="card"></div>-->
<!-- <div class="card"></div>-->
</div>
@ -32,8 +32,8 @@
</div>
<div class="cc-main-container">
<dv-decoration-9 style="width:150px;height:150px;margin-left: 40px;margin-top: 10px" :color="['#007ef9', '#052650']">{{this.inAllData}}</dv-decoration-9>
<dv-decoration-9 style="width:150px;height:150px;margin-left: 110px;margin-top: 10px" :color="['#007ef9', '#052650']">{{this.outAllData}}</dv-decoration-9>
<dv-decoration-9 style="width:150px;height:150px;margin: auto auto;" :color="['#007ef9', '#052650']">{{this.inAllData}}</dv-decoration-9>
<dv-decoration-9 style="width:150px;height:150px;margin: auto auto;" :color="['#007ef9', '#052650']">{{this.outAllData}}</dv-decoration-9>
<!-- <dv-active-ring-chart class="ccmc-middle" :config="config1" />-->
<!-- <dv-active-ring-chart class="ccmc-middle" :config="config2" />-->

12
src/components/datav/RightChart1.vue
View File

@ -1,13 +1,13 @@
<template>
<div class="m-video" :class="{'u-video-hover': !hidden}" :style="`width: ${width}px; height: ${height}px;`">
<div class="m-video" :class="{'u-video-hover': !hidden}" >
<video
ref="veo"
:style="`object-fit: ${zoom};`"
:src="src"
width="98%"
style="margin: 5px 5px 5px 5px"
:poster="veoPoster"
:width="width"
:height="height"
:autoplay="autoplay"
:controls="!originPlay&&controls"
:loop="loop"
@ -161,9 +161,7 @@ export default {
box-sizing: border-box;
margin: 0;
padding: 0;
margin-top: -16px;
right: 20px;
top: 0px;
}
.m-video {
height: 100%;
@ -172,7 +170,7 @@ export default {
position: relative;
background: #ffffff00;
cursor: pointer;
transform: scale(0.85);
//transform: scale(1);
.u-play {
position: absolute;
top: 0;

7
src/components/datav/RightChart3.vue
View File

@ -1,6 +1,6 @@
<template>
<div className="bottom-right-table-3">
<dv-scroll-board :config="config1" style="width: 350px;height: 280px;margin: 5px 0 0 5px"/>
<div className="bottom-right-table-3" style="height: 100%">
<dv-scroll-board :config="config1" style="width: 98%;height:98%;margin: 5px 0 0 5px;"/>
</div>
</template>
@ -59,7 +59,8 @@ export default {
.bottom-right-table-3 {
width: 400px;
height: 100%;
margin: 0 -3px;
//background-color: red;
//margin: 0 -3px;
.border-box-content {
padding: 20px;

4
src/components/datav/index.vue
View File

@ -41,7 +41,7 @@
<div class="right-top-container">
<div class="rmctc-right-container">
<dv-border-box-8 class="rmctc-chart-1" style="width: 358px">
<dv-border-box-8 class="rmctc-chart-1" style="width: 100%">
<Right-Chart-1/>
@ -99,7 +99,7 @@ export default {
color: #fff;
#dv-full-screen-container {
//background-image: url('./img/bg3.png');
background-image: url('./img/bg3.png');
background-color: #050c1e;
background-size: 100% 100%;
box-shadow: 0 0 3px blue;