remilia/jinshen_calculator
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

base: remilia:i18n
Branches Tags
remilia:main remilia:i18n remilia:Router
...
compare: remilia:2fba196bf3c420a67bb128f5194af54e80d3ecb7
Branches Tags
remilia:main remilia:i18n remilia:Router

17 Commits
i18n ... 2fba196bf3

Author SHA1 Message Date
R2m1liA
2fba196bf3 feat: 纸吸管计算输入框添加图例标注 2025-12-06 16:49:22 +08:00
R2m1liA
c44cf80300 style: 调整参数输入框样式 
- 删除文本区域的单位显示
- WIP：暂时注释掉尚未开发完成的帮助页面
 2025-12-06 16:44:37 +08:00
R2m1liA
efb595f086 style: 调整结果卡片样式 
- 计算结果样式修改
- 纸吸管尺寸计算添加图例显示
 2025-12-06 16:41:57 +08:00
R2m1liA
5e3a12283b style: 页面布局修改 
- 将结果展示由卡片式修改为列表式
- 结果卡片添加原始参数展示功能
 2025-12-01 16:57:15 +08:00
R2m1liA
e1438bf330 chore: component组件声明添加 2025-12-01 16:56:12 +08:00
R2m1liA
b894d2a4ae style: 纸吸管计算页面布局调整 
- 将卡片式布局调整为列表式布局
 2025-12-01 16:54:04 +08:00
R2m1liA
5651405605 style: 纸带宽度长度计算页面布局调整 
- 将结果展示由卡片式变为列表式
 2025-12-01 16:18:33 +08:00
R2m1liA
c6190a0788 style: 纸卷产能计算页面布局调整 
- 结果展示由卡片式转为列表式
 2025-12-01 16:05:59 +08:00
R2m1liA
17bda531d7 style: 纸卷重量长度计算页面布局调整 
- 结果显示由卡片式变为列表式
 2025-12-01 15:55:19 +08:00
R2m1liA
ca5d33cf09 style: 皮带规格计算页面布局调整 
- 将计算结果由卡片式转为列表式
 2025-12-01 15:44:30 +08:00
R2m1liA
6a214b3796 style: 纸管重量计算页面布局调整 
- 将结果由卡片式调整为列表式
 2025-12-01 15:30:40 +08:00
R2m1liA
a5abfa5122 feat: 添加纸吸管计算支持 
- 添加3/4层纸吸管计算
 2025-11-29 16:27:14 +08:00
R2m1liA
ec333c105c feat: 4层纸吸管计算 2025-11-29 16:25:08 +08:00
R2m1liA
b3266a438e feat: 4层纸吸管计算 2025-11-29 16:24:27 +08:00
R2m1liA
2cff599229 feat: 3层纸吸管计算 2025-11-25 16:46:40 +08:00
R2m1liA
c646e572d9 Fix: 修正部分默认值 & 修正部分文本 2025-07-19 15:38:15 +08:00
R2m1liA
6b7ef4c994 Feature: 添加iOS图标 2025-07-19 14:41:48 +08:00
26 changed files with 1031 additions and 153 deletions
Expand all files Collapse all files

3
index.html
View File

@ -3,6 +3,9 @@
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<link rel="icon" href="/favicon.ico"> <link rel="icon" href="/favicon.ico">
<!-- iOS图标 -->
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Loading...</title> <title>Loading...</title>
</head> </head>

BIN
public/apple-touch-icon.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 13 KiB

BIN
src/assets/pro02.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 26 KiB

BIN
src/assets/pro04.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 29 KiB

5
src/components.d.ts vendored
View File

