style: 页面布局修改 #2

Manually merged
remilia merged 6 commits from style/result into main 2025-12-01 16:56:52 +08:00
8 changed files with 269 additions and 94 deletions
Showing only changes of commit c6190a0788 - Show all commits

View File

@ -111,44 +111,80 @@
{{ $t('results') }}
</v-card-title>
<v-row>
<v-col cols="12">
<result-card
:label="$t('feedPaperSpeed')"
:value="result.feedPaperSpeed"
/>
</v-col>
<v-col cols="12">
<result-card
:label="$t('outputSpeed')"
:value="result.outputSpeed"
/>
</v-col>
<v-col cols="12">
<result-card
:label="$t('productionAmountPerHour')"
:value="result.productionAmountPerHour"
/>
</v-col>
<v-col cols="12">
<result-card
:label="$t('productionWeightPerHour')"
:value="result.productionWeightPerHour"
/>
</v-col>
<v-col cols="12">
<result-card
:label="$t('productionAmountPerDay')"
:value="result.productionAmountPerDay"
/>
</v-col>
<v-col cols="12">
<result-card
:label="$t('productionWeightPerDay')"
:value="result.productionWeightPerDay"
/>
</v-col>
</v-row>
<v-list lines="two">
<result-section
:label="$t('feedPaperSpeed')"
:value="result.feedPaperSpeed"
/>
<result-section
:label="$t('outputSpeed')"
:value="result.outputSpeed"
/>
<result-section
:label="$t('productionAmountPerHour')"
:value="result.productionAmountPerHour"
/>
<result-section
:label="$t('productionWeightPerHour')"
:value="result.productionWeightPerHour"
/>
<result-section
:label="$t('productionAmountPerDay')"
:value="result.productionAmountPerDay"
/>
<result-section
:label="$t('productionWeightPerDay')"
:value="result.productionWeightPerDay"
/>
</v-list>
<v-expansion-panels flat multiple>
<v-expansion-panel hide-actions>
<v-expansion-panel-title class="text-warning font-weight-bold">
<template #default="{ expanded }">
<span>
<v-icon icon="mdi-information-outline" />
{{ expanded ? $t('calculationParameters') : $t('expandToShowCalculationParameters') }}
</span>
</template>
</v-expansion-panel-title>
<v-expansion-panel-text>
<v-row>
<v-col cols="6">
<input-param-section :label="$t('paperTubeInnerDiameter')" :value="paperCoreDiameter" />
</v-col>
<v-col cols="6">
<input-param-section :label="$t('paperRollWallThickness')" :value="paperRollWallThickness" />
</v-col>
</v-row>
<v-row>
<v-col cols="6">
<input-param-section :label="$t('paperRollLength')" :value="paperRollLength" />
</v-col>
<v-col cols="6">
<input-param-section :label="$t('paperDensity')" :value="paperDensity" />
</v-col>
</v-row>
<v-row>
<v-col cols="6">
<input-param-section :label="$t('innerPaperWidth')" :value="innerPaperWidth" />
</v-col>
<v-col cols="6">
<input-param-section :label="$t('workFrequency')" :value="workFrequency" />
</v-col>
</v-row>
<v-row>
<v-col cols="6">
<input-param-section :label="$t('workTime')" :value="workTime" />
</v-col>
<v-col cols="6">
<input-param-section :label="$t('workEfficiency')" :value="workEfficiency" />
</v-col>
</v-row>
</v-expansion-panel-text>
</v-expansion-panel>
</v-expansion-panels>
</v-card>
</v-col>
</v-row>