feat: 添加全局菜单组件及相关路由,优化用户界面

This commit is contained in:
2025-12-28 01:34:44 +07:00
parent 9ef64ad961
commit 7fc1c84329
11 changed files with 197 additions and 13 deletions

View File

@@ -0,0 +1,46 @@
<script lang='ts' setup>
import { calculatorOutline, documentTextOutline, fingerPrintOutline, personOutline } from "ionicons/icons";
const { t } = useI18n();
</script>
<template>
<div>
<ion-label class="text-md font-semibold">
{{ t("asset.issue.issuingAsset") }}
</ion-label>
<div class="grid grid-cols-4 mt-5">
<div class="col-span-1 flex-col-center gap-2">
<ion-icon :icon="personOutline" />
<div class="text-xs">
{{ t("asset.issue.myCompany") }}
</div>
</div>
<div class="col-span-1 flex-col-center gap-2" @click="$router.push('/issue/issuing-apply')">
<ion-icon :icon="documentTextOutline" />
<div class="text-xs">
{{ t("asset.issue.issuingApply") }}
</div>
</div>
<div class="col-span-1 flex-col-center gap-2">
<ion-icon :icon="calculatorOutline" />
<div class="text-xs">
{{ t("asset.issue.audit") }}
</div>
</div>
<div class="col-span-1 flex-col-center gap-2">
<ion-icon :icon="fingerPrintOutline" />
<div class="text-xs">
{{ t("asset.issue.supervision") }}
</div>
</div>
</div>
</div>
</template>
<style lang='css' scoped>
ion-icon {
font-size: 1.5rem;
color: var(--ion-color-primary);
}
</style>