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

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

@@ -1,7 +1,14 @@
 <template>
   <div class="overview my-5">
     <div class="overview-item pa-5 color-666" v-for="(val, i) in overview" :key="i">
-      <div>{{ val.title }}</div>
+      <div class="d-flex">
+        <div>{{ val.title }}</div>
+        <v-tooltip :text="val.desc" location="top">
+          <template v-slot:activator="{ props }">
+            <span v-bind="props" class="mdi mdi-information-outline ml-1"></span>
+          </template>
+        </v-tooltip>
+      </div>
       <div class="overview-item-value my-3">{{ val.value }}</div>
       <div class="font-size-14">
         环比
@@ -19,14 +26,13 @@ import * as echarts from 'echarts'
 
 // 数据概况
 const overview = ref([
-  { title: '职位浏览量', value: 86, desc: '' },
-  { title: '收到简历量', value: 12, desc: '' },
-  { title: '查看收到简历', value: 0, desc: '' },
-  { title: '已处理简历', value: 4, desc: '' },
-  { title: '主动联系我的人', value: 0, desc: '' },
-  { title: '我主动联系的人', value: 5, desc: '' },
-  // { title: '交换电话微信', value: 2, desc: '' },
-  { title: '面试数量', value: 0, desc: '' }
+  { title: '职位浏览量', value: 86, desc: '指全部职位被候选人查看的人数总和' },
+  { title: '收到简历量', value: 12, desc: '指全部职位收到简历的总数' },
+  { title: '查看收到简历', value: 0, desc: '指查看候选人主动发送的简历数量' },
+  { title: '已处理简历', value: 4, desc: '指招聘方标记"通过筛选"与"不合适"的简历数' },
+  { title: '主动联系我的人', value: 0, desc: '指候选人主动发起沟通的人数' },
+  { title: '我主动联系的人', value: 5, desc: '指候选人主动发起沟通的人数' },
+  { title: '面试数量', value: 0, desc: '面试人数的总数' }
 ])
 
 onMounted(() => {
@@ -127,13 +133,16 @@ onMounted(() => {
 <style scoped lang="scss">
 .overview {
   display: flex;
-  flex-wrap: wrap;
-  width: 100%;
+  // flex-wrap: wrap;
+  // width: 100%;
+  overflow-x: auto;
 }
 .overview-item {
-  width: calc((100% - 84px) / 8);
-  min-width: calc((100% - 84px) / 8);
-  max-width: calc((100% - 84px) / 8);
+  // width: calc((100% - 84px) / 8);
+  // min-width: calc((100% - 84px) / 8);
+  // max-width: calc((100% - 84px) / 8);
+  width: 180px;
+  min-width: 180px;
   margin: 0 12px 12px 0;
   height: 175px;
   border-radius: 12px;
@@ -149,4 +158,17 @@ onMounted(() => {
   font-weight: 700;
   font-size: 44px;
 }
+::-webkit-scrollbar {
+  width: 10px;
+  height: 6px;
+  // display: none;
+}
+::-webkit-scrollbar-thumb, .temporaryAdd ::-webkit-scrollbar-thumb, .details_edit ::-webkit-scrollbar-thumb {
+  // 滚动条-颜色
+  background: #c3c3c379;
+}
+::-webkit-scrollbar-track, .temporaryAdd ::-webkit-scrollbar-track, .details_edit ::-webkit-scrollbar-track {
+  // 滚动条-底色
+  background: #e5e5e58f;
+}
 </style>