Merge branch 'dev' of https://git.citupro.com/zhengnaiwen_citu/menduner into dev

src/views/entrances/navBar/components/aboutEnterprises.vue

@@ -0,0 +1,44 @@
+<template>
+  <defineListPage v-bind="$attrs" width="150px" ml="40px" :list="list" @emitClick="val => emits('emitClick', val)"></defineListPage>
+</template>
+
+<script setup>
+import defineListPage from './defineListPage.vue'
+defineOptions({name: 'navBar-aboutEnterprises'})
+const emits = defineEmits(['emitClick'])
+
+const list = [
+  {
+    title: '关于门墩儿',
+    appList: [
+    [{ title: '公司介绍', path: '/' }],
+    [{ title: '人才管理研究院', path: '/' }],
+    [{ title: '安全保障', path: '/' }],
+    ],
+  },
+  {
+    title: '公司动态',
+    appList: [
+    [{ title: '新闻动态', path: '/' }],
+    [{ title: '品牌活动', path: '/' }],
+    ],
+  },
+  {
+    title: '合作与招聘',
+    appList: [
+    [{ title: '联系门墩儿', path: '/' }],
+    [{ title: '加入门墩儿', path: '/' }],
+    ],
+  },
+  {
+    title: '投资者关系',
+    appList: [
+      [{ title: '业绩报告', path: '/' }, { title: '招股文件', path: '/' }],
+      [{ title: '公告及通函', path: '/' }, { title: '推介会材料', path: '/' }],
+      [{ title: '企业管治', path: '/' }, { title: '投资者关系联络', path: '/' }],
+    ],
+  },
+]
+</script>
+<style lang="scss" scoped>
+</style>

src/views/entrances/navBar/components/defineListPage.vue

@@ -1,18 +1,22 @@
 <template>
   <m-menu :btnTitle="title">
-    <v-card elevation="3" style="padding: 40px 60px;">
-      <div class="d-flex">
+    <v-card elevation="3" style="padding: 40px 60px; width: 100%; overflow-y: visible; overflow-x: auto;">
+      <div v-if="list?.length" class="d-flex">
         <div v-for="(item, i) in list" :key="'product'+i" :style="{'margin-left': i ? ml : 'auto'}">
           <div style="font-size: 20px; color: var(--v-primary-lighten2)" class="mb-5">{{ item.title }}</div>
-          <v-divider class="mb-3" style="color: var(--v-primary-lighten2)"></v-divider>
-          <div v-for="(arr, j) in item.appList" :key="'productApp'+j" class="d-flex">
-            <div v-for="(val, k) in arr" :key="'productAppArr'+k" class="d-flex cursor-pointer" @click="emits('emitClick', val)">
-              <span class="mr-2" style="font-size: 30px;line-height: 48px;color: var(--v-primary-lighten2);">·</span>
-              <div
-                :style="{width: k ? 'auto' : width}"
-                style="font-size: 16px; line-height: 50px;"
-              >
-                {{ val.title }}
+          <v-divider class="mb-6" style="color: var(--v-primary-lighten2)"></v-divider>
+          <div v-for="(arr, j) in item?.appList" :key="'productApp'+j" class="d-flex">
+            <div
+              v-for="(val, k) in arr" :key="'productAppArr'+k"
+              :class="{'ml-5': k}"
+              :style="{width: val.width ? val.width : !k ? width : 'auto'}"
+              class="d-flex cursor-pointer"
+              @click="emits('emitClick', val)"
+            >
+              <span class="mr-2" style="font-size: 30px;line-height: 22px;color: var(--v-primary-lighten2);">·</span>
+              <div>
+                <div style="font-size: 16px; font-weight: 500;">{{ val.title }}</div>
+                <div style="font-size: 14px;" class="subTitle mb-5">{{ val.subTitle }}</div>
               </div>
             </div>
           </div>
