update 更新3d产线产品率

This commit is contained in:
lb 2022-11-22 16:29:45 +08:00
parent 01cc292256
commit cfcfdd35ea
4 changed files with 33 additions and 23 deletions

View File

@ -67,7 +67,7 @@
</TechyBox> </TechyBox>
</div> </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"> <TechyBox class="dian-consume">
<div class="header-part"> <div class="header-part">
<img src="./assets/consume/d.png" width="32" height="32" alt="dian" /> <img src="./assets/consume/d.png" width="32" height="32" alt="dian" />
@ -79,7 +79,7 @@
</TechyBox> </TechyBox>
</div> </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"> <TechyBox class="elec-consume">
<div class="header-part"> <div class="header-part">
<img src="./assets/consume/fad.png" width="32" height="32" alt="fadian" /> <img src="./assets/consume/fad.png" width="32" height="32" alt="fadian" />
@ -153,6 +153,7 @@ export default {
.header-part > span { .header-part > span {
color: #fffc; color: #fffc;
font-size: calc(12px * var(--beilv)); font-size: calc(12px * var(--beilv));
white-space: nowrap;
} }
.content-part { .content-part {

View File

@ -1,7 +1,5 @@
<template> <template>
<div style="height: calc(100% - 36px); width: 100%; position: relative;"> <div :id="id" ref="techy-line-chart" style="position: absolute; top: 0; left: 0; height: 100%; width: 100%; " />
<div :id="id" ref="techy-line-chart" class="techy-chart" />
</div>
</template> </template>
<script> <script>
@ -33,18 +31,26 @@ export default {
return { return {
chart: null, chart: null,
option: { option: {
color: ['#59CBE8', '#E93CAC', '#FF7345', '#9452FF', '#6A6E87', '#52FFF1'], color: ['#59CBE8', '#FF7345', '#E93CAC', '#9452FF', '#6A6E87', '#52FFF1'],
grid: { grid: {
top: '45%', top: '40%',
left: 0, left: '5%',
right: 12, right: '6%',
bottom: '5%', bottom: '10%',
containLabel: true containLabel: true
}, },
tooltip: {
show: true,
trigger: 'axis',
axisPointer: {
type: 'cross'
},
formatter: '{b}<br/>{a0}: {c}%<br />{a1}: {c1}%'
},
legend: { legend: {
width: '72%', width: '72%',
top: '20%', top: '20%',
right: 12, right: '6%',
itemWidth: 12, itemWidth: 12,
itemHeight: 8, itemHeight: 8,
textStyle: { textStyle: {
@ -62,7 +68,7 @@ export default {
show: false show: false
}, },
axisLabel: { axisLabel: {
fontSize: 8, fontSize: 10,
color: '#fffa' color: '#fffa'
}, },
axisLine: { axisLine: {
@ -75,17 +81,18 @@ export default {
type: 'value', type: 'value',
name: '成品率 ', name: '成品率 ',
min: 'dataMin', min: 'dataMin',
splitNumber: 2, splitNumber: 3,
nameTextStyle: { nameTextStyle: {
color: '#fffc', color: '#fffc',
align: 'right', align: 'right',
fontSize: 8 verticalAlign: 'bottom',
fontSize: 12
}, },
axisLine: { axisLine: {
show: false show: false
}, },
axisLabel: { axisLabel: {
fontSize: 10, fontSize: 11,
color: '#fffa', color: '#fffa',
formatter: '{value} %' formatter: '{value} %'
}, },
@ -270,7 +277,7 @@ export default {
.techy-chart { .techy-chart {
/* background: #cccc; */ /* background: #cccc; */
position: absolute; position: absolute;
top: -36%;
height: 150%; height: 150%;
width: 100%; width: 100%;
} }

View File

@ -55,7 +55,7 @@ export default {
grid-auto-rows: min-content; grid-auto-rows: min-content;
gap: calc(4px * var(--beilv)) calc(6px * var(--beilv)); gap: calc(4px * var(--beilv)) calc(6px * var(--beilv));
justify-content: end; justify-content: end;
align-content: center; align-content: flex-start;
} }
.analysis-item { .analysis-item {

View File

@ -1,9 +1,9 @@
<template> <template>
<div id="v3d-outter" ref="v3d-outter"> <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" /> <V3DApp @3d-loaded="handle3DLoaded" @click.native="handle3DClick" />
<div v-if="showPage" id="v3d-main-content"> <div v-if="showPage" id="v3d-main-content"> -->
<!-- <div v-if="true" id="v3d-main-content"> --> <div v-if="true" id="v3d-main-content">
<techy-header :head-title="'合肥新能源数字工厂总览'" @toggle-full-screen="toggleFullScreen" /> <techy-header :head-title="'合肥新能源数字工厂总览'" @toggle-full-screen="toggleFullScreen" />
<section id="techy-body-part"> <section id="techy-body-part">
@ -261,12 +261,14 @@ export default {
} }
/* 工序质量分析 */ /* 工序质量分析 */
.ws-quality { .ws-quality {
height: calc(228px * var(--beilv)); /* height: calc(228px * var(--beilv)); */
min-height: calc(136px * var(--beilv));
flex: 1; flex: 1;
} }
/* 产线成品率 */ /* 产线成品率 */
.production { .production {
height: calc(195px * var(--beilv)); height: calc(256px * var(--beilv));
position: relative;
} }
.bottom-part { .bottom-part {