点击访问职位埋点

src/api/common/index.js

@@ -57,6 +57,14 @@ export const getDictData = async (params) => {
   })
 }
 
+// 点击访问职位埋点
+export const getPositionTreeClick = async (data) => {
+  return await request.post({
+    url: '/app-api/menduner/system/position/click',
+    data
+  })
+}
+
 // 获得职位信息
 export const getPositionTreeData = async (params) => {
   return await request.get({

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

@@ -11,7 +11,7 @@
             <span class="categoryName">{{ item.nameCn }}</span>
             <div class="jobItemsBox">
               <div class="outerCovering" v-if="!isFloat && item.children?.length && item.children[0].children.length">
-                <div class="jobItems" v-for="val in item.children[0].children" :key="val.id">{{ val.nameCn }}</div>
+                <div class="jobItems" v-for="val in item.children[0].children" :key="val.id" @click="handleJobClick(val)">{{ val.nameCn }}</div>
               </div>
             </div>
             <span class="mdi mdi-menu-right"></span>
@@ -41,7 +41,7 @@
             <div class="categoryName2">{{ item.nameCn }}</div>
             <div class="rightContent">
               <div v-if="!item.children?.length"></div>
-              <div v-else class="jobItem" v-for="val in item.children" :key="val.id">{{ val.nameCn }}</div>
+              <div v-else class="jobItem" v-for="val in item.children" :key="val.id" @click="handleJobClick(val)">{{ val.nameCn }}</div>
             </div>
           </div>
         </div>
@@ -60,6 +60,7 @@
 </template>
 
 <script setup>
+import { getPositionTreeClick } from '@/api/common/index'
 import { reactive, ref, inject } from 'vue';
 
 defineOptions({ name:'personal-jobTypeCard'})
@@ -117,6 +118,10 @@ const carouselList = ref([
   { src: 'https://img.kinpan.com/Files/design/detailimages/20161228/6361853956839262507798973.jpg', },
 ])
 
+// 职位点击事件
+const handleJobClick = async (val) => {
+  await getPositionTreeClick({ id: val.id })
+}
 </script>
 
 <style lang="scss" scoped>