修复大屏细节

This commit is contained in:
骆乐 2022-10-25 14:01:28 +08:00
parent 64b86525ff
commit 023bcd7df2
8 changed files with 24 additions and 17 deletions

BIN
dist.zip

Binary file not shown.

View File

@ -1,7 +1,7 @@
<template> <template>
<!-- 下拉框选择视频需传入视频列表 --> <!-- 下拉框选择视频需传入视频列表 -->
<div class="fullHeight videoOverview" id="videoOverview"> <div class="fullHeight videoOverview" id="videoOverview">
<div v-show="showPlayback" class="videoTop"> <div v-show="showPlaybacks" class="videoTop">
<span <span
class="videoType" class="videoType"
:class="{ active: videoType == 1 }" :class="{ active: videoType == 1 }"
@ -9,7 +9,7 @@
>{{ $t("message.videoManage.live") }}</span >{{ $t("message.videoManage.live") }}</span
> >
<span <span
v-show="showPlayback" v-show="showPlaybacks"
class="videoType" class="videoType"
:class="{ active: videoType == 2 }" :class="{ active: videoType == 2 }"
@click=" @click="
@ -156,14 +156,14 @@
</template> </template>
</el-autocomplete> --> </el-autocomplete> -->
<span <span
v-show="showPlayback" v-show="showPlaybacks"
class="videoType" class="videoType"
:class="{ active: videoType == 1 }" :class="{ active: videoType == 1 }"
@click="videoType = 1" @click="videoType = 1"
>{{ $t("message.videoManage.live") }}</span >{{ $t("message.videoManage.live") }}</span
> >
<span <span
v-show="showPlayback" v-show="showPlaybacks"
class="videoType" class="videoType"
:class="{ active: videoType == 2 }" :class="{ active: videoType == 2 }"
@click=" @click="
@ -323,7 +323,7 @@ export default {
showMoreWin: true, // showMoreWin: true, //
showCaptrue: false, // showCaptrue: false, //
showControl: false, // showControl: false, //
showPlayback: false, // showPlaybacks: false, //
pluginType: "", //ysy: videojs ckPlayer lecheng isc xiongmai pluginType: "", //ysy: videojs ckPlayer lecheng isc xiongmai
initDivNum: 9, initDivNum: 9,
ysyParams: { ysyParams: {
@ -354,8 +354,8 @@ export default {
this.showCaptrue = this.$props.showCaptrue; this.showCaptrue = this.$props.showCaptrue;
this.showControl = this.$props.showControl; this.showControl = this.$props.showControl;
this.showPlayback = this.$props.showPlayback; this.showPlaybacks = this.$props.showPlayback;
console.log('当前显示回放不',this.showPlayback) console.log('当前显示回放不',this.showPlaybacks)
// if(this.$props.hiddenSelectBox){ // if(this.$props.hiddenSelectBox){
// this.hiddenSelectBox = this.$props.hiddenSelectBox; // this.hiddenSelectBox = this.$props.hiddenSelectBox;
// } // }
@ -389,7 +389,7 @@ export default {
this.showMoreWin = false; this.showMoreWin = false;
this.showCaptrue = false; this.showCaptrue = false;
this.showControl = false; this.showControl = false;
this.showPlayback = true; // this.showPlaybacks = true; //
this.bottomMod = false; this.bottomMod = false;
this.initDivNum = 1; this.initDivNum = 1;
} else if (this.pluginType == "videojs") { } else if (this.pluginType == "videojs") {

View File

@ -41,7 +41,7 @@ export default {
bulidStatus: { label: '项目状态:', value: '' }, bulidStatus: { label: '项目状态:', value: '' },
constructionStage: { label: '形象进度:', value: '' }, constructionStage: { label: '形象进度:', value: '' },
households:{label: '项目造价:', value: ''}, households:{label: '项目造价:', value: ''},
val2:{label: '已完成投资:', value: ''}, // val2:{label: ':', value: ''},
projectAcreage: { label: '工程面积:', value: '', unit: '' }, projectAcreage: { label: '工程面积:', value: '', unit: '' },
constructionUnit: { label: '建设单位:', value: ''}, constructionUnit: { label: '建设单位:', value: ''},
projectAddress: { label: '项目地址:', value: '' }, projectAddress: { label: '项目地址:', value: '' },
@ -266,7 +266,9 @@ export default {
} }
} }
.butProcess{ .butProcess{
margin-bottom: 5%; margin: 0% 5% 5% 5%;
// margin-bottom: 5%;
// margin-right: 5%;
} }
} }
</style> </style>

View File

@ -106,11 +106,11 @@ export default {
} }
.rightTwo { .rightTwo {
height: 30%; height: 25%;
} }
.rightThree { .rightThree {
height: 20%; height: 25%;
} }
.rightFour { .rightFour {

View File

@ -1,6 +1,6 @@
<!-- 步骤条 --> <!-- 步骤条 -->
<template> <template>
<div class="list progress"> <div class="list progress" id="scrollBox">
<div :ops="ops" class="list-item progress-item" v-for="(item, index) in list" :key="index"> <div :ops="ops" class="list-item progress-item" v-for="(item, index) in list" :key="index">
<div :class="['progress-item-dot', { active: projectData.constructionStage-1 >= index }]"></div> <div :class="['progress-item-dot', { active: projectData.constructionStage-1 >= index }]"></div>
<div class="info"> <div class="info">
@ -34,6 +34,9 @@ export default {
created(){ created(){
console.log('this.list',this.list) console.log('this.list',this.list)
this.getDataDateils() this.getDataDateils()
},
mounted(){
}, },
methods:{ methods:{
getDataDateils() { getDataDateils() {
@ -55,7 +58,7 @@ export default {
align-items: center; align-items: center;
width: 100%; width: 100%;
height: 100%; height: 95%;
.progress-item { .progress-item {
position: relative; position: relative;

View File

@ -72,6 +72,7 @@ export default {
box-sizing: border-box; box-sizing: border-box;
width: 100%; width: 100%;
height: 100%; height: 100%;
padding: 8px 15px;
overflow: auto; overflow: auto;
.content{ .content{
margin-top: 10px; margin-top: 10px;

View File

@ -37,8 +37,8 @@
class="empty" class="empty"
style=" style="
position: absolute; position: absolute;
left: 50%; left: 55%;
top: 50%; top: 40%;
transform: translate(-50%, -50%); transform: translate(-50%, -50%);
" "
> >
@ -79,7 +79,7 @@ export default {
list: [], list: [],
titObj: { titObj: {
text: 0, text: 0,
y: "35%", y: "30%",
subTitle: "质量问题数", subTitle: "质量问题数",
color1: "#FFC303", color1: "#FFC303",
size1: "38", size1: "38",

View File

@ -154,6 +154,7 @@ export default {
line-height: 38px; line-height: 38px;
text-align: center; text-align: center;
z-index: 99; z-index: 99;
cursor: pointer;
} }
.changeTab0 { .changeTab0 {
position: absolute; position: absolute;