@ -9,6 +9,8 @@ export {}
declare module 'vue' { declare module 'vue' {
export interface GlobalComponents { export interface GlobalComponents {
BeltSpecificationCalculate: typeof import('./components/Modules/BeltSpecificationCalculate.vue')['default'] BeltSpecificationCalculate: typeof import('./components/Modules/BeltSpecificationCalculate.vue')['default']
FourLayerPaperStrawCalculate: typeof import('./components/Modules/FourLayerPaperStrawCalculate.vue')['default']
InputParamSection: typeof import('./components/InputParamSection.vue')['default']
MultiLayerPaperTapeWidthAngleCalculate: typeof import('./components/Modules/MultiLayerPaperTapeWidthAngleCalculate.vue')['default'] MultiLayerPaperTapeWidthAngleCalculate: typeof import('./components/Modules/MultiLayerPaperTapeWidthAngleCalculate.vue')['default']
PaperRollWeightLengthCalculate: typeof import('./components/Modules/PaperRollWeightLengthCalculate.vue')['default'] PaperRollWeightLengthCalculate: typeof import('./components/Modules/PaperRollWeightLengthCalculate.vue')['default']
PaperTapeWidthAngleCalculate: typeof import('./components/Modules/PaperTapeWidthAngleCalculate.vue')['default'] PaperTapeWidthAngleCalculate: typeof import('./components/Modules/PaperTapeWidthAngleCalculate.vue')['default']
@ -16,7 +18,10 @@ declare module 'vue' {
PaperTubeWeightCalculate: typeof import('./components/Modules/PaperTubeWeightCalculate.vue')['default'] PaperTubeWeightCalculate: typeof import('./components/Modules/PaperTubeWeightCalculate.vue')['default']
ParamInputField: typeof import('./components/ParamInputField.vue')['default'] ParamInputField: typeof import('./components/ParamInputField.vue')['default']
ResultCard: typeof import('./components/ResultCard.vue')['default'] ResultCard: typeof import('./components/ResultCard.vue')['default']
ResultListItem: typeof import('./components/ResultListItem.vue')['default']
ResultSection: typeof import('./components/ResultSection.vue')['default']
RouterLink: typeof import('vue-router')['RouterLink'] RouterLink: typeof import('vue-router')['RouterLink']
RouterView: typeof import('vue-router')['RouterView'] RouterView: typeof import('vue-router')['RouterView']
ThreeLayerPaperStrawCalculate: typeof import('./components/Modules/ThreeLayerPaperStrawCalculate.vue')['default']
} }
} }

20
src/components/InputParamSection.vue Normal file
View File

@ -0,0 +1,20 @@
<template>
<v-list-item>
<v-list-item-title class="text-h6 text-primary">
{{ value.value.toFixed(fixed ?? 2) }} {{ $t(`units.${value.unit}`) }}
</v-list-item-title>
<v-list-item-subtitle>
{{ label }}
</v-list-item-subtitle>
</v-list-item>
</template>
<script setup lang="ts">
import type { Param } from '@/types/param'
defineProps<{
label: string
value: Param
fixed?: number
}>()
</script>

136
src/components/Modules/BeltSpecificationCalculate.vue
View File

@ -2,24 +2,32 @@
<div class="calculator-container"> <div class="calculator-container">
<v-row justify="center"> <v-row justify="center">
<!-- 参数输入区域 --> <!-- 参数输入区域 -->
<v-col <v-col cols="12" lg="5" md="6">
cols="12" <v-card class="pa-6 parameter-card" elevation="8" rounded="xl">
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-card-title class="text-h5 mb-6 d-flex align-center">
<v-icon <v-row>
class="mr-3" <v-col cols="6">
color="primary" <v-icon class="mr-3" color="primary" icon="mdi-tune" size="large" />
icon="mdi-tune" {{ $t('parameters') }}
size="large" </v-col>
/> <!-- <v-col class="d-flex align-end justify-center flex-column" cols="6">
{{ $t('parameters') }} <v-tooltip content-class="transparent-tooltip" transition="fade-transition">
<v-card
class="pa-2"
width="200"
>
<v-card-text>
这是用卡片自定义的 Tooltip 内容。
</v-card-text>
</v-card>
<template #activator="{ props }">
<v-btn v-bind="props" color="white" icon="mdi-help" size="x-small" />
</template>
</v-tooltip>
</v-col> -->
</v-row>
</v-card-title> </v-card-title>
<v-row> <v-row>
@ -36,26 +44,26 @@
<param-input-field <param-input-field
v-model="maxWheelbase" v-model="maxWheelbase"
:disabled="!isCustomMode" :disabled="!isCustomMode"
:label="`${$t('maxWheelbase')} (${maxWheelbase.unit})`" :label="`${$t('maxWheelbase')}`"
/> />
</v-col> </v-col>
<v-col cols="12"> <v-col cols="12">
<param-input-field <param-input-field
v-model="hubDiameter" v-model="hubDiameter"
:disabled="!isCustomMode" :disabled="!isCustomMode"
:label="`${$t('hubDiameter')} (${hubDiameter.unit})`" :label="`${$t('hubDiameter')}`"
/> />
</v-col> </v-col>
<v-col cols="12"> <v-col cols="12">
<param-input-field <param-input-field
v-model="paperCoreDiameter" v-model="paperCoreDiameter"
:label="`${$t('paperCoreDiameter')} (${paperCoreDiameter.unit})`" :label="`${$t('paperTubeInnerDiameter')}`"
/> />
</v-col> </v-col>
<v-col cols="12"> <v-col cols="12">
<param-input-field <param-input-field
v-model="paperRollWallThickness" v-model="paperRollWallThickness"
:label="`${$t('paperRollWallThickness')} (${paperRollWallThickness.unit})`" :label="`${$t('paperRollWallThickness')}`"
/> />
</v-col> </v-col>
</v-row> </v-row>
@ -63,46 +71,52 @@
</v-col> </v-col>
<!-- 结果显示区域 --> <!-- 结果显示区域 -->
<v-col <v-col cols="12" lg="5" md="6">
cols="12" <v-card class="pa-6 result-card" elevation="8" rounded="xl">
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 mb-6 d-flex align-center">
<v-icon <v-icon class="mr-3" color="primary" icon="mdi-calculator" size="large" />
class="mr-3"
color="primary"
icon="mdi-calculator"
size="large"
/>
{{ $t('results') }} {{ $t('results') }}
</v-card-title> </v-card-title>
<v-row> <v-list lines="two">
<v-col cols="12"> <result-list-item :label="`${$t('recommendBeltThickness')}`" :value="result.recommendBeltThickness" />
<result-card <result-list-item :label="`${$t('recommendBeltWidth')}`" :value="result.recommendBeltWidth" />
:label="`${$t('recommendBeltThickness')}`" <result-list-item :label="`${$t('recommendBeltLength')}`" :value="result.recommendBeltLength" />
:value="result.recommendBeltThickness" </v-list>
/>
</v-col> <v-divider class="my-4" />
<v-col cols="12">
<result-card <v-expansion-panels flat multiple>
:label="`${$t('recommendBeltWidth')}`" <v-expansion-panel hide-actions>
:value="result.recommendBeltWidth" <v-expansion-panel-title class="text-warning font-weight-bold">
/> <template #default="{ expanded }">
</v-col> <span>
<v-col cols="12"> <v-icon icon="mdi-information-outline" />
<result-card {{ expanded ? $t('calculationParameters') : $t('expandToShowCalculationParameters') }}
:label="`${$t('recommendBeltLength')}`" </span>
:value="result.recommendBeltLength" </template>
/> </v-expansion-panel-title>
</v-col> <v-expansion-panel-text>
</v-row> <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-card>
</v-col> </v-col>
</v-row> </v-row>
@ -239,3 +253,11 @@
}) })
</script> </script>
<style scoped>
:deep(.transparent-tooltip) {
background: transparent !important;
box-shadow: none !important;
padding: 0 !important;
}
</style>

