From 6dcaba66e84e79db877fde6f764a82cb9dea38f0 Mon Sep 17 00:00:00 2001
From: 楚江漓i <85093541@qq.com>
Date: 星期二, 02 三月 2021 00:08:03 +0800
Subject: [PATCH] 系统主页,信息录入,在职员工等样式修改

---
 src/views/user/Informationinput.vue |  494 +++++++++++++++++++++++++++++++++---------------------
 1 files changed, 299 insertions(+), 195 deletions(-)

diff --git a/src/views/user/Informationinput.vue b/src/views/user/Informationinput.vue
index f4ea0fb..de66005 100644
--- a/src/views/user/Informationinput.vue
+++ b/src/views/user/Informationinput.vue
@@ -1,5 +1,5 @@
 <template>
-  <div>
+  <div class="info-input">
     <el-container>
       <el-aside width="200px">
         <el-timeline>
@@ -59,311 +59,396 @@
           v-show="showArr[0].show"
           ref="empBaseInfoTable"
           :data="basicInformationData"
+          stripe
+          :header-cell-style="{'height':'5.3vh','background-color':'#e6e6e6'}"
           style="width: 100%;"
         >
-          <el-table-column type="selection" width="55" />
-          <el-table-column fixed="left" label="操作" width="100">
+          <el-table-column type="selection" width="50" />
+          <el-table-column fixed="left" label="操作" width="80">
             <template slot-scope="scope">
-              <el-button
-                type="text"
-                size="small"
-                @click="editEmpBase(scope.row)"
-              >编辑
-              </el-button>
+              <!--              <el-button-->
+              <!--                type="text"-->
+              <!--                size="small"-->
+              <!--                @click="editEmpBase(scope.row)"-->
+              <!--              >编辑-->
+              <!--              </el-button>-->
+
+              <span style="color: #a00515;cursor: pointer;" @click="editEmpBase(scope.row)">
+                <i class="el-icon-edit-outline" style="font-size: 1.9vh;margin-right: 5px;" />
+                编辑
+              </span>
             </template>
           </el-table-column>
-          <el-table-column prop="empNumb" label="员工编号" width="100" />
-          <el-table-column prop="empName" label="姓名" width="100" />
-          <el-table-column prop="deptName" label="护卫点" width="100" />
-          <el-table-column prop="jobName" label="岗位" width="100" />
-          <el-table-column prop="empTypeName" label="员工类别" width="100" />
-          <el-table-column prop="sexName" label="性别" width="50" />
-          <el-table-column prop="nationName" label="民族" width="100" />
-          <el-table-column prop="certificateNumb" label="身份证号码" width="180" />
-          <el-table-column prop="marriageName" label="婚姻状况" width="80" />
-          <el-table-column prop="politicsName" label="政治面貌" width="100" />
-          <el-table-column prop="educationName" label="最高学历" width="100" />
-          <el-table-column prop="entryDate" label="入职日期" width="100" />
-          <el-table-column prop="insuranceType" label="保险类型" width="100" />
-          <el-table-column prop="socialNumb" label="社保电脑号" width="150" />
-          <el-table-column prop="guardNumb" label="保安员证号" width="100" />
-          <el-table-column prop="archivesNumb" label="档案编号" width="100" />
-          <el-table-column prop="archivesStatusName" label="档案情况" width="100" />
+          <el-table-column show-overflow-tooltip="true" prop="empNumb" label="员工编号" width="80" />
+          <el-table-column show-overflow-tooltip="true" prop="empName" label="姓名" width="60" />
+          <el-table-column show-overflow-tooltip="true" prop="deptName" label="护卫点" width="80" />
+          <el-table-column show-overflow-tooltip="true" prop="jobName" label="岗位" width="50" />
+          <el-table-column show-overflow-tooltip="true" prop="empTypeName" label="员工类别" width="80" />
+          <el-table-column show-overflow-tooltip="true" prop="sexName" label="性别" width="50" />
+          <el-table-column show-overflow-tooltip="true" prop="nationName" label="民族" width="50" />
+          <el-table-column show-overflow-tooltip="true" prop="certificateNumb" label="身份证号码" />
+          <el-table-column show-overflow-tooltip="true" prop="marriageName" label="婚姻状况" width="80" />
+          <el-table-column show-overflow-tooltip="true" prop="politicsName" label="政治面貌" width="80" />
+          <el-table-column show-overflow-tooltip="true" prop="educationName" label="最高学历" width="80" />
+          <el-table-column prop="entryDate" show-overflow-tooltip="true" label="入职日期" width="80" />
+          <el-table-column prop="insuranceType" show-overflow-tooltip="true" label="保险类型" width="80" />
+          <el-table-column prop="socialNumb" show-overflow-tooltip="true" label="社保电脑号" />
+          <el-table-column prop="guardNumb" show-overflow-tooltip="true" label="保安员证号" />
+          <el-table-column prop="archivesNumb" show-overflow-tooltip="true" label="档案编号" />
+          <el-table-column prop="archivesStatusName" show-overflow-tooltip="true" label="档案情况" />
         </el-table>
         <el-table
           v-show="showArr[1].show"
           ref="workExperienceTable"
           :data="workExperienceData"
