feat: 4层纸吸管计算

src/components.d.ts

@@ -9,6 +9,7 @@ export {}
 declare module 'vue' {
   export interface GlobalComponents {
     BeltSpecificationCalculate: typeof import('./components/Modules/BeltSpecificationCalculate.vue')['default']
+    FourLayerPaperStrawCalculate: typeof import('./components/Modules/FourLayerPaperStrawCalculate.vue')['default']
     MultiLayerPaperTapeWidthAngleCalculate: typeof import('./components/Modules/MultiLayerPaperTapeWidthAngleCalculate.vue')['default']
     PaperRollWeightLengthCalculate: typeof import('./components/Modules/PaperRollWeightLengthCalculate.vue')['default']
     PaperTapeWidthAngleCalculate: typeof import('./components/Modules/PaperTapeWidthAngleCalculate.vue')['default']

src/components/Modules/FourLayerPaperStrawCalculate.vue

@@ -0,0 +1,273 @@
+<template>
+  <div class="calculator-container">
+    <v-row justify="center">
+      <!-- 参数输入区域 -->
+      <v-col cols="12" lg="5" md="6">
+        <v-card class="pa-6 parameter-card" elevation="8" rounded="xl">
+          <v-card-title class="text-h5 mb-6 d-flex align-center">
+            <v-icon class="mr-3" color="primary" icon="mdi-tune" size="large" />
+            {{ $t('parameters') }}
+          </v-card-title>
+
+          <v-row>
+            <v-col cols="6">
+              <v-select
+                v-model="currentSelect"
+                density="comfortable"
+                :items="selects"
+                :label="$t('presetSpecifications')"
+                @update:model-value="updateParams"
+              />
+            </v-col>
+            <v-col cols="12">
+              <param-input-field v-model="paperCoreDiameter" :disabled="!isCustomMode" :label="$t('paperTubeInnerDiameter')" />
+            </v-col>
+            <v-col cols="12">
+              <param-input-field v-model="bottomPaperWidth" :disabled="!isCustomMode" :label="$t('bottomPaperWidth')" />
+            </v-col>
+            <v-col cols="12">
+              <param-input-field v-model="bottomPaperThickness" :label="$t('bottomPaperThickness')" />
+            </v-col>
+            <v-col cols="12">
+              <param-input-field v-model="secondLayerPaperThickness" :label="$t('secondLayerPaperThickness')" />
+            </v-col>
+            <v-col cols="12">
+              <param-input-field v-model="thirdLayerPaperThickness" :label="$t('thirdLayerPaperThickness')" />
+            </v-col>
+            <v-col cols="12">
+              <param-input-field v-model="topPaperThickness" :label="$t('topPaperThickness')" />
+            </v-col>
+          </v-row>
+          <v-divider class="my-6" />
+          <v-row>
+            <v-btn
+              block
+              color="warning"
+              prepend-icon="mdi-refresh"
+              size="large"
+              variant="outlined"
+              @click="resetParameters"
+            >
+              {{ $t('reset') }}
+            </v-btn>
+          </v-row>
+        </v-card>
+      </v-col>
+
+      <!-- 计算结果区域  -->
+      <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-icon
+              class="mr-3"
+              color="primary"
+              icon="mdi-calculator"
+              size="large"
+            />
+            {{ $t('results') }}
+          </v-card-title>
+          <v-row>
+            <v-col cols="12">
+              <result-card
+                :label="`${$t('paperStrawResult.paperTubeInnerDiameter')}`"
+                :value="result.paperCoreDiameter"
+              />
+            </v-col>
+            <v-col cols="12">
+              <result-card
+                :label="`${$t('paperStrawResult.paperTubeExternalDiameter')}`"
+                :value="result.paperTubeExternalDiameter"
+              />
+            </v-col>
+            <v-col cols="12">
+              <result-card
+                :label="`${$t('paperStrawResult.paperTubeThickness')}`"
+                :value="result.paperTubeWallThickness"
+              />
+            </v-col>
+            <v-col cols="12">
+              <result-card
+                :label="`${$t('paperStrawResult.bottomPaperAngle')}`"
+                :value="result.bottomPaperAngle"
+              />
+            </v-col>
+            <v-col cols="12">
+              <result-card
+                :label="`${$t('paperStrawResult.leadingLength')}`"
+                :value="result.leadingLength"
+              />
+            </v-col>
+            <v-col cols="12">
+              <result-card
+                :label="`${$t('paperStrawResult.bottomPaperWidth')}`"
+                :value="result.bottomPaperWidth"
+              />
+            </v-col>
+            <v-col cols="12">
+              <result-card
+                :label="`${$t('paperStrawResult.secondLayerPaperWidth')}`"
+                :value="result.secondLayerPaperWidth"
+              />
+            </v-col>
+            <v-col cols="12">
+              <result-card
+                :label="`${$t('paperStrawResult.thirdLayerPaperWidth')}`"
+                :value="result.thirdLayerPaperWidth"
+              />
+            </v-col>
+            <v-col cols="12">
+              <result-card
+                :label="`${$t('paperStrawResult.topPaperWidth')}`"
+                :value="result.topPaperWidth"
+              />
+            </v-col>
+            <v-col cols="12">
+              <result-card
+                :label="`${$t('paperStrawResult.beltWidth')}`"
+                :value="result.beltWidth"
+              />
+            </v-col>
+          </v-row>
+        </v-card>
+      </v-col>
+    </v-row>
+  </div>
+</template>
+
+<script setup lang="ts">
+  import { useI18n } from 'vue-i18n'
+  import { createParam, type Param } from '@/types/param'
+  import { degreesToRadians, radiansToDegrees } from '@/utils/angle'
+  import ParamInputField from '../ParamInputField.vue'
+
+  const { t, locale } = useI18n()
+
+  const currentSelect = ref('')
+  const currentSelectIndex = ref(0)
+
+  const selects = computed(() => [
+    t('presetSpecification.inner_3_3_outer_4_0'),
+    t('presetSpecification.inner_3_8_outer_4_5'),
+    t('presetSpecification.inner_4_3_outer_5_0'),
+    t('presetSpecification.inner_5_3_outer_6_0'),
+    t('presetSpecification.inner_6_3_outer_7_0'),
+    t('presetSpecification.inner_7_3_outer_8_0'),
+    t('presetSpecification.inner_8_3_outer_9_0'),
+    t('presetSpecification.inner_9_3_outer_10_0'),
+    t('presetSpecification.inner_11_3_outer_12_0'),
+    t('custom'),
+  ])
+
+  const presetParams = computed(() => {
+    return {
+      [t('presetSpecification.inner_3_3_outer_4_0')]: {
+        paperCoreDiameter: 3.3,
+        bottomPaperWidth: 9.5,
+      },
+      [t('presetSpecification.inner_3_8_outer_4_5')]: {
+        paperCoreDiameter: 3.8,
+        bottomPaperWidth: 10,
+      },
+      [t('presetSpecification.inner_4_3_outer_5_0')]: {
+        paperCoreDiameter: 4.3,
+        bottomPaperWidth: 11,
+      },
+      [t('presetSpecification.inner_5_3_outer_6_0')]: {
+        paperCoreDiameter: 5.3,
+        bottomPaperWidth: 13.5,
+      },
+      [t('presetSpecification.inner_6_3_outer_7_0')]: {
+        paperCoreDiameter: 6.3,
+        bottomPaperWidth: 16,
+      },
+      [t('presetSpecification.inner_7_3_outer_8_0')]: {
+        paperCoreDiameter: 7.3,
+        bottomPaperWidth: 18.5,
+      },
+      [t('presetSpecification.inner_8_3_outer_9_0')]: {
+        paperCoreDiameter: 8.3,
+        bottomPaperWidth: 21,
+      },
+      [t('presetSpecification.inner_9_3_outer_10_0')]: {
+        paperCoreDiameter: 9.3,
+        bottomPaperWidth: 23.5,
+      },
+      [t('presetSpecification.inner_11_3_outer_12_0')]: {
+        paperCoreDiameter: 11.3,
+        bottomPaperWidth: 28.5,
+      },
+    }
+  })
+
+  const paperCoreDiameter = ref<Param>(createParam(3.3, 'mm'))
+  const bottomPaperWidth = ref<Param>(createParam(9.5, 'mm'))
+  const bottomPaperThickness = ref<Param>(createParam(120, 'g_per_m2'))
+  const secondLayerPaperThickness = ref<Param>(createParam(120, 'g_per_m2'))
+  const thirdLayerPaperThickness = ref<Param>(createParam(60, 'g_per_m2'))
+  const topPaperThickness = ref<Param>(createParam(60, 'g_per_m2'))
+
+  const result = computed(() => {
+    // 计算逻辑待补充
+    const totalThickness
+      = (bottomPaperThickness.value.value
+        + secondLayerPaperThickness.value.value
+        + thirdLayerPaperThickness.value.value
+        + topPaperThickness.value.value) / 800
+    const paperTubeExternalDiameter
+      = paperCoreDiameter.value.value + totalThickness * 2
+
+    const bottomPaperAngle = 90 - radiansToDegrees(Math.acos(bottomPaperWidth.value.value / (paperCoreDiameter.value.value * Math.PI)))
+    const leadingLength = bottomPaperWidth.value.value / Math.sin(degreesToRadians(90 - bottomPaperAngle))
+
+    const secondLayerPaperWidth = leadingLength * Math.sin(degreesToRadians(radiansToDegrees(Math.atan((paperCoreDiameter.value.value + 2 * (bottomPaperThickness.value.value / 800)) * Math.PI / leadingLength))))
+    const thirdLayerPaperWidth = leadingLength * Math.sin(degreesToRadians(radiansToDegrees(Math.atan((paperCoreDiameter.value.value + 2 * (bottomPaperThickness.value.value + secondLayerPaperThickness.value.value) / 800) * Math.PI / leadingLength))))
+    const topPaperWidth = leadingLength * Math.sin(degreesToRadians(radiansToDegrees(Math.atan((paperCoreDiameter.value.value + 2 * (bottomPaperThickness.value.value + secondLayerPaperThickness.value.value + thirdLayerPaperThickness.value.value) / 800) * Math.PI / leadingLength))))
+
+    const beltWidth = leadingLength * Math.sin(degreesToRadians(radiansToDegrees(Math.atan((paperCoreDiameter.value.value + 2 * totalThickness) * Math.PI / leadingLength))))
+
+    return {
+      paperCoreDiameter: paperCoreDiameter.value,
+      paperTubeExternalDiameter: createParam(paperTubeExternalDiameter, 'mm'),
+      paperTubeWallThickness: createParam(totalThickness, 'mm'),
+      bottomPaperAngle: createParam(bottomPaperAngle, 'degree'),
+      leadingLength: createParam(leadingLength, 'mm'),
+      bottomPaperWidth: bottomPaperWidth.value,
+      secondLayerPaperWidth: createParam(secondLayerPaperWidth, 'mm'),
+      thirdLayerPaperWidth: createParam(thirdLayerPaperWidth, 'mm'),
+      topPaperWidth: createParam(topPaperWidth, 'mm'),
+      beltWidth: createParam(beltWidth, 'mm'),
+    }
+  })
+
+  const resetParameters = () => {
+    paperCoreDiameter.value = createParam(3.3, 'mm')
+    bottomPaperWidth.value = createParam(9.5, 'mm')
+    bottomPaperThickness.value = createParam(120, 'g_per_m2')
+    secondLayerPaperThickness.value = createParam(120, 'g_per_m2')
+    thirdLayerPaperThickness.value = createParam(60, 'g_per_m2')
+    topPaperThickness.value = createParam(60, 'g_per_m2')
+  }
+
+  const updateParams = (item: string) => {
+    const selected = presetParams.value[item]
+    currentSelectIndex.value = selects.value.indexOf(item)
+    if (selected) {
+      paperCoreDiameter.value = createParam(selected.paperCoreDiameter, 'mm')
+      bottomPaperWidth.value = createParam(selected.bottomPaperWidth, 'mm')
+    }
+  }
+
+  const isCustomMode = computed(() => {
+    return currentSelectIndex.value === selects.value.length - 1
+  })
+
+  onMounted(() => {
+    currentSelect.value = selects.value[0]
+    updateParams(currentSelect.value)
+  })
+
+  watch(locale, () => {
+    currentSelect.value = selects.value[currentSelectIndex.value]
+    updateParams(currentSelect.value)
+  })
+</script>

src/config/navigation.ts

@@ -34,4 +34,8 @@ export const navigationConfig: NavigationItem[] = [
     title: '3LayerPaperStrawCalculate',
     to: '/calculators/three-layer-paper-straw',
   },
+  {
+    title: '4LayerPaperStrawCalculate',
+    to: '/calculators/four-layer-paper-straw',
+  },
 ]

src/locale/zh.json

@@ -14,6 +14,7 @@
   "paperTubeProductionCalculate": "纸管产能计算",
   "paperTubeWeightCalculate": "纸管重量计算",
   "3LayerPaperStrawCalculate": "三层纸吸管计算",
+  "4LayerPaperStrawCalculate": "四层纸吸管计算",
   "parameters": "参数",
   "productionAmount": "生产数量",
   "reset": "重置",
@@ -77,6 +78,8 @@
   "presetSpecifications": "预设规格",
   "bottomPaperThickness": "底层纸厚度",
   "middlePaperThickness": "中层纸厚度",
+  "secondLayerPaperThickness": "第二层纸厚度",
+  "thirdLayerPaperThickness": "第三层纸厚度",
   "topPaperThickness": "顶层纸厚度",
   "paperStrawResult": {
     "paperTubeInnerDiameter": "纸管内径",
@@ -86,6 +89,8 @@
     "leadingLength": "导程",
     "bottomPaperWidth": "底层纸宽度",
     "middlePaperWidth": "中层纸宽度",
+    "secondLayerPaperWidth": "第二层纸宽度",
+    "thirdLayerPaperWidth": "第三层纸宽度",
     "topPaperWidth": "顶层纸宽度",
     "beltWidth": "皮带宽度"
   },
@@ -116,5 +121,7 @@
     "kg_per_day": "kg/d",
     "pcs_per_day": "pcs/d",
     "degree": "°"
-  }
+  },
+  "calculationParameters": "计算参数",
+  "expandToShowCalculationParameters": "展开以显示计算参数"
 }