300
src/components/Modules/FourLayerPaperStrawCalculate.vue Normal file
View File

@ -0,0 +1,300 @@
<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')}(d)`" />
</v-col>
<v-col cols="12">
<param-input-field v-model="bottomPaperWidth" :disabled="!isCustomMode" :label="`${$t('bottomPaperWidth')}(B1)`" />
</v-col>
<v-col cols="12">
<param-input-field v-model="bottomPaperThickness" :label="`${$t('bottomPaperThickness')}(T1)`" />
</v-col>
<v-col cols="12">
<param-input-field v-model="secondLayerPaperThickness" :label="`${$t('secondLayerPaperThickness')}(T2)`" />
</v-col>
<v-col cols="12">
<param-input-field v-model="thirdLayerPaperThickness" :label="`${$t('thirdLayerPaperThickness')}(T3)`" />
</v-col>
<v-col cols="12">
<param-input-field v-model="topPaperThickness" :label="`${$t('topPaperThickness')}(T4)`" />
</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 d-flex align-center">
<v-icon
class="mr-3"
color="primary"
icon="mdi-calculator"
size="large"
/>
{{ $t('results') }}
</v-card-title>
<v-img src="@/assets/pro04.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-list-item
:label="`${$t('paperStrawResult.paperTubeExternalDiameter')}(D)`"
:value="result.paperTubeExternalDiameter"
/>
<result-list-item
:label="`${$t('paperStrawResult.paperTubeThickness')}(T)`"
:value="result.paperTubeWallThickness"
/>
<result-list-item
:label="`${$t('paperStrawResult.leadingLength')}(S)`"
:value="result.leadingLength"
/>
</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-list-item
:label="`${$t('paperStrawResult.secondLayerPaperWidth')}(B2)`"
:value="result.secondLayerPaperWidth"
/>
<result-list-item
:label="`${$t('paperStrawResult.thirdLayerPaperWidth')}(B3)`"
:value="result.thirdLayerPaperWidth"
/>
<result-list-item
:label="`${$t('paperStrawResult.topPaperWidth')}(B4)`"
:value="result.topPaperWidth"
/>
<result-list-item
:label="`${$t('paperStrawResult.beltWidth')}`"
:value="result.beltWidth"
/>
</v-sheet>
<v-divider class="my-4" />
<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('paperTubeInnerDiameter')" :value="paperCoreDiameter" />
</v-col>
<v-col cols="6">
<input-param-section :label="$t('bottomPaperWidth')" :value="bottomPaperWidth" />
</v-col>
<v-col cols="6">
<input-param-section :label="$t('bottomPaperThickness')" :value="bottomPaperThickness" />
</v-col>
<v-col cols="6">
<input-param-section :label="$t('secondLayerPaperThickness')" :value="secondLayerPaperThickness" />
</v-col>
<v-col cols="6">
<input-param-section :label="$t('thirdLayerPaperThickness')" :value="thirdLayerPaperThickness" />
</v-col>
<v-col cols="6">
<input-param-section :label="$t('topPaperThickness')" :value="topPaperThickness" />
</v-col>
</v-row>
</v-expansion-panel-text>
</v-expansion-panel>
</v-expansion-panels>
</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>

