src/components/Modules/BeltSpecificationCalculate.vue

@@ -83,26 +83,52 @@
             {{ $t('results') }}
           </v-card-title>
 
-          <v-row>
-            <v-col cols="12">
-              <result-card
-                :label="`${$t('recommendBeltThickness')}`"
-                :value="result.recommendBeltThickness"
-              />
-            </v-col>
-            <v-col cols="12">
-              <result-card
-                :label="`${$t('recommendBeltWidth')}`"
-                :value="result.recommendBeltWidth"
-              />
-            </v-col>
-            <v-col cols="12">
-              <result-card
-                :label="`${$t('recommendBeltLength')}`"
-                :value="result.recommendBeltLength"
-              />
-            </v-col>
-          </v-row>
+          <v-list lines="two">
+            <result-section
+              :label="`${$t('recommendBeltThickness')}`"
+              :value="result.recommendBeltThickness"
+            />
+            <result-section
+              :label="`${$t('recommendBeltWidth')}`"
+              :value="result.recommendBeltWidth"
+            />
+            <result-section
+              :label="`${$t('recommendBeltLength')}`"
+              :value="result.recommendBeltLength"
+            />
+          </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('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-col>
     </v-row>