lb #14
@ -129,7 +129,51 @@
|
|||||||
<div class="grow flex gap-16">
|
<div class="grow flex gap-16">
|
||||||
<div class="width-222">
|
<div class="width-222">
|
||||||
<techy-box class="" style="padding: calc(16px * var(--beilv));">
|
<techy-box class="" style="padding: calc(16px * var(--beilv));">
|
||||||
<techy-analysis-header :show-top-icon="false">产线缺陷分析</techy-analysis-header>
|
<techy-analysis-header :show-top-icon="false">
|
||||||
|
产线缺陷分析
|
||||||
|
<template v-slot:dateSelect>
|
||||||
|
<div class="pl-select">
|
||||||
|
<span
|
||||||
|
:class="{ 'pl-select__active': plMode === 'a' }"
|
||||||
|
@click="
|
||||||
|
plMode = 'a'
|
||||||
|
chosenDatalist = quexianDatalist[0]
|
||||||
|
"
|
||||||
|
>
|
||||||
|
A
|
||||||
|
</span>
|
||||||
|
<span
|
||||||
|
:class="{ 'pl-select__active': plMode === 'b' }"
|
||||||
|
@click="
|
||||||
|
plMode = 'b'
|
||||||
|
chosenDatalist = quexianDatalist[1]
|
||||||
|
"
|
||||||
|
>
|
||||||
|
B
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
<div class="date-select">
|
||||||
|
<span
|
||||||
|
:class="{ 'date-select__active': dateMode === 'day' }"
|
||||||
|
@click="
|
||||||
|
dateMode = 'day'
|
||||||
|
chosenDatalist = quexianDatalist[2]
|
||||||
|
"
|
||||||
|
>
|
||||||
|
日
|
||||||
|
</span>
|
||||||
|
<span
|
||||||
|
:class="{ 'date-select__active': dateMode === 'month' }"
|
||||||
|
@click="
|
||||||
|
dateMode = 'month'
|
||||||
|
chosenDatalist = quexianDatalist[3]
|
||||||
|
"
|
||||||
|
>
|
||||||
|
月
|
||||||
|
</span>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
</techy-analysis-header>
|
||||||
<div style="position: absolute; top: 0; left:0; width: 100%; height: 100%;">
|
<div style="position: absolute; top: 0; left:0; width: 100%; height: 100%;">
|
||||||
<span
|
<span
|
||||||
style="display: inline-block; font-size: calc(10px * var(--beilv)); color: #fffc; position: absolute; top: calc(48px * var(--beilv)); left: calc(16px * var(--beilv));"
|
style="display: inline-block; font-size: calc(10px * var(--beilv)); color: #fffc; position: absolute; top: calc(48px * var(--beilv)); left: calc(16px * var(--beilv));"
|
||||||
@ -138,47 +182,6 @@
|
|||||||
</span>
|
</span>
|
||||||
<pl-fault-analysis-pie-chart :data-list="chosenDatalist" />
|
<pl-fault-analysis-pie-chart :data-list="chosenDatalist" />
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="pl-select">
|
|
||||||
<span
|
|
||||||
:class="{ 'pl-select__active': plMode === 'a' }"
|
|
||||||
@click="
|
|
||||||
plMode = 'a'
|
|
||||||
chosenDatalist = quexianDatalist[0]
|
|
||||||
"
|
|
||||||
>
|
|
||||||
A
|
|
||||||
</span>
|
|
||||||
<span
|
|
||||||
:class="{ 'pl-select__active': plMode === 'b' }"
|
|
||||||
@click="
|
|
||||||
plMode = 'b'
|
|
||||||
chosenDatalist = quexianDatalist[1]
|
|
||||||
"
|
|
||||||
>
|
|
||||||
B
|
|
||||||
</span>
|
|
||||||
</div>
|
|
||||||
<div class="date-select">
|
|
||||||
<span
|
|
||||||
:class="{ 'date-select__active': dateMode === 'day' }"
|
|
||||||
@click="
|
|
||||||
dateMode = 'day'
|
|
||||||
chosenDatalist = quexianDatalist[2]
|
|
||||||
"
|
|
||||||
>
|
|
||||||
日
|
|
||||||
</span>
|
|
||||||
<span
|
|
||||||
:class="{ 'date-select__active': dateMode === 'month' }"
|
|
||||||
@click="
|
|
||||||
dateMode = 'month'
|
|
||||||
chosenDatalist = quexianDatalist[3]
|
|
||||||
"
|
|
||||||
>
|
|
||||||
月
|
|
||||||
</span>
|
|
||||||
</div>
|
|
||||||
</techy-box>
|
</techy-box>
|
||||||
</div>
|
</div>
|
||||||
<div class="grow">
|
<div class="grow">
|
||||||
@ -600,7 +603,8 @@ export default {
|
|||||||
|
|
||||||
.pl-select {
|
.pl-select {
|
||||||
right: unset;
|
right: unset;
|
||||||
left: calc(10px * var(--beilv));
|
left: 0;
|
||||||
|
/* left: calc(10px * var(--beilv)); */
|
||||||
}
|
}
|
||||||
|
|
||||||
.pl-select span,
|
.pl-select span,
|
||||||
|
@ -24,7 +24,7 @@ export default {
|
|||||||
return {
|
return {
|
||||||
chart: null,
|
chart: null,
|
||||||
configs: {
|
configs: {
|
||||||
color: ['#FB418C', '#DDB112', '#1A99FF', '#A691FF', '#49FBD6'],
|
color: ['#DDB112', '#1A99FF', '#FB418C', '#A691FF', '#49FBD6'],
|
||||||
tooltip: {
|
tooltip: {
|
||||||
trigger: 'axis',
|
trigger: 'axis',
|
||||||
extraCssText: 'width: 180px !important; ',
|
extraCssText: 'width: 180px !important; ',
|
||||||
|
Loading…
Reference in New Issue
Block a user