4
src/components/Modules/MultiLayerPaperTapeWidthAngleCalculate.vue
View File

@ -27,7 +27,7 @@
<param-input-field <param-input-field
v-model="paperCoreDiameter" v-model="paperCoreDiameter"
:disabled="recordList.length > 0" :disabled="recordList.length > 0"
:label="$t('paperCoreDiameter')" :label="$t('paperTubeInnerDiameter')"
/> />
</v-col> </v-col>
<v-col cols="12"> <v-col cols="12">
@ -175,7 +175,7 @@
} }
const paperCoreDiameter = ref<Param>(createParam(76.2, 'mm')) const paperCoreDiameter = ref<Param>(createParam(76.2, 'mm'))
const bottomPaperWidth = ref<Param>(createParam(100, 'mm')) const bottomPaperWidth = ref<Param>(createParam(105, 'mm'))
const paperGrammage = ref<Param>(createParam(420, 'g_per_m2')) const paperGrammage = ref<Param>(createParam(420, 'g_per_m2'))
const paperDensity = ref<Param>(createParam(0.76, 'g_per_cm3')) const paperDensity = ref<Param>(createParam(0.76, 'g_per_cm3'))

77
src/components/Modules/PaperRollWeightLengthCalculate.vue
View File

@ -93,26 +93,59 @@
{{ $t('results') }} {{ $t('results') }}
</v-card-title> </v-card-title>
<v-row> <v-list lines="two">
<v-col cols="12"> <result-list-item
<result-card :label="$t('paperRollWeight')"
:label="$t('paperRollWeight')" :value="result.paperRollWeight"
:value="result.paperRollWeight" />
/> <result-list-item
</v-col> :label="$t('paperRollLength')"
<v-col cols="12"> :value="result.paperRollLength"
<result-card />
:label="$t('paperRollLength')" <result-list-item
:value="result.paperRollLength" :label="$t('paperThickness')"
/> :value="result.paperThickness"
</v-col> />
<v-col cols="12"> </v-list>
<result-card
:label="$t('paperThickness')" <v-divider class="my-4" />
:value="result.paperThickness"
/> <v-expansion-panels flat multiple>
</v-col> <v-expansion-panel hide-actions>
</v-row> <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('paperCoreDiameter')" :value="paperCoreDiameter" />
</v-col>
<v-col cols="6">
<input-param-section :label="$t('paperRollExternalDiameter')" :value="paperRollExternalDiameter" />
</v-col>
</v-row>
<v-row>
<v-col cols="6">
<input-param-section :label="$t('paperRollWidth')" :value="paperRollWidth" />
</v-col>
<v-col cols="6">
<input-param-section :label="$t('paperDensity')" :value="paperDensity" />
</v-col>
</v-row>
<v-row>
<v-col cols="6">
<input-param-section :label="$t('paperGrammage')" :value="paperGrammage" />
</v-col>
</v-row>
</v-expansion-panel-text>
</v-expansion-panel>
</v-expansion-panels>
</v-card> </v-card>
</v-col> </v-col>
</v-row> </v-row>
@ -124,8 +157,8 @@
import { createParam, type Param } from '@/types/param' import { createParam, type Param } from '@/types/param'
const paperCoreDiameter = ref<Param>(createParam(76.2, 'mm')) const paperCoreDiameter = ref<Param>(createParam(76.2, 'mm'))
const paperRollExternalDiameter = ref<Param>(createParam(200, 'mm')) const paperRollExternalDiameter = ref<Param>(createParam(1200, 'mm'))
const paperRollWidth = ref<Param>(createParam(100, 'mm')) const paperRollWidth = ref<Param>(createParam(1600, 'mm'))
const paperDensity = ref<Param>(createParam(0.76, 'g_per_cm3')) const paperDensity = ref<Param>(createParam(0.76, 'g_per_cm3'))
const paperGrammage = ref<Param>(createParam(420, 'g_per_m2')) const paperGrammage = ref<Param>(createParam(420, 'g_per_m2'))

50
src/components/Modules/PaperTapeWidthAngleCalculate.vue
View File

