58 lines
1.6 KiB
Vue
58 lines
1.6 KiB
Vue
<script lang='ts' setup>
|
|
import { toastController } from "@ionic/vue";
|
|
import { calculatorOutline, documentTextOutline, fingerPrintOutline, personOutline } from "ionicons/icons";
|
|
|
|
const { t } = useI18n();
|
|
|
|
async function todo() {
|
|
const toast = await toastController
|
|
.create({
|
|
message: "功能开发中，敬请期待",
|
|
duration: 2000,
|
|
position: "bottom",
|
|
});
|
|
await toast.present();
|
|
}
|
|
</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" @click="todo">
|
|
<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" @click="todo">
|
|
<ion-icon :icon="calculatorOutline" />
|
|
<div class="text-xs">
|
|
{{ t("asset.issue.audit") }}
|
|
</div>
|
|
</div>
|
|
<div class="col-span-1 flex-col-center gap-2" @click="todo">
|
|
<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>
|