导航栏

src/api/common/index.js

@@ -47,4 +47,12 @@ export const resetPassword = async (data) => {
     url: '/admin-api/menduner/system/mde-user/update-password',
     data
   })
+}
+
+// 字典
+export const getDictData = async (params) => {
+  return await request.get({
+    url: '/app-api/system/dict-data/type',
+    params
+  })
 }

src/api/personal/position.js

@@ -0,0 +1,9 @@
+import request from '@/config/axios'
+
+// 获取推荐职位
+export const getPromotedPosition = async (params) => {
+  return await request.get({
+    url: '/app-api/menduner/system/job/advertised/get/recommended',
+    params
+  })
+}

src/hooks/web/useDictionaries.js

@@ -1,8 +1,8 @@
 
-
+import { getDictData } from '@/api/common/index'
 // 定义对应的api
 const DICT_CITY_API = {
-  DICT_CITY: Promise.resolve()
+  menduner_exp_type: getDictData
 }
 
 const setDict = (type, val, cacheTime) => {
@@ -25,9 +25,9 @@ export const getDict = (type) => {
       const query = {
         type
       }
-      DICT_CITY_API[type](query).then(({data}) => {
+      DICT_CITY_API[type](query).then(data => {
         setDict(type, data, Date.now())
-        resolve(data)
+        resolve({ data })
       })
     })
 }

src/layout/index.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="parent">
-    <Headers></Headers>
-    <div>
+    <Headers class="headers"></Headers>
+    <div style="margin-top: 50px;">
       <router-view></router-view>
     </div>
     <Footers class="mt-10"></Footers>
@@ -21,6 +21,13 @@ defineOptions({ name: 'layout-index' })
   background-color: var(--default-bgc);
   position: relative;
 }