@ -26,7 +26,7 @@
<v-col cols="12"> <v-col cols="12">
<param-input-field <param-input-field
v-model="paperCoreDiameter" v-model="paperCoreDiameter"
:label="$t('paperCoreDiameter')" :label="$t('paperTubeInnerDiameter')"
/> />
</v-col> </v-col>
<v-col cols="12"> <v-col cols="12">
@ -68,20 +68,40 @@
{{ $t('results') }} {{ $t('results') }}
</v-card-title> </v-card-title>
<v-row> <v-list lines="two">
<v-col cols="12"> <result-list-item :label="$t('beltAngle')" :value="result.beltAngle" />
<result-card :label="$t('beltAngle')" :value="result.beltAngle" /> <result-list-item :label="$t('paperHolderAngle')" :value="result.paperHolderAngle" />
</v-col> <result-list-item :label="$t('leadingLength')" :value="result.leadingLength" />
<v-col cols="12"> <result-list-item :label="$t('paperWidth')" :value="result.paperWidth" />
<result-card :label="$t('paperHolderAngle')" :value="result.paperHolderAngle" /> </v-list>
</v-col>
<v-col cols="12"> <v-divider class="my-4" />
<result-card :label="$t('leadingLength')" :value="result.leadingLength" />
</v-col> <v-expansion-panels flat multiple>
<v-col cols="12"> <v-expansion-panel hide-actions>
<result-card :label="$t('paperWidth')" :value="result.paperWidth" /> <v-expansion-panel-title class="text-warning font-weight-bold">
</v-col> <template #default="{ expanded }">
</v-row> <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('paperTubeInnerDiameter')" :value="paperCoreDiameter" />
</v-col>
<v-col cols="6">
<input-param-section :label="$t('paperRollWallThickness')" :value="paperRollWallThickness" />
</v-col>
<v-col cols="12">
<input-param-section :label="$t('innerPaperWidth')" :value="innerPaperWidth" />
</v-col>
</v-row>
</v-expansion-panel-text>
</v-expansion-panel>
</v-expansion-panels>
</v-card> </v-card>
</v-col> </v-col>
</v-row> </v-row>

116
src/components/Modules/PaperTubeProductionCalculate.vue
View File

@ -26,7 +26,7 @@
<v-col cols="12"> <v-col cols="12">
<param-input-field <param-input-field
v-model="paperCoreDiameter" v-model="paperCoreDiameter"
:label="$t('paperCoreDiameter')" :label="$t('paperTubeInnerDiameter')"
/> />
</v-col> </v-col>
<v-col cols="12"> <v-col cols="12">
@ -111,44 +111,82 @@
{{ $t('results') }} {{ $t('results') }}
</v-card-title> </v-card-title>
<v-row> <v-list lines="two">
<v-col cols="12"> <result-list-item
<result-card :label="$t('feedPaperSpeed')"
:label="$t('feedPaperSpeed')" :value="result.feedPaperSpeed"
:value="result.feedPaperSpeed" />
/> <result-list-item
</v-col> :label="$t('outputSpeed')"
<v-col cols="12"> :value="result.outputSpeed"
<result-card />
:label="$t('outputSpeed')" <result-list-item
:value="result.outputSpeed" :label="$t('productionAmountPerHour')"
/> :value="result.productionAmountPerHour"
</v-col> />
<v-col cols="12"> <result-list-item
<result-card :label="$t('productionWeightPerHour')"
:label="$t('productionAmountPerHour')" :value="result.productionWeightPerHour"
:value="result.productionAmountPerHour" />
/> <result-list-item
</v-col> :label="$t('productionAmountPerDay')"
<v-col cols="12"> :value="result.productionAmountPerDay"
<result-card />
:label="$t('productionWeightPerHour')" <result-list-item
:value="result.productionWeightPerHour" :label="$t('productionWeightPerDay')"
/> :value="result.productionWeightPerDay"
</v-col> />
<v-col cols="12"> </v-list>
<result-card
:label="$t('productionAmountPerDay')" <v-divider class="my-4" />
:value="result.productionAmountPerDay"
/> <v-expansion-panels flat multiple>
</v-col> <v-expansion-panel hide-actions>
<v-col cols="12"> <v-expansion-panel-title class="text-warning font-weight-bold">
<result-card <template #default="{ expanded }">
:label="$t('productionWeightPerDay')" <span>
:value="result.productionWeightPerDay" <v-icon icon="mdi-information-outline" />
/> {{ expanded ? $t('calculationParameters') : $t('expandToShowCalculationParameters') }}
</v-col> </span>
</v-row> </template>
</v-expansion-panel-title>
<v-expansion-panel-text>
<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-row>
<v-col cols="6">
<input-param-section :label="$t('paperRollLength')" :value="paperRollLength" />
</v-col>
<v-col cols="6">
<input-param-section :label="$t('paperDensity')" :value="paperDensity" />
</v-col>
</v-row>
<v-row>
<v-col cols="6">
<input-param-section :label="$t('innerPaperWidth')" :value="innerPaperWidth" />
</v-col>
<v-col cols="6">
<input-param-section :label="$t('workFrequency')" :value="workFrequency" />
</v-col>
</v-row>
<v-row>
<v-col cols="6">
<input-param-section :label="$t('workTime')" :value="workTime" />
</v-col>
<v-col cols="6">
<input-param-section :label="$t('workEfficiency')" :value="workEfficiency" />
</v-col>
</v-row>
</v-expansion-panel-text>
</v-expansion-panel>
</v-expansion-panels>
</v-card> </v-card>
</v-col> </v-col>
</v-row> </v-row>

66
src/components/Modules/PaperTubeWeightCalculate.vue
View File

