|
|
@@ -138,6 +138,7 @@ |
|
|
|
</span> |
|
|
|
<pl-fault-analysis-pie-chart :data-list="chosenDatalist" /> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div class="pl-select"> |
|
|
|
<span |
|
|
|
:class="{ 'pl-select__active': plMode === 'a' }" |
|
|
@@ -182,30 +183,34 @@ |
|
|
|
</div> |
|
|
|
<div class="grow"> |
|
|
|
<techy-box class="" style="padding: calc(16px * var(--beilv));"> |
|
|
|
<techy-analysis-header>产品成品率</techy-analysis-header> |
|
|
|
<techy-analysis-header class="production-rate"> |
|
|
|
产品成品率 |
|
|
|
<template v-slot:dateSelect> |
|
|
|
<div class="date-select"> |
|
|
|
<span |
|
|
|
:class="{ 'date-select__active': dateMode2 === 'day' }" |
|
|
|
@click=" |
|
|
|
dateMode2 = 'day' |
|
|
|
dataUpdateToken = '' + Math.random() |
|
|
|
" |
|
|
|
> |
|
|
|
日 |
|
|
|
</span> |
|
|
|
<span |
|
|
|
:class="{ 'date-select__active': dateMode2 === 'month' }" |
|
|
|
@click=" |
|
|
|
dateMode2 = 'month' |
|
|
|
dataUpdateToken = '' + Math.random() |
|
|
|
" |
|
|
|
> |
|
|
|
月 |
|
|
|
</span> |
|
|
|
</div> |
|
|
|
</template> |
|
|
|
</techy-analysis-header> |
|
|
|
<div style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;"> |
|
|
|
<new-line-stack :data-update-token="dataUpdateToken" :mode="dateMode2" /> |
|
|
|
</div> |
|
|
|
<div class="date-select"> |
|
|
|
<span |
|
|
|
:class="{ 'date-select__active': dateMode2 === 'day' }" |
|
|
|
@click=" |
|
|
|
dateMode2 = 'day' |
|
|
|
dataUpdateToken = '' + Math.random() |
|
|
|
" |
|
|
|
> |
|
|
|
日 |
|
|
|
</span> |
|
|
|
<span |
|
|
|
:class="{ 'date-select__active': dateMode2 === 'month' }" |
|
|
|
@click=" |
|
|
|
dateMode2 = 'month' |
|
|
|
dataUpdateToken = '' + Math.random() |
|
|
|
" |
|
|
|
> |
|
|
|
月 |
|
|
|
</span> |
|
|
|
</div> |
|
|
|
</techy-box> |
|
|
|
</div> |
|
|
|
</div> |
|
|
@@ -581,11 +586,15 @@ export default { |
|
|
|
.pl-select, |
|
|
|
.date-select { |
|
|
|
position: absolute; |
|
|
|
top: calc(16px * var(--beilv)); |
|
|
|
right: calc(22px * var(--beilv)); |
|
|
|
top: 0; |
|
|
|
right: 0; |
|
|
|
/* top: calc(16px * var(--beilv)); */ |
|
|
|
/* right: calc(22px * var(--beilv)); */ |
|
|
|
border-radius: calc(2px * var(--beilv)); |
|
|
|
overflow: hidden; |
|
|
|
display: flex; |
|
|
|
align-items: center; |
|
|
|
height: 100%; |
|
|
|
cursor: pointer; |
|
|
|
} |
|
|
|
|
|
|
@@ -613,4 +622,14 @@ export default { |
|
|
|
.width-222 { |
|
|
|
width: calc(375px * var(--beilv)); |
|
|
|
} |
|
|
|
|
|
|
|
@media all and (max-width: 2000px) { |
|
|
|
.production-rate { |
|
|
|
/* text-align: left; */ |
|
|
|
} |
|
|
|
|
|
|
|
.production-rate >>> .top-icon:last-of-type { |
|
|
|
display: none; |
|
|
|
} |
|
|
|
} |
|
|
|
</style> |