|
|
|
@ -28,7 +28,7 @@
|
|
|
|
:year="year"
|
|
|
|
:year="year"
|
|
|
|
:production-data="productionData"
|
|
|
|
:production-data="productionData"
|
|
|
|
width="450px"
|
|
|
|
width="450px"
|
|
|
|
height="210px"
|
|
|
|
height="300px"
|
|
|
|
/>
|
|
|
|
/>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
@ -378,7 +378,7 @@
|
|
|
|
ref="leftBot"
|
|
|
|
ref="leftBot"
|
|
|
|
:year="year"
|
|
|
|
:year="year"
|
|
|
|
width="200px"
|
|
|
|
width="200px"
|
|
|
|
:device-count="25"
|
|
|
|
:device-count="10"
|
|
|
|
height="160px"
|
|
|
|
height="160px"
|
|
|
|
@endLoading="endLoading"
|
|
|
|
@endLoading="endLoading"
|
|
|
|
/>
|
|
|
|
/>
|
|
|
|
@ -391,7 +391,7 @@
|
|
|
|
<right-middle
|
|
|
|
<right-middle
|
|
|
|
v-show="!loading5"
|
|
|
|
v-show="!loading5"
|
|
|
|
ref="leftBot"
|
|
|
|
ref="leftBot"
|
|
|
|
:device-count="9"
|
|
|
|
:device-count="15"
|
|
|
|
:year="year"
|
|
|
|
:year="year"
|
|
|
|
width="200px"
|
|
|
|
width="200px"
|
|
|
|
height="160px"
|
|
|
|
height="160px"
|
|
|
|
@ -641,6 +641,9 @@ export default defineComponent({
|
|
|
|
const app = useAppStore();
|
|
|
|
const app = useAppStore();
|
|
|
|
app.setContentFull(this.fullScreen);
|
|
|
|
app.setContentFull(this.fullScreen);
|
|
|
|
},
|
|
|
|
},
|
|
|
|
|
|
|
|
jumpPage(routerName){
|
|
|
|
|
|
|
|
this.router.push({name : routerName})
|
|
|
|
|
|
|
|
},
|
|
|
|
// 防抖函数
|
|
|
|
// 防抖函数
|
|
|
|
debounce(func, wait = 100) {
|
|
|
|
debounce(func, wait = 100) {
|
|
|
|
let timeout;
|
|
|
|
let timeout;
|
|
|
|
@ -653,7 +656,7 @@ export default defineComponent({
|
|
|
|
},
|
|
|
|
},
|
|
|
|
handleScreenAuto() {
|
|
|
|
handleScreenAuto() {
|
|
|
|
const designDraftWidth = 2280; // 设计稿的宽度
|
|
|
|
const designDraftWidth = 2280; // 设计稿的宽度
|
|
|
|
const designDraftHeight = 1080; // 设计稿的高度
|
|
|
|
const designDraftHeight = 1280; // 设计稿的高度
|
|
|
|
// 根据屏幕的变化适配的比例
|
|
|
|
// 根据屏幕的变化适配的比例
|
|
|
|
const scale =
|
|
|
|
const scale =
|
|
|
|
document.documentElement.clientWidth / document.documentElement.clientHeight <
|
|
|
|
document.documentElement.clientWidth / document.documentElement.clientHeight <
|
|
|
|
@ -765,11 +768,12 @@ export default defineComponent({
|
|
|
|
}
|
|
|
|
}
|
|
|
|
.screen {
|
|
|
|
.screen {
|
|
|
|
width: 2280px;
|
|
|
|
width: 2280px;
|
|
|
|
height: 1080px;
|
|
|
|
height: 1280px;
|
|
|
|
transform-origin: 0 0;
|
|
|
|
transform-origin: 0 0;
|
|
|
|
position: relative;
|
|
|
|
position: relative;
|
|
|
|
background: url(../../../assets/img/pageBg.png) no-repeat;
|
|
|
|
background: url(../../../assets/img/pageBg.png) no-repeat;
|
|
|
|
background-size: cover;
|
|
|
|
background-size: contain;
|
|
|
|
|
|
|
|
background-size: 2280px 1280px;
|
|
|
|
left: 50%;
|
|
|
|
left: 50%;
|
|
|
|
top: 50%;
|
|
|
|
top: 50%;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
@ -851,7 +855,7 @@ export default defineComponent({
|
|
|
|
height: 285px;
|
|
|
|
height: 285px;
|
|
|
|
background: url(../../../assets/img/board/left_mid_bg.png) no-repeat center center;
|
|
|
|
background: url(../../../assets/img/board/left_mid_bg.png) no-repeat center center;
|
|
|
|
background-size: cover;
|
|
|
|
background-size: cover;
|
|
|
|
top: 360px;
|
|
|
|
top: 392px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
.alltitle {
|
|
|
|
.alltitle {
|
|
|
|
font-size: 18px;
|
|
|
|
font-size: 18px;
|
|
|
|
@ -866,7 +870,7 @@ export default defineComponent({
|
|
|
|
.left_bot_area {
|
|
|
|
.left_bot_area {
|
|
|
|
width: 505px;
|
|
|
|
width: 505px;
|
|
|
|
height: 300px;
|
|
|
|
height: 300px;
|
|
|
|
top: 700px;
|
|
|
|
top: 800px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.left_bot_area .top_title,
|
|
|
|
.left_bot_area .top_title,
|
|
|
|
@ -1023,7 +1027,7 @@ export default defineComponent({
|
|
|
|
.right_mid_bot_area {
|
|
|
|
.right_mid_bot_area {
|
|
|
|
width: 500px;
|
|
|
|
width: 500px;
|
|
|
|
height: 230px;
|
|
|
|
height: 230px;
|
|
|
|
top: 540px;
|
|
|
|
top: 580px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
.right_mid_bot_area .bar_area {
|
|
|
|
.right_mid_bot_area .bar_area {
|
|
|
|
width: 565px;
|
|
|
|
width: 565px;
|
|
|
|
@ -1097,7 +1101,7 @@ export default defineComponent({
|
|
|
|
.right_bot_area {
|
|
|
|
.right_bot_area {
|
|
|
|
width: 600px;
|
|
|
|
width: 600px;
|
|
|
|
height: 230px;
|
|
|
|
height: 230px;
|
|
|
|
top: 805px;
|
|
|
|
top: 910px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.mid_area {
|
|
|
|
.mid_area {
|
|
|
|
@ -1244,7 +1248,7 @@ export default defineComponent({
|
|
|
|
width: 900px;
|
|
|
|
width: 900px;
|
|
|
|
height: 180px;
|
|
|
|
height: 180px;
|
|
|
|
left: 630px;
|
|
|
|
left: 630px;
|
|
|
|
top: 633px;
|
|
|
|
top: 680px;
|
|
|
|
background: url(../../../assets/img/board/left_mid_bg.png) no-repeat center center;
|
|
|
|
background: url(../../../assets/img/board/left_mid_bg.png) no-repeat center center;
|
|
|
|
background-size: cover;
|
|
|
|
background-size: cover;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
@ -1410,4 +1414,6 @@ li {
|
|
|
|
Arial Narrow Bold,
|
|
|
|
Arial Narrow Bold,
|
|
|
|
sans-serif;
|
|
|
|
sans-serif;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</style>
|
|
|
|
</style>
|
|
|
|
|