@ -44,7 +44,7 @@
<v-col cols="12"> <v-col cols="12">
<param-input-field <param-input-field
v-model="paperCoreDiameter" v-model="paperCoreDiameter"
:label="$t('paperCoreDiameter')" :label="$t('paperTubeInnerDiameter')"
/> />
</v-col> </v-col>
<v-col cols="12"> <v-col cols="12">
@ -93,21 +93,55 @@
{{ $t('results') }} {{ $t('results') }}
</v-card-title> </v-card-title>
<v-row> <v-list lines="two">
<v-col cols="12"> <result-list-item :label="$t('singlePaperTubeWeight')" :value="result.singlePaperTubeWeight" />
<result-card <result-list-item :label="$t('totalPaperTubeWeight')" :value="result.totalPaperTubeWeight" />
:label="`${$t('singlePaperTubeWeight')}`" </v-list>
:value="result.singlePaperTubeWeight"
/> <v-expansion-panels flat multiple>
</v-col> <v-expansion-panel hide-actions>
<v-col cols="12"> <v-expansion-panel-title class="text-warning font-weight-bold">
<result-card <template #default="{ expanded }">
:label="`${$t('totalPaperTubeWeight')}`" <span>
:value="result.totalPaperTubeWeight" <v-icon icon="mdi-information-outline" />
/> {{ expanded ? $t('calculationParameters') : $t('expandToShowCalculationParameters') }}
</v-col> </span>
</v-row> </template>
</v-expansion-panel-title>
<v-expansion-panel-text>
<v-row>
<v-col cols="6">
<input-param-section :label="$t('paperRollLength')" :value="paperRollLength" />
</v-col>
<v-col cols="6">
<input-param-section
:label="$t('paperDensity')"
:value="paperDensity"
/>
</v-col>
</v-row>
<v-row>
<v-col cols="6">
<input-param-section
:fixed="0"
:label="$t('productionAmount')"
:value="productionAmount"
/>
</v-col>
<v-col cols="6">
<input-param-section :label="$t('paperTubeInnerDiameter')" :value="paperCoreDiameter" />
</v-col>
</v-row>
<v-row>
<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-card>
</v-col> </v-col>
</v-row> </v-row>
</div> </div>
@ -138,7 +172,7 @@
const resetParameters = () => { const resetParameters = () => {
paperRollLength.value = createParam(1000, 'mm') paperRollLength.value = createParam(1000, 'mm')
paperDensity.value = createParam(0.76, 'gpcm3') paperDensity.value = createParam(0.76, 'g_per_cm3')
productionAmount.value = createParam(1000, 'pcs') productionAmount.value = createParam(1000, 'pcs')
paperCoreDiameter.value = createParam(76.2, 'mm') paperCoreDiameter.value = createParam(76.2, 'mm')
paperRollWallThickness.value = createParam(10, 'mm') paperRollWallThickness.value = createParam(10, 'mm')

283
src/components/Modules/ThreeLayerPaperStrawCalculate.vue Normal file
View File

@ -0,0 +1,283 @@
<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')}(d)`" />
</v-col>
<v-col cols="12">
<param-input-field v-model="bottomPaperWidth" :disabled="!isCustomMode" :label="`${$t('bottomPaperWidth')}(B1)`" />
</v-col>
<v-col cols="12">
<param-input-field v-model="bottomPaperThickness" :label="`${$t('bottomPaperThickness')}(T1)`" />
</v-col>
<v-col cols="12">
<param-input-field v-model="middlePaperThickness" :label="`${$t('middlePaperThickness')}(T2)`" />
</v-col>
<v-col cols="12">
<param-input-field v-model="topPaperThickness" :label="`${$t('topPaperThickness')}(T3)`" />
</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 d-flex align-center">
<v-icon
class="mr-3"
color="primary"
icon="mdi-calculator"
size="large"
/>
{{ $t('results') }}
</v-card-title>
<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-list-item
:label="`${$t('paperStrawResult.paperTubeExternalDiameter')}(D)`"
:value="result.paperTubeExternalDiameter"
/>
<result-list-item
:label="`${$t('paperStrawResult.paperTubeThickness')}(T)`"
:value="result.paperTubeWallThickness"
/>
<result-list-item
:label="`${$t('paperStrawResult.leadingLength')}(S)`"
:value="result.leadingLength"
/>
</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-list-item
:label="`${$t('paperStrawResult.middlePaperWidth')}(B2)`"
:value="result.middlePaperWidth"
/>
<result-list-item
:label="`${$t('paperStrawResult.topPaperWidth')}(B3)`"
:value="result.topPaperWidth"
/>
<result-list-item
:label="`${$t('paperStrawResult.beltWidth')}`"
:value="result.beltWidth"
/>
</v-sheet>
<v-divider class="my-4" />
<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('paperTubeInnerDiameter')" :value="paperCoreDiameter" />
</v-col>
<v-col cols="6">
<input-param-section :label="$t('bottomPaperWidth')" :value="bottomPaperWidth" />
</v-col>
<v-col cols="6">
<input-param-section :label="$t('bottomPaperThickness')" :value="bottomPaperThickness" />
</v-col>
<v-col cols="6">
<input-param-section :label="$t('middlePaperThickness')" :value="middlePaperThickness" />
</v-col>
<v-col cols="6">
<input-param-section :label="$t('topPaperThickness')" :value="topPaperThickness" />
</v-col>
</v-row>
</v-expansion-panel-text>
</v-expansion-panel>
</v-expansion-panels>
</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>

2
src/components/ParamInputField.vue
View File

@ -4,7 +4,7 @@
:disabled="disabled" :disabled="disabled"
hide-details hide-details
hide-spin-buttons hide-spin-buttons
:label="label + ' (' + $t(`units.${modelValue.unit}`) + ')'" :label="label"
:model-value="modelValue.value.toString()" :model-value="modelValue.value.toString()"
:suffix="$t(`units.${modelValue.unit}`)" :suffix="$t(`units.${modelValue.unit}`)"
type="number" type="number"

20
src/components/ResultListItem.vue Normal file
View File

@ -0,0 +1,20 @@
<template>
<v-row class="px-4">
<v-col cols="6">
<div class="text-h6 text-secondary-lighten-2 font-weight-bold">{{ label }}</div>
</v-col>
<v-col class="d-flex flex-column align-end justify-center" cols="6">
<div class="text-h6 text-primary font-weight-bold">{{ value.value.toFixed(fixed ?? 2) }} {{ $t(`units.${value.unit}`) }}</div>
</v-col>
</v-row>
</template>
<script setup lang="ts">
import type { Param } from '@/types/param'
defineProps<{
label: string
value: Param
fixed?: number
}>()
</script>

21
src/components/ResultSection.vue Normal file
View File

@ -0,0 +1,21 @@
<template>
<div>
<v-list-item>
<v-list-item-title class="text-h4 text-primary font-weight-bold">
{{ value.value.toFixed(2) }} {{ $t(`units.${value.unit}`) }}
</v-list-item-title>
<v-list-item-subtitle>
{{ label }}
</v-list-item-subtitle>
</v-list-item>
</div>
</template>
<script setup lang="ts">
import type { Param } from '@/types/param'
defineProps<{
label: string
value: Param
}>()
</script>

8
src/config/navigation.ts
View File

@ -30,4 +30,12 @@ export const navigationConfig: NavigationItem[] = [
title: 'multiLayerPaperTapeWidthAngleCalculate', title: 'multiLayerPaperTapeWidthAngleCalculate',
to: '/calculators/multi-layer-paper-tape-width-angle', to: '/calculators/multi-layer-paper-tape-width-angle',
}, },
{
title: '3LayerPaperStrawCalculate',
to: '/calculators/three-layer-paper-straw',
},
{
title: '4LayerPaperStrawCalculate',
to: '/calculators/four-layer-paper-straw',
},
] ]

