From fb4cc8f8c3a452e00427c69d85eb279891ae2f3f Mon Sep 17 00:00:00 2001
From: 楚江漓i <85093541@qq.com>
Date: 星期五, 05 三月 2021 01:20:43 +0800
Subject: [PATCH] 登录页，档案页，员工附件，员工智搜样式修改
---
src/views/user/search.vue | 93 +++++++++++++++++++++++++++++++---------------
1 files changed, 63 insertions(+), 30 deletions(-)
diff --git a/src/views/user/search.vue b/src/views/user/search.vue
index 19bec7d..b7a6c2e 100644
--- a/src/views/user/search.vue
+++ b/src/views/user/search.vue
@@ -1,8 +1,8 @@
<template>
<div>
<el-container>
- <el-aside width="200px">
- <el-timeline>
+ <el-aside width="175px">
+ <el-timeline style="padding-left: 15px">
<el-timeline-item @click.native="isShow(showArr[0].show, 0)">
<span :class="thisShowIndex===0?'selectedTimeline':''">基本信息</span>
</el-timeline-item>
@@ -60,8 +60,8 @@
</el-col>
<el-col :span="7">
<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">
@@ -219,25 +219,31 @@
<el-col :span="21">
已为您搜索出<span style="color:red">{{ total }}</span>条符合条件的记录
</el-col>
- <el-col :span="3">
+ <el-col :span="3" style="text-align: right;padding-right: 10px">
<el-button size="mini" class="hr-but" type="success" @click.native="exportExcel">
{{ $t('table.export') }}
</el-button>
</el-col>
</el-row>
- <el-table ref="empBaseInfoTable" :data="basicInformationData" style="width: 100%;height: 70%;">
- <el-table-column type="index" label="序号" width="50" align="center" />
- <el-table-column prop="empNumb" label="员工编号" />
- <el-table-column prop="deptName" label="护卫点" />
- <el-table-column prop="jobName" label="岗位" />
- <el-table-column prop="empName" label="姓名" />
- <el-table-column prop="certificateNumb" label="身份证号码" width="180" />
- <el-table-column prop="sex" label="性别" width="50" :formatter="sexFormat" />
- <el-table-column prop="age" label="年龄" width="50" />
- <el-table-column prop="education" label="学历" :formatter="educationFormat" />
- <el-table-column prop="nativePlace" label="籍贯" :formatter="nativePlaceFormat" />
- <el-table-column prop="telePhone" label="电话" />
- <el-table-column prop="empStatus" label="员工状态">
+ <el-table
+ ref="empBaseInfoTable"
+ :data="basicInformationData"
+ stripe
+ :header-cell-style="{'height':'5.3vh','background-color':'#e6e6e6'}"
+ style="width: 100%;height: 100%;"
+ >
+ <el-table-column show-overflow-tooltip type="index" label="序号" width="50" align="center" />
+ <el-table-column show-overflow-tooltip prop="empNumb" label="员工编号" />
+ <el-table-column show-overflow-tooltip prop="deptName" label="护卫点" />
+ <el-table-column show-overflow-tooltip prop="jobName" label="岗位" />
+ <el-table-column show-overflow-tooltip prop="empName" label="姓名" />
+ <el-table-column show-overflow-tooltip prop="certificateNumb" label="身份证号码" width="180" />
+ <el-table-column show-overflow-tooltip prop="sex" label="性别" width="50" :formatter="sexFormat" />
+ <el-table-column show-overflow-tooltip prop="age" label="年龄" width="50" />
+ <el-table-column show-overflow-tooltip prop="education" label="学历" :formatter="educationFormat" />
+ <el-table-column show-overflow-tooltip prop="nativePlace" label="籍贯" :formatter="nativePlaceFormat" />
+ <el-table-column show-overflow-tooltip prop="telePhone" label="电话" />
+ <el-table-column show-overflow-tooltip prop="empStatus" label="员工状态">
<template slot-scope="{row}">
{{ transEmpStatus(row.empStatus) }}
</template>
@@ -2522,7 +2528,7 @@
font-size: 15px;
}
.el-container {
- height: 100%;
+ height: 86.7vh;
background-color: white;
.el-aside {
@@ -2544,14 +2550,16 @@
}
.searchTable {
- margin-top: 10px;
- border-collapse: collapse;
- width: 100%;
- margin-bottom: 15px;
+ 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: right;
}
.td-group {
padding-left: 20px;
@@ -2560,16 +2568,13 @@
.searchTable td,
.searchTable th {
- border: 1px solid #b0b0b0;
color: #000;
- height: 40px;
+ height: 50px;
background-color: #fff;
}
.searchTable tr td:first-child {
background-color: #dddcdc !important;
- width: 160px;
- text-align: center;
}
.button-from {
@@ -2616,4 +2621,32 @@
.el-date-editor.el-input__inner {
width: 100%;
}
+
+.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