src/pages/calculators/four-layer-paper-straw.vue

@@ -0,0 +1,13 @@
+<template>
+  <FourLayerPaperStrawCalculate />
+</template>
+
+<script setup lang="ts">
+  import FourLayerPaperStrawCalculate from '@/components/Modules/FourLayerPaperStrawCalculate.vue'
+</script>
+
+<route lang="yaml">
+  meta:
+    layout: CalculatorLayout
+    title: 4LayerPaperStraw
+</route>

src/typed-router.d.ts

@@ -20,6 +20,7 @@ declare module 'vue-router/auto-routes' {
   export interface RouteNamedMap {
     '/': RouteRecordInfo<'/', '/', Record<never, never>, Record<never, never>>,
     '/calculators/belt-specification': RouteRecordInfo<'/calculators/belt-specification', '/calculators/belt-specification', Record<never, never>, Record<never, never>>,
+    '/calculators/four-layer-paper-straw': RouteRecordInfo<'/calculators/four-layer-paper-straw', '/calculators/four-layer-paper-straw', Record<never, never>, Record<never, never>>,
     '/calculators/multi-layer-paper-tape-width-angle': RouteRecordInfo<'/calculators/multi-layer-paper-tape-width-angle', '/calculators/multi-layer-paper-tape-width-angle', Record<never, never>, Record<never, never>>,
     '/calculators/paper-roll-weight-length': RouteRecordInfo<'/calculators/paper-roll-weight-length', '/calculators/paper-roll-weight-length', Record<never, never>, Record<never, never>>,
     '/calculators/paper-tape-width-angle': RouteRecordInfo<'/calculators/paper-tape-width-angle', '/calculators/paper-tape-width-angle', Record<never, never>, Record<never, never>>,