Compare commits

...

5 Commits

Author SHA1 Message Date
b894d2a4ae style: 纸吸管计算页面布局调整
- 将卡片式布局调整为列表式布局
2025-12-01 16:54:04 +08:00
5651405605 style: 纸带宽度长度计算页面布局调整
- 将结果展示由卡片式变为列表式
2025-12-01 16:18:33 +08:00
c6190a0788 style: 纸卷产能计算页面布局调整
- 结果展示由卡片式转为列表式
2025-12-01 16:05:59 +08:00
17bda531d7 style: 纸卷重量长度计算页面布局调整
- 结果显示由卡片式变为列表式
2025-12-01 15:55:19 +08:00
ca5d33cf09 style: 皮带规格计算页面布局调整
- 将计算结果由卡片式转为列表式
2025-12-01 15:44:30 +08:00
6 changed files with 351 additions and 210 deletions

View File

@ -83,26 +83,52 @@
{{ $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('recommendBeltThickness')}`"
:label="`${$t('recommendBeltThickness')}`" :value="result.recommendBeltThickness"
:value="result.recommendBeltThickness" />
/> <result-section
</v-col> :label="`${$t('recommendBeltWidth')}`"
<v-col cols="12"> :value="result.recommendBeltWidth"
<result-card />
:label="`${$t('recommendBeltWidth')}`" <result-section
:value="result.recommendBeltWidth" :label="`${$t('recommendBeltLength')}`"
/> :value="result.recommendBeltLength"
</v-col> />
<v-col cols="12"> </v-list>
<result-card
:label="`${$t('recommendBeltLength')}`" <v-expansion-panels flat multiple>
:value="result.recommendBeltLength" <v-expansion-panel hide-actions>
/> <v-expansion-panel-title class="text-warning font-weight-bold">
</v-col> <template #default="{ expanded }">
</v-row> <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('maxWheelbase')" :value="maxWheelbase" />
</v-col>
<v-col cols="6">
<input-param-section :label="$t('hubDiameter')" :value="hubDiameter" />
</v-col>
</v-row>
<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-expansion-panel-text>
</v-expansion-panel>
</v-expansion-panels>
</v-card> </v-card>
</v-col> </v-col>
</v-row> </v-row>

View File

@ -66,68 +66,84 @@
/> />
{{ $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('paperStrawResult.paperTubeInnerDiameter')}`"
:label="`${$t('paperStrawResult.paperTubeInnerDiameter')}`" :value="result.paperCoreDiameter"
:value="result.paperCoreDiameter" />
/> <result-section
</v-col> :label="`${$t('paperStrawResult.paperTubeExternalDiameter')}`"
<v-col cols="12"> :value="result.paperTubeExternalDiameter"
<result-card />
:label="`${$t('paperStrawResult.paperTubeExternalDiameter')}`" <result-section
:value="result.paperTubeExternalDiameter" :label="`${$t('paperStrawResult.paperTubeThickness')}`"
/> :value="result.paperTubeWallThickness"
</v-col> />
<v-col cols="12"> <result-section
<result-card :label="`${$t('paperStrawResult.bottomPaperAngle')}`"
:label="`${$t('paperStrawResult.paperTubeThickness')}`" :value="result.bottomPaperAngle"
:value="result.paperTubeWallThickness" />
/> <result-section
</v-col> :label="`${$t('paperStrawResult.leadingLength')}`"
<v-col cols="12"> :value="result.leadingLength"
<result-card />
:label="`${$t('paperStrawResult.bottomPaperAngle')}`" <result-section
:value="result.bottomPaperAngle" :label="`${$t('paperStrawResult.bottomPaperWidth')}`"
/> :value="result.bottomPaperWidth"
</v-col> />
<v-col cols="12"> <result-section
<result-card :label="`${$t('paperStrawResult.secondLayerPaperWidth')}`"
:label="`${$t('paperStrawResult.leadingLength')}`" :value="result.secondLayerPaperWidth"
:value="result.leadingLength" />
/> <result-section
</v-col> :label="`${$t('paperStrawResult.thirdLayerPaperWidth')}`"
<v-col cols="12"> :value="result.thirdLayerPaperWidth"
<result-card />
:label="`${$t('paperStrawResult.bottomPaperWidth')}`" <result-section
:value="result.bottomPaperWidth" :label="`${$t('paperStrawResult.topPaperWidth')}`"
/> :value="result.topPaperWidth"
</v-col> />
<v-col cols="12"> <result-section
<result-card :label="`${$t('paperStrawResult.beltWidth')}`"
:label="`${$t('paperStrawResult.secondLayerPaperWidth')}`" :value="result.beltWidth"
:value="result.secondLayerPaperWidth" />
/> </v-list>
</v-col>
<v-col cols="12"> <v-expansion-panels flat multiple>
<result-card <v-expansion-panel hide-actions>
:label="`${$t('paperStrawResult.thirdLayerPaperWidth')}`" <v-expansion-panel-title class="text-warning font-weight-bold">
:value="result.thirdLayerPaperWidth" <template #default="{ expanded }">
/> <span>
</v-col> <v-icon icon="mdi-information-outline" />
<v-col cols="12"> {{ expanded ? $t('calculationParameters') : $t('expandToShowCalculationParameters') }}
<result-card </span>
:label="`${$t('paperStrawResult.topPaperWidth')}`" </template>
:value="result.topPaperWidth" </v-expansion-panel-title>
/> <v-expansion-panel-text>
</v-col> <v-row>
<v-col cols="12"> <v-col cols="6">
<result-card <input-param-section :label="$t('paperTubeInnerDiameter')" :value="paperCoreDiameter" />
:label="`${$t('paperStrawResult.beltWidth')}`" </v-col>
:value="result.beltWidth" <v-col cols="6">
/> <input-param-section :label="$t('bottomPaperWidth')" :value="bottomPaperWidth" />
</v-col> </v-col>
</v-row> <v-col cols="6">
<input-param-section :label="$t('bottomPaperThickness')" :value="bottomPaperThickness" />
</v-col>
<v-col cols="6">
<input-param-section :label="$t('secondLayerPaperThickness')" :value="secondLayerPaperThickness" />
</v-col>
<v-col cols="6">
<input-param-section :label="$t('thirdLayerPaperThickness')" :value="thirdLayerPaperThickness" />
</v-col>
<v-col cols="6">
<input-param-section :label="$t('topPaperThickness')" :value="topPaperThickness" />
</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>

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" />
/> <result-section
</v-col> :label="$t('paperRollLength')"
<v-col cols="12"> :value="result.paperRollLength"
<result-card />
:label="$t('paperRollLength')" <result-section
:value="result.paperRollLength" :label="$t('paperThickness')"
/> :value="result.paperThickness"
</v-col> />
<v-col cols="12"> </v-list>
<result-card
:label="$t('paperThickness')" <v-expansion-panels flat multiple>
:value="result.paperThickness" <v-expansion-panel hide-actions>
/> <v-expansion-panel-title class="text-warning font-weight-bold">
</v-col> <template #default="{ expanded }">
</v-row> <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-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>

View File

@ -68,20 +68,38 @@
{{ $t('results') }} {{ $t('results') }}
</v-card-title> </v-card-title>
<v-row> <v-list lines="two">
<v-col cols="12"> <result-section :label="$t('beltAngle')" :value="result.beltAngle" />
<result-card :label="$t('beltAngle')" :value="result.beltAngle" /> <result-section :label="$t('paperHolderAngle')" :value="result.paperHolderAngle" />
</v-col> <result-section :label="$t('leadingLength')" :value="result.leadingLength" />
<v-col cols="12"> <result-section :label="$t('paperWidth')" :value="result.paperWidth" />
<result-card :label="$t('paperHolderAngle')" :value="result.paperHolderAngle" /> </v-list>
</v-col>
<v-col cols="12"> <v-expansion-panels flat multiple>
<result-card :label="$t('leadingLength')" :value="result.leadingLength" /> <v-expansion-panel hide-actions>
</v-col> <v-expansion-panel-title class="text-warning font-weight-bold">
<v-col cols="12"> <template #default="{ expanded }">
<result-card :label="$t('paperWidth')" :value="result.paperWidth" /> <span>
</v-col> <v-icon icon="mdi-information-outline" />
</v-row> {{ 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-col cols="12">
<input-param-section :label="$t('innerPaperWidth')" :value="innerPaperWidth" />
</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>

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>

View File

@ -63,62 +63,76 @@
/> />
{{ $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('paperStrawResult.paperTubeInnerDiameter')}`"
:label="`${$t('paperStrawResult.paperTubeInnerDiameter')}`" :value="result.paperCoreDiameter"
:value="result.paperCoreDiameter" />
/> <result-section
</v-col> :label="`${$t('paperStrawResult.paperTubeExternalDiameter')}`"
<v-col cols="12"> :value="result.paperTubeExternalDiameter"
<result-card />
:label="`${$t('paperStrawResult.paperTubeExternalDiameter')}`" <result-section
:value="result.paperTubeExternalDiameter" :label="`${$t('paperStrawResult.paperTubeThickness')}`"
/> :value="result.paperTubeWallThickness"
</v-col> />
<v-col cols="12"> <result-section
<result-card :label="`${$t('paperStrawResult.bottomPaperAngle')}`"
:label="`${$t('paperStrawResult.paperTubeThickness')}`" :value="result.bottomPaperAngle"
:value="result.paperTubeWallThickness" />
/> <result-section
</v-col> :label="`${$t('paperStrawResult.leadingLength')}`"
<v-col cols="12"> :value="result.leadingLength"
<result-card />
:label="`${$t('paperStrawResult.bottomPaperAngle')}`" <result-section
:value="result.bottomPaperAngle" :label="`${$t('paperStrawResult.bottomPaperWidth')}`"
/> :value="result.bottomPaperWidth"
</v-col> />
<v-col cols="12"> <result-section
<result-card :label="`${$t('paperStrawResult.middlePaperWidth')}`"
:label="`${$t('paperStrawResult.leadingLength')}`" :value="result.middlePaperWidth"
:value="result.leadingLength" />
/> <result-section
</v-col> :label="`${$t('paperStrawResult.topPaperWidth')}`"
<v-col cols="12"> :value="result.topPaperWidth"
<result-card />
:label="`${$t('paperStrawResult.bottomPaperWidth')}`" <result-section
:value="result.bottomPaperWidth" :label="`${$t('paperStrawResult.beltWidth')}`"
/> :value="result.beltWidth"
</v-col> />
<v-col cols="12"> </v-list>
<result-card
:label="`${$t('paperStrawResult.middlePaperWidth')}`" <v-expansion-panels flat multiple>
:value="result.middlePaperWidth" <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('paperStrawResult.topPaperWidth')}`" {{ expanded ? $t('calculationParameters') : $t('expandToShowCalculationParameters') }}
:value="result.topPaperWidth" </span>
/> </template>
</v-col> </v-expansion-panel-title>
<v-col cols="12"> <v-expansion-panel-text>
<result-card <v-row>
:label="`${$t('paperStrawResult.beltWidth')}`" <v-col cols="6">
:value="result.beltWidth" <input-param-section :label="$t('paperTubeInnerDiameter')" :value="paperCoreDiameter" />
/> </v-col>
</v-col> <v-col cols="6">
</v-row> <input-param-section :label="$t('bottomPaperWidth')" :value="bottomPaperWidth" />
</v-col>
<v-col cols="6">
<input-param-section :label="$t('bottomPaperThickness')" :value="bottomPaperThickness" />
</v-col>
<v-col cols="6">
<input-param-section :label="$t('middlePaperThickness')" :value="middlePaperThickness" />
</v-col>
<v-col cols="6">
<input-param-section :label="$t('topPaperThickness')" :value="topPaperThickness" />
</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>