Skip to content

phsl / client

Go to a project
Commit 59c97754 by 赵月辉
Options

新增审核认证基础文件

parent 53df5ac2
Showing with 218 additions and 20 deletions
src/layout/components/Navbar.vue
...@@ -33,9 +33,9 @@ ...@@ -33,9 +33,9 @@
</div> </div>
<template #dropdown> <template #dropdown>
<el-dropdown-menu> <el-dropdown-menu>
<router-link to="/user/profile"> <!-- <router-link to="/user/profile">-->
<el-dropdown-item>个人中心</el-dropdown-item> <!-- <el-dropdown-item>个人中心</el-dropdown-item>-->
</router-link> <!-- </router-link>-->
<el-dropdown-item command="setLayout" v-if="settingsStore.showSettings"> <el-dropdown-item command="setLayout" v-if="settingsStore.showSettings">
<span>布局设置</span> <span>布局设置</span>
</el-dropdown-item> </el-dropdown-item>
......
src/layout/components/Sidebar-custom/index.vue
...@@ -33,6 +33,9 @@ import variables from '@/assets/styles/variables.module.scss' ...@@ -33,6 +33,9 @@ import variables from '@/assets/styles/variables.module.scss'
import useAppStore from '@/store/modules/app' import useAppStore from '@/store/modules/app'
import useSettingsStore from '@/store/modules/settings' import useSettingsStore from '@/store/modules/settings'
import usePermissionStore from '@/store/modules/permission' import usePermissionStore from '@/store/modules/permission'
import { constantRoutes } from '@/router'
usePermissionStore().setSidebarRouters(constantRoutes)
const route = useRoute() const route = useRoute()
const appStore = useAppStore() const appStore = useAppStore()
......
src/layout/manage-layout.vue
...@@ -22,6 +22,7 @@ import defaultSettings from '@/settings' ...@@ -22,6 +22,7 @@ import defaultSettings from '@/settings'
import useAppStore from '@/store/modules/app' import useAppStore from '@/store/modules/app'
import useSettingsStore from '@/store/modules/settings' import useSettingsStore from '@/store/modules/settings'
const settingsStore = useSettingsStore() const settingsStore = useSettingsStore()
const theme = computed(() => settingsStore.theme) const theme = computed(() => settingsStore.theme)
const sideTheme = computed(() => settingsStore.sideTheme) const sideTheme = computed(() => settingsStore.sideTheme)
......
src/layout/user-layout.vue
...@@ -75,16 +75,12 @@ const activeMenu = computed(() => { ...@@ -75,16 +75,12 @@ const activeMenu = computed(() => {
if (meta.activeMenu) { if (meta.activeMenu) {
return meta.activeMenu return meta.activeMenu
} }
console.log(path)
console.log(fullPath)
const titleList = ['计算资源', '行业应用'] const titleList = ['计算资源', '行业应用']
return titleList.includes(meta.title) ? fullPath : path return titleList.includes(meta.title) ? fullPath : path
}) })
function menuSelect (val, indexPath, item) { function menuSelect (val, indexPath, item) {
router.push(val) router.push(val)
console.log(val)
console.log(indexPath)
} }
const computilityMenuData = ref([]) const computilityMenuData = ref([])
...@@ -98,7 +94,6 @@ function getComputilityMenu () { ...@@ -98,7 +94,6 @@ function getComputilityMenu () {
function getIndustryMenu () { function getIndustryMenu () {
industryMenu().then(res => { industryMenu().then(res => {
console.log(res.data)
industryMenuData.value = res.data industryMenuData.value = res.data
}) })
} }
......
src/router/index.js
...@@ -205,10 +205,23 @@ export const constantRoutes = [ ...@@ -205,10 +205,23 @@ export const constantRoutes = [
path: 'myOrder', path: 'myOrder',
component: () => import('@/views/console/myOrder.vue'), component: () => import('@/views/console/myOrder.vue'),
name: 'MyOrder', name: 'MyOrder',
meta: {title: '我的资源', icon: 'order'} meta: {title: '我的订单', icon: 'order'}
} }
] ]
}, },
{
path: '/console',
component: ManageLayout,
hidden: true,
children: [
{
path: 'authentication',
component: () => import('@/views/console/authentication.vue'),
name: 'Authentication',
meta: {title: '审核认证', icon: 'order'}
}
]
}
] ]
// 动态路由，基于用户权限动态去加载 // 动态路由，基于用户权限动态去加载
......
src/views/console/authentication.vue 0 → 100644
<template>
<div>审核</div>
</template>
<script setup name="Authentication">
</script>
<style scoped lang="scss">
</style>
src/views/console/myOrder.vue
...@@ -558,7 +558,7 @@ ...@@ -558,7 +558,7 @@
</div> </div>
</template> </template>
<script setup name="Order"> <script setup name="MyOrder">
import { import {
listOrder, listOrder,
getOrder, getOrder,
......
src/views/console/naturalResources.vue
...@@ -112,11 +112,12 @@ ...@@ -112,11 +112,12 @@
<!-- />--> <!-- />-->
<!-- </el-form-item>--> <!-- </el-form-item>-->
<el-form-item label="申请时间" prop="submitTime"> <el-form-item label="申请时间" prop="submitTime">
<el-date-picker clearable <el-date-picker
v-model="queryParams.submitTime" clearable
type="date" v-model="queryParams.submitTime"
value-format="YYYY-MM-DD" type="date"
placeholder="请选择申请时间"> value-format="YYYY-MM-DD"
placeholder="请选择申请时间">
</el-date-picker> </el-date-picker>
</el-form-item> </el-form-item>
<!-- <el-form-item label="使用人" prop="applyUser">--> <!-- <el-form-item label="使用人" prop="applyUser">-->
...@@ -391,7 +392,7 @@ ...@@ -391,7 +392,7 @@
</div> </div>
</template> </template>
<script setup name="Resources"> <script setup name="NaturalResources">
import { listResources, getResources, delResources, addResources, updateResources } from '@/api/computility/resources' import { listResources, getResources, delResources, addResources, updateResources } from '@/api/computility/resources'
import { getAllUser } from '@/api/system/user' import { getAllUser } from '@/api/system/user'
......
src/views/console/overview.vue
<script setup> <template>
<div class="app-container">
<div class="remind flex-align-center">
<el-icon>
<Bell/>
</el-icon>
<div class="text">您的企业认证未通过，可继续申请</div>
<el-button type="primary" @click="$router.push('/console/authentication')">申请认证</el-button>
</div>
</script> <el-row :gutter="20">
<el-col :span="12">
<el-card shadow="never">
<template #header>
<div class="card-header">
<span>基本信息</span>
</div>
</template>
<div class="flex base-info">
<div class="left">
<el-image src="" fit="cover"></el-image>
<el-tag type="warning">未认证</el-tag>
</div>
<el-form>
<el-form-item label="账号昵称：">
<div>周树人</div>
<el-icon>
<Edit/>
</el-icon>
</el-form-item>
<el-form-item label="注册时间：">
<div>2024/04/14</div>
</el-form-item>
<el-form-item label="注册时间：">
<div>2024/04/14</div>
</el-form-item>
</el-form>
</div>
</el-card>
</el-col>
<el-col :span="12">
<el-card shadow="never">
<template #header>
<div class="card-header">
<span>账号安全</span>
</div>
</template>
<div>
<el-form label-width="96px" label-position="left">
<el-form-item label="我的手机号：">
<div>139****7879</div>
<el-icon>
<Edit/>
</el-icon>
</el-form-item>
<el-form-item label="我的密码：">
<div>********</div>
<el-icon>
<Edit/>
</el-icon>
</el-form-item>
</el-form>
</div>
</el-card>
</el-col>
<el-col :span="12">
<el-card shadow="never">
<template #header>
<div class="card-header">
<span>我的认证</span>
</div>
</template>
<div>
<el-form label-width="110px" label-position="left">
<el-form-item label="企业认证：">
<el-tag type="warning" class="mr5">未认证</el-tag>
<el-button type="primary" link>去申请</el-button>
</el-form-item>
<el-form-item label="最后提交时间：">
2024/04/14 12:12
</el-form-item>
<template> <el-form-item label="最后审核结果：">
<div>控制台首页</div> <el-tag type="danger" class="mr5">未通过</el-tag>
<el-button type="primary" link>查看驳回理由</el-button>
</el-form-item>
</el-form>
</div>
</el-card>
</el-col>
<el-col :span="12">
<el-card shadow="never">
<template #header>
<div class="card-header">
<span>常见Q&A</span>
</div>
</template>
<el-form-item label="Q：">
<div>用户中心是用来干什么的?</div>
</el-form-item>
<el-form-item label="A：">
<div>用户中心是用来帮助您管理账号的基本信息，以及管理企业认证信息的
当前支持的管理事项有限，后续将逐步增加
</div>
</el-form-item>
</el-card>
</el-col>
</el-row>
</div>
</template> </template>
<script setup name="Overview">
</script>
<style scoped lang="scss"> <style scoped lang="scss">
.remind {
padding: 10px 20px;
background-color: #FFFFFF;
border-radius: 4px;
margin-bottom: 20px;
.text {
font-weight: 400;
font-size: 16px;
color: #303233;
margin: 0 20px 0 10px;
}
}
.el-card {
border: none;
margin-bottom: 20px;
:deep(.el-card__header) {
padding-top: 10px !important;
padding-bottom: 8px !important;
}
:deep(.el-card__body){
min-height: 134px;
}
}
.card-header {
font-weight: bold;
font-size: 20px;
color: #303233;
}
.base-info {
.el-image {
width: 64px;
height: 64px;
border-radius: 64px;
margin-bottom: 10px;
}
.left {
display: flex;
flex-direction: column;
align-items: center;
margin-right: 40px;
}
}
.el-form-item {
margin-bottom: 0;
:deep(.el-form-item__label) {
font-weight: 400;
font-size: 14px;
color: #626566;
}
:deep(.el-form-item__content){
font-weight: 500;
font-size: 14px;
color: #303233;
}
.el-icon {
margin-left: 5px;
cursor: pointer;
}
}
</style> </style>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment