发布职位数量

src/api/recruit/enterprise/statistics/index.js

@@ -48,6 +48,14 @@ export const getJobBrowseNum = async (params) => {
   })
 }
 
+// 获取发布职位统计分析明细
+export const getJobNumPage = async (params) => {
+  return await request.get({
+    url: '/app-api/menduner/system/recruit/analysis/get/job/num/page',
+    params
+  })
+}
+
 // 获取发布职位浏览量统计分析明细
 export const getJobBrowseNumPage = async (params) => {
   return await request.get({

src/views/recruit/enterprise/statistics/components/overview.vue

@@ -1,7 +1,7 @@
 <template>
   <div>
     <div class="overview my-5">
-      <div class="overview-item pa-5 color-666" v-for="(val, i) in overview" :key="i">
+      <div class="overview-item pa-5 color-666" :class="{'ml-0': !i}" v-for="(val, i) in overview" :key="i">
         <div class="d-flex">
           <div>{{ val.title }}</div>
           <v-tooltip :text="val.desc" location="top">
@@ -35,7 +35,7 @@
 <script setup>
 defineOptions({ name: 'overview-page'})
 import { reactive, ref, watch, onMounted } from 'vue'
-import { getJobBrowseNumPage, getJobCvNewPage, getJobCvLookPage, getInterviewWaitPage, getInterviewCompletePage, getJobBrowseNum } from '@/api/recruit/enterprise/statistics'
+import { getJobNumPage, getJobBrowseNumPage, getJobCvNewPage, getJobCvLookPage, getInterviewWaitPage, getInterviewCompletePage, getJobBrowseNum } from '@/api/recruit/enterprise/statistics'
 import headersList from '@/utils/statisticsHeaders'
 import { dealDictArrayData, dealDictObjData } from '@/utils/position'
 
@@ -54,6 +54,7 @@ const title = ref('')
 const data = ref([])
 // 数据概况
 const overview = ref([
+  { title: '发布职位数量', value: 0, desc: '已发布职位数量', items: [], api: getJobNumPage },
   { title: '职位浏览量', value: 0, desc: '指全部职位被候选人查看的人数总和', items: [], api: getJobBrowseNum, deal: true }, // getJobBrowseNumPage
   { title: '收到的简历', value: 0, desc: '指全部职位收到简历的总数', items: [], api: getJobCvNewPage, isDeal: true },
   { title: '已查看简历', value: 0, desc: '指查看候选人主动发送的简历数量', items: [], api: getJobCvLookPage },
@@ -145,11 +146,11 @@ watch(
   flex-wrap: wrap; // 换行
 }
 .overview-item {
-  width: calc((100% - 48px) / 5);
-  min-width: calc((100% - 48px) / 5);
-  max-width: calc((100% - 48px) / 5);
+  width: calc((100% - 60px) / 6);
+  min-width: calc((100% - 60px) / 6);
+  max-width: calc((100% - 60px) / 6);
   // min-width: 200px;
-  margin: 0 12px 12px 0;
+  margin: 0 0 12px 12px;
   height: 140px;
   border-radius: 12px;
   overflow: hidden;