修复大屏细节
This commit is contained in:
parent
64b86525ff
commit
023bcd7df2
@ -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") {
|
||||||
|
|||||||
@ -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>
|
||||||
@ -106,11 +106,11 @@ export default {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.rightTwo {
|
.rightTwo {
|
||||||
height: 30%;
|
height: 25%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.rightThree {
|
.rightThree {
|
||||||
height: 20%;
|
height: 25%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.rightFour {
|
.rightFour {
|
||||||
|
|||||||
@ -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;
|
||||||
|
|||||||
@ -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;
|
||||||
|
|||||||
@ -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",
|
||||||
|
|||||||
@ -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;
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user