+          :header-cell-style="{'height':'5.3vh','background-color':'#e6e6e6'}"
+          stripe
           style="width: 100%;"
         >
           <el-table-column type="selection" width="55" />
           <el-table-column fixed="left" label="操作" width="100">
             <template slot-scope="scope">
-              <el-button
-                type="text"
-                size="small"
-                @click="editWorkExperience(scope.row)"
-              >编辑
-              </el-button>
+              <!--              <el-button-->
+              <!--                type="text"-->
+              <!--                size="small"-->
+              <!--                @click="editWorkExperience(scope.row)"-->
+              <!--              >编辑-->
+              <!--              </el-button>-->
+              <span style="color: #a00515;cursor: pointer;" @click="editWorkExperience(scope.row)">
+                <i class="el-icon-edit-outline" style="font-size: 1.9vh;margin-right: 5px;" />
+                编辑
+              </span>
             </template>
           </el-table-column>
           <el-table-column prop="empNumb" label="员工编号" width="100" />
           <el-table-column prop="empName" label="员工姓名" width="100" />
-          <el-table-column prop="certificateNumb" label="身份证号码" width="180" />
-          <el-table-column prop="workUnit" label="工作单位" width="240" />
-          <el-table-column prop="beginDate" label="开始日期" width="100" />
-          <el-table-column prop="endDate" label="结束日期" width="100" />
-          <el-table-column prop="jobContent" label="主要工作内容" width="300" />
+          <el-table-column prop="certificateNumb" show-overflow-tooltip="true" label="身份证号码" />
+          <el-table-column prop="workUnit" show-overflow-tooltip="true" label="工作单位" />
+          <el-table-column prop="beginDate" label="开始日期" width="120" />
+          <el-table-column prop="endDate" label="结束日期" width="120" />
+          <el-table-column prop="jobContent" show-overflow-tooltip="true" label="主要工作内容" />
         </el-table>
         <el-table
           v-show="showArr[2].show"
           ref="physicalExamTable"
           :data="physicalExamData"
+          :header-cell-style="{'height':'5.3vh','background-color':'#e6e6e6'}"
+          stripe
           style="width: 100%;"
         >
-          <el-table-column type="selection" width="55" />
-          <el-table-column fixed="left" label="操作" width="100">
+          <el-table-column type="selection" width="50" />
+          <el-table-column fixed="left" label="操作" width="80">
             <template slot-scope="scope">
-              <el-button
-                type="text"
-                size="small"
-                @click="editPhysicalExam(scope.row)"
-              >编辑
-              </el-button>
+              <!--              <el-button-->
+              <!--                type="text"-->
+              <!--                size="small"-->
+              <!--                @click="editPhysicalExam(scope.row)"-->
+              <!--              >编辑-->
+              <!--              </el-button>-->
+
+              <span style="color: #a00515;cursor: pointer;" @click="editPhysicalExam(scope.row)">
+                <i class="el-icon-edit-outline" style="font-size: 1.9vh;margin-right: 5px;" />
+                编辑
+              </span>
             </template>
           </el-table-column>
-          <el-table-column prop="empNumb" label="员工编号" width="100" />
-          <el-table-column prop="deptName" label="护卫点" width="150" />
-          <el-table-column prop="empName" label="员工姓名" width="100" />
-          <el-table-column prop="certificateNumb" label="身份证号码" width="180" />
-          <el-table-column prop="jobName" label="岗位" width="120" />
-          <el-table-column prop="hospital" label="体检医院" width="150" />
-          <el-table-column prop="physicalExamDate" label="体检日期" width="120" />
-          <el-table-column prop="physicalExamTypeName" label="体检类型" width="100" />
-          <el-table-column prop="bloodPressure" label="血压" width="120" />
-          <el-table-column prop="transaminase" label="转氨酶" width="120" />
-          <el-table-column prop="ecgName" label="心电图" width="120" />
-          <el-table-column prop="conclusion" label="体检结论" width="180" />
-          <el-table-column prop="reviewRecord" label="复查记录" width="180" />
-          <el-table-column prop="remark" label="备注" width="180" />
+          <el-table-column show-overflow-tooltip="true" prop="empNumb" label="员工编号" width="80" />
+          <el-table-column show-overflow-tooltip="true" prop="deptName" label="护卫点" width="80" />
+          <el-table-column show-overflow-tooltip="true" prop="empName" label="员工姓名" width="80" />
+          <el-table-column show-overflow-tooltip="true" prop="certificateNumb" label="身份证号码" />
+          <el-table-column show-overflow-tooltip="true" prop="jobName" label="岗位" width="80" />
+          <el-table-column prop="hospital" show-overflow-tooltip="true" label="体检医院" />
+          <el-table-column show-overflow-tooltip="true" prop="physicalExamDate" label="体检日期" width="100" />
+          <el-table-column show-overflow-tooltip="true" prop="physicalExamTypeName" label="体检类型" width="80" />
+          <el-table-column show-overflow-tooltip="true" prop="bloodPressure" label="血压" width="60" />
+          <el-table-column show-overflow-tooltip="true" prop="transaminase" label="转氨酶" width="80" />
+          <el-table-column prop="ecgName" show-overflow-tooltip="true" label="心电图" width="80" />
+          <el-table-column prop="conclusion" show-overflow-tooltip="true" label="体检结论" />
+          <el-table-column prop="reviewRecord" show-overflow-tooltip="true" label="复查记录" />
+          <el-table-column prop="remark" show-overflow-tooltip="true" label="备注" />
         </el-table>
         <el-table
           v-show="showArr[3].show"
           ref="contractInfoTable"
           :data="contractInfoData"
