推

attendance-performance-manager-ui/admin/src/views/Home.vue

@@ -7,16 +7,44 @@
           <div class="data_left">
             <div class="title" style="margin-bottom:40px">昨日数据洞察</div>
             <div class="cell1">
-              <div class="title">人事数据</div>
+              <div class="title">
+                人事数据
+              </div>
               <div
                 class="datas flex flex-align-center flex-pack-justify flex_warp"
               >
                 <div class="item">
-                  <div>总人数</div>
+                  <div>
+                    总人数
+                    <el-tooltip
+                      class="item"
+                      effect="dark"
+                      content="当前系统录入所有员工数量"
+                      placement="top-start"
+                    >
+                      <i
+                        class="el-icon-question"
+                        style="width:unset;margin-bottom: 0;margin-left: 5px;"
+                      ></i>
+                    </el-tooltip>
+                  </div>
                   <div>{{ homeStat.totalPersonNum }}</div>
                 </div>
                 <div class="item">
-                  <div>部门数量</div>
+                  <div>
+                    部门数量
+                    <el-tooltip
+                      class="item"
+                      effect="dark"
+                      content="当前系统录入所有部门数量"
+                      placement="top-start"
+                    >
+                      <i
+                        class="el-icon-question"
+                        style="width:unset;margin-bottom: 0;margin-left: 5px;"
+                      ></i>
+                    </el-tooltip>
+                  </div>
                   <div>{{ homeStat.totalDeptNum }}</div>
                 </div>
               </div>
@@ -27,27 +55,100 @@
                 class="datas flex flex-align-center flex-pack-justify flex_warp"
               >
                 <div class="item">
-                  <div>打卡人数</div>
+                  <div>
+                    打卡人数
+                    <el-tooltip
+                      class="item"
+                      effect="dark"
+                      content="昨日录入过考勤记录的总人数"
+                      placement="top-start"
+                    >
+                      <i
+                        class="el-icon-question"
+                        style="width:unset;margin-bottom: 0;margin-left: 5px;"
+                      ></i>
+                    </el-tooltip>
+                  </div>
                   <div>{{ homeStat.attendPersonNum }}</div>
                 </div>
                 <div class="item">
-                  <div>出勤率</div>
+                  <div>
+                    出勤率<el-tooltip
+                      class="item"
+                      effect="dark"
+                      content="昨日缺卡人数与考勤总人数比值"
+                      placement="top-start"
+                    >
+                      <i
+                        class="el-icon-question"
+                        style="width:unset;margin-bottom: 0;margin-left: 5px;"
+                      ></i>
+                    </el-tooltip>
+                  </div>
                   <div>{{ homeStat.attendRadio }}</div>
                 </div>
                 <div class="item">
-                  <div>请假人数</div>
+                  <div>
+                    请假人数<el-tooltip
+                      class="item"
+                      effect="dark"
+                      content="昨日请假员工总人数"
+                      placement="top-start"
+                    >
+                      <i
+                        class="el-icon-question"
+                        style="width:unset;margin-bottom: 0;margin-left: 5px;"
+                      ></i>
+                    </el-tooltip>
+                  </div>
                   <div>{{ homeStat.levealPersonNum }}</div>
                 </div>
                 <div class="item">
-                  <div>迟到人数</div>
+                  <div>
+                    迟到人数<el-tooltip
+                      class="item"
+                      effect="dark"
+                      content="昨日迟到员工总人数"
+                      placement="top-start"
+                    >
+                      <i
+                        class="el-icon-question"
+                        style="width:unset;margin-bottom: 0;margin-left: 5px;"
+                      ></i>
+                    </el-tooltip>
+                  </div>
                   <div>{{ homeStat.latePersonNum }}</div>
                 </div>
                 <div class="item">
-                  <div>早退人数</div>
+                  <div>
+                    早退人数<el-tooltip
+                      class="item"
+                      effect="dark"
+                      content="昨日早退员工总人数"
+                      placement="top-start"
+                    >
+                      <i
+                        class="el-icon-question"
+                        style="width:unset;margin-bottom: 0;margin-left: 5px;"
+                      ></i>
+                    </el-tooltip>
+                  </div>
                   <div>{{ homeStat.leftEarlyPersonNum }}</div>
                 </div>
                 <div class="item">
-                  <div>缺卡人数</div>
+                  <div>
+                    缺卡人数<el-tooltip
+                      class="item"
+                      effect="dark"
+                      content="昨日缺卡员工总人数"
+                      placement="top-start"
+                    >
+                      <i
+                        class="el-icon-question"
+                        style="width:unset;margin-bottom: 0;margin-left: 5px;"
+                      ></i>
+                    </el-tooltip>
+                  </div>
                   <div>{{ homeStat.missCardPersonNum }}</div>
                 </div>
               </div>