@@ -47,8 +51,12 @@ defineProps({
 </script>
 <style lang="scss" scoped>
 .cursor-pointer {
+  .subTitle { color: #999; }
   &:hover {
     color: var(--v-primary-base);
+    .subTitle {
+      color: #666;
+    }
   }
 }
 </style>

src/views/entrances/navBar/components/defineListPage2.vue

@@ -1,58 +0,0 @@
-<template>
-  <m-menu :btnTitle="title">
-    <v-card elevation="3" style="padding: 40px 60px; overflow: visible;">
-      <div class="d-flex">
-        <div v-for="(item, i) in list" :key="'product'+i" :style="{'margin-left': i ? ml : 'auto'}">
-          <div style="font-size: 20px; color: var(--v-primary-lighten2)" class="mb-5">{{ item.title }}</div>
-          <v-divider class="mb-6" style="color: var(--v-primary-lighten2)"></v-divider>
-          <div v-for="(arr, j) in item.appList" :key="'productApp'+j" class="d-flex">
-            <div v-for="(val, k) in arr" :key="'productAppArr'+k" class="d-flex cursor-pointer" @click="emits('emitClick', val)">
-              <span class="mr-2" style="font-size: 30px;line-height: 28px;color: var(--v-primary-lighten2);">·</span>
-              <div
-                :style="{width: k ? 'auto' : width}"
-              >
-                <div style="font-size: 16px;">{{ val.title }}</div>
-                <div style="font-size: 14px;" class="subTitle mb-5">{{ val.subTitle }}</div>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </v-card>
-  </m-menu>
-</template>
-
-<script setup>
-import MMenu from './commonMenuStyle.vue'
-defineOptions({name: 'entrances-defineListPage2'})
-const emits = defineEmits(['emitClick'])
-defineProps({
-  list: {
-    type: Array,
-    default: () => []
-  },
-  title: {
-    type: String,
-    default: 'title'
-  },
-  width: {
-    type: String,
-    default: '160px'
-  },
-  ml: {
-    type: String,
-    default: '150px'
-  }
-})
-</script>
-<style lang="scss" scoped>
-.cursor-pointer {
-  .subTitle { color: #999; }
-  &:hover {
-    color: var(--v-primary-base);
-    .subTitle {
-      color: #666;
-    }
-  }
-}
-</style>

src/views/entrances/navBar/components/resourceCentre.vue

@@ -0,0 +1,32 @@
+<template>
+  <defineListPage v-bind="$attrs" width="120px" ml="60px" :list="list" @emitClick="val => emits('emitClick', val)"></defineListPage>
+</template>
+
+<script setup>
+import defineListPage from './defineListPage.vue'
+defineOptions({name: 'navBar-resourceCentre'})
+const emits = defineEmits(['emitClick'])
+
+const list = [
+  {
+    title: '专业洞察',
+    appList: [
+    [{ title: '文章', path: '/' }],
+    [{ title: '研究报告', path: '/' }],
+    [{ title: '直播视频', path: '/' }],
+    ],
+  },
+  {
+    title: '热门话题',
+    appList: [
+    [{ title: '人力资源数字化升级全景指南', path: '/', width: 'auto' }],
+    [{ title: '如何应用运营思维，提升组织招聘能力?', path: '/', width: 'auto' }],
+    [{ title: '全面解码“Z时代”校园招聘，制胜校招!', path: '/', width: 'auto' }],
+    [{ title: '招聘+测评如何为招聘提效?', path: '/', width: 'auto' }],
+    [{ title: '年终如何复盘与规划，让人才管理提质提效?', path: '/', width: 'auto' }],
+    ]
+  },
+]
+</script>
+<style lang="scss" scoped>
+</style>

src/views/entrances/navBar/components/serviceSupport.vue

@@ -1,9 +1,9 @@
 <template>
-  <defineListPage v-bind="$attrs" width="350px" ml="100px" :list="list" @emitClick="val => emits('emitClick', val)"></defineListPage>
+  <defineListPage v-bind="$attrs" width="320px" ml="100px" :list="list" @emitClick="val => emits('emitClick', val)"></defineListPage>
 </template>
 
 <script setup>
-import defineListPage from './defineListPage2.vue'
+import defineListPage from './defineListPage.vue'
 defineOptions({name: 'navBar-serviceSupport'})
 const emits = defineEmits(['emitClick'])
 

src/views/entrances/navBar/components/solution.vue

@@ -3,7 +3,7 @@
 </template>
 
 <script setup>
-import defineListPage from './defineListPage2.vue'
+import defineListPage from './defineListPage.vue'
 defineOptions({name: 'navBar-solution'})
 const emits = defineEmits(['emitClick'])
 

src/views/entrances/navBar/index.vue

@@ -31,6 +31,8 @@
 import product from './components/product.vue'
 import solution from './components/solution.vue'
 import serviceSupport from './components/serviceSupport.vue'
+import resourceCentre from './components/resourceCentre.vue'
+import aboutEnterprises from './components/aboutEnterprises.vue'
 import Snackbar from '@/plugins/snackbar'
 import { useRouter } from 'vue-router'; const router = useRouter()
 defineOptions({name: 'entrances-navBar'})
@@ -41,8 +43,8 @@ const menuList = [
   { title: '解决方案', fileName: solution },
   { title: '客户案例', path: '/' },
   { title: '服务支持', fileName: serviceSupport },
-  { title: '资源中心', fileName: product },
-  { title: '什么是门墩儿？', fileName: product },
+  { title: '资源中心', fileName: resourceCentre },
+  { title: '什么是门墩儿？', fileName: aboutEnterprises },
 ]
 const handleClick = (val) => {
   Snackbar.warning('暂未开发，敬请期待！')