+.headers {
+  position: fixed;
+  right: 0;
+  left: 0;
+  top: 0;
+  z-index: 999;
+}
 .slider {
   position: fixed;
   bottom: 50%;

src/layout/personal/navBar.vue

@@ -1,10 +1,6 @@
 <template>
   <div>
-    <div
-      class="banner"
-      density="compact"
-      style="padding-left: 0px;height: 50px;font-size: 14px;"
-    >
+    <div class="banner">
       <div class="innerBox">
         <div class="nav-logo">
           <v-img src="../../assets/logo.png"  aspect-ratio="16/9" cover :width="90" style="height: 40px"></v-img>

src/styles/personal/navBar.css

@@ -17,8 +17,14 @@
 }
 
 .banner {
+  width: 100%;
+  height: 50px;
   z-index: var(--zIndex-nav) !important;
   color: #fff;
+  background-color: var(--default-bgc);
+  padding-left: 0px;
+  height: 50px;
+  font-size: 14px;
 }
 
 .banner .left {

src/styles/personal/navBar.min.css

@@ -1 +1 @@
-.user-nav .nav-resume-tools{display:inline-block;vertical-align:middle}.user-nav .nav-resume-tools>a{display:inline-block;font-weight:500;color:var(--v-primary-base);line-height:20px;height:auto;padding:3px 7px;vertical-align:middle;border-radius:4px;margin-right:8px;border:1px solid transparent}.banner{z-index:var(--zIndex-nav) !important;color:#fff}.banner .left{height:100%;display:flex;align-items:center;font-size:20px;cursor:pointer}.hover:hover{cursor:pointer;background:rgba(0,0,0,0.03)}.innerBox{position:relative;width:1184px;max-width:1184px;margin:0 auto;align-items:center}.nav-logo{float:left}.nav-city{float:left;position:relative;cursor:pointer;height:49px;line-height:49px;color:var(--v-primary-base);margin-left:50px}.nav-city-selected{display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:84px;vertical-align:middle}.switchover-city{color:var(--v-primary-base);margin-left:10px}.nav{font-size:0;float:left;margin-left:50px;height:49px;line-height:49px}.nav ul{display:flex;white-space:nowrap;vertical-align:top}.nav ul li{text-align:center;font-size:14px;margin:0 5px;list-style:none}.nav li a{display:block;padding:0 5px;position:relative;text-decoration:none;color:var(--v-primary-base)}.user-nav{position:absolute;right:0;color:var(--v-primary-base);height:49px;line-height:49px}.user-nav .btns .btn-outline{border-radius:8px;text-align:center;font-size:14px;height:26px;line-height:26px;min-width:0;padding:0 11px;margin-left:14px;background-color:transparent}.user-nav .btn{display:inline-block;box-sizing:content-box;border:1px solid var(--v-primary-base);letter-spacing:1px;cursor:pointer}.user-nav a{text-decoration:none}
+.user-nav .nav-resume-tools{display:inline-block;vertical-align:middle}.user-nav .nav-resume-tools>a{display:inline-block;font-weight:500;color:var(--v-primary-base);line-height:20px;height:auto;padding:3px 7px;vertical-align:middle;border-radius:4px;margin-right:8px;border:1px solid transparent}.banner{width:100%;height:50px;z-index:var(--zIndex-nav) !important;color:#fff;background-color:var(--default-bgc);padding-left:0px;height:50px;font-size:14px}.banner .left{height:100%;display:flex;align-items:center;font-size:20px;cursor:pointer}.hover:hover{cursor:pointer;background:rgba(0,0,0,0.03)}.innerBox{position:relative;width:1184px;max-width:1184px;margin:0 auto;align-items:center}.nav-logo{float:left}.nav-city{float:left;position:relative;cursor:pointer;height:49px;line-height:49px;color:var(--v-primary-base);margin-left:50px}.nav-city-selected{display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:84px;vertical-align:middle}.switchover-city{color:var(--v-primary-base);margin-left:10px}.nav{font-size:0;float:left;margin-left:50px;height:49px;line-height:49px}.nav ul{display:flex;white-space:nowrap;vertical-align:top}.nav ul li{text-align:center;font-size:14px;margin:0 5px;list-style:none}.nav li a{display:block;padding:0 5px;position:relative;text-decoration:none;color:var(--v-primary-base)}.user-nav{position:absolute;right:0;color:var(--v-primary-base);height:49px;line-height:49px}.user-nav .btns .btn-outline{border-radius:8px;text-align:center;font-size:14px;height:26px;line-height:26px;min-width:0;padding:0 11px;margin-left:14px;background-color:transparent}.user-nav .btn{display:inline-block;box-sizing:content-box;border:1px solid var(--v-primary-base);letter-spacing:1px;cursor:pointer}.user-nav a{text-decoration:none}

src/styles/personal/navBar.scss

@@ -15,8 +15,14 @@
   border: 1px solid transparent;
 }
 .banner {
+  width: 100%;
+  height: 50px;
   z-index: var(--zIndex-nav) !important;
   color: #fff;
+  background-color: var(--default-bgc);
+  padding-left: 0px;
+  height: 50px;
+  font-size: 14px;
   .left {
     height: 100%;
     display: flex;

src/views/Home/personal/components/hotPromotedPositions.vue

@@ -24,6 +24,19 @@
 
 <script setup name="hotPromotedPositions">
 import PositionCard from '@/components/Position/item.vue'
-import {ref } from 'vue'
+import { ref } from 'vue'
+// import { getPromotedPosition } from '@/api/personal/position'
+import { getDict } from '@/hooks/web/useDictionaries'
+
 const tab = ref(0)
+
+// 推荐职位
+// const getPositionList = async () => {
+//   const { list } = await getPromotedPosition({ pageNo: 1, pageSize: 10 })
+//   console.log(list, 'list')
+// }
+// getPositionList()
+
+const uuu = getDict('menduner_business_status')
+console.log(uuu, 'gggg')
 </script>