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 16:05:59 +08:00
parent 17bda531d7
commit c6190a0788
1 changed files with 74 additions and 38 deletions
Download Patch File Download Diff File Expand all files Collapse all files

112
src/components/Modules/PaperTubeProductionCalculate.vue
View File

@ -111,44 +111,80 @@
{{ $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('feedPaperSpeed')"
:label="$t('feedPaperSpeed')" :value="result.feedPaperSpeed"
:value="result.feedPaperSpeed" />
/> <result-section
</v-col> :label="$t('outputSpeed')"
<v-col cols="12"> :value="result.outputSpeed"
<result-card />
:label="$t('outputSpeed')" <result-section
:value="result.outputSpeed" :label="$t('productionAmountPerHour')"
/> :value="result.productionAmountPerHour"
</v-col> />
<v-col cols="12"> <result-section
<result-card :label="$t('productionWeightPerHour')"
:label="$t('productionAmountPerHour')" :value="result.productionWeightPerHour"
:value="result.productionAmountPerHour" />
/> <result-section
</v-col> :label="$t('productionAmountPerDay')"
<v-col cols="12"> :value="result.productionAmountPerDay"
<result-card />
:label="$t('productionWeightPerHour')" <result-section
:value="result.productionWeightPerHour" :label="$t('productionWeightPerDay')"
/> :value="result.productionWeightPerDay"
</v-col> />
<v-col cols="12"> </v-list>
<result-card
:label="$t('productionAmountPerDay')" <v-expansion-panels flat multiple>
:value="result.productionAmountPerDay" <v-expansion-panel hide-actions>
/> <v-expansion-panel-title class="text-warning font-weight-bold">
</v-col> <template #default="{ expanded }">
<v-col cols="12"> <span>
<result-card <v-icon icon="mdi-information-outline" />
:label="$t('productionWeightPerDay')" {{ expanded ? $t('calculationParameters') : $t('expandToShowCalculationParameters') }}
:value="result.productionWeightPerDay" </span>
/> </template>
</v-col> </v-expansion-panel-title>
</v-row> <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-card>
</v-col> </v-col>
</v-row> </v-row>