1
src/locale/en.json
View File

@ -3,6 +3,7 @@
"beltSpecificationCalculate": "Belt Specification", "beltSpecificationCalculate": "Belt Specification",
"multiLayerPaperTapeWidthAngleCalculate": "MultiLayer Paper Tape Width & Angle", "multiLayerPaperTapeWidthAngleCalculate": "MultiLayer Paper Tape Width & Angle",
"paperCoreDiameter": "Paper core diameter", "paperCoreDiameter": "Paper core diameter",
"paperTubeInnerDiameter": "Paper tube inner diameter",
"paperDensity": "Paper density", "paperDensity": "Paper density",
"paperGrammage": "Grammage", "paperGrammage": "Grammage",
"paperRollExternalDiameter": "Paper roll external diameter", "paperRollExternalDiameter": "Paper roll external diameter",

1
src/locale/ru.json
View File

@ -3,6 +3,7 @@
"beltSpecificationCalculate": "Спецификация ремня", "beltSpecificationCalculate": "Спецификация ремня",
"multiLayerPaperTapeWidthAngleCalculate": "Ширина и угол многослойной бумажной ленты", "multiLayerPaperTapeWidthAngleCalculate": "Ширина и угол многослойной бумажной ленты",
"paperCoreDiameter": "Диаметр бумажного сердечника", "paperCoreDiameter": "Диаметр бумажного сердечника",
"paperTubeInnerDiameter": "Внутренний диаметр бумажной трубки",
"paperDensity": "Плотность бумаги", "paperDensity": "Плотность бумаги",
"paperGrammage": "Граммаж", "paperGrammage": "Граммаж",
"paperRollExternalDiameter": "Внешний диаметр бумажного рулона", "paperRollExternalDiameter": "Внешний диаметр бумажного рулона",

1
src/locale/sp.json
View File

