tui

attendance-performance-manager-ui/admin/src/views/staff/view.vue

@@ -13,8 +13,16 @@
         <div class="cell1 flex">
           <el-image
             style="width: 120px; height: 150px"
-            :src="allinfo.photoPath"
-            :preview-src-list="allinfo.photoPath"
+            :src="
+              allinfo.photoPath
+                ? allinfo.photoPath
+                : require('../../assets/images/avtar.png')
+            "
+            :preview-src-list="
+              allinfo.photoPath
+                ? [allinfo.photoPath]
+                : [require('../../assets/images/avtar.png')]
+            "
           >
           </el-image>
           <div class="content ml20">
@@ -28,28 +36,49 @@
             <div class="c2">
               <!-- - {{allinfo.positionName}} -->
               <span>{{ allinfo.deptName }}</span>
-              <span style="margin:0 10px">|</span>
-              <span>{{ info.workLimit }}天</span>
+              <!-- <span style="margin:0 10px">|</span>
+              <span>{{ info.workLimit }}天</span> -->
             </div>
           </div>
         </div>
         <div class="cell2">
-          <div class="title">成长记录</div>
+          <div class="title">个人信息</div>
           <div class="flex">
             <div class="history">
-              <div class="times">{{ info.workBeginDay }}</div>
-              <div>入职时间</div>
+              <span>工号：</span>
+              <span class="times">{{ allinfo.workNum }}</span>
             </div>
             <div class="history">
-              <div class="times">{{ info.workFormalDay }}</div>
-              <div>转正时间</div>
+              <span>性别：</span>
+              <span class="times">{{
+                dict.gender ? dict.gender[allinfo.gender] : "--"
+              }}</span>
+            </div>
+            <div class="history">
+              <span>政治面貌：</span>
+              <span class="times">{{
+                dict.politicalstatus
+                  ? dict.politicalstatus[allinfo.politicalstatus]
+                  : "--"
+              }}</span>
+            </div>
+            <div class="history">
+              <span>员工状态：</span>
+              <span class="times">{{
+                dict.status ? dict.status[allinfo.status] : "--"
+              }}</span>
+            </div>
+
+            <div class="history">
+              <span>手机号：</span>
+              <span class="times">{{ allinfo.phoneNumber }}</span>
             </div>
           </div>
         </div>
         <div class="cell2">
           <div class="title flex flex-pack-justify">
             <div>本月假勤统计</div>
-            <div class="times">更多记录</div>
+            <!-- <div class="times">更多记录</div> -->
           </div>
           <div class="flex flex-pack-justify" style="margin-top:10px">
             <div class="flex">
@@ -67,11 +96,11 @@
               <div class="times ml20">{{ info.lateCount }}次</div>
             </div>
             <div class="flex">
-              <div>旷工天数</div>
-              <div class="times ml20">{{ info.minerCount }}天</div>
+              <div>缺卡次数</div>
+              <div class="times ml20">{{ info.lackCardCount }}次</div>
             </div>
           </div>
-          <div class="flex flex-pack-justify" style="margin-top:10px">
+          <!-- <div class="flex flex-pack-justify" style="margin-top:10px">
             <div class="flex">
               <div>缺卡次数</div>
               <div class="times ml20">{{ info.lackCardCount }}次</div>
@@ -80,9 +109,9 @@
               <div>加班天数</div>
               <div class="times ml20">{{ info.workOverDay }}天</div>
             </div>
+          </div> -->
         </div>
-        </div>
-        <div class="cell2">
+        <!-- <div class="cell2">
           <div class="title">当前剩余假期</div>
           <div class="flex flex-pack-justify" style="margin-top:10px">
             <div class="flex">
@@ -104,7 +133,7 @@
               <div class="times ml20">{{ info.paternityLeaveDay }}天</div>
             </div>
           </div>
-        </div>
+        </div> -->
       </div>
     </el-card>
   </div>