remilia/jinshen_calculator
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style: 纸卷重量长度计算页面布局调整

Browse Source 
- 结果显示由卡片式变为列表式
This commit is contained in:
R2m1liA
2025-12-01 15:55:19 +08:00
parent ca5d33cf09
commit 17bda531d7
1 changed files with 51 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

49
src/components/Modules/PaperRollWeightLengthCalculate.vue
View File

@ -93,26 +93,57 @@
{{ $t('results') }} {{ $t('results') }}
</v-card-title> </v-card-title>
<v-row> <v-list lines="two">
<v-col cols="12"> <result-section
<result-card
:label="$t('paperRollWeight')" :label="$t('paperRollWeight')"
:value="result.paperRollWeight" :value="result.paperRollWeight"
/> />
</v-col> <result-section
<v-col cols="12">
<result-card
:label="$t('paperRollLength')" :label="$t('paperRollLength')"
:value="result.paperRollLength" :value="result.paperRollLength"
/> />
</v-col> <result-section
<v-col cols="12">
<result-card
:label="$t('paperThickness')" :label="$t('paperThickness')"
:value="result.paperThickness" :value="result.paperThickness"
/> />
</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('paperCoreDiameter')" :value="paperCoreDiameter" />
</v-col>
<v-col cols="6">
<input-param-section :label="$t('paperRollExternalDiameter')" :value="paperRollExternalDiameter" />
</v-col> </v-col>
</v-row> </v-row>
<v-row>
<v-col cols="6">
<input-param-section :label="$t('paperRollWidth')" :value="paperRollWidth" />
</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('paperGrammage')" :value="paperGrammage" />
</v-col>
</v-row>
</v-expansion-panel-text>
</v-expansion-panel>
</v-expansion-panels>
</v-card> </v-card>
</v-col> </v-col>
</v-row> </v-row>