+          :header-cell-style="{'height':'5.3vh','background-color':'#e6e6e6'}"
+          stripe
           style="width: 100%;"
         >
           <el-table-column type="selection" width="55" />
           <el-table-column fixed="left" label="操作" width="100">
             <template slot-scope="scope">
-              <el-button
-                type="text"
-                size="small"
-                @click="editContractInfo(scope.row)"
-              >编辑
-              </el-button>
+              <!--              <el-button-->
+              <!--                type="text"-->
+              <!--                size="small"-->
+              <!--                @click="editContractInfo(scope.row)"-->
+              <!--              >编辑-->
+              <!--              </el-button>-->
+
+              <span style="color: #a00515;cursor: pointer;" @click="editContractInfo(scope.row)">
+                <i class="el-icon-edit-outline" style="font-size: 1.9vh;margin-right: 5px;" />
+                编辑
+              </span>
             </template>
           </el-table-column>
-          <el-table-column prop="empNumb" label="员工编号" width="100" />
-          <el-table-column prop="deptName" label="护卫点" width="150" />
+          <el-table-column show-overflow-tooltip="true" prop="empNumb" label="员工编号" width="100" />
+          <el-table-column show-overflow-tooltip="true" prop="deptName" label="护卫点" width="150" />
           <el-table-column prop="empName" label="员工姓名" width="100" />
-          <el-table-column prop="certificateNumb" label="身份证号码" width="180" />
-          <el-table-column prop="jobName" label="岗位" width="120" />
-          <el-table-column prop="signingDate" label="合同签订日期" width="120" />
-          <el-table-column prop="endDate" label="合同结束日期" width="120" />
-          <el-table-column prop="contractPeriod" label="合同期限(年)" width="120" />
-          <el-table-column prop="contractStatusName" label="合同状态" width="100" />
-          <el-table-column prop="transactor" label="合同办理人" width="100" />
+          <el-table-column show-overflow-tooltip="true" prop="certificateNumb" label="身份证号码" />
+          <el-table-column show-overflow-tooltip="true" prop="jobName" label="岗位" width="100" />
+          <el-table-column show-overflow-tooltip="true" prop="signingDate" label="合同签订日期" />
+          <el-table-column show-overflow-tooltip="true" prop="endDate" label="合同结束日期" />
+          <el-table-column show-overflow-tooltip="true" prop="contractPeriod" label="合同期限(年)" />
+          <el-table-column show-overflow-tooltip="true" prop="contractStatusName" label="合同状态" />
+          <el-table-column show-overflow-tooltip="true" prop="transactor" label="合同办理人" />
         </el-table>
         <el-table
           v-show="showArr[4].show"
           ref="dimissionAttendTable"
           :data="dimissionAttendData"
+          :header-cell-style="{'height':'5.3vh','background-color':'#e6e6e6'}"
+          stripe
           style="width: 100%;"
         >
-          <el-table-column type="selection" width="55" />
-          <el-table-column fixed="left" label="操作" width="100">
+          <el-table-column type="selection" width="50" />
+          <el-table-column label="操作" width="80">
             <template slot-scope="scope">
-              <el-button type="text" size="small" @click="editDimissionAttend(scope.row)">编辑</el-button>
+              <!--              <el-button type="text" size="small" @click="editDimissionAttend(scope.row)">编辑</el-button>-->
+
+              <span style="color: #a00515;cursor: pointer;" @click="editDimissionAttend(scope.row)">
+                <i class="el-icon-edit-outline" style="font-size: 1.9vh;margin-right: 5px;" />
+                编辑
+              </span>
             </template>
           </el-table-column>