@ -3,6 +3,7 @@
"beltSpecificationCalculate": "Especificación de Correa", "beltSpecificationCalculate": "Especificación de Correa",
"multiLayerPaperTapeWidthAngleCalculate": "Ancho y Ángulo de Cinta de Papel Multicapa", "multiLayerPaperTapeWidthAngleCalculate": "Ancho y Ángulo de Cinta de Papel Multicapa",
"paperCoreDiameter": "Diámetro del núcleo de papel", "paperCoreDiameter": "Diámetro del núcleo de papel",
"paperTubeInnerDiameter": "Diámetro interior del tubo de papel",
"paperDensity": "Densidad del papel", "paperDensity": "Densidad del papel",
"paperGrammage": "Gramaje", "paperGrammage": "Gramaje",
"paperRollExternalDiameter": "Diámetro externo del rollo de papel", "paperRollExternalDiameter": "Diámetro externo del rollo de papel",

37
src/locale/zh.json
View File

@ -3,6 +3,7 @@
"beltSpecificationCalculate": "皮带规格计算", "beltSpecificationCalculate": "皮带规格计算",
"multiLayerPaperTapeWidthAngleCalculate": "多层纸带宽度角度计算", "multiLayerPaperTapeWidthAngleCalculate": "多层纸带宽度角度计算",
"paperCoreDiameter": "纸芯内径", "paperCoreDiameter": "纸芯内径",
"paperTubeInnerDiameter": "纸管内径",
"paperDensity": "纸张密度", "paperDensity": "纸张密度",
"paperGrammage": "纸张克重", "paperGrammage": "纸张克重",
"paperRollExternalDiameter": "纸卷外径", "paperRollExternalDiameter": "纸卷外径",
@ -12,6 +13,8 @@
"paperTapeWidthAngleCalculate": "纸带宽度角度计算", "paperTapeWidthAngleCalculate": "纸带宽度角度计算",
"paperTubeProductionCalculate": "纸管产能计算", "paperTubeProductionCalculate": "纸管产能计算",
"paperTubeWeightCalculate": "纸管重量计算", "paperTubeWeightCalculate": "纸管重量计算",
"3LayerPaperStrawCalculate": "三层纸吸管计算",
"4LayerPaperStrawCalculate": "四层纸吸管计算",
"parameters": "参数", "parameters": "参数",
"productionAmount": "生产数量", "productionAmount": "生产数量",
"reset": "重置", "reset": "重置",
@ -72,6 +75,36 @@
"officialWebsite": "官方网站", "officialWebsite": "官方网站",
"loading": "加载中", "loading": "加载中",
"paperTapeWidth": "纸带宽度", "paperTapeWidth": "纸带宽度",
"presetSpecifications": "预设规格",
"bottomPaperThickness": "底层纸厚度",
"middlePaperThickness": "中层纸厚度",
"secondLayerPaperThickness": "第二层纸厚度",
"thirdLayerPaperThickness": "第三层纸厚度",
"topPaperThickness": "顶层纸厚度",
"paperStrawResult": {
"paperTubeInnerDiameter": "纸管内径",
"paperTubeExternalDiameter": "纸管外径",
"paperTubeThickness": "纸管壁厚",
"bottomPaperAngle": "底层纸角度",
"leadingLength": "导程",
"bottomPaperWidth": "底层纸宽度",
"middlePaperWidth": "中层纸宽度",
"secondLayerPaperWidth": "第二层纸宽度",
"thirdLayerPaperWidth": "第三层纸宽度",
"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": { "units": {
"mm": "mm", "mm": "mm",
"m": "m", "m": "m",
@ -88,5 +121,7 @@
"kg_per_day": "kg/d", "kg_per_day": "kg/d",
"pcs_per_day": "pcs/d", "pcs_per_day": "pcs/d",
"degree": "°" "degree": "°"
} },
"calculationParameters": "计算参数",
"expandToShowCalculationParameters": "展开以显示计算参数"
} }

13
src/pages/calculators/four-layer-paper-straw.vue Normal file
View File

@ -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>

13
src/pages/calculators/three-layer-paper-straw.vue Normal file
View File

@ -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>

5
src/plugins/vuetify.ts
View File

@ -30,6 +30,11 @@ const jinshenLightTheme: ThemeDefinition = {
export default createVuetify({ export default createVuetify({
theme: { theme: {
defaultTheme: 'light', defaultTheme: 'light',
variations: {
colors: ['primary', 'secondary', 'success', 'info', 'warning', 'error'],
lighten: 5,
darken: 5,
},
themes: { themes: {
light: jinshenLightTheme, light: jinshenLightTheme,
}, },

2
src/typed-router.d.ts vendored
View File

@ -20,10 +20,12 @@ declare module 'vue-router/auto-routes' {
export interface RouteNamedMap { export interface RouteNamedMap {
'/': RouteRecordInfo<'/', '/', Record<never, never>, Record<never, never>>, '/': RouteRecordInfo<'/', '/', Record<never, never>, Record<never, never>>,
'/calculators/belt-specification': RouteRecordInfo<'/calculators/belt-specification', '/calculators/belt-specification', 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/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-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>>, '/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-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/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>>,
} }
} }