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> </div>
<div class="cc-header"> <div class="cc-header">
<div style="width:40%;height:50px; float: left;display: flex;margin-left: 20px" > <div style="width:50%;height:90px; float: left;display: flex;margin: auto auto;text-align: center;margin-top: 20px" >
<div class="card">{{this.inZX}}</div> <div class="card" style="margin: auto auto">{{this.inZX}}</div>
<!-- <div class="card"></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 class="card"></div>--> <!-- <div class="card"></div>-->
</div> </div>
<div style="width:40%;height:50px; float: left;display: flex;margin-right: -20px" > <div style="width:50%;height:90px; float: left;display: flex;margin: auto auto;text-align: center;margin-top: 20px" >
<div class="card">{{this.outZX}}</div> <div class="card" style="margin: auto auto">{{this.outZX}}</div>
<!-- <div class="card"></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 class="card"></div>--> <!-- <div class="card"></div>-->
</div> </div>
@ -32,8 +32,8 @@
</div> </div>
<div class="cc-main-container"> <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: auto auto;" :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.outAllData}}</dv-decoration-9>
<!-- <dv-active-ring-chart class="ccmc-middle" :config="config1" />--> <!-- <dv-active-ring-chart class="ccmc-middle" :config="config1" />-->
<!-- <dv-active-ring-chart class="ccmc-middle" :config="config2" />--> <!-- <dv-active-ring-chart class="ccmc-middle" :config="config2" />-->

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

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

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

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

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

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