feat: 添加全局菜单组件及相关路由,优化用户界面
This commit is contained in:
46
src/views/global-menu/components/issuing-asset.vue
Normal file
46
src/views/global-menu/components/issuing-asset.vue
Normal 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>
|
||||
Reference in New Issue
Block a user