ow

WebVue/src/views/dashboard.vue

@@ -0,0 +1,64 @@
+<template>
+    <div class="page" :style="{
+        height: bsInfo.height - 120 + 'px',
+    }">
+        <div v-for="(item, index) in fd?.SecurityFunctionDisplayDatas" :key="index">
+            <a-row style="margin-bottom: 10px;">
+                <a-col :span="12">
+                    <a-button type="default"
+                        style="max-width: 200px;text-align: left;opacity:.6; align-items: center;justify-content: flex-start;display: flex;"
+                        size="large" :style="'width:' + (bsInfo.width - 100) + 'px;'"
+                        @click.prevent="onpush(item.ApiRoute)">
+                        <cust-icon-font size="26" :type="'icon-' + item.Icon" />
+                        <span style="font-weight: 600;color:black;"> {{ item.FunctionLocalName }}</span>
+                    </a-button>
+                </a-col>
+            </a-row>
+        </div>
+
+    </div>
+</template>
+<script setup lang="ts">
+import { reactive, inject, defineComponent, onMounted, onUnmounted, ref, unref, provide, h, computed } from "vue";
+import {
+    DeleteOutlined, EditOutlined, LoginOutlined, CloseCircleOutlined, LaptopOutlined, ShareAltOutlined, ScissorOutlined, UploadOutlined, FolderAddOutlined, DownloadOutlined,
+    FolderOutlined, FileImageOutlined, NotificationOutlined, CrownOutlined, ArrowUpOutlined, PictureOutlined, UnorderedListOutlined
+} from "@ant-design/icons-vue";
+import { useRoute, useRouter } from "vue-router";
+import securityUserService from "@/service/security/securityUserService";
+import { SecurityFunctionResultData } from "@/data/auto/securityFunctionResultData";
+import { bsInfo } from "@/utils/browser"
+
+const route = useRoute();
+const router = useRouter();
+
+const fd = ref<SecurityFunctionResultData>();
+
+onMounted(async () => {
+
+    fd.value = await securityUserService.FindMenuByUsername();
+
+    if (fd.value && fd.value.SecurityFunctionDisplayDatas && fd.value.SecurityFunctionDisplayDatas.length > 0) {
+        fd.value.SecurityFunctionDisplayDatas = fd.value.SecurityFunctionDisplayDatas.filter(item => item.FunctionIndc !== "N" && item.PageUrl?.indexOf('master') > 0);
+    }
+});
+
+const onpush = (apiRoute: string) => {
+    router.push(apiRoute);
+};
+
+</script>
+<style lang="less" scoped>
+.page {
+    overflow: auto;
+    background-color: bisque;
+    padding-left: 16px;
+    padding-right: 16px;
+    padding-top: 8px;
+    margin-right: 8px;
+    background-image: url('/images/main/p3.png');
+    background-size: cover;
+    width: 100%;
+    z-index: -999;
+}
+</style>