新增审核认证基础文件

src/layout/components/Navbar.vue

@@ -33,9 +33,9 @@
           </div>
           <template #dropdown>
             <el-dropdown-menu>
-              <router-link to="/user/profile">
-                <el-dropdown-item>个人中心</el-dropdown-item>
-              </router-link>
+<!--              <router-link to="/user/profile">-->
+<!--                <el-dropdown-item>个人中心</el-dropdown-item>-->
+<!--              </router-link>-->
               <el-dropdown-item command="setLayout" v-if="settingsStore.showSettings">
                 <span>布局设置</span>
               </el-dropdown-item>

src/layout/components/Sidebar-custom/index.vue

@@ -33,6 +33,9 @@ import variables from '@/assets/styles/variables.module.scss'
 import useAppStore from '@/store/modules/app'
 import useSettingsStore from '@/store/modules/settings'
 import usePermissionStore from '@/store/modules/permission'
+import { constantRoutes } from '@/router'
+
+usePermissionStore().setSidebarRouters(constantRoutes)
 
 const route = useRoute()
 const appStore = useAppStore()

src/layout/manage-layout.vue

@@ -22,6 +22,7 @@ import defaultSettings from '@/settings'
 import useAppStore from '@/store/modules/app'
 import useSettingsStore from '@/store/modules/settings'
 
+
 const settingsStore = useSettingsStore()
 const theme = computed(() => settingsStore.theme)
 const sideTheme = computed(() => settingsStore.sideTheme)

src/layout/user-layout.vue

@@ -75,16 +75,12 @@ const activeMenu = computed(() => {
   if (meta.activeMenu) {
     return meta.activeMenu
   }
-  console.log(path)
-  console.log(fullPath)
   const titleList = ['计算资源', '行业应用']
   return titleList.includes(meta.title) ? fullPath : path
 })
 
 function menuSelect (val, indexPath, item) {
   router.push(val)
-  console.log(val)
-  console.log(indexPath)
 }
 
 const computilityMenuData = ref([])
@@ -98,7 +94,6 @@ function getComputilityMenu () {
 
 function getIndustryMenu () {
   industryMenu().then(res => {
-    console.log(res.data)
     industryMenuData.value = res.data
   })
 }

src/router/index.js

@@ -205,10 +205,23 @@ export const constantRoutes = [
         path: 'myOrder',
         component: () => import('@/views/console/myOrder.vue'),
         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

+<template>
+  <div>审核</div>
+</template>
+
+<script setup name="Authentication">
+
+</script>
+
+<style scoped lang="scss">
+
+</style>

src/views/console/myOrder.vue

@@ -558,7 +558,7 @@
   </div>
 </template>
 
-<script setup name="Order">
+<script setup name="MyOrder">
 import {
   listOrder,
   getOrder,

src/views/console/naturalResources.vue

@@ -112,11 +112,12 @@
       <!--        />-->
       <!--      </el-form-item>-->
       <el-form-item label="申请时间" prop="submitTime">
-        <el-date-picker clearable
-                        v-model="queryParams.submitTime"
-                        type="date"
-                        value-format="YYYY-MM-DD"
-                        placeholder="请选择申请时间">
+        <el-date-picker
+            clearable
+            v-model="queryParams.submitTime"
+            type="date"
+            value-format="YYYY-MM-DD"
+            placeholder="请选择申请时间">
         </el-date-picker>
       </el-form-item>
       <!--      <el-form-item label="使用人" prop="applyUser">-->
@@ -391,7 +392,7 @@
   </div>
 </template>
 
-<script setup name="Resources">
+<script setup name="NaturalResources">
 import { listResources, getResources, delResources, addResources, updateResources } from '@/api/computility/resources'
 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>
-  <div>控制台首页</div>
+              <el-form-item label="最后审核结果：">
+                <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>
 
+<script setup name="Overview">
+
+</script>
 <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>