-          <el-table-column prop="empNumb" label="员工编号" width="100" />
-          <el-table-column prop="deptName" label="护卫点" width="150" />
-          <el-table-column prop="empName" label="员工姓名" width="100" />
-          <el-table-column prop="certificateNumb" label="身份证号码" width="180" />
-          <el-table-column prop="jobName" label="岗位" width="120" />
-          <el-table-column prop="attendMonth" label="离职考勤月份" width="120" />
-          <el-table-column prop="attendDays" label="出勤天数" width="120" />
-          <el-table-column prop="overtimeDay" label="加班(天)" width="120" />
-          <el-table-column prop="overtimeHour" label="加班(小时)" width="120" />
-          <el-table-column prop="deduct" label="有无代扣款项" width="180" />
-          <el-table-column prop="leaveDay" label="请假(天)" width="120" />
-          <el-table-column prop="absenteeism" label="旷工(天)" width="120" />
-          <el-table-column prop="remark" label="备注" width="180" />
+          <el-table-column show-overflow-tooltip="true" prop="empNumb" label="员工编号" width="80" />
+          <el-table-column show-overflow-tooltip="true" prop="deptName" label="护卫点" width="80" />
+          <el-table-column show-overflow-tooltip="true" prop="empName" label="员工姓名" width="80" />
+          <el-table-column show-overflow-tooltip="true" prop="certificateNumb" label="身份证号码" />
+          <el-table-column show-overflow-tooltip="true" prop="jobName" label="岗位" width="100" />
+          <el-table-column show-overflow-tooltip="true" prop="attendMonth" label="离职考勤月份" width="100" />
+          <el-table-column show-overflow-tooltip="true" prop="attendDays" label="出勤天数" width="100" />
+          <el-table-column show-overflow-tooltip="true" prop="overtimeDay" label="加班(天)" width="100" />
+          <el-table-column show-overflow-tooltip="true" prop="overtimeHour" label="加班(小时)" width="80" />
+          <el-table-column show-overflow-tooltip="true" prop="deduct" label="有无代扣款项" width="80" />
+          <el-table-column show-overflow-tooltip="true" prop="leaveDay" label="请假(天)" width="100" />
+          <el-table-column show-overflow-tooltip="true" prop="absenteeism" label="旷工(天)" width="100" />
+          <el-table-column show-overflow-tooltip="true" prop="remark" label="备注" />
         </el-table>
-        <el-table v-show="showArr[5].show" ref="leaveInfoTable" :data="leaveInfoData" style="width: 100%;">
-          <el-table-column type="selection" width="55" />
-          <el-table-column fixed="left" label="操作" width="100">
+        <el-table
+          v-show="showArr[5].show"
+          ref="leaveInfoTable"
+          :data="leaveInfoData"
+          :header-cell-style="{'height':'5.3vh','background-color':'#e6e6e6'}"
+          stripe
+          style="width: 100%;"
+        >
+          <el-table-column type="selection" width="50" />
+          <el-table-column fixed="left" label="操作" width="80">
             <template slot-scope="scope">
-              <el-button type="text" size="small" @click="editLeaveInfo(scope.row)">编辑</el-button>
+              <!--              <el-button type="text" size="small" @click="editLeaveInfo(scope.row)">编辑</el-button>-->
+              <span style="color: #a00515;cursor: pointer;" @click="editLeaveInfo(scope.row)">
+                <i class="el-icon-edit-outline" style="font-size: 1.9vh;margin-right: 5px;" />
+                编辑
+              </span>
             </template>
           </el-table-column>
-          <el-table-column prop="empNumb" label="员工编号" width="120" />
-          <el-table-column prop="deptName" label="护卫点" width="180" />
-          <el-table-column prop="jobName" label="岗位名称" width="120" />
-          <el-table-column prop="empName" label="员工姓名" width="120" />
-          <el-table-column prop="certificateNumb" label="身份证号码" width="180" />
-          <el-table-column prop="beginTime" label="开始时间" width="150" />
-          <el-table-column prop="endTime" label="结束时间" width="150" />
-          <el-table-column prop="leaveDay" label="请假天数" width="100" />
-          <el-table-column prop="leaveTypeName" label="请假类型" width="120" />
-          <el-table-column prop="returnDate" label="到岗时间" width="150" />
-          <el-table-column prop="reporter" label="报备人" width="120" />
-          <el-table-column prop="remark" label="备注" width="180" />
+          <el-table-column show-overflow-tooltip="true" prop="empNumb" label="员工编号" />
+          <el-table-column show-overflow-tooltip="true" prop="deptName" label="护卫点" width="80" />
+          <el-table-column show-overflow-tooltip="true" prop="jobName" label="岗位名称" width="80" />
+          <el-table-column show-overflow-tooltip="true" prop="empName" label="员工姓名" width="80" />
+          <el-table-column show-overflow-tooltip="true" prop="certificateNumb" label="身份证号码" />
+          <el-table-column show-overflow-tooltip="true" prop="beginTime" label="开始时间" width="150" />
+          <el-table-column show-overflow-tooltip="true" prop="endTime" label="结束时间" width="150" />
+          <el-table-column show-overflow-tooltip="true" prop="leaveDay" label="请假天数" width="80" />
+          <el-table-column show-overflow-tooltip="true" prop="leaveTypeName" label="请假类型" width="80" />
+          <el-table-column show-overflow-tooltip="true" prop="returnDate" label="到岗时间" width="120" />
+          <el-table-column show-overflow-tooltip="true" prop="reporter" label="报备人" width="80" />
+          <el-table-column show-overflow-tooltip="true" prop="remark" label="备注" />
         </el-table>
