2 Commits
i18n ... Router

Author SHA1 Message Date
ccaa10f25b Fix: 优化代码结构 2025-07-16 14:48:09 +08:00
9d57758154 Feature: 基本路由系统 2025-07-16 13:55:13 +08:00
17 changed files with 114 additions and 735 deletions

View File

@ -86,19 +86,19 @@
<v-row>
<v-col cols="12">
<result-card
:label="`${$t('recommendBeltThickness')}`"
:label="`${$t('recommendBeltThickness')} (${result.recommendBeltThickness.unit})`"
:value="result.recommendBeltThickness"
/>
</v-col>
<v-col cols="12">
<result-card
:label="`${$t('recommendBeltWidth')}`"
:label="`${$t('recommendBeltWidth')} (${result.recommendBeltWidth.unit})`"
:value="result.recommendBeltWidth"
/>
</v-col>
<v-col cols="12">
<result-card
:label="`${$t('recommendBeltLength')}`"
:label="`${$t('recommendBeltLength')} (${result.recommendBeltLength.unit})`"
:value="result.recommendBeltLength"
/>
</v-col>
@ -124,8 +124,8 @@
t('50_120Series'),
t('200_Series'),
t('600_Series'),
t('PT23-120_Series'),
t('PT23-200_Series'),
t('new_120Series'),
t('new_200_Series'),
t('custom'),
])
@ -199,11 +199,11 @@
maxWheelbase: 1675,
hubDiameter: 320,
},
[t('PT23-120_Series')]: {
[t('new_120Series')]: {
maxWheelbase: 900,
hubDiameter: 240,
},
[t('PT23-200_Series')]: {
[t('new_200_Series')]: {
maxWheelbase: 1100,
hubDiameter: 268,
},

View File

@ -27,26 +27,26 @@
<param-input-field
v-model="paperCoreDiameter"
:disabled="recordList.length > 0"
:label="$t('paperCoreDiameter')"
:label="`${$t('paperCoreDiameter')} (${paperCoreDiameter.unit})`"
/>
</v-col>
<v-col cols="12">
<param-input-field
v-model="bottomPaperWidth"
:disabled="recordList.length > 0"
:label="$t('bottomPaperWidth')"
:label="`${$t('bottomPaperWidth')} (${bottomPaperWidth.unit})`"
/>
</v-col>
<v-col cols="12">
<param-input-field
v-model="paperGrammage"
:label="$t('paperGrammage')"
:label="`${$t('paperGrammage')} (${paperGrammage.unit})`"
/>
</v-col>
<v-col cols="12">
<param-input-field
v-model="paperDensity"
:label="$t('paperDensity')"
:label="`${$t('paperDensity')} (${paperDensity.unit})`"
/>
</v-col>
</v-row>
@ -137,16 +137,16 @@
<th>{{ $t('paperGrammage') }}</th>
<th>{{ $t('cumulativeThickness') }}</th>
<th>{{ $t('angle') }}</th>
<th>{{ $t('paperTapeWidth') }}</th>
<th>{{ $t('paperWidth') }}</th>
</tr>
</thead>
<transition-group name="fade" tag="tbody">
<tr v-for="(record, index) in recordList" :key="index" class="table-row-item">
<td>{{ record.layer }}</td>
<td>{{ record.grammage.value }} {{ $t(`units.${record.grammage.unit}`) }}</td>
<td>{{ record.cumulativeThickness.value.toFixed(2) }} {{ $t(`units.${record.cumulativeThickness.unit}`) }}</td>
<td>{{ record.angle.value.toFixed(2) }} {{ $t(`units.${record.angle.unit}`) }}</td>
<td>{{ record.paperWidth.value.toFixed(2) }} {{ $t(`units.${record.paperWidth.unit}`) }}</td>
<td>{{ record.grammage.value.toFixed(2) }} {{ record.grammage.unit }}</td>
<td>{{ record.cumulativeThickness.value.toFixed(2) }} {{ record.cumulativeThickness.unit }}</td>
<td>{{ record.angle.value.toFixed(2) }} {{ record.angle.unit }}</td>
<td>{{ record.paperWidth.value.toFixed(2) }} {{ record.paperWidth.unit }}</td>
</tr>
</transition-group>
</v-table>
@ -176,8 +176,8 @@
const paperCoreDiameter = ref<Param>(createParam(76.2, 'mm'))
const bottomPaperWidth = ref<Param>(createParam(100, 'mm'))
const paperGrammage = ref<Param>(createParam(420, 'g_per_m2'))
const paperDensity = ref<Param>(createParam(0.76, 'g_per_cm3'))
const paperGrammage = ref<Param>(createParam(420, 'g/m²'))
const paperDensity = ref<Param>(createParam(0.76, 'g/cm³'))
const recordList = ref<LayerRecord[]>([])
@ -195,7 +195,7 @@
layer: recordList.value.length + 1,
grammage: paperGrammage.value,
cumulativeThickness: createParam(paperTotalThickness + paperRollWallThickness, 'mm'),
angle: createParam(beltAngle, 'degree'),
angle: createParam(beltAngle, '°'),
paperWidth: createParam(paperWidth, 'mm'),
}
})
@ -338,13 +338,13 @@
// 添加Results表头列名
worksheet.getCell('A8').value = t('layer')
worksheet.getCell('A8').style = parameterStyle
worksheet.getCell('B8').value = t('paperGrammage') + ` (${t(`units.${recordList.value[0].grammage.unit}`)})`
worksheet.getCell('B8').value = t('paperGrammage') + ` (${recordList.value[0].grammage.unit})`
worksheet.getCell('B8').style = parameterStyle
worksheet.getCell('C8').value = t('cumulativeThickness') + ` (${t(`units.${recordList.value[0].cumulativeThickness.unit}`)})`
worksheet.getCell('C8').value = t('cumulativeThickness') + ` (${recordList.value[0].cumulativeThickness.unit})`
worksheet.getCell('C8').style = parameterStyle
worksheet.getCell('D8').value = t('angle') + ` (${t(`units.${recordList.value[0].angle.unit}`)})`
worksheet.getCell('D8').value = t('angle') + ` (${recordList.value[0].angle.unit})`
worksheet.getCell('D8').style = parameterStyle
worksheet.getCell('E8').value = t('paperWidth') + ` (${t(`units.${recordList.value[0].paperWidth.unit}`)})`
worksheet.getCell('E8').value = t('paperWidth') + ` (${recordList.value[0].paperWidth.unit})`
worksheet.getCell('E8').style = parameterStyle
// 添加Results数据
@ -420,7 +420,7 @@
worksheet.mergeCells('F5:H6')
// 自动调整列宽
for (const [_index, column] of worksheet.columns.entries()) {
for (const [index, column] of worksheet.columns.entries()) {
let maxLength = 0
if (column && typeof column.eachCell === 'function') {

View File

@ -10,7 +10,7 @@
md="6"
>
<v-card
class="pa-6 parameter-card"
class="pa-6 parameters-card"
elevation="8"
rounded="xl"
>
@ -28,31 +28,31 @@
<v-col cols="12">
<param-input-field
v-model="paperCoreDiameter"
:label="$t('paperCoreDiameter')"
:label="`${$t('paperCoreDiameter')} (${paperCoreDiameter.unit})`"
/>
</v-col>
<v-col cols="12">
<param-input-field
v-model="paperRollExternalDiameter"
:label="$t('paperRollExternalDiameter')"
:label="`${$t('paperRollExternalDiameter')} (${paperRollExternalDiameter.unit})`"
/>
</v-col>
<v-col cols="12">
<param-input-field
v-model="paperRollWidth"
:label="$t('paperRollWidth')"
:label="`${$t('paperRollWidth')} (${paperRollWidth.unit})`"
/>
</v-col>
<v-col cols="12">
<param-input-field
v-model="paperDensity"
:label="$t('paperDensity')"
:label="`${$t('paperDensity')} (${paperDensity.unit})`"
/>
</v-col>
<v-col cols="12">
<param-input-field
v-model="paperGrammage"
:label="$t('paperGrammage')"
:label="`${$t('paperGrammage')} (${paperGrammage.unit})`"
/>
</v-col>
</v-row>
@ -126,8 +126,8 @@
const paperCoreDiameter = ref<Param>(createParam(76.2, 'mm'))
const paperRollExternalDiameter = ref<Param>(createParam(200, 'mm'))
const paperRollWidth = ref<Param>(createParam(100, 'mm'))
const paperDensity = ref<Param>(createParam(0.76, 'g_per_cm3'))
const paperGrammage = ref<Param>(createParam(420, 'g_per_m2'))
const paperDensity = ref<Param>(createParam(0.76, 'g/cm³'))
const paperGrammage = ref<Param>(createParam(420, 'g/m²'))
const result = computed(() => {
const paperRollExternalRadius = paperRollExternalDiameter.value.value / 2
@ -147,8 +147,8 @@
paperCoreDiameter.value = createParam(76.2, 'mm')
paperRollExternalDiameter.value = createParam(200, 'mm')
paperRollWidth.value = createParam(100, 'mm')
paperDensity.value = createParam(0.76, 'g_per_cm3')
paperGrammage.value = createParam(420, 'g_per_m2')
paperDensity.value = createParam(0.76, 'g/cm³')
paperGrammage.value = createParam(420, 'g/m²')
}
</script>

View File

@ -26,19 +26,19 @@
<v-col cols="12">
<param-input-field
v-model="paperCoreDiameter"
:label="$t('paperCoreDiameter')"
:label="`${$t('paperCoreDiameter')} (${paperCoreDiameter.unit})`"
/>
</v-col>
<v-col cols="12">
<param-input-field
v-model="paperRollWallThickness"
:label="$t('paperRollWallThickness')"
:label="`${$t('paperRollWallThickness')} (${paperRollWallThickness.unit})`"
/>
</v-col>
<v-col cols="12">
<param-input-field
v-model="innerPaperWidth"
:label="$t('innerPaperWidth')"
:label="`${$t('innerPaperWidth')} (${innerPaperWidth.unit})`"
/>
</v-col>
</v-row>
@ -106,8 +106,8 @@
const paperWidth = leadingLength * Math.sin(Math.atan(paperRollExternalDiameter * Math.PI / leadingLength))
return {
beltAngle: createParam(beltAngle, 'degree'),
paperHolderAngle: createParam(paperHolderAngle, 'degree'),
beltAngle: createParam(beltAngle, '°'),
paperHolderAngle: createParam(paperHolderAngle, '°'),
leadingLength: createParam(leadingLength, 'mm'),
paperWidth: createParam(paperWidth, 'mm'),
}

View File

@ -26,49 +26,49 @@
<v-col cols="12">
<param-input-field
v-model="paperCoreDiameter"
:label="$t('paperCoreDiameter')"
:label="`${$t('paperCoreDiameter')}(${paperCoreDiameter.unit})`"
/>
</v-col>
<v-col cols="12">
<param-input-field
v-model="paperRollWallThickness"
:label="$t('paperRollWallThickness')"
:label="`${$t('paperRollWallThickness')}(${paperRollWallThickness.unit})`"
/>
</v-col>
<v-col cols="12">
<param-input-field
v-model="paperRollLength"
:label="$t('paperRollLength')"
:label="`${$t('paperRollLength')}(${paperRollLength.unit})`"
/>
</v-col>
<v-col cols="12">
<param-input-field
v-model="paperDensity"
:label="$t('paperDensity')"
:label="`${$t('paperDensity')}(${paperDensity.unit})`"
/>
</v-col>
<v-col cols="12">
<param-input-field
v-model="innerPaperWidth"
:label="$t('innerPaperWidth')"
:label="`${$t('innerPaperWidth')}(${innerPaperWidth.unit})`"
/>
</v-col>
<v-col cols="12">
<param-input-field
v-model="workFrequency"
:label="$t('workFrequency')"
:label="`${$t('workFrequency')}(${workFrequency.unit})`"
/>
</v-col>
<v-col cols="12">
<param-input-field
v-model="workTime"
:label="$t('workTime')"
:label="`${$t('workTime')}(${workTime.unit})`"
/>
</v-col>
<v-col cols="12">
<param-input-field
v-model="workEfficiency"
:label="$t('workEfficiency')"
:label="`${$t('workEfficiency')}(${workEfficiency.unit})`"
/>
</v-col>
</v-row>
@ -162,11 +162,11 @@
const paperCoreDiameter = ref<Param>(createParam(76.2, 'mm'))
const paperRollWallThickness = ref<Param>(createParam(10, 'mm'))
const paperRollLength = ref<Param>(createParam(1000, 'mm'))
const paperDensity = ref<Param>(createParam(0.76, 'g_per_cm3'))
const paperDensity = ref<Param>(createParam(0.76, 'g/cm³'))
const innerPaperWidth = ref<Param>(createParam(105, 'mm'))
const workFrequency = ref<Param>(createParam(30, 'hz'))
const workTime = ref<Param>(createParam(8, 'hour'))
const workEfficiency = ref<Param>(createParam(85, 'percent'))
const workFrequency = ref<Param>(createParam(30, 'Hz'))
const workTime = ref<Param>(createParam(8, 'h'))
const workEfficiency = ref<Param>(createParam(85, '%'))
const result = computed(() => {
const paperRollExternalDiameter = paperCoreDiameter.value.value + 2 * paperRollWallThickness.value.value
@ -181,12 +181,12 @@
const productionWeightPerDay = productionWeightPerHour * workTime.value.value
return {
feedPaperSpeed: createParam(feedPaperSpeed, 'm_per_min'),
outputSpeed: createParam(outputSpeed, 'm_per_min'),
productionAmountPerHour: createParam(productionAmountPerHour, 'pcs_per_hour'),
productionWeightPerHour: createParam(productionWeightPerHour, 'kg_per_hour'),
productionAmountPerDay: createParam(productionAmountPerDay, 'pcs_per_day'),
productionWeightPerDay: createParam(productionWeightPerDay, 'kg_per_day'),
feedPaperSpeed: createParam(feedPaperSpeed, 'm/min'),
outputSpeed: createParam(outputSpeed, 'm/min'),
productionAmountPerHour: createParam(productionAmountPerHour, '支/h'),
productionWeightPerHour: createParam(productionWeightPerHour, 'kg/h'),
productionAmountPerDay: createParam(productionAmountPerDay, ''),
productionWeightPerDay: createParam(productionWeightPerDay, 'kg'),
}
})
@ -194,11 +194,11 @@
paperCoreDiameter.value = createParam(76.2, 'mm')
paperRollWallThickness.value = createParam(10, 'mm')
paperRollLength.value = createParam(1000, 'mm')
paperDensity.value = createParam(0.76, 'g_per_cm3')
paperDensity.value = createParam(0.76, 'g/cm³')
innerPaperWidth.value = createParam(105, 'mm')
workFrequency.value = createParam(30, 'hz')
workTime.value = createParam(8, 'hour')
workEfficiency.value = createParam(85, 'percent')
workFrequency.value = createParam(30, 'Hz')
workTime.value = createParam(8, 'h')
workEfficiency.value = createParam(85, '%')
}
</script>

View File

@ -26,31 +26,31 @@
<v-col cols="12">
<param-input-field
v-model="paperRollLength"
:label="$t('paperRollLength')"
:label="`${$t('paperRollLength')}(${paperRollLength.unit})`"
/>
</v-col>
<v-col cols="12">
<param-input-field
v-model="paperDensity"
:label="$t('paperDensity')"
:label="`${$t('paperDensity')}(${paperDensity.unit})`"
/>
</v-col>
<v-col cols="12">
<param-input-field
v-model="productionAmount"
:label="$t('productionAmount')"
:label="`${$t('productionAmount')}(${productionAmount.unit})`"
/>
</v-col>
<v-col cols="12">
<param-input-field
v-model="paperCoreDiameter"
:label="$t('paperCoreDiameter')"
:label="`${$t('paperCoreDiameter')}(${paperCoreDiameter.unit})`"
/>
</v-col>
<v-col cols="12">
<param-input-field
v-model="paperRollWallThickness"
:label="$t('paperRollWallThickness')"
:label="`${$t('paperRollWallThickness')}(${paperRollWallThickness.unit})`"
/>
</v-col>
</v-row>
@ -96,13 +96,13 @@
<v-row>
<v-col cols="12">
<result-card
:label="`${$t('singlePaperTubeWeight')}`"
:label="`${$t('singlePaperTubeWeight')}(${result.singlePaperTubeWeight.unit})`"
:value="result.singlePaperTubeWeight"
/>
</v-col>
<v-col cols="12">
<result-card
:label="`${$t('totalPaperTubeWeight')}`"
:label="`${$t('totalPaperTubeWeight')}(${result.totalPaperTubeWeight.unit})`"
:value="result.totalPaperTubeWeight"
/>
</v-col>
@ -118,8 +118,8 @@
import { createParam, type Param } from '@/types/param'
const paperRollLength = ref<Param>(createParam(1000, 'mm'))
const paperDensity = ref<Param>(createParam(0.76, 'g_per_cm3'))
const productionAmount = ref<Param>(createParam(1000, 'pcs'))
const paperDensity = ref<Param>(createParam(0.76, 'g/cm³'))
const productionAmount = ref<Param>(createParam(1000, ''))
const paperCoreDiameter = ref<Param>(createParam(76.2, 'mm'))
const paperRollWallThickness = ref<Param>(createParam(10, 'mm'))
@ -138,8 +138,8 @@
const resetParameters = () => {
paperRollLength.value = createParam(1000, 'mm')
paperDensity.value = createParam(0.76, 'gpcm3')
productionAmount.value = createParam(1000, 'pcs')
paperDensity.value = createParam(0.76, 'g/cm³')
productionAmount.value = createParam(1000, '')
paperCoreDiameter.value = createParam(76.2, 'mm')
paperRollWallThickness.value = createParam(10, 'mm')
}

View File

@ -3,10 +3,9 @@
density="compact"
:disabled="disabled"
hide-details
hide-spin-buttons
:label="label + ' (' + $t(`units.${modelValue.unit}`) + ')'"
:label="label"
:model-value="modelValue.value.toString()"
:suffix="$t(`units.${modelValue.unit}`)"
:suffix="modelValue.unit"
type="number"
variant="outlined"
@update:model-value="handleUpdate"

View File

@ -19,7 +19,7 @@
size="large"
variant="outlined"
>
{{ value.value.toFixed(2) }} {{ $t(`units.${value.unit}`) }}
{{ value.value.toFixed(2) }} {{ value.unit }}
</v-chip>
</v-card-text>
</v-card>

View File

@ -10,83 +10,12 @@
>
<v-app-bar-nav-icon @click="drawer = !drawer" />
<v-app-bar-title class="text-h6">
<template v-if="menuItems.length > 0 && menuItems[selectedIndex]">
{{ menuItems[selectedIndex].title || $t('appTitle') }}
</template>
{{ menuItems[selectedIndex].title }}
</v-app-bar-title>
<v-spacer />
<v-menu
v-model="languageMenu"
:close-on-content-click="true"
location="bottom end"
offset="8"
>
<template #activator="{ props }">
<v-btn
v-bind="props"
:icon="$vuetify.display.xs"
:prepend-icon="$vuetify.display.xs ? undefined : 'mdi-translate'"
:size="$vuetify.display.xs ? 'default' : 'large'"
variant="text"
>
<v-icon v-if="$vuetify.display.xs">mdi-translate</v-icon>
<span v-else class="text-button">{{ currentLanguage.label }}</span>
</v-btn>
</template>
<!-- <v-list
class="language-menu"
density="compact"
min-width="160"
>
<v-list-item
v-for="lang in availableLanguages"
:key="lang.code"
:activate="locale === lang.code"
:title="lang.label"
@click="changeLanguage(lang.code)"
>
<template #append>
<v-icon
v-if="locale === lang.code"
class="text-primary"
icon="mdi-check"
/>
</template>
</v-list-item>
</v-list> -->
<div class="language-pill-container">
<v-chip-group
v-model="selectedLanguageIndex"
direction="vertical"
selected-class="text-primary"
@update:model-value="handleLanguageChange"
>
<v-chip
v-for="(lang, index) in availableLanguages"
:key="lang.code"
class="language-pill-large"
:color="locale === lang.code ? 'primary' : undefined"
label
rounded="xl"
size="large"
:value="index"
:variant="locale === lang.code ? 'flat' : 'outlined'"
>
<v-icon
v-if="locale === lang.code"
class="mr-2"
icon="mdi-check"
size="small"
/>
{{ lang.label }}
</v-chip>
</v-chip-group>
</div>
</v-menu>
<v-btn icon="mdi-translate" @click="toggleLanguage" />
</v-app-bar>
<v-navigation-drawer
@ -210,6 +139,18 @@
</v-fade-transition>
</router-view>
</v-main>
<!-- 页脚 -->
<v-footer app class="pa-4 bg-grey-lighten-5">
<div class="d-flex justify-space-between align-center w-100">
<div class="text-caption text-disabled">
&copy; {{ new Date().getFullYear() }} {{ appInfo.author }} - {{ $t('allRightsReserved') }}
</div>
<div class="text-caption text-disabled">
v{{ appInfo.version }}
</div>
</div>
</v-footer>
</v-app>
</template>
@ -218,24 +159,14 @@
import { computed, onMounted, onUnmounted, ref } from 'vue'
import { useI18n } from 'vue-i18n'
import { navigationConfig } from '@/config/navigation'
import { useNavigationStore } from '@/stores/navigation'
const { t, locale } = useI18n()
const navigationStore = useNavigationStore()
const drawer = computed({
get: () => navigationStore.drawer,
set: (value: boolean) => {
navigationStore.setDrawerOpen(value)
},
})
const selectedIndex = computed(() => navigationStore.selectedIndex)
const drawer = ref(true)
const selectedIndex = ref(0)
const windowWidth = ref(typeof window === 'undefined' ? 1200 : window.innerWidth)
const showAboutDialog = ref(false)
const languageMenu = ref(false)
// 应用信息
const appInfo = computed(() => {
@ -324,39 +255,12 @@
})
})
const availableLanguages = [
{
code: 'zh',
label: '中文(简体)',
},
{
code: 'en',
label: 'English',
},
{
code: 'ru',
label: 'Русский(Experimental)',
},
{
code: 'sp',
label: 'Español(Experimental)',
},
]
const currentLanguage = computed(() => {
return availableLanguages.find(lang => lang.code === locale.value) || availableLanguages[0]
})
const selectedLanguageIndex = computed(() => {
return availableLanguages.findIndex(lang => lang.code === locale.value)
})
function handleLanguageChange (index: number) {
if (index !== undefined && index >= 0 && index < availableLanguages.length) {
locale.value = availableLanguages[index].code
}
function toggleLanguage () {
locale.value = locale.value === 'zh' ? 'en' : 'zh'
}
function handleSelect (_index: number) {
function handleSelect (index: number) {
selectedIndex.value = index
drawer.value = false // 选择后自动关闭抽屉
}
@ -368,210 +272,3 @@
document.title = pageTitle.value
})
</script>
<style scoped>
/* AppBar响应式样式 */
@media (max-width: 599px) {
.v-app-bar-title {
font-size: 0.875rem !important;
line-height: 1.2 !important;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: calc(100vw - 120px); /* 为导航按钮和语言按钮留出空间 */
}
}
@media (min-width: 600px) and (max-width: 959px) {
.v-app-bar-title {
font-size: 1rem !important;
line-height: 1.3 !important;
}
}
/* 导航抽屉响应式样式 */
@media (max-width: 599px) {
.v-list-item-title {
font-size: 0.75rem !important;
line-height: 1.2 !important;
}
.v-list-item-subtitle {
font-size: 0.625rem !important;
line-height: 1.2 !important;
}
.v-list-item {
min-height: 36px !important;
}
/* 确保文本不会溢出 */
.v-list-item-title,
.v-list-item-subtitle {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
}
@media (min-width: 600px) and (max-width: 959px) {
.v-list-item-title {
font-size: 0.875rem !important;
}
.v-list-item-subtitle {
font-size: 0.75rem !important;
}
.v-app-bar-title {
font-size: 1rem !important;
}
}
/* 关于对话框响应式样式 */
@media (max-width: 599px) {
.v-dialog .v-card-title {
font-size: 1rem !important;
}
.v-dialog .v-card-text {
font-size: 0.875rem !important;
}
.v-dialog .text-caption {
font-size: 0.75rem !important;
}
}
/* 移动设备上的特殊处理 */
@media (max-width: 599px) {
.v-list-item.pa-4 {
padding: 12px 16px !important;
}
.v-list-item.ma-1 {
margin: 2px 4px !important;
}
}
/* 无背景的语言选择器容器 */
.language-pill-container {
padding: 8px;
min-width: 180px;
max-width: 320px;
}
/* 大尺寸语言药丸样式 */
.language-pill-large {
margin: 4px 0;
padding: 12px 20px;
height: 48px;
font-size: 1rem;
font-weight: 500;
transition: all 0.3s ease;
border-radius: 24px;
width: 100%;
/* 文本居中 */
display: flex !important;
justify-content: center !important;
align-items: center !important;
}
.language-pill-large:hover {
transform: translateY(-2px);
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
/* chip内容居中对齐 */
.language-pill-large .v-chip__content {
display: flex !important;
justify-content: center !important;
align-items: center !important;
width: 100% !important;
font-weight: 500;
}
/* 响应式药丸样式 */
@media (max-width: 599px) {
.language-pill-container {
min-width: 160px;
max-width: 280px;
padding: 6px;
}
.language-pill-large {
margin: 2px 0;
padding: 8px 16px;
height: 40px;
font-size: 0.875rem;
}
.text-button {
font-size: 0.75rem !important;
}
}
@media (min-width: 600px) and (max-width: 959px) {
.language-pill-large {
padding: 10px 18px;
height: 44px;
font-size: 0.9375rem;
}
}
/* 药丸选中状态 */
.v-chip--variant-flat {
background: rgb(var(--v-theme-primary)) !important;
color: rgb(var(--v-theme-surface)) !important;
box-shadow: 0 2px 8px rgba(var(--v-theme-primary), 0.1);
}
/* 药丸未选中状态 */
.v-chip--variant-outlined {
border: 1px solid rgba(var(--v-theme-info), 0.3);
color: rgb(var(--v-theme-info));
background: rgba(var(--v-theme-surface), 1);
}
.v-chip--variant-outlined:hover {
background: rgba(var(--v-theme-info), 0.08);
border-color: rgba(var(--v-theme-info), 0.5);
}
/* 选中状态的图标 */
.language-pill-large .v-icon {
opacity: 1;
}
/* 字体权重调整 */
.language-pill-large .v-chip__content {
font-weight: 500;
}
.language-pill {
margin: 2px 4px;
transition: all 0.2s ease;
}
.language-pill:hover {
transform: translateY(-1px);
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
/* 响应式药丸样式 */
@media (max-width: 599px) {
.language-pill-menu {
min-width: 160px;
max-width: 250px;
}
.language-pill {
margin: 1px 2px;
}
.text-button {
font-size: 0.75rem !important;
}
}
</style>

View File

@ -1,17 +1,17 @@
{
"appTitle": "Paper Tube Production Calculator",
"beltSpecificationCalculate": "Belt Specification",
"multiLayerPaperTapeWidthAngleCalculate": "MultiLayer Paper Tape Width & Angle",
"beltSpecificationCalculate": "Belt Specification Calculate",
"multiLayerPaperTapeWidthAngleCalculate": "MultiLayer Paper Tape Width Angle Calculate",
"paperCoreDiameter": "Paper core diameter",
"paperDensity": "Paper density",
"paperGrammage": "Grammage",
"paperRollExternalDiameter": "Paper roll external diameter",
"paperRollLength": "Paper roll length",
"paperRollWallThickness": "Paper roll wall thickness",
"paperRollWeightLengthCalculate": "Paper Roll Weight Length",
"paperTapeWidthAngleCalculate": "Paper Tape Width & Angle",
"paperTubeProductionCalculate": "Paper Tube Production",
"paperTubeWeightCalculate": "Paper Tube Weight",
"paperRollWeightLengthCalculate": "Paper Roll Weight Length Calculate",
"paperTapeWidthAngleCalculate": "Paper Tape Width Angle Calculate",
"paperTubeProductionCalculate": "Paper Tube Production Calculate",
"paperTubeWeightCalculate": "Paper Tube Weight Calculate",
"parameters": "Parameters",
"productionAmount": "Production amount",
"reset": "Reset",
@ -42,8 +42,7 @@
"50_120Series": "50, 120 series",
"200_Series": "200 series",
"600_Series": "600 series",
"PT23-120_Series": "PT23-120 series",
"PT23-200_Series": "PT23-200 series",
"new_200_Series": "New 200 series",
"custom": "Customize",
"recommendBeltLength": "Recommended belt length",
"recommendBeltWidth": "Recommended bandwidth",
@ -55,6 +54,7 @@
"add": "Add",
"layer": "Layer",
"angle": "Angle",
"new_120Series": "New 120 Series",
"cumulativeThickness": "Cumulative thickness",
"reference": "Reference",
"minimum": "Minimum",
@ -69,24 +69,5 @@
"appDescription": "Paper tube production auxiliary production tool provides calculation of various parameters such as weight, size, angle, etc.",
"allRightsReserved": "All Rights Reserved",
"close": "Close",
"officialWebsite": "Official website",
"loading": "Loading",
"paperTapeWidth": "Paper tape width",
"units": {
"mm": "mm",
"m": "m",
"g_per_cm3": "g/cm³",
"pcs": "pcs",
"kg": "kg",
"g_per_m2": "g/m²",
"hz": "Hz",
"hour": "h",
"percent": "%",
"m_per_min": "m/min",
"kg_per_hour": "kg/h",
"pcs_per_hour": "pcs/h",
"kg_per_day": "kg/d",
"pcs_per_day": "pcs/d",
"degree": "°"
}
"officialWebsite": "Official website"
}

View File

@ -1,94 +0,0 @@
{
"appTitle": "Калькулятор производства бумажных трубок",
"beltSpecificationCalculate": "Спецификация ремня",
"multiLayerPaperTapeWidthAngleCalculate": "Ширина и угол многослойной бумажной ленты",
"paperCoreDiameter": "Диаметр бумажного сердечника",
"paperDensity": "Плотность бумаги",
"paperGrammage": "Граммаж",
"paperRollExternalDiameter": "Внешний диаметр бумажного рулона",
"paperRollLength": "Длина бумажного рулона",
"paperRollWallThickness": "Толщина стенки бумажного рулона",
"paperRollWeightLengthCalculate": "Вес и длина бумажного рулона",
"paperTapeWidthAngleCalculate": "Ширина и угол бумажной ленты",
"paperTubeProductionCalculate": "Производство бумажных трубок",
"paperTubeWeightCalculate": "Вес бумажной трубки",
"parameters": "Параметры",
"productionAmount": "Количество производства",
"reset": "Сброс",
"results": "Результаты",
"singlePaperTubeWeight": "Вес одной бумажной трубки",
"totalPaperTubeWeight": "Общий вес бумажных трубок",
"paperRollWidth": "Ширина бумажного рулона",
"paperThickness": "Толщина бумаги",
"paperRollWeight": "Вес бумажного рулона",
"paperLength": "Длина бумажного рулона",
"innerPaperWidth": "Ширина внутренней бумаги",
"workFrequency": "Рабочая частота",
"workTime": "Рабочее время",
"workEfficiency": "Эффективность работы",
"feedPaperSpeed": "Скорость подачи",
"outputSpeed": "Скорость выхода",
"productionAmountPerDay": "Дневная выработка",
"productionAmountPerHour": "Часовая выработка",
"productionWeightPerDay": "Дневная выработка по весу",
"productionWeightPerHour": "Часовая выработка по весу",
"beltAngle": "Угол ремня",
"paperHolderAngle": "Угол держателя бумаги",
"leadingLength": "Ведущая длина",
"paperWidth": "Ширина бумаги",
"machineModel": "Модель",
"maxWheelbase": "Максимальная колесная база",
"hubDiameter": "Диаметр ступицы",
"50_120Series": "50, 120 серии",
"200_Series": "200 серия",
"600_Series": "600 серия",
"PT23-120_Series": "PT23-120 серия",
"PT23-200_Series": "PT23-200 серия",
"custom": "Настроить",
"recommendBeltLength": "Рекомендуемая длина ремня",
"recommendBeltWidth": "Рекомендуемая ширина ремня",
"recommendBeltThickness": "Рекомендуемая толщина ремня",
"bottomPaperWidth": "Ширина нижней бумаги",
"save": "Сохранить",
"clear": "Очистить",
"remove": "Удалить",
"add": "Добавить",
"layer": "Слой",
"angle": "Угол",
"cumulativeThickness": "Накопительная толщина",
"reference": "Справочная информация",
"minimum": "Минимум",
"maximum": "Максимум",
"calculatedValue": "Расчетное значение",
"fit": "ПОДХОДИТ",
"notFit": "НЕ ПОДХОДИТ",
"multiLayerExcelOutputFile": "МногослойнаяШиринаУголБумажнойЛенты",
"about": "О программе",
"calculator": "Калькулятор",
"companyName": "Чжэцзян Цзиньшэнь Машиностроительная компания с ограниченной ответственностью",
"appDescription": "Вспомогательный инструмент для производства бумажных трубок, обеспечивающий расчет различных параметров: веса, размеров, углов и т.д.",
"allRightsReserved": "Все права защищены",
"close": "Закрыть",
"officialWebsite": "Официальный сайт",
"loading": "Загрузка",
"paperTapeWidth": "Ширина бумажной ленты",
"selectLanguage": "Выберите язык",
"units": {
"mm": "мм",
"m": "м",
"g_per_cm3": "г/см³",
"pcs": "шт.",
"kg": "кг",
"g_per_m2": "г/м²",
"hz": "Гц",
"hour": "ч",
"percent": "%",
"m_per_min": "м/мин",
"kg_per_hour": "кг/ч",
"pcs_per_hour": "шт./ч",
"kg_per_day": "кг/д",
"pcs_per_day": "шт./д",
"degree": "°"
}
}

View File

@ -1,93 +0,0 @@
{
"appTitle": "Calculadora de Producción de Tubos de Papel",
"beltSpecificationCalculate": "Especificación de Correa",
"multiLayerPaperTapeWidthAngleCalculate": "Ancho y Ángulo de Cinta de Papel Multicapa",
"paperCoreDiameter": "Diámetro del núcleo de papel",
"paperDensity": "Densidad del papel",
"paperGrammage": "Gramaje",
"paperRollExternalDiameter": "Diámetro externo del rollo de papel",
"paperRollLength": "Longitud del rollo de papel",
"paperRollWallThickness": "Grosor de pared del rollo de papel",
"paperRollWeightLengthCalculate": "Peso y Longitud del Rollo de Papel",
"paperTapeWidthAngleCalculate": "Ancho y Ángulo de Cinta de Papel",
"paperTubeProductionCalculate": "Producción de Tubos de Papel",
"paperTubeWeightCalculate": "Peso del Tubo de Papel",
"parameters": "Parámetros",
"productionAmount": "Cantidad de producción",
"reset": "Restablecer",
"results": "Resultados",
"singlePaperTubeWeight": "Peso de un solo tubo de papel",
"totalPaperTubeWeight": "Peso total de tubos de papel",
"paperRollWidth": "Ancho del rollo de papel",
"paperThickness": "Grosor del papel",
"paperRollWeight": "Peso del rollo de papel",
"paperLength": "Longitud del rollo de papel",
"innerPaperWidth": "Ancho del papel interior",
"workFrequency": "Frecuencia de trabajo",
"workTime": "Tiempo de trabajo",
"workEfficiency": "Eficiencia del trabajo",
"feedPaperSpeed": "Velocidad de alimentación",
"outputSpeed": "Velocidad de salida",
"productionAmountPerDay": "Producción diaria",
"productionAmountPerHour": "Producción por hora",
"productionWeightPerDay": "Peso de producción diaria",
"productionWeightPerHour": "Peso de producción por hora",
"beltAngle": "Ángulo de la correa",
"paperHolderAngle": "Ángulo del soporte de papel",
"leadingLength": "Longitud de avance",
"paperWidth": "Ancho del papel",
"machineModel": "Modelo de máquina",
"maxWheelbase": "Distancia entre ejes máxima",
"hubDiameter": "Diámetro del cubo",
"50_120Series": "Series 50, 120",
"200_Series": "Serie 200",
"600_Series": "Serie 600",
"PT23-120_Series": "Serie PT23-120",
"PT23-200_Series": "Serie PT23-200",
"custom": "Personalizar",
"recommendBeltLength": "Longitud de correa recomendada",
"recommendBeltWidth": "Ancho de correa recomendado",
"recommendBeltThickness": "Grosor de correa recomendado",
"bottomPaperWidth": "Ancho del papel inferior",
"save": "Guardar",
"clear": "Limpiar",
"remove": "Eliminar",
"add": "Agregar",
"layer": "Capa",
"angle": "Ángulo",
"cumulativeThickness": "Grosor acumulativo",
"reference": "Referencia",
"minimum": "Mínimo",
"maximum": "Máximo",
"calculatedValue": "Valor calculado",
"fit": "AJUSTA",
"notFit": "NO AJUSTA",
"multiLayerExcelOutputFile": "AnchoAnguloTintaPapelMulticapa",
"about": "Acerca de",
"calculator": "Calculadora",
"companyName": "Zhejiang Jinshen Machinery Manufacturing Co., Ltd.",
"appDescription": "Herramienta auxiliar de producción de tubos de papel que proporciona cálculo de varios parámetros como peso, tamaño, ángulo, etc.",
"allRightsReserved": "Todos los derechos reservados",
"close": "Cerrar",
"officialWebsite": "Sitio web oficial",
"loading": "Cargando",
"paperTapeWidth": "Ancho de cinta de papel",
"selectLanguage": "Seleccionar idioma",
"units": {
"mm": "mm",
"m": "m",
"g_per_cm3": "g/cm³",
"pcs": "uds.",
"kg": "kg",
"g_per_m2": "g/m²",
"hz": "Hz",
"hour": "h",
"percent": "%",
"m_per_min": "m/min",
"kg_per_hour": "kg/h",
"pcs_per_hour": "uds./h",
"kg_per_day": "kg/d",
"pcs_per_day": "uds./d",
"degree": "°"
}
}

View File

@ -1,5 +1,5 @@
{
"appTitle": "纸管生产辅助计算工具",
"appTitle": "纸管制作辅助生产工具",
"beltSpecificationCalculate": "皮带规格计算",
"multiLayerPaperTapeWidthAngleCalculate": "多层纸带宽度角度计算",
"paperCoreDiameter": "纸芯内径",
@ -42,8 +42,7 @@
"50_120Series": "50、120系列",
"200_Series": "200系列",
"600_Series": "600系列",
"PT23-120_Series": "PT23-120系列",
"PT23-200_Series": "PT23-200系列",
"new_200_Series": "新200系列",
"custom": "自定义",
"recommendBeltThickness": "推荐皮带厚度",
"recommendBeltWidth": "推荐皮带宽度",
@ -55,6 +54,7 @@
"add": "新增",
"layer": "层数",
"angle": "角度",
"new_120Series": "新120系列",
"cumulativeThickness": "累计厚度",
"reference": "参考区间",
"minimum": "最小值",
@ -66,27 +66,8 @@
"about": "关于",
"calculator": "计算工具",
"companyName": "浙江金申机械制造有限公司",
"appDescription": "纸管生产辅助计算工具,提供纸管重量、尺寸、角度等多种参数的计算。",
"appDescription": "纸管制作辅助生产工具,提供纸管重量、尺寸、角度等多种参数的计算。",
"allRightsReserved": "版权所有",
"close": "关闭",
"officialWebsite": "官方网站",
"loading": "加载中",
"paperTapeWidth": "纸带宽度",
"units": {
"mm": "mm",
"m": "m",
"g_per_cm3": "g/cm³",
"pcs": "支",
"kg": "kg",
"g_per_m2": "g/m²",
"hz": "Hz",
"hour": "小时",
"percent": "%",
"m_per_min": "m/min",
"kg_per_hour": "kg/h",
"pcs_per_hour": "pcs/h",
"kg_per_day": "kg/d",
"pcs_per_day": "pcs/d",
"degree": "°"
}
"officialWebsite": "官方网站"
}

View File

@ -1,48 +1,15 @@
<template>
<v-container class="d-flex justify-center align-center" style="min-height: 50vh;">
<div class="text-center">
<v-progress-circular
color="primary"
indeterminate
size="64"
width="6"
/>
<div class="text-h6 mt-4 text-primary">
{{ $t('loading') }}...
</div>
</div>
</v-container>
<div>Redirecting...</div>
</template>
<script lang="ts" setup>
import { onMounted } from 'vue'
import { useRoute, useRouter } from 'vue-router'
import { useRouter } from 'vue-router'
const router = useRouter()
const route = useRoute()
onMounted(async () => {
// 等待路由完全准备好
await router.isReady()
// 检查是否是直接访问首页
const isDirectAccess = route.path === '/' && !document.referrer.includes(window.location.origin)
let targetPath = '/calculators/paper-tube-weight' // 默认路径
if (!isDirectAccess) {
// 如果不是直接访问,尝试恢复上次的路径
const lastRoute = sessionStorage.getItem('lastRoute')
const savedPath = localStorage.getItem('lastPath')
targetPath = lastRoute || savedPath || targetPath
}
// 使用 replace 避免在历史记录中留下首页
router.replace(targetPath)
onMounted(() => {
// Redirect to the calculators page
router.push('/calculators/paper-tube-weight')
})
</script>
<route lang="yaml">
meta:
layout: CalculatorLayout
</route>

View File

@ -1,7 +1,5 @@
import { createI18n } from 'vue-i18n'
import en from '@/locale/en.json'
import ru from '@/locale/ru.json'
import sp from '@/locale/sp.json'
import zh from '@/locale/zh.json'
export default createI18n({
@ -11,7 +9,5 @@ export default createI18n({
messages: {
zh,
en,
ru,
sp,
},
})

View File

@ -33,28 +33,4 @@ router.isReady().then(() => {
localStorage.removeItem('vuetify:dynamic-reload')
})
router.beforeEach((to, from, next) => {
// 如果访问根路径且不是直接输入地址访问
if (to.path === '/' && from.path !== '/') {
// 检查是否有保存的路径
const lastRoute = sessionStorage.getItem('lastRoute')
const savedPath = localStorage.getItem('lastPath')
if (lastRoute || savedPath) {
// 重定向到上次访问的页面
next(lastRoute || savedPath || '/calculators/paper-tube-weight')
return
}
}
// 保存当前路由(非首页)
if (to.path !== '/') {
sessionStorage.setItem('lastRoute', to.fullPath)
localStorage.setItem('lastPath', to.fullPath)
}
next()
})
export default router

View File

@ -1,31 +0,0 @@
import { defineStore } from 'pinia'
import { computed, ref } from 'vue'
import { useRoute } from 'vue-router'
import { navigationConfig } from '@/config/navigation'
export const useNavigationStore = defineStore('navigation', () => {
// Status
const route = useRoute()
const drawer = ref(false)
// 当前选中的菜单项
const selectedIndex = computed(() => {
return navigationConfig.findIndex(item => item.to === route.path)
})
// Actions
function toggleDrawer () {
drawer.value = !drawer.value
}
function setDrawerOpen (open: boolean) {
drawer.value = open
}
return {
selectedIndex,
drawer,
toggleDrawer,
setDrawerOpen,
}
})