From 6dcaba66e84e79db877fde6f764a82cb9dea38f0 Mon Sep 17 00:00:00 2001
From: 楚江漓i <85093541@qq.com>
Date: 星期二, 02 三月 2021 00:08:03 +0800
Subject: [PATCH] 系统主页，信息录入，在职员工等样式修改
---
src/layout/components/Sidebar/Logo.vue | 4
src/views/dashboard/index.vue | 119 ++++++---
src/views/user/inemployees.vue | 89 +++++--
src/layout/components/Navbar.vue | 2
src/layout/index.vue | 7
src/views/user/Informationinput.vue | 494 ++++++++++++++++++++++++----------------
6 files changed, 440 insertions(+), 275 deletions(-)
diff --git a/src/layout/components/Navbar.vue b/src/layout/components/Navbar.vue
index 0fd4485..fd1ece1 100644
--- a/src/layout/components/Navbar.vue
+++ b/src/layout/components/Navbar.vue
@@ -123,7 +123,7 @@
<style lang="scss" scoped>
.navbar {
- height: 50px;
+ height: 5.31vh;
overflow: hidden;
position: relative;
background: #fff;
diff --git a/src/layout/components/Sidebar/Logo.vue b/src/layout/components/Sidebar/Logo.vue
index 7c5f714..7250189 100644
--- a/src/layout/components/Sidebar/Logo.vue
+++ b/src/layout/components/Sidebar/Logo.vue
@@ -46,8 +46,8 @@
height: 54px;
line-height: 54px;
background: white;
- text-align: center;
overflow: hidden;
+ padding-left: 20px;
& .sidebar-logo-link {
height: 100%;
@@ -65,7 +65,7 @@
display: inline-block;
margin: 0;
color: #fff;
- font-weight: 500;
+ font-weight: 700;
line-height: 50px;
font-size: 19px;
vertical-align: middle;
diff --git a/src/layout/index.vue b/src/layout/index.vue
index 63a1bd2..60b70e6 100644
--- a/src/layout/index.vue
+++ b/src/layout/index.vue
@@ -8,9 +8,10 @@
<tags-view v-if="needTagsView" />
</div>
<app-main />
- <div class="footer"><a target="_blank" href="">版权所有:深圳市太阳帆信息技术开发有限公司
- 客服电话:0755-26491738
- </a></div>
+ <div class="footer" style="letter-spacing:4px">
+ <a target="_blank" href="">版权所有:深圳市太阳帆信息技术开发有限公司
+ 客服电话:0755-26491738，18913546266
+ </a></div>
<right-panel v-if="showSettings">
<settings />
</right-panel>
diff --git a/src/views/dashboard/index.vue b/src/views/dashboard/index.vue
index 0f0649b..771e110 100644
--- a/src/views/dashboard/index.vue
+++ b/src/views/dashboard/index.vue
@@ -1,6 +1,6 @@
<template>
<div class="main">
- <el-row style="height: 10px;">
+ <el-row style="height: 4.25vh;margin-bottom: 0">
<el-col :span="8"><p /></el-col>
<el-col :span="16">
<ul class="data-ul">
@@ -34,71 +34,71 @@
</el-button>
</el-col>
</el-row>
- <el-row :gutter="20">
- <el-col :span="4">
+ <el-row :gutter="20" class="dashboard-card">
+ <el-col>
<el-card shadow="always" class="card-info" @click.native="showXzyg('在职员工总数','1')">
<p class="card-number">{{ total.zzyg }}</p>
<p>在职员工总数</p>
</el-card>
</el-col>
- <el-col :span="4">
+ <el-col>
<el-card shadow="always" class="card-info" @click.native="showXzyg('新进员工人数','2')">
<p class="card-number">{{ total.xjyg }}</p>
<p>新进员工人数</p>
</el-card>
</el-col>
- <el-col :span="4">
+ <el-col>
<el-card shadow="always" class="card-info" @click.native="showXzyg('正式员工人数','3')">
<p class="card-number">{{ total.zsyg }}</p>
<p>正式员工人数</p>
</el-card>
</el-col>
- <el-col :span="4">
+ <el-col>
<el-card shadow="always" class="card-info" @click.native="showXzyg('临时员工人数','4')">
<p class="card-number">{{ total.lsyg }}</p>
<p>临时员工人数</p>
</el-card>
</el-col>
- <el-col :span="4">
+ <el-col>
<el-card shadow="always" class="card-info" @click.native="showXzyg('超龄员工人数','5')">
<p class="card-number">{{ total.clyg }}</p>
<p>超龄员工人数</p>
</el-card>
</el-col>
</el-row>
- <el-row :gutter="20">
- <el-col :span="4">
+ <el-row :gutter="20" class="dashboard-card">
+ <el-col>
<el-card shadow="always" class="card-info" @click.native="showXzyg('离职员工总数','6')">
<p class="card-number">{{ total.lzyg }}</p>
<p>离职员工总数</p>
</el-card>
</el-col>
- <el-col :span="4">
+ <el-col>
<el-card shadow="always" class="card-info" @click.native="showXzyg('辞职申请人数','7')">
<p class="card-number">{{ total.czyg }}</p>
<p>辞职申请人数</p>
</el-card>
</el-col>
- <el-col :span="4">
+ <el-col>
<el-card shadow="always" class="card-info" @click.native="showXzyg('正常离职人数','8')">
<p class="card-number">{{ total.zclz }}</p>
<p>正常离职人数</p>
</el-card>
</el-col>
- <el-col :span="4">
+ <el-col>
<el-card shadow="always" class="card-info" @click.native="showXzyg('自动离职人数','9')">
<p class="card-number">{{ total.zdlz }}</p>
<p>自动离职人数</p>
</el-card>
</el-col>
- <el-col :span="4">
+ <el-col>
<el-card shadow="always" class="card-info" @click.native="showXzyg('公司辞退人数','10')">
<p class="card-number">{{ total.gsct }}</p>
<p>公司辞退人数</p>
</el-card>
</el-col>
</el-row>
- <el-row :gutter="20">
+ <el-row :gutter="20" class="dashboard-card">
<el-col :span="4">
<el-card shadow="always" class="card-info" @click.native="showht('有效合同','11')">
<p class="card-number">{{ total.yxht }}</p>
@@ -130,84 +130,84 @@
</el-card>
</el-col>
</el-row>
- <el-row :gutter="20">
- <el-col :span="4">
+ <el-row :gutter="20" class="dashboard-card">
+ <el-col>
<el-card shadow="always" class="card-info" @click.native="showcq('出勤人数','1')">
<p class="card-number">{{ total.cqrs }}</p>
<p>出勤人数</p>
</el-card>
</el-col>
- <el-col :span="4">
+ <el-col>
<el-card shadow="always" class="card-info" @click.native="showqj('员工请假','1')">
<p class="card-number">{{ total.ygqj }}</p>
<p>员工请假</p>
</el-card>
</el-col>
- <el-col :span="4">
+ <el-col>
<el-card shadow="always" class="card-info" @click.native="showtj('员工体验','1')">
<p class="card-number">{{ total.ygtj }}</p>
<p>员工体验</p>
</el-card>
</el-col>
- <el-col :span="4">
+ <el-col>
<el-card shadow="always" class="card-info" @click.native="showcq('员工加班','2')">
<p class="card-number">{{ total.ygjb }}</p>
<p>员工加班</p>
</el-card>
</el-col>
- <el-col :span="4">
+ <el-col>
<el-card shadow="always" class="card-info" @click.native="showcq('员工旷工','3')">
<p class="card-number">{{ total.ygkg }}</p>
<p>员工旷工</p>
</el-card>
</el-col>
</el-row>
- <el-row :gutter="20">
- <el-col :span="4">
+ <el-row :gutter="20" class="dashboard-card">
+ <el-col>
<el-card shadow="always" class="card-info" @click.native="showlz('劳资案件','1')">
<p class="card-number">{{ total.lzaj }}</p>
<p>劳资案件</p>
</el-card>
</el-col>
- <el-col :span="4">
+ <el-col>
<el-card shadow="always" class="card-info" @click.native="showgs('工伤案件','1')">
<p class="card-number">{{ total.gsaj }}</p>
<p>工伤案件</p>
</el-card>
</el-col>
- <el-col :span="4">
+ <el-col>
<el-card shadow="always" class="card-info" @click.native="showyw('意外险案件','1')">
<p class="card-number">{{ total.ywxaj }}</p>
<p>意外险案件</p>
</el-card>
</el-col>
- <el-col :span="4">
+ <el-col>
<el-card shadow="always" class="card-info" @click.native="showsb('社保申请','3')">
<p class="card-number">{{ total.sbsq }}</p>
<p>社保申请</p>
</el-card>
</el-col>
- <el-col :span="4">
+ <el-col>
<el-card shadow="always" class="card-info" @click.native="showsyj('失业金领取','3')">
<p class="card-number">{{ total.syj }}</p>
<p>失业金领取</p>
</el-card>
</el-col>
</el-row>
- <el-row :gutter="20">
- <el-col :span="4">
+ <el-row :gutter="20" class="dashboard-card">
+ <el-col>
<el-card shadow="always" class="card-info" @click.native="showSfz('身份证到期','11')">
<p class="card-number">{{ total.sfz }}</p>
<p>身份证到期</p>
</el-card>
</el-col>
- <el-col :span="4">
+ <el-col>
<el-card shadow="always" class="card-info" @click.native="showtg('员工调岗','3')">
<p class="card-number">{{ total.ygtg }}</p>
<p>员工调岗</p>
</el-card>
</el-col>
- <el-col :span="4">
+ <el-col>
<el-card shadow="always" class="card-info" @click.native="showbl('不良记录','3')">
<p class="card-number">{{ total.bljl }}</p>
<p>不良记录</p>
@@ -582,49 +582,63 @@
}
</script>
<style lang="scss" scoped>
+
.main {
- padding: 20px;
+ padding: 5px 2vw 4.25vh;
text-align: center;
.data-ul {
- margin-right: 40px;
+ margin-right: 2vw;
margin-top: 0px;
list-style: none;
float: left;
li {
float: left;
- width: 60px;
+ width: 3.12vw;
text-align: center;
- font-size: 16px;
+ font-size: 1.7vh;
color: #333333;
}
li:hover {
- color: #931e1e;
- border-bottom: 2px solid #931e1e;
+ color: #a00515;
+ border-bottom: 2px solid #a00515;
}
}
}
.selectedColor {
- color: #931e1e;
- border-bottom: 2px solid #931e1e;
+ color: #a00515;
+ border-bottom: 2px solid #a00515;
}
.el-card__body {
text-align: center;
- .card-number {
- color: #931e1e;
- font-size: 20px;
+ p {
+ height: 3.2vh;
+ line-height: 3.2vh;
+ font-size: 1.5vh;
+ margin: 0;
+ }
+ p.card-number {
+ color: #a00515;
+ font-size: 2.12vh;
+ height: 4.25vh;
+ line-height: 4.25vh;
+ margin: 0;
+ margin-top: 2.65vh;
}
+}
+.card-info {
+ height: 100%;
}
.card-info:hover {
text-align: center;
- background-color: #931e1e;
+ background-color: #a00515;
+ cursor: pointer;
color: #fff;
.card-number {
color: #fff;
- font-size: 20px;
}
}
.el-row {
- margin-bottom: 20px;
+ margin-bottom: 1vh;
&:last-child {
margin-bottom: 0;
}
@@ -651,7 +665,22 @@
}
.data-ul {
li {
- line-height: 40px;
+ line-height: 4.25vh;
}
}
</style>
+
+<style lang="scss">
+.dashboard-card {
+ width: 100%;
+div.el-col {
+ width: 20%;
+ height: 12.23vh;
+}
+.el-card__body {
+ padding: 0;
+ height: 100%;
+ overflow: hidden;
+}
+}
+</style>
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>
diff --git a/src/views/user/inemployees.vue b/src/views/user/inemployees.vue
index 06a9eeb..302bce2 100644
--- a/src/views/user/inemployees.vue
+++ b/src/views/user/inemployees.vue
@@ -1,6 +1,6 @@
<template>
- <div>
- <el-container>
+ <div style="height: 100%;background: #fff;">
+ <el-container style="background: #fff;">
<el-header :height="headerHeight">
<el-row style="margin-bottom: 10px;">
<el-col :span="16">
@@ -8,8 +8,8 @@
</el-col>
<el-col :span="8" style="margin-top: 15px;">
<el-input v-model="queryParams.vague" placeholder="请输入内容" style="width:200px" />
- <el-button type="primary" @click="vagueSearch">查询</el-button>
- <el-button type="danger" @click="advancedQueryShowMethods">高级查询</el-button>
+ <span class="search-btn" @click="vagueSearch">查询</span>
+ <span class="sup-search-btn" @click="advancedQueryShowMethods">高级查询</span>
</el-col>
</el-row>
<div v-show="advancedQueryShow">
@@ -33,7 +33,7 @@
type="daterange"
align="right"
unlink-panels
- range-separator="至"
+ range-separator="~"
value-format="yyyy-MM-dd"
start-placeholder="开始日期"
end-placeholder="结束日期"
@@ -154,7 +154,7 @@
<el-row style="margin: 10px 0 10px 0;">
<el-col :span="24">
<el-button type="danger" class="hr-but-all" @click="showXzyg(0)">新增员工</el-button>
- <el-button type="primary" @click="delEmp">删除员工</el-button>
+ <el-button type="primary" class="hr-but-all" @click="delEmp">删除员工</el-button>
<el-button type="danger" class="hr-but-all" @click="showYgdg(0)">员工调岗</el-button>
<el-button type="danger" class="hr-but-all" @click="showDryg(0)">导入员工</el-button>
<el-button type="danger" class="hr-but-all" @click="showDcyg(0)">导出员工</el-button>
@@ -162,31 +162,34 @@
<el-button type="danger" class="hr-but-all" @click="showGbda(0)">关闭档案</el-button>
</el-col>
</el-row>
- <el-table ref="multipleTable" :data="tableData" style="width: 100%;color: #000;">
+ <el-table ref="multipleTable" :data="tableData" :header-cell-style="{'height':'5.3vh','background-color':'#e6e6e6'}" stripe style="width: 100%;color: #000;">
<el-table-column type="selection" width="55" />
- <el-table-column label="操作" width="100">
+ <el-table-column label="操作" width="110">
<template slot-scope="scope">
- <el-button
- type="text"
- size="small"
- @click="editArchives(scope.row)"
- >
- 档案</el-button>
- <el-button type="text" size="small" @click="editEmpBase(scope.row)">编辑</el-button>
+ <!-- <el-button-->
+ <!-- type="text"-->
+ <!-- size="small"-->
+ <!-- @click="editArchives(scope.row)"-->
+ <!-- >-->
+ <!-- 档案</el-button>-->
+ <!-- <el-button type="text" size="small" @click="editEmpBase(scope.row)">编辑</el-button>-->
+
+ <span style="color: #a00515;display: inline-block;width: 50%;cursor: pointer" @click="editArchives(scope.row)">档案</span>
+ <span style="color: #a00515;display: inline-block;width: 50%;cursor: pointer" @click="editEmpBase(scope.row)">编辑</span>
</template>
</el-table-column>
- <el-table-column prop="deptName" label="护卫点" width="100" />
+ <el-table-column prop="deptName" label="护卫点" />
<el-table-column prop="jobName" label="岗位" width="100" />
- <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="sexName" label="性别" width="50" />
- <el-table-column prop="age" label="年龄" />
+ <el-table-column prop="empNumb" label="员工编号" />
+ <el-table-column prop="empName" label="姓名" />
+ <el-table-column prop="certificateNumb" label="身份证号码" />
+ <el-table-column prop="sexName" label="性别" width="80" />
+ <el-table-column prop="age" label="年龄" width="80" />
<el-table-column prop="educationName" label="最高学历" width="100" />
- <el-table-column prop="nativePlaceName" label="籍贯" />
+ <el-table-column prop="nativePlaceName" label="籍贯" width="100" />
<el-table-column prop="telePhone" label="联系电话" />
<el-table-column prop="entryDate" label="入职日期" width="100" />
- <el-table-column prop="empStatus" label="员工状态">
+ <el-table-column prop="empStatus" label="员工状态" width="100">
<template slot-scope="{row}">
{{ transEmpStatus(row.empStatus) }}
</template>
@@ -1123,7 +1126,7 @@
this.headerHeight = '30px'
this.advancedQueryShow = false
} else {
- this.headerHeight = '330px'
+ this.headerHeight = 'auto'
this.advancedQueryShow = true
}
},
@@ -1670,10 +1673,12 @@
margin-top: 10px;
border-collapse: collapse;
width: 100%;
+ tr {
+ border-bottom: 1px dashed #d9dadb;
+ }
.td {
- background-color: #dddcdc !important;
- width: 160px;
- text-align: center;
+ width: 90px;
+ text-align: left;
}
.td-group {
padding-left: 20px;
@@ -1681,9 +1686,8 @@
}
.searchTable td,
.searchTable th {
- border: 1px solid #b0b0b0;
color: #000;
- height: 40px;
+ height: 50px;
background-color: #fff;
}
@@ -1740,4 +1744,31 @@
height: 30px;
font-size:15px;
}
+
+.search-btn {
+ display: inline-block;
+ width: 3.64vw;
+ height: 3.2vh;
+ line-height: 3.2vh;
+ text-align: center;
+ background-color: #a00515;
+ color: #fff;
+ margin-left: 1vw;
+ box-sizing: border-box;
+ cursor: pointer;
+ vertical-align: middle;
+}
+.sup-search-btn {
+ display: inline-block;
+ width: 5.2vw;
+ height: 3.2vh;
+ line-height: 3.2vh;
+ text-align: center;
+ margin-left: 1vw;
+ color: #a00515;
+ border: 1px solid #a00515;
+ box-sizing: border-box;
+ cursor: pointer;
+ vertical-align: middle;
+}
</style>
--
Gitblit v1.8.0