-        <el-table v-show="showArr[6].show" ref="resignTable" :data="resignData" style="width: 100%;">
-          <el-table-column type="selection" width="55" />
-          <el-table-column fixed="left" label="操作" width="100">
+        <el-table
+          v-show="showArr[6].show"
+          ref="resignTable"
+          :data="resignData"
+          :header-cell-style="{'height':'5.3vh','background-color':'#e6e6e6'}"
+          stripe
+          style="width: 100%;"
+        >
+          <el-table-column type="selection" width="50" />
+          <el-table-column fixed="left" label="操作" width="80">
             <template slot-scope="scope">
-              <el-button type="text" size="small" @click="editResign(scope.row)">编辑</el-button>
+              <!--              <el-button type="text" size="small" @click="editResign(scope.row)">编辑</el-button>-->
+              <span style="color: #a00515;cursor: pointer;" @click="editResign(scope.row)">
+                <i class="el-icon-edit-outline" style="font-size: 1.9vh;margin-right: 5px;" />
+                编辑
+              </span>
             </template>
           </el-table-column>
-          <el-table-column prop="deptName" label="护卫点" width="180" />
-          <el-table-column prop="jobName" label="岗位名" width="180" />
-          <el-table-column prop="empNumb" label="员工编号" width="180" />
-          <el-table-column prop="empName" label="员工姓名" width="180" />
-          <el-table-column prop="certificateNumb" label="身份证号码" width="180" />
-          <el-table-column prop="applayDate" label="辞职申请日期" width="180" />
-          <el-table-column prop="reason" label="辞职事由" width="180" />
-          <el-table-column prop="reporter" label="汇报人" width="180" />
-          <el-table-column prop="remark" label="备注" width="180" />
+          <el-table-column show-overflow-tooltip="true" prop="deptName" label="护卫点" width="100" />
+          <el-table-column show-overflow-tooltip="true" prop="jobName" label="岗位名" width="100" />
+          <el-table-column show-overflow-tooltip="true" prop="empNumb" label="员工编号" />
+          <el-table-column show-overflow-tooltip="true" prop="empName" label="员工姓名" width="100" />
+          <el-table-column show-overflow-tooltip="true" prop="certificateNumb" label="身份证号码" />
+          <el-table-column show-overflow-tooltip="true" prop="applayDate" label="辞职申请日期" width="150" />
+          <el-table-column show-overflow-tooltip="true" prop="reason" label="辞职事由" width="150" />
+          <el-table-column show-overflow-tooltip="true" prop="reporter" label="汇报人" width="100" />
+          <el-table-column show-overflow-tooltip="true" prop="remark" label="备注" />
         </el-table>
         <el-table
           v-show="showArr[7].show"
           ref="unemploymentTable"
           :data="unemploymentData"
+          :header-cell-style="{'height':'5.3vh','background-color':'#e6e6e6'}"
+          stripe
           style="width: 100%;"
         >
-          <el-table-column type="selection" width="55" />
-          <el-table-column fixed="left" label="操作" width="100">
+          <el-table-column type="selection" width="50" />
+          <el-table-column fixed="left" label="操作" width="80">
             <template slot-scope="scope">
-              <el-button type="text" size="small" @click="editUnemployment(scope.row)">编辑</el-button>
+              <!--              <el-button type="text" size="small" @click="editUnemployment(scope.row)">编辑</el-button>-->
+              <span style="color: #a00515;cursor: pointer;" @click="editUnemployment(scope.row)">
+                <i class="el-icon-edit-outline" style="font-size: 1.9vh;margin-right: 5px;" />
+                编辑
+              </span>
             </template>
           </el-table-column>
