|
@ -90,7 +90,7 @@ |
|
|
<div class="mortgage_top_item_cons_right"> |
|
|
<div class="mortgage_top_item_cons_right"> |
|
|
<div class="mortgage_top_item_cons_right_top"> |
|
|
<div class="mortgage_top_item_cons_right_top"> |
|
|
<div class="mortgage_top_item_cons_right_top_video"> |
|
|
<div class="mortgage_top_item_cons_right_top_video"> |
|
|
<iframe :src="spUrl" width="450" height="150" id="ysOpenDevice" allowfullscreen> |
|
|
<iframe :src="spUrl" width="500" height="220" id="ysOpenDevice" allowfullscreen> |
|
|
</iframe> |
|
|
</iframe> |
|
|
</div> |
|
|
</div> |
|
|
<div class="mortgage_top_item_cons_right_top_foor"> |
|
|
<div class="mortgage_top_item_cons_right_top_foor"> |
|
@ -127,9 +127,9 @@ |
|
|
<div class="container_item2"> |
|
|
<div class="container_item2"> |
|
|
2023-10-16 16:13:36 <span>365国润三通道摄像头离线解除</span> |
|
|
2023-10-16 16:13:36 <span>365国润三通道摄像头离线解除</span> |
|
|
</div> |
|
|
</div> |
|
|
<div class="container_item1"> |
|
|
<!-- <div class="container_item1"> |
|
|
2023-10-16 15:26:12 <span>365国润三通道摄像头离线</span> |
|
|
2023-10-16 15:26:12 <span>365国润三通道摄像头离线</span> |
|
|
</div> |
|
|
</div> --> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
@ -190,7 +190,7 @@ |
|
|
<barlineEachartsVue :width="`100%`" :height="'270px'" :chartData="chartData2"></barlineEachartsVue> |
|
|
<barlineEachartsVue :width="`100%`" :height="'270px'" :chartData="chartData2"></barlineEachartsVue> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
<div class="mortgage_bom_item"> |
|
|
<div class="mortgage_bom_item" style="margin-left: 32px;padding-right: 30px;"> |
|
|
<div class="mortgage_bom_item_tit"> |
|
|
<div class="mortgage_bom_item_tit"> |
|
|
<div class="mortgage_bom_item_tit_left"> |
|
|
<div class="mortgage_bom_item_tit_left"> |
|
|
<span> |
|
|
<span> |
|
@ -692,48 +692,48 @@ |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.mortgage_top_item_top_btn1 { |
|
|
.mortgage_top_item_top_btn1 { |
|
|
z-index: 100; |
|
|
// z-index: 100; |
|
|
position: absolute; |
|
|
position: absolute; |
|
|
top: 0px; |
|
|
top: 0%; |
|
|
left: 368px; |
|
|
left: 50%; |
|
|
width: 393px; |
|
|
width: 50%; |
|
|
height: 150px; |
|
|
height: 50%; |
|
|
background-color: #f0f; |
|
|
background-color: #f0f; |
|
|
/*设置透明度,0为完全透明,1为不透明*/ |
|
|
/*设置透明度,0为完全透明,1为不透明*/ |
|
|
opacity: 0; |
|
|
opacity: 0; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.mortgage_top_item_top_btn2 { |
|
|
.mortgage_top_item_top_btn2 { |
|
|
z-index: 100; |
|
|
// z-index: 100; |
|
|
position: absolute; |
|
|
position: absolute; |
|
|
top: 150px; |
|
|
top: 50%; |
|
|
left: 0px; |
|
|
left: 0%; |
|
|
width: 393px; |
|
|
width: 50%; |
|
|
height: 150px; |
|
|
height: 50%; |
|
|
background-color: #ff0; |
|
|
background-color: #ff0; |
|
|
/*设置透明度,0为完全透明,1为不透明*/ |
|
|
/*设置透明度,0为完全透明,1为不透明*/ |
|
|
opacity: 0; |
|
|
opacity: 0; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.mortgage_top_item_top_btn3 { |
|
|
.mortgage_top_item_top_btn3 { |
|
|
z-index: 100; |
|
|
// z-index: 100; |
|
|
position: absolute; |
|
|
position: absolute; |
|
|
top: 150px; |
|
|
top: 50%; |
|
|
left: 368px; |
|
|
left: 50%; |
|
|
width: 393px; |
|
|
width: 50%; |
|
|
height: 150px; |
|
|
height: 50%; |
|
|
background-color: #00f; |
|
|
background-color: #00f; |
|
|
/*设置透明度,0为完全透明,1为不透明*/ |
|
|
/*设置透明度,0为完全透明,1为不透明*/ |
|
|
opacity: 0; |
|
|
opacity: 0; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.mortgage_top_item_top_btn4 { |
|
|
.mortgage_top_item_top_btn4 { |
|
|
z-index: 100; |
|
|
// z-index: 100; |
|
|
position: absolute; |
|
|
position: absolute; |
|
|
top: 0px; |
|
|
top: 0%; |
|
|
left: 0px; |
|
|
left: 0%; |
|
|
width: 398px; |
|
|
width: 50%; |
|
|
height: 150px; |
|
|
height: 50%; |
|
|
background-color: #0ff; |
|
|
background-color: #0ff; |
|
|
/*设置透明度,0为完全透明,1为不透明*/ |
|
|
/*设置透明度,0为完全透明,1为不透明*/ |
|
|
opacity: 0; |
|
|
opacity: 0; |
|
@ -778,7 +778,7 @@ |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.mortgage_top_item_cons_right_top_foor { |
|
|
.mortgage_top_item_cons_right_top_foor { |
|
|
margin-top: 10px; |
|
|
margin-top: 75px; |
|
|
width: 100%; |
|
|
width: 100%; |
|
|
height: 10%; |
|
|
height: 10%; |
|
|
display: flex; |
|
|
display: flex; |
|
@ -812,6 +812,7 @@ |
|
|
height: calc(50% - 10px); |
|
|
height: calc(50% - 10px); |
|
|
width: 100%; |
|
|
width: 100%; |
|
|
position: relative; |
|
|
position: relative; |
|
|
|
|
|
margin-top: 80px; |
|
|
|
|
|
|
|
|
.titele { |
|
|
.titele { |
|
|
width: 100%; |
|
|
width: 100%; |
|
@ -845,7 +846,7 @@ |
|
|
|
|
|
|
|
|
.containers { |
|
|
.containers { |
|
|
width: 100%; |
|
|
width: 100%; |
|
|
height: calc(100% - 1px); |
|
|
height: calc(100% - 80px); |
|
|
position: relative; |
|
|
position: relative; |
|
|
display: flex; |
|
|
display: flex; |
|
|
background: transparent; |
|
|
background: transparent; |
|
|