From 2cff5992291b45e63a8d3f7dbb436f09ec66fac3 Mon Sep 17 00:00:00 2001
From: R2m1liA <15258427350@163.com>
Date: Tue, 25 Nov 2025 16:46:40 +0800
Subject: [PATCH] =?UTF-8?q?feat:=203=E5=B1=82=E7=BA=B8=E5=90=B8=E7=AE=A1?=
 =?UTF-8?q?=E8=AE=A1=E7=AE=97?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components.d.ts                           |   2 +
 .../Modules/ThreeLayerPaperStrawCalculate.vue | 259 ++++++++++++++++++
 src/config/navigation.ts                      |   4 +
 src/locale/zh.json                            |  27 ++
 .../calculators/three-layer-paper-straw.vue   |  13 +
 src/typed-router.d.ts                         |   1 +
 6 files changed, 306 insertions(+)
 create mode 100644 src/components/Modules/ThreeLayerPaperStrawCalculate.vue
 create mode 100644 src/pages/calculators/three-layer-paper-straw.vue

diff --git a/src/components.d.ts b/src/components.d.ts
index 6d2be93..b3ed1d1 100644
--- a/src/components.d.ts
+++ b/src/components.d.ts
@@ -18,5 +18,7 @@ declare module 'vue' {
     ResultCard: typeof import('./components/ResultCard.vue')['default']
     RouterLink: typeof import('vue-router')['RouterLink']
     RouterView: typeof import('vue-router')['RouterView']
+    ThreeeLayerPaperStrawCalculate: typeof import('./components/Modules/threeeLayerPaperStrawCalculate.vue')['default']
+    ThreeLayerPaperStrawCalculate: typeof import('./components/Modules/ThreeLayerPaperStrawCalculate.vue')['default']
   }
 }