-          <el-table-column prop="empNumb" label="员工编号" width="180" />
-          <el-table-column prop="deptName" label="护卫点" width="180" />
-          <el-table-column prop="jobName" label="岗位名称" width="180" />
-          <el-table-column prop="empName" label="姓名" width="180" />
-          <el-table-column prop="certificateNumb" label="身份证号码" width="180" />
-          <el-table-column prop="applayDate" label="失业金申请日期" width="180" />
-          <el-table-column prop="applayReason" label="申报事由" width="180" />
-          <el-table-column prop="reporter" label="汇报人" width="180" />
-          <el-table-column prop="auditor" label="审核人" width="180" />
-          <el-table-column prop="remark" label="备注" width="180" />
+          <el-table-column show-overflow-tooltip="true" prop="empNumb" label="员工编号" />
+          <el-table-column show-overflow-tooltip="true" prop="deptName" label="护卫点" width="100" />
+          <el-table-column show-overflow-tooltip="true" prop="jobName" label="岗位名称" width="100" />
+          <el-table-column show-overflow-tooltip="true" prop="empName" label="姓名" width="100" />
+          <el-table-column show-overflow-tooltip="true" prop="certificateNumb" label="身份证号码" />
+          <el-table-column show-overflow-tooltip="true" prop="applayDate" label="失业金申请日期" width="150" />
+          <el-table-column show-overflow-tooltip="true" prop="applayReason" label="申报事由" width="100" />
+          <el-table-column show-overflow-tooltip="true" prop="reporter" label="汇报人" width="100" />
+          <el-table-column show-overflow-tooltip="true" prop="auditor" label="审核人" width="100" />
+          <el-table-column show-overflow-tooltip="true" prop="remark" label="备注" />
         </el-table>
-        <el-table v-show="showArr[8].show" ref="insuranceTable" :data="insuranceData" style="width: 100%;">
-          <el-table-column type="selection" width="55" />
-          <el-table-column fixed="left" label="操作" width="100">
+        <el-table
+          v-show="showArr[8].show"
+          ref="insuranceTable"
+          :data="insuranceData"
+          :header-cell-style="{'height':'5.3vh','background-color':'#e6e6e6'}"
+          stripe
+          style="width: 100%;"
+        >
+          <el-table-column type="selection" width="50" />
+          <el-table-column fixed="left" label="操作" width="80">
             <template slot-scope="scope">
-              <el-button type="text" size="small" @click="editInsurance(scope.row)">编辑</el-button>
+              <!--              <el-button type="text" size="small" @click="editInsurance(scope.row)">编辑</el-button>-->
+              <span style="color: #a00515;cursor: pointer;" @click="editInsurance(scope.row)">
+                <i class="el-icon-edit-outline" style="font-size: 1.9vh;margin-right: 5px;" />
+                编辑
+              </span>
             </template>
           </el-table-column>
-          <el-table-column prop="empNumb" label="员工编号" width="180" />
-          <el-table-column prop="deptName" label="护卫点" width="180" />
-          <el-table-column prop="jobName" label="岗位名称" width="180" />
-          <el-table-column prop="empName" label="姓名" width="180" />
-          <el-table-column prop="certificateNumb" label="身份证号码" width="180" />
-          <el-table-column prop="applayDate" label="社保申请日期" width="180" />
-          <el-table-column prop="proposer" label="申请人" width="180" />
-          <el-table-column prop="insuranceGaers" label="社保档位" width="250">
+          <el-table-column show-overflow-tooltip="true" prop="empNumb" label="员工编号" />
+          <el-table-column show-overflow-tooltip="true" prop="deptName" label="护卫点" width="100" />
+          <el-table-column show-overflow-tooltip="true" prop="jobName" label="岗位名称" width="100" />
+          <el-table-column show-overflow-tooltip="true" prop="empName" label="姓名" width="100" />
+          <el-table-column show-overflow-tooltip="true" prop="certificateNumb" label="身份证号码" />
+          <el-table-column show-overflow-tooltip="true" prop="applayDate" label="社保申请日期" />
+          <el-table-column show-overflow-tooltip="true" prop="proposer" label="申请人" width="80" />
+          <el-table-column show-overflow-tooltip="true" prop="insuranceGaers" label="社保档位">
             <template slot-scope="{row}">
               {{ transinsuranceGaers(row.insuranceGaers) }}
             </template>
           </el-table-column>
-          <el-table-column prop="reportStatus " label="是否已报告" width="180">
+          <el-table-column prop="reportStatus " label="是否已报告" width="100">
             <template slot-scope="{row}">
               {{ row.reportStatus === 0?'未报告':'已报告' }}
             </template>
           </el-table-column>
-          <el-table-column prop="applayStatus" label="状态">
+          <el-table-column prop="applayStatus" label="状态" width="100">
             <template slot-scope="{row}">
               {{ row.applayStatus === 0?'未申请':'已申请' }}
             </template>
           </el-table-column>
-          <el-table-column prop="auditor" label="审核人" width="180" />
-          <el-table-column prop="remark" label="备注" width="280" />
+          <el-table-column prop="auditor" label="审核人" width="100" />
+          <el-table-column prop="remark" label="备注" />
         </el-table>
         <el-table
           v-show="showArr[9].show"
           ref="accidentCasesTable"
           :data="accidentCasesData"
+          :header-cell-style="{'height':'5.3vh','background-color':'#e6e6e6'}"
+          stripe
           style="width: 100%;"
         >
-          <el-table-column type="selection" width="55" />
-          <el-table-column fixed="left" label="操作" width="100">
+          <el-table-column type="selection" width="50" />
+          <el-table-column fixed="left" label="操作" width="80">
             <template slot-scope="scope">
