feat: 3层纸吸管计算
This commit is contained in:
259
src/components/Modules/ThreeLayerPaperStrawCalculate.vue
Normal file
259
src/components/Modules/ThreeLayerPaperStrawCalculate.vue
Normal file
@ -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>
|
||||
Reference in New Issue
Block a user