@@ -67,7 +67,7 @@ | |||
</TechyBox> | |||
</div> | |||
<div style="min-height: calc(110px * var(--beilv)); flex: 1;"> | |||
<div style="min-height: calc(144px * var(--beilv)); flex: 1;"> | |||
<TechyBox class="dian-consume"> | |||
<div class="header-part"> | |||
<img src="./assets/consume/d.png" width="32" height="32" alt="dian" /> | |||
@@ -79,7 +79,7 @@ | |||
</TechyBox> | |||
</div> | |||
<div style="min-height: calc(110px * var(--beilv)); flex: 1;"> | |||
<div style="min-height: calc(144px * var(--beilv)); flex: 1;"> | |||
<TechyBox class="elec-consume"> | |||
<div class="header-part"> | |||
<img src="./assets/consume/fad.png" width="32" height="32" alt="fadian" /> | |||
@@ -153,6 +153,7 @@ export default { | |||
.header-part > span { | |||
color: #fffc; | |||
font-size: calc(12px * var(--beilv)); | |||
white-space: nowrap; | |||
} | |||
.content-part { | |||
@@ -1,7 +1,5 @@ | |||
<template> | |||
<div style="height: calc(100% - 36px); width: 100%; position: relative;"> | |||
<div :id="id" ref="techy-line-chart" class="techy-chart" /> | |||
</div> | |||
<div :id="id" ref="techy-line-chart" style="position: absolute; top: 0; left: 0; height: 100%; width: 100%; " /> | |||
</template> | |||
<script> | |||
@@ -33,18 +31,26 @@ export default { | |||
return { | |||
chart: null, | |||
option: { | |||
color: ['#59CBE8', '#E93CAC', '#FF7345', '#9452FF', '#6A6E87', '#52FFF1'], | |||
color: ['#59CBE8', '#FF7345', '#E93CAC', '#9452FF', '#6A6E87', '#52FFF1'], | |||
grid: { | |||
top: '45%', | |||
left: 0, | |||
right: 12, | |||
bottom: '5%', | |||
top: '40%', | |||
left: '5%', | |||
right: '6%', | |||
bottom: '10%', | |||
containLabel: true | |||
}, | |||
tooltip: { | |||
show: true, | |||
trigger: 'axis', | |||
axisPointer: { | |||
type: 'cross' | |||
}, | |||
formatter: '{b}<br/>{a0}: {c}%<br />{a1}: {c1}%' | |||
}, | |||
legend: { | |||
width: '72%', | |||
top: '20%', | |||
right: 12, | |||
right: '6%', | |||
itemWidth: 12, | |||
itemHeight: 8, | |||
textStyle: { | |||
@@ -62,7 +68,7 @@ export default { | |||
show: false | |||
}, | |||
axisLabel: { | |||
fontSize: 8, | |||
fontSize: 10, | |||
color: '#fffa' | |||
}, | |||
axisLine: { | |||
@@ -73,19 +79,20 @@ export default { | |||
}, | |||
yAxis: { | |||
type: 'value', | |||
name: '成品率', | |||
name: '成品率 ', | |||
min: 'dataMin', | |||
splitNumber: 2, | |||
splitNumber: 3, | |||
nameTextStyle: { | |||
color: '#fffc', | |||
align: 'right', | |||
fontSize: 8 | |||
verticalAlign: 'bottom', | |||
fontSize: 12 | |||
}, | |||
axisLine: { | |||
show: false | |||
}, | |||
axisLabel: { | |||
fontSize: 10, | |||
fontSize: 11, | |||
color: '#fffa', | |||
formatter: '{value} %' | |||
}, | |||
@@ -270,7 +277,7 @@ export default { | |||
.techy-chart { | |||
/* background: #cccc; */ | |||
position: absolute; | |||
top: -36%; | |||
height: 150%; | |||
width: 100%; | |||
} | |||
@@ -55,7 +55,7 @@ export default { | |||
grid-auto-rows: min-content; | |||
gap: calc(4px * var(--beilv)) calc(6px * var(--beilv)); | |||
justify-content: end; | |||
align-content: center; | |||
align-content: flex-start; | |||
} | |||
.analysis-item { | |||
@@ -1,9 +1,9 @@ | |||
<template> | |||
<div id="v3d-outter" ref="v3d-outter"> | |||
<div id="V3DData" style="position: fixed; top: 0; left: 0; display: hidden;" rel=""></div> | |||
<!-- <div id="V3DData" style="position: fixed; top: 0; left: 0; display: hidden;" rel=""></div> | |||
<V3DApp @3d-loaded="handle3DLoaded" @click.native="handle3DClick" /> | |||
<div v-if="showPage" id="v3d-main-content"> | |||
<!-- <div v-if="true" id="v3d-main-content"> --> | |||
<div v-if="showPage" id="v3d-main-content"> --> | |||
<div v-if="true" id="v3d-main-content"> | |||
<techy-header :head-title="'合肥新能源数字工厂总览'" @toggle-full-screen="toggleFullScreen" /> | |||
<section id="techy-body-part"> | |||
@@ -261,12 +261,14 @@ export default { | |||
} | |||
/* 工序质量分析 */ | |||
.ws-quality { | |||
height: calc(228px * var(--beilv)); | |||
/* height: calc(228px * var(--beilv)); */ | |||
min-height: calc(136px * var(--beilv)); | |||
flex: 1; | |||
} | |||
/* 产线成品率 */ | |||
.production { | |||
height: calc(195px * var(--beilv)); | |||
height: calc(256px * var(--beilv)); | |||
position: relative; | |||
} | |||
.bottom-part { | |||