-              <el-button type="text" size="small" @click="editAccidentCases(scope.row)">编辑</el-button>
+              <!--              <el-button type="text" size="small" @click="editAccidentCases(scope.row)">编辑</el-button>-->
+              <span style="color: #a00515;cursor: pointer;" @click="editAccidentCases(scope.row)">
+                <i class="el-icon-edit-outline" style="font-size: 1.9vh;margin-right: 5px;" />
+                编辑
+              </span>
             </template>
           </el-table-column>
-          <el-table-column prop="empNumb" label="员工编号" width="180" />
-          <el-table-column prop="deptName" label="护卫点" width="180" />
-          <el-table-column prop="jobName" label="岗位名称" width="180" />
-          <el-table-column prop="empName" label="姓名" width="180" />
-          <el-table-column prop="certificateNumb" label="身份证号码" width="180" />
-          <el-table-column prop="injuredTime" label="受伤日期" width="180" />
-          <el-table-column prop="injuredAddress" label="受伤地点" width="180" />
-          <el-table-column prop="injuredPart" label="受伤部位" width="180" />
-          <el-table-column prop="injuredDescribe" label="受伤经过描述" width="180" />
-          <el-table-column prop="injuredDiacrisis" label="意外险诊断" width="180" />
-          <el-table-column prop="hospitalName" label="就诊医院" width="180" />
-          <el-table-column prop="treatmentName" label="就诊科室" width="180" />
-          <el-table-column prop="hospitalizatioFlag" label="是否住院" width="180">
+          <el-table-column show-overflow-tooltip="true" prop="empNumb" label="员工编号" width="60" />
+          <el-table-column show-overflow-tooltip="true" prop="deptName" label="护卫点" width="60" />
+          <el-table-column show-overflow-tooltip="true" prop="jobName" label="岗位名称" width="60" />
+          <el-table-column show-overflow-tooltip="true" prop="empName" label="姓名" width="60" />
+          <el-table-column show-overflow-tooltip="true" prop="certificateNumb" label="身份证号码" />
+          <el-table-column show-overflow-tooltip="true" prop="injuredTime" label="受伤日期" />
+          <el-table-column show-overflow-tooltip="true" prop="injuredAddress" label="受伤地点" />
+          <el-table-column show-overflow-tooltip="true" prop="injuredPart" label="受伤部位" width="60" />
+          <el-table-column show-overflow-tooltip="true" prop="injuredDescribe" label="受伤经过描述" />
+          <el-table-column show-overflow-tooltip="true" prop="injuredDiacrisis" label="意外险诊断" />
+          <el-table-column show-overflow-tooltip="true" prop="hospitalName" label="就诊医院" />
+          <el-table-column show-overflow-tooltip="true" prop="treatmentName" label="就诊科室" />
+          <el-table-column show-overflow-tooltip="true" prop="hospitalizatioFlag" label="是否住院" width="60">
             <template slot-scope="scope">
               {{ scope.row.hospitalizatioFlag ===1?'已住院':'未住院' }}
             </template>
           </el-table-column>
-          <el-table-column prop="bedNumb" label="床号" width="180" />
-          <el-table-column prop="reprotTime" label="报案时间" width="180" />
-          <el-table-column prop="submitTime" label="递交资料时间" width="180" />
-          <el-table-column prop="sbumitBy" label="递交人" width="180" />
-          <el-table-column prop="expensesFee" label="医疗总费用" width="180" />
-          <el-table-column prop="innsureFee" label="保险赔付费用" width="180" />
+          <el-table-column show-overflow-tooltip="true" prop="bedNumb" label="床号" width="40" />
+          <el-table-column show-overflow-tooltip="true" prop="reprotTime" label="报案时间" width="60" />
+          <el-table-column show-overflow-tooltip="true" prop="submitTime" label="递交资料时间" />
+          <el-table-column show-overflow-tooltip="true" prop="sbumitBy" label="递交人" width="60" />
+          <el-table-column show-overflow-tooltip="true" prop="expensesFee" label="医疗总费用" width="60" />
+          <el-table-column show-overflow-tooltip="true" prop="innsureFee" label="保险赔付费用" width="60" />
         </el-table>
         <el-table
           v-show="showArr[10].show"
           ref="occupationalTable"
           :data="occupationalData"
+          :header-cell-style="{'height':'5.3vh','background-color':'#e6e6e6'}"
+          stripe
           style="width: 100%;"
         >
-          <el-table-column type="selection" width="55" />
-          <el-table-column fixed="left" label="操作" width="100">
+          <el-table-column type="selection" width="50" />
+          <el-table-column fixed="left" label="操作" width="80">
             <template slot-scope="scope">
-              <el-button type="text" size="small" @click="editOccupational(scope.row)">编辑</el-button>
+              <!--              <el-button type="text" size="small" @click="editOccupational(scope.row)">编辑</el-button>-->
+              <span style="color: #a00515;cursor: pointer;" @click="editOccupational(scope.row)">
+                <i class="el-icon-edit-outline" style="font-size: 1.9vh;margin-right: 5px;" />
+                编辑
+              </span>
             </template>
           </el-table-column>
