update 质量管理 techy-analysis-header

This commit is contained in:
lb 2022-11-22 14:29:12 +08:00
parent 5ded44a5de
commit a699f99156
2 changed files with 48 additions and 44 deletions

View File

@ -129,16 +129,9 @@
<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">
<div style="position: absolute; top: 0; left:0; width: 100%; height: 100%;"> 产线缺陷分析
<span <template v-slot:dateSelect>
style="display: inline-block; font-size: calc(10px * var(--beilv)); color: #fffc; position: absolute; top: calc(48px * var(--beilv)); left: calc(16px * var(--beilv));"
>
单位: 千片
</span>
<pl-fault-analysis-pie-chart :data-list="chosenDatalist" />
</div>
<div class="pl-select"> <div class="pl-select">
<span <span
:class="{ 'pl-select__active': plMode === 'a' }" :class="{ 'pl-select__active': plMode === 'a' }"
@ -179,6 +172,16 @@
</span> </span>
</div> </div>
</template>
</techy-analysis-header>
<div style="position: absolute; top: 0; left:0; width: 100%; height: 100%;">
<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));"
>
单位: 千片
</span>
<pl-fault-analysis-pie-chart :data-list="chosenDatalist" />
</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,

View File

@ -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; ',