style: 调整结果卡片样式

- 计算结果样式修改
- 纸吸管尺寸计算添加图例显示

src/components/Modules/ThreeLayerPaperStrawCalculate.vue

@@ -54,7 +54,7 @@
       <!-- 计算结果区域  -->
       <v-col cols="12" lg="5" md="6">
         <v-card class="pa-6 result-card" elevation="8" rounded="xl">
-          <v-card-title class="text-h5 mb-6 d-flex align-center">
+          <v-card-title class="text-h5 d-flex align-center">
             <v-icon
               class="mr-3"
               color="primary"
@@ -63,44 +63,54 @@
             />
             {{ $t('results') }}
           </v-card-title>
-          <v-list lines="two">
-            <result-section
-              :label="`${$t('paperStrawResult.paperTubeInnerDiameter')}`"
+          <v-img src="@/assets/pro02.png" />
+          <v-sheet>
+            <h6 class="text-center text-h6 font-weight-bold text-secondary-lighten-2 mb-2">纸吸管规格</h6>
+            <result-list-item
+              :label="`${$t('paperStrawResult.paperTubeInnerDiameter')}(d)`"
               :value="result.paperCoreDiameter"
             />
-            <result-section
-              :label="`${$t('paperStrawResult.paperTubeExternalDiameter')}`"
+            <result-list-item
+              :label="`${$t('paperStrawResult.paperTubeExternalDiameter')}(D)`"
               :value="result.paperTubeExternalDiameter"
             />
-            <result-section
-              :label="`${$t('paperStrawResult.paperTubeThickness')}`"
+            <result-list-item
+              :label="`${$t('paperStrawResult.paperTubeThickness')}(T)`"
               :value="result.paperTubeWallThickness"
             />
-            <result-section
-              :label="`${$t('paperStrawResult.bottomPaperAngle')}`"
-              :value="result.bottomPaperAngle"
-            />
-            <result-section
-              :label="`${$t('paperStrawResult.leadingLength')}`"
+            <result-list-item
+              :label="`${$t('paperStrawResult.leadingLength')}(S)`"
               :value="result.leadingLength"
             />
-            <result-section
-              :label="`${$t('paperStrawResult.bottomPaperWidth')}`"
+          </v-sheet>
+
+          <v-divider class="my-4" />
+          <v-sheet>
+            <h6 class="text-center text-h6 font-weight-bold text-secondary-lighten-2 mb-2">制作参数</h6>
+
+            <result-list-item
+              :label="`${$t('paperStrawResult.bottomPaperAngle')}(A)`"
+              :value="result.bottomPaperAngle"
+            />
+            <result-list-item
+              :label="`${$t('paperStrawResult.bottomPaperWidth')}(B1)`"
               :value="result.bottomPaperWidth"
             />
-            <result-section
-              :label="`${$t('paperStrawResult.middlePaperWidth')}`"
+            <result-list-item
+              :label="`${$t('paperStrawResult.middlePaperWidth')}(B2)`"
               :value="result.middlePaperWidth"
             />
-            <result-section
-              :label="`${$t('paperStrawResult.topPaperWidth')}`"
+            <result-list-item
+              :label="`${$t('paperStrawResult.topPaperWidth')}(B3)`"
               :value="result.topPaperWidth"
             />
-            <result-section
+            <result-list-item
               :label="`${$t('paperStrawResult.beltWidth')}`"
               :value="result.beltWidth"
             />
-          </v-list>
+          </v-sheet>
+
+          <v-divider class="my-4" />
 
           <v-expansion-panels flat multiple>
             <v-expansion-panel hide-actions>