diff --git a/src/components/Modules/ThreeLayerPaperStrawCalculate.vue b/src/components/Modules/ThreeLayerPaperStrawCalculate.vue
new file mode 100644
index 0000000..7a6cf96
--- /dev/null
+++ b/src/components/Modules/ThreeLayerPaperStrawCalculate.vue
@@ -0,0 +1,259 @@
+<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="middlePaperThickness" :label="$t('middlePaperThickness')" />
+            </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.middlePaperWidth')}`"
+                :value="result.middlePaperWidth"
+              />
+            </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 middlePaperThickness = ref<Param>(createParam(120, 'g_per_m2'))
+  const topPaperThickness = ref<Param>(createParam(60, 'g_per_m2'))
+
+  const result = computed(() => {
+    // 计算逻辑待补充
+    const totalThickness
+      = (bottomPaperThickness.value.value
+        + middlePaperThickness.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 middlePaperWidth = leadingLength * Math.sin(degreesToRadians(radiansToDegrees(Math.atan((paperCoreDiameter.value.value + 2 * (bottomPaperThickness.value.value / 800)) * Math.PI / leadingLength))))
+    const topPaperWidth = leadingLength * Math.sin(degreesToRadians(radiansToDegrees(Math.atan((paperCoreDiameter.value.value + 2 * (bottomPaperThickness.value.value + middlePaperThickness.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,
+      middlePaperWidth: createParam(middlePaperWidth, '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')
+    middlePaperThickness.value = createParam(120, '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>
diff --git a/src/config/navigation.ts b/src/config/navigation.ts
index 0d4c494..8adcf1b 100644
--- a/src/config/navigation.ts
+++ b/src/config/navigation.ts
@@ -30,4 +30,8 @@ export const navigationConfig: NavigationItem[] = [
     title: 'multiLayerPaperTapeWidthAngleCalculate',
     to: '/calculators/multi-layer-paper-tape-width-angle',
   },
+  {
+    title: '3LayerPaperStrawCalculate',
+    to: '/calculators/three-layer-paper-straw',
+  },
 ]
diff --git a/src/locale/zh.json b/src/locale/zh.json
index 35c73a6..a1a914d 100644
--- a/src/locale/zh.json
+++ b/src/locale/zh.json
@@ -13,6 +13,7 @@
   "paperTapeWidthAngleCalculate": "纸带宽度角度计算",
   "paperTubeProductionCalculate": "纸管产能计算",
   "paperTubeWeightCalculate": "纸管重量计算",
+  "3LayerPaperStrawCalculate": "三层纸吸管计算",
   "parameters": "参数",
   "productionAmount": "生产数量",
   "reset": "重置",
@@ -73,6 +74,32 @@
   "officialWebsite": "官方网站",
   "loading": "加载中",
   "paperTapeWidth": "纸带宽度",
+  "presetSpecifications": "预设规格",
+  "bottomPaperThickness": "底层纸厚度",
+  "middlePaperThickness": "中层纸厚度",
+  "topPaperThickness": "顶层纸厚度",
+  "paperStrawResult": {
+    "paperTubeInnerDiameter": "纸管内径",
+    "paperTubeExternalDiameter": "纸管外径",
+    "paperTubeThickness": "纸管壁厚",
+    "bottomPaperAngle": "底层纸角度",
+    "leadingLength": "导程",
+    "bottomPaperWidth": "底层纸宽度",
+    "middlePaperWidth": "中层纸宽度",
+    "topPaperWidth": "顶层纸宽度",
+    "beltWidth": "皮带宽度"
+  },
+  "presetSpecification": {
+    "inner_3_3_outer_4_0": "内径3.3mm，外径4.0mm",
+    "inner_3_8_outer_4_5": "内径3.8mm，外径4.5mm",
+    "inner_4_3_outer_5_0": "内径4.3mm，外径5.0mm",
+    "inner_5_3_outer_6_0": "内径5.3mm，外径6.0mm",
+    "inner_6_3_outer_7_0": "内径6.3mm，外径7.0mm",
+    "inner_7_3_outer_8_0": "内径7.3mm，外径8.0mm",
+    "inner_8_3_outer_9_0": "内径8.3mm，外径9.0mm",
+    "inner_9_3_outer_10_0": "内径9.3mm，外径10.0mm",
+    "inner_11_3_outer_12_0": "内径11.3mm，外径12.0mm"
+  },
   "units": {
     "mm": "mm",
     "m": "m",
diff --git a/src/pages/calculators/three-layer-paper-straw.vue b/src/pages/calculators/three-layer-paper-straw.vue
new file mode 100644
index 0000000..56475e1
--- /dev/null
+++ b/src/pages/calculators/three-layer-paper-straw.vue
@@ -0,0 +1,13 @@
+<template>
+  <ThreeLayerPaperStrawCalculate />
+</template>
+
+<script setup lang="ts">
+  import ThreeLayerPaperStrawCalculate from '@/components/Modules/ThreeLayerPaperStrawCalculate.vue'
+</script>
+
+<route lang="yaml">
+  meta:
+    layout: CalculatorLayout
+    title: 3LayerPaperStraw
+</route>
diff --git a/src/typed-router.d.ts b/src/typed-router.d.ts
index 21247ae..c7ea123 100644
--- a/src/typed-router.d.ts
+++ b/src/typed-router.d.ts
@@ -25,5 +25,6 @@ declare module 'vue-router/auto-routes' {
     '/calculators/paper-tape-width-angle': RouteRecordInfo<'/calculators/paper-tape-width-angle', '/calculators/paper-tape-width-angle', Record<never, never>, Record<never, never>>,
     '/calculators/paper-tube-production': RouteRecordInfo<'/calculators/paper-tube-production', '/calculators/paper-tube-production', Record<never, never>, Record<never, never>>,
     '/calculators/paper-tube-weight': RouteRecordInfo<'/calculators/paper-tube-weight', '/calculators/paper-tube-weight', Record<never, never>, Record<never, never>>,
+    '/calculators/three-layer-paper-straw': RouteRecordInfo<'/calculators/three-layer-paper-straw', '/calculators/three-layer-paper-straw', Record<never, never>, Record<never, never>>,
   }
 }