xunyingcloud/fraud-detection-ml
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

上传

Browse Source
This commit is contained in:
闵宪瑞 2025-02-14 11:25:22 +08:00
parent 1fb2e819e9
commit aeda78b8dc
4 changed files with 10 additions and 145 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

78
ui/src/components/nav/Navigation1.vue
View File

@ -1,78 +0,0 @@
<!--前端样式1-->
<template>
<el-row justify="space-between">
<el-col :span="6">
<div class="grid-content ep-bg-purple" />
</el-col>
<el-col :span="12">
<el-menu
:default-active="nav.frontPath"
mode="horizontal"
@select="handleSelect"
router
>
<el-menu-item
class="nav-name"
v-for="r of getFrontList()" :key="r.path"
:index="r.path">
{{ r.name }}
</el-menu-item>
</el-menu>
</el-col>
<el-col :span="3">
<el-button v-if="userStore().frontUserInfo" style="margin-top: 12px" type="primary" round @click="router.push('/login')">登录</el-button>
<el-dropdown v-else>
<el-row :gutter="20">
<el-col :span="8">
<!-- <el-avatar :src="userStore().frontUserInfo.avatar" />-->
</el-col>
<el-col :span="16">
<h6>{{ userStore().frontUserInfo.username }}</h6>
</el-col>
</el-row>
<template #dropdown>
<el-dropdown-menu slot="dropdown">
<el-dropdown-item>个人中心</el-dropdown-item>
<el-dropdown-item @click="logout">退出登录</el-dropdown-item>
</el-dropdown-menu>
</template>
</el-dropdown>
</el-col>
</el-row>
</template>
<script setup lang="ts">
import { getFrontList } from '~/utils/utils'
import { useRouter } from 'vue-router'
import { logoutFront } from '~/api/user/frontUserApi'
const router = useRouter()
const nav = navStore()
const handleSelect = (key: string, keyPath: string[]) => {
nav.frontPath = key.fullPath
}
/**
* 退出登录
*/
const logout = () => {
logoutFront().then(() => {
toast.success('退出成功~')
router.push('/login')
})
}
</script>
<style scoped>
:deep(.el-menu--horizontal) {
border-bottom: none;
}
h6 {
font-weight: 700;
font-size: 16px;
padding-top: 15px;
letter-spacing: 0.5px;
}
.nav-name{
font-size: 16px;
font-weight: 700;
letter-spacing: 0.5px;
color: #303133;
}
</style>

34
ui/src/layouts/front.vue
View File

@ -1,34 +0,0 @@
<!--前端模板-->
<template>
<div class="common-layout">
<el-container>
<el-header>
<nav-navigation1></nav-navigation1>
</el-header>
<el-main class="main">
<div class="container">
<router-view></router-view>
</div>
</el-main>
</el-container>
</div>
</template>
<script setup lang="ts">
</script>
<style scoped>
.main{
width: 100%;
height: calc(100vh - 60px);
background-color: #f3f3f4;
}
.container{
width: 1200px;
margin: 0 auto;
}
</style>

39
ui/src/pages/index.vue
View File

@ -1,37 +1,16 @@
<template>
<!--轮播图-->
<el-row :gutter="20">
<el-col :span="12">
<div class="h-300px">
<carousel></carousel>
</div>
</el-col>
<el-col :span="12">
<div class="h-300px">
<carousel></carousel>
</div>
</el-col>
</el-row>
<!-- 推荐商品列表-->
<item></item>
</template>
<script setup lang="ts">
import { useRouter } from 'vue-router'
const router = useRouter()
onMounted(()=>{
if (!userStore().isLogin){
router.push("/login")
}else {
router.push("/admin")
}
})
import Carousel from '~/components/front/carousel.vue'
import Item from '~/components/front/item.vue'
</script>
<style scoped>
</style>
<route lang="json">
{
"meta": {
"layout": "front"
}
}
</route>

4
ui/src/stores/userStore.ts
View File

@ -3,11 +3,9 @@ import { defineStore } from 'pinia'
export default defineStore('userStore', {
state() {
return {
isLogin: true,
isLogin: false,
adminToken: "",
frontToken: "",
adminUserInfo:{},
frontUserInfo:{}
}
},
actions: {