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

Compare commits

base: remilia:a5abfa5122a10b64191d791dfdf637a849745233
Branches Tags
remilia:main remilia:i18n remilia:Router
..
compare: remilia:5e3a12283b3df106887ced995b55b81f0704ec96
Branches Tags
remilia:main remilia:i18n remilia:Router

8 Commits
a5abfa5122 ... 5e3a12283b

Author SHA1 Message Date
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
11 changed files with 449 additions and 226 deletions
Expand all files Collapse all files

4
src/components.d.ts vendored
View File

@ -9,7 +9,9 @@ export {}
declare module 'vue' {
export interface GlobalComponents {
BeltSpecificationCalculate: typeof import('./components/Modules/BeltSpecificationCalculate.vue')['default']
CalculateResult: typeof import('./components/CalculateResult.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']
PaperRollWeightLengthCalculate: typeof import('./components/Modules/PaperRollWeightLengthCalculate.vue')['default']
PaperTapeWidthAngleCalculate: typeof import('./components/Modules/PaperTapeWidthAngleCalculate.vue')['default']
@ -17,9 +19,9 @@ declare module 'vue' {
PaperTubeWeightCalculate: typeof import('./components/Modules/PaperTubeWeightCalculate.vue')['default']
ParamInputField: typeof import('./components/ParamInputField.vue')['default']
ResultCard: typeof import('./components/ResultCard.vue')['default']
ResultSection: typeof import('./components/ResultSection.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']
}
}

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>

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

@ -83,26 +83,52 @@
{{ $t('results') }}
</v-card-title>
<v-row>
<v-col cols="12">
<result-card
<v-list lines="two">
<result-section
:label="`${$t('recommendBeltThickness')}`"
:value="result.recommendBeltThickness"
/>
</v-col>
<v-col cols="12">
<result-card
<result-section
:label="`${$t('recommendBeltWidth')}`"
:value="result.recommendBeltWidth"
/>
</v-col>
<v-col cols="12">
<result-card
<result-section
:label="`${$t('recommendBeltLength')}`"
:value="result.recommendBeltLength"
/>
</v-list>
<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('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-col>
</v-row>

76
src/components/Modules/FourLayerPaperStrawCalculate.vue
View File

@ -66,68 +66,84 @@
/>
{{ $t('results') }}
</v-card-title>
<v-row>
<v-col cols="12">
<result-card
<v-list lines="two">
<result-section
:label="`${$t('paperStrawResult.paperTubeInnerDiameter')}`"
:value="result.paperCoreDiameter"
/>
</v-col>
<v-col cols="12">
<result-card
<result-section
:label="`${$t('paperStrawResult.paperTubeExternalDiameter')}`"
:value="result.paperTubeExternalDiameter"
/>
</v-col>
<v-col cols="12">
<result-card
<result-section
:label="`${$t('paperStrawResult.paperTubeThickness')}`"
:value="result.paperTubeWallThickness"
/>
</v-col>
<v-col cols="12">
<result-card
<result-section
:label="`${$t('paperStrawResult.bottomPaperAngle')}`"
:value="result.bottomPaperAngle"
/>
</v-col>
<v-col cols="12">
<result-card
<result-section
:label="`${$t('paperStrawResult.leadingLength')}`"
:value="result.leadingLength"
/>
</v-col>
<v-col cols="12">
<result-card
<result-section
:label="`${$t('paperStrawResult.bottomPaperWidth')}`"
:value="result.bottomPaperWidth"
/>
</v-col>
<v-col cols="12">
<result-card
<result-section
:label="`${$t('paperStrawResult.secondLayerPaperWidth')}`"
:value="result.secondLayerPaperWidth"
/>
</v-col>
<v-col cols="12">
<result-card
<result-section
:label="`${$t('paperStrawResult.thirdLayerPaperWidth')}`"
:value="result.thirdLayerPaperWidth"
/>
</v-col>
<v-col cols="12">
<result-card
<result-section
:label="`${$t('paperStrawResult.topPaperWidth')}`"
:value="result.topPaperWidth"
/>
</v-col>
<v-col cols="12">
<result-card
<result-section
:label="`${$t('paperStrawResult.beltWidth')}`"
:value="result.beltWidth"
/>
</v-list>
<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>

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

@ -93,26 +93,57 @@
{{ $t('results') }}
</v-card-title>
<v-row>
<v-col cols="12">
<result-card
<v-list lines="two">
<result-section
:label="$t('paperRollWeight')"
:value="result.paperRollWeight"
/>
</v-col>
<v-col cols="12">
<result-card
<result-section
:label="$t('paperRollLength')"
:value="result.paperRollLength"
/>
</v-col>
<v-col cols="12">
<result-card
<result-section
:label="$t('paperThickness')"
:value="result.paperThickness"
/>
</v-list>
<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('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-col>
</v-row>

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

@ -68,20 +68,38 @@
{{ $t('results') }}
</v-card-title>
<v-list lines="two">
<result-section :label="$t('beltAngle')" :value="result.beltAngle" />
<result-section :label="$t('paperHolderAngle')" :value="result.paperHolderAngle" />
<result-section :label="$t('leadingLength')" :value="result.leadingLength" />
<result-section :label="$t('paperWidth')" :value="result.paperWidth" />
</v-list>
<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="12">
<result-card :label="$t('beltAngle')" :value="result.beltAngle" />
<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">
<result-card :label="$t('paperHolderAngle')" :value="result.paperHolderAngle" />
</v-col>
<v-col cols="12">
<result-card :label="$t('leadingLength')" :value="result.leadingLength" />
</v-col>
<v-col cols="12">
<result-card :label="$t('paperWidth')" :value="result.paperWidth" />
<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-col>
</v-row>

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

@ -111,44 +111,80 @@
{{ $t('results') }}
</v-card-title>
<v-row>
<v-col cols="12">
<result-card
<v-list lines="two">
<result-section
:label="$t('feedPaperSpeed')"
:value="result.feedPaperSpeed"
/>
</v-col>
<v-col cols="12">
<result-card
<result-section
:label="$t('outputSpeed')"
:value="result.outputSpeed"
/>
</v-col>
<v-col cols="12">
<result-card
<result-section
:label="$t('productionAmountPerHour')"
:value="result.productionAmountPerHour"
/>
</v-col>
<v-col cols="12">
<result-card
<result-section
:label="$t('productionWeightPerHour')"
:value="result.productionWeightPerHour"
/>
</v-col>
<v-col cols="12">
<result-card
<result-section
:label="$t('productionAmountPerDay')"
:value="result.productionAmountPerDay"
/>
</v-col>
<v-col cols="12">
<result-card
<result-section
:label="$t('productionWeightPerDay')"
:value="result.productionWeightPerDay"
/>
</v-list>
<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('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-col>
</v-row>

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

@ -93,21 +93,55 @@
{{ $t('results') }}
</v-card-title>
<v-list lines="two">
<result-section :label="$t('singlePaperTubeWeight')" :value="result.singlePaperTubeWeight" />
<result-section :label="$t('totalPaperTubeWeight')" :value="result.totalPaperTubeWeight" />
</v-list>
<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="12">
<result-card
:label="`${$t('singlePaperTubeWeight')}`"
:value="result.singlePaperTubeWeight"
/>
<v-col cols="6">
<input-param-section :label="$t('paperRollLength')" :value="paperRollLength" />
</v-col>
<v-col cols="12">
<result-card
:label="`${$t('totalPaperTubeWeight')}`"
:value="result.totalPaperTubeWeight"
<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-col>
</v-row>
</div>
@ -138,7 +172,7 @@
const resetParameters = () => {
paperRollLength.value = createParam(1000, 'mm')
paperDensity.value = createParam(0.76, 'gpcm3')
paperDensity.value = createParam(0.76, 'g_per_cm3')
productionAmount.value = createParam(1000, 'pcs')
paperCoreDiameter.value = createParam(76.2, 'mm')
paperRollWallThickness.value = createParam(10, 'mm')

68
src/components/Modules/ThreeLayerPaperStrawCalculate.vue
View File

@ -63,62 +63,76 @@
/>
{{ $t('results') }}
</v-card-title>
<v-row>
<v-col cols="12">
<result-card
<v-list lines="two">
<result-section
:label="`${$t('paperStrawResult.paperTubeInnerDiameter')}`"
:value="result.paperCoreDiameter"
/>
</v-col>
<v-col cols="12">
<result-card
<result-section
:label="`${$t('paperStrawResult.paperTubeExternalDiameter')}`"
:value="result.paperTubeExternalDiameter"
/>
</v-col>
<v-col cols="12">
<result-card
<result-section
:label="`${$t('paperStrawResult.paperTubeThickness')}`"
:value="result.paperTubeWallThickness"
/>
</v-col>
<v-col cols="12">
<result-card
<result-section
:label="`${$t('paperStrawResult.bottomPaperAngle')}`"
:value="result.bottomPaperAngle"
/>
</v-col>
<v-col cols="12">
<result-card
<result-section
:label="`${$t('paperStrawResult.leadingLength')}`"
:value="result.leadingLength"
/>
</v-col>
<v-col cols="12">
<result-card
<result-section
:label="`${$t('paperStrawResult.bottomPaperWidth')}`"
:value="result.bottomPaperWidth"
/>
</v-col>
<v-col cols="12">
<result-card
<result-section
:label="`${$t('paperStrawResult.middlePaperWidth')}`"
:value="result.middlePaperWidth"
/>
</v-col>
<v-col cols="12">
<result-card
<result-section
:label="`${$t('paperStrawResult.topPaperWidth')}`"
:value="result.topPaperWidth"
/>
</v-col>
<v-col cols="12">
<result-card
<result-section
:label="`${$t('paperStrawResult.beltWidth')}`"
:value="result.beltWidth"
/>
</v-list>
<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>

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>

5
src/plugins/vuetify.ts
View File

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