-          <el-table-column prop="empNumb" label="员工编号" width="180" />
-          <el-table-column prop="deptName" label="护卫点" width="180" />
-          <el-table-column prop="jobName" label="岗位" width="180" />
-          <el-table-column prop="empName" label="姓名" width="180" />
-          <el-table-column prop="certificateNumb" label="身份证号码" width="180" />
-          <el-table-column prop="injuredTime" label="受伤日期" width="180" />
-          <el-table-column prop="injuredAddress" label="受伤地点" width="180" />
-          <el-table-column prop="injuredPart" label="受伤部位" width="180" />
-          <el-table-column prop="injuredDescribe" label="受伤经过描述" width="180" />
-          <el-table-column prop="injuredDiacrisis" label="工伤诊断" width="180" />
-          <el-table-column prop="hospitalName" label="就诊医院" width="180" />
-          <el-table-column prop="treatmentName" label="就诊科室" width="180" />
-          <el-table-column prop="hospitalizatioFlag" label="是否住院" width="180">
+          <el-table-column show-overflow-tooltip="true" prop="empNumb" label="员工编号" width="60" />
+          <el-table-column show-overflow-tooltip="true" prop="deptName" label="护卫点" width="60" />
+          <el-table-column show-overflow-tooltip="true" prop="jobName" label="岗位" width="60" />
+          <el-table-column show-overflow-tooltip="true" prop="empName" label="姓名" width="60" />
+          <el-table-column show-overflow-tooltip="true" prop="certificateNumb" label="身份证号码" />
+          <el-table-column show-overflow-tooltip="true" prop="injuredTime" label="受伤日期" />
+          <el-table-column show-overflow-tooltip="true" prop="injuredAddress" label="受伤地点" />
+          <el-table-column show-overflow-tooltip="true" prop="injuredPart" label="受伤部位" width="60" />
+          <el-table-column show-overflow-tooltip="true" prop="injuredDescribe" label="受伤经过描述" />
+          <el-table-column show-overflow-tooltip="true" prop="injuredDiacrisis" label="工伤诊断" />
+          <el-table-column show-overflow-tooltip="true" prop="hospitalName" label="就诊医院" />
+          <el-table-column show-overflow-tooltip="true" prop="treatmentName" label="就诊科室" />
+          <el-table-column show-overflow-tooltip="true" prop="hospitalizatioFlag" label="是否住院" width="50">
             <template slot-scope="scope">
               {{ scope.row.hospitalizatioFlag ===1?'已住院':'未住院' }}
             </template>
           </el-table-column>
-          <el-table-column prop="bedNumb" label="床号" width="180" />
-          <el-table-column prop="reportTime" label="报案时间" width="180" />
-          <el-table-column prop="submitTime" label="递交资料时间" width="180" />
-          <el-table-column prop="sbumitBy" label="递交人" width="180" />
-          <el-table-column prop="expensesFee" label="医疗总费用" width="180" />
-          <el-table-column prop="compensated" label="已赔付医药费用" width="180" />
+          <el-table-column show-overflow-tooltip="true" prop="bedNumb" label="床号" width="40" />
+          <el-table-column show-overflow-tooltip="true" prop="reportTime" label="报案时间" width="60" />
+          <el-table-column show-overflow-tooltip="true" prop="submitTime" label="递交资料时间" />
+          <el-table-column show-overflow-tooltip="true" prop="sbumitBy" label="递交人" width="60" />
+          <el-table-column show-overflow-tooltip="true" prop="expensesFee" label="医疗总费用" width="60" />
+          <el-table-column show-overflow-tooltip="true" prop="compensated" label="已赔付医药费用" width="60" />
         </el-table>
         <el-table
           v-show="showArr[11].show"
@@ -5130,17 +5215,17 @@
 
 }
 .el-container {
-  height: 770px;
+  height: 86.7vh;
+  background-color: #fff;
 
   .el-aside {
-    background-color: #e9eef3;
     color: #333;
     text-align: center;
     height: 100%;
+    background-color: #fff;
   }
 
   .el-main {
-    background-color: #e9eef3;
     color: #333;
     height: 100%;
     .el-table{
@@ -5189,6 +5274,7 @@
   color: #333;
   text-align: center;
   line-height: 60px;
+
 }
 
 .el-date-editor.el-input,
@@ -5196,3 +5282,21 @@
   width: 100%;
 }
 </style>
+
+<style lang="scss">
+.info-input {
+  .el-timeline-item__wrapper {
+
+    color: #a00515;
+    cursor: pointer;
+    top: -5px;
+    .el-timeline-item__content {
+      &:hover {
+        color: #a00515;
+      }
+    }
+
+  }
+}
+
+</style>

--
Gitblit v1.8.0