update 更新3d产线产品率
This commit is contained in:
parent
01cc292256
commit
cfcfdd35ea
@ -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 {
|
||||||
|
@ -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%;
|
||||||
}
|
}
|
||||||
|
@ -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 {
|
||||||
|
@ -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 {
|
||||||
|
Loading…
Reference in New Issue
Block a user