<template>
|
<div>
|
<el-container>
|
<el-header :height="headerHeight">
|
<el-row>
|
<el-col :span="16">
|
<h3 class="bu-tian-jia-title">在职员工</h3>
|
</el-col>
|
<el-col :span="8">
|
<el-input v-model="input" placeholder="请输入内容" style="width:200px" />
|
<el-button type="primary">查询</el-button>
|
<el-button type="danger" @click="advancedQueryShowMethods">高级查询</el-button>
|
</el-col>
|
</el-row>
|
<el-row>
|
<el-col :span="3">员工编号：
|
<el-input v-model="input" placeholder="请输入内容" style="width:80px" />
|
</el-col>
|
<el-col :span="3">姓名：
|
<el-input v-model="input" placeholder="请输入内容" style="width:80px" />
|
</el-col>
|
<el-col :span="3">身份证号：
|
<el-input v-model="input" placeholder="请输入内容" style="width:80px" />
|
</el-col>
|
<el-col :span="3">护卫点：
|
<el-input v-model="input" placeholder="请输入内容" style="width:80px" />
|
</el-col>
|
<el-col :span="3">入职日期：从
|
<el-input v-model="input" placeholder="请输入内容" style="width:80px" />
|
</el-col>
|
<el-col :span="3">到
|
<el-input v-model="input" placeholder="请输入内容" style="width:80px" />
|
</el-col>
|
<el-col :span="6">
|
<el-button type="primary">查询</el-button>
|
<el-button type="danger">重置</el-button>
|
</el-col>
|
</el-row>
|
<el-row>
|
<div v-show="advancedQueryShow">
|
<el-col :span="24">
|
<table id="searchTable">
|
<tr>
|
<td>性别：</td>
|
<td>
|
<el-radio-group v-model="radio">
|
<el-radio :label="3">全部</el-radio>
|
<el-radio :label="6">男性</el-radio>
|
<el-radio :label="9">女性</el-radio>
|
</el-radio-group>
|
</td>
|
</tr>
|
<tr>
|
<td>最高学历：</td>
|
<td>
|
<el-radio-group v-model="radio">
|
<el-radio :label="3">全部</el-radio>
|
<el-radio :label="6">初中</el-radio>
|
<el-radio :label="9">高中</el-radio>
|
<el-radio :label="9">大专</el-radio>
|
<el-radio :label="9">本科</el-radio>
|
<el-radio :label="9">硕士</el-radio>
|
<el-radio :label="9">博士</el-radio>
|
</el-radio-group>
|
</td>
|
</tr>
|
<tr>
|
<td>政治面貌：</td>
|
<td>
|
<el-radio-group v-model="radio">
|
<el-radio :label="3">全部</el-radio>
|
<el-radio :label="6">党员</el-radio>
|
<el-radio :label="9">团员</el-radio>
|
<el-radio :label="9">群众</el-radio>
|
</el-radio-group>
|
</td>
|
</tr>
|
<tr>
|
<td>入职日期：</td>
|
<td>
|
<el-radio-group v-model="radio">
|
<el-radio :label="3">全部</el-radio>
|
</el-radio-group>
|
</td>
|
</tr>
|
<tr>
|
<td>年龄：</td>
|
<td>
|
<el-radio-group v-model="radio">
|
<el-radio :label="3">全部</el-radio>
|
<el-radio :label="6">18-29</el-radio>
|
<el-radio :label="9">30-39</el-radio>
|
<el-radio :label="9">40-49</el-radio>
|
<el-radio :label="9">50-59</el-radio>
|
<el-radio :label="9">60-69</el-radio>
|
<el-radio :label="9">69及以上</el-radio>
|
</el-radio-group>
|
</td>
|
</tr>
|
<tr>
|
<td>档案情况：</td>
|
<td>
|
<el-radio-group v-model="radio">
|
<el-radio :label="3">全部</el-radio>
|
<el-radio :label="6">已移交</el-radio>
|
<el-radio :label="9">未移交</el-radio>
|
</el-radio-group>
|
</td>
|
</tr>
|
<tr>
|
<td>保险类型：</td>
|
<td>
|
<el-radio-group v-model="radio">
|
<el-radio :label="3">全部</el-radio>
|
<el-radio :label="6">深户（五险一档）</el-radio>
|
</el-radio-group>
|
</td>
|
</tr>
|
</table>
|
</el-col>
|
</div>
|
</el-row>
|
</el-header>
|
<el-container>
|
<el-main>
|
<el-row>
|
<el-col :span="24">
|
<el-button type="danger" @click="showXzyg">新增员工</el-button>
|
<el-button type="primary">删除员工</el-button>
|
<el-button type="danger" @click="showYgdg">员工调岗</el-button>
|
<el-button type="danger" @click="showDryg">导入员工</el-button>
|
<el-button type="danger">导出员工</el-button>
|
<el-button type="danger">导出档案</el-button>
|
<el-button type="danger" @click="showGbda">关闭档案</el-button>
|
</el-col>
|
</el-row>
|
<el-table :data="tableData" style="width: 100%;">
|
<el-table-column type="selection" width="55" />
|
<el-table-column label="操作" width="100">
|
<template slot-scope="scope">
|
<el-button type="text" size="small" @click="editEmpBase(scope.row)">编辑
|
</el-button>
|
</template>
|
</el-table-column>
|
<el-table-column prop="empNumb" label="员工编号" width="100" />
|
<el-table-column prop="deptName" label="护卫点" width="100" />
|
<el-table-column prop="jobName" 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="educationName" label="最高学历" width="100" />
|
<el-table-column prop="censusAddress" label="籍贯" />
|
<el-table-column prop="telePhone" label="联系电话" />
|
<el-table-column prop="entryDate" label="入职日期" width="100" />
|
<el-table-column prop="delFlag" label="员工状态">
|
<template slot-scope="{row}">
|
{{ transDelFlag(row.delFlag) }}
|
</template>
|
</el-table-column>
|
</el-table>
|
<pagination
|
v-show="total>0"
|
:total="total"
|
:page.sync="pagination.num"
|
:limit.sync="pagination.size"
|
@pagination="search"
|
/>
|
</el-main>
|
</el-container>
|
</el-container>
|
<el-dialog title="新增员工" :visible.sync="dialogShowXzyg" width="50%">
|
<el-form ref="empBaseInfoForm" :model="empBaseInfoForm" :rules="rules" label-position="right" label-width="120px">
|
<el-row>
|
<el-col :span="12">
|
<el-form-item label="档案号">
|
<el-input v-model="empBaseInfoForm.archivesNumb" />
|
</el-form-item>
|
<el-form-item label="员工编号" prop="empNumb">
|
<el-input v-model="empBaseInfoForm.empNumb" />
|
</el-form-item>
|
<el-form-item label="身份证号码">
|
<el-input
|
v-model="empBaseInfoForm.certificateNumb"
|
@input="generateUserInfo(0,empBaseInfoForm.certificateNumb)"
|
/>
|
</el-form-item>
|
<el-form-item label="员工类别" prop="empType">
|
<el-select v-model="empBaseInfoForm.empType" placeholder="请选择员工类型">
|
<el-option label="正式工" value="1" />
|
<el-option label="临时工" value="2" />
|
</el-select>
|
</el-form-item>
|
<el-form-item label="民族">
|
<el-select v-model="empBaseInfoForm.nation" placeholder="请选择民族">
|
<el-option label="汉族" value="01" />
|
<el-option label="蒙古族" value="02" />
|
<el-option label="回族" value="03" />
|
<el-option label="藏族" value="04" />
|
<el-option label="维吾尔族" value="05" />
|
<el-option label="苗族" value="06" />
|
<el-option label="彝族" value="07" />
|
<el-option label="壮族" value="08" />
|
<el-option label="布衣族" value="09" />
|
<el-option label="朝鲜族" value="10" />
|
<el-option label="满族" value="11" />
|
<el-option label="侗族" value="12" />
|
<el-option label="瑶族" value="13" />
|
<el-option label="白族" value="14" />
|
<el-option label="土家族" value="15" />
|
<el-option label="哈尼族" value="16" />
|
<el-option label="哈萨克族" value="17" />
|
<el-option label="傣族" value="18" />
|
<el-option label="黎族" value="19" />
|
<el-option label="傈傈族" value="20" />
|
<el-option label="瓦族" value="21" />
|
<el-option label="畲族" value="22" />
|
<el-option label="高山族" value="23" />
|
<el-option label="拉祜族" value="24" />
|
<el-option label="水族" value="25" />
|
<el-option label="东乡族" value="26" />
|
<el-option label="纳西族" value="27" />
|
<el-option label="景颇族" value="28" />
|
<el-option label="柯尔克孜族" value="29" />
|
<el-option label="土族" value="30" />
|
<el-option label="达斡尔族" value="31" />
|
<el-option label="仫佬族" value="32" />
|
<el-option label="羌族" value="33" />
|
<el-option label="布朗族" value="34" />
|
<el-option label="撒拉族" value="35" />
|
<el-option label="毛难族" value="36" />
|
<el-option label="仡佬族" value="37" />
|
<el-option label="锡伯族" value="38" />
|
<el-option label="阿昌族" value="39" />
|
<el-option label="普米族" value="40" />
|
<el-option label="塔吉克族" value="41" />
|
<el-option label="怒族" value="42" />
|
<el-option label="乌孜别克族" value="43" />
|
<el-option label="俄罗斯族" value="44" />
|
<el-option label="鄂温克族" value="45" />
|
<el-option label="崩龙族" value="46" />
|
<el-option label="保安族" value="47" />
|
<el-option label="裕固族" value="48" />
|
<el-option label="京族" value="49" />
|
<el-option label="塔塔尔族" value="50" />
|
<el-option label="独龙族" value="51" />
|
<el-option label="鄂伦春" value="52" />
|
<el-option label="郝哲族" value="53" />
|
<el-option label="门巴族" value="54" />
|
<el-option label="珞巴族" value="55" />
|
<el-option label="基诺族" value="56" />
|
<el-option label="其他族" value="91" />
|
<el-option label="外国民族" value="98" />
|
</el-select>
|
</el-form-item>
|
<el-form-item label="婚姻状态">
|
<el-select v-model="empBaseInfoForm.marriage" placeholder="请选择婚姻状态">
|
<el-option label="未婚" value="1" />
|
<el-option label="已婚" value="2" />
|
<el-option label="丧偶" value="3" />
|
<el-option label="离婚" value="4" />
|
<el-option label="再婚" value="5" />
|
<el-option label="其它" value="9" />
|
</el-select>
|
</el-form-item>
|
<el-form-item label="身高(cm)">
|
<el-input v-model="empBaseInfoForm.stature" />
|
</el-form-item>
|
<el-form-item label="政治面貌">
|
<el-select v-model="empBaseInfoForm.politics" placeholder="请选择政治面貌">
|
<el-option label="中共党员" value="01" />
|
<el-option label="预备党员" value="02" />
|
<el-option label="共青团员" value="03" />
|
<el-option label="民革会员" value="04" />
|
<el-option label="民盟盟员" value="05" />
|
<el-option label="民建会员" value="06" />
|
<el-option label="民进会员" value="07" />
|
<el-option label="农工党员" value="08" />
|
<el-option label="致公党员" value="09" />
|
<el-option label="九三社员" value="10" />
|
<el-option label="台盟盟员" value="11" />
|
<el-option label="民主人士" value="12" />
|
<el-option label="群众" value="13" />
|
</el-select>
|
</el-form-item>
|
<el-form-item label="最高学历">
|
<el-select v-model="empBaseInfoForm.education" placeholder="请选择最高学历">
|
<el-option label="博士" value="10" />
|
<el-option label="硕士" value="11" />
|
<el-option label="大学本科" value="21" />
|
<el-option label="大学专科" value="31" />
|
<el-option label="中专" value="41" />
|
<el-option label="中技" value="42" />
|
<el-option label="高中" value="61" />
|
<el-option label="初中" value="71" />
|
<el-option label="小学" value="81" />
|
<el-option label="无学历" value="91" />
|
</el-select>
|
</el-form-item>
|
<el-form-item label="籍贯">
|
<el-autocomplete
|
v-model="empBaseInfoForm.nativePlaceName"
|
class="inline-input"
|
:fetch-suggestions="querySearch"
|
placeholder="请输入籍贯"
|
@select="placeNameSelect"
|
/>
|
</el-form-item>
|
<el-form-item label="现住址">
|
<el-input v-model="empBaseInfoForm.currentAddress" />
|
</el-form-item>
|
<el-form-item label="电话号码">
|
<el-input v-model="empBaseInfoForm.telePhone" />
|
</el-form-item>
|
<el-form-item label="招聘介绍人">
|
<el-input v-model="empBaseInfoForm.introducer" />
|
</el-form-item>
|
<el-form-item label="银行名称">
|
<el-input v-model="empBaseInfoForm.bankName" />
|
</el-form-item>
|
<el-form-item label="保险类型">
|
<el-select v-model="empBaseInfoForm.insuranceType" placeholder="请选择保险类型">
|
<el-option label="（深户）五险一档" value="1" />
|
<el-option label="（非深户）五险一档" value="2" />
|
<el-option label="（非深户）五险二档" value="3" />
|
<el-option label="（非深户）五险三档" value="4" />
|
<el-option label="（非深户）四险一档" value="5" />
|
</el-select>
|
</el-form-item>
|
<el-form-item label="家庭成员及关系">
|
<el-input v-model="empBaseInfoForm.family" />
|
</el-form-item>
|
<el-form-item label="紧急联系电话">
|
<el-input v-model="empBaseInfoForm.urgencyPhone" />
|
</el-form-item>
|
</el-col>
|
<el-col :span="12">
|
<el-form-item label="姓名" prop="empName">
|
<el-input v-model="empBaseInfoForm.empName" />
|
</el-form-item>
|
<el-form-item label="部门(护卫点)" required message="请选择护卫点" prop="deptId">
|
<treeselect
|
v-model="empBaseInfoForm.deptId"
|
:multiple="false"
|
:options="depts"
|
:clear-value-text="$t('common.clear')"
|
placeholder="请选择部门(护卫点)"
|
style="width:100%"
|
/>
|
</el-form-item>
|
<el-form-item label="岗位" prop="jobName">
|
<el-autocomplete
|
v-model="empBaseInfoForm.jobName"
|
class="inline-input"
|
:fetch-suggestions="querySearchJob"
|
placeholder="请输入岗位"
|
@select="jobNameSelect"
|
/>
|
</el-form-item>
|
<el-form-item label="性别" prop="sex">
|
<el-select v-model="empBaseInfoForm.sex" placeholder="请选择性别">
|
<el-option label="男" value="1" />
|
<el-option label="女" value="2" />
|
</el-select>
|
</el-form-item>
|
<el-form-item label="身份证有效期">
|
<el-input v-model="empBaseInfoForm.certificateValidity" />
|
</el-form-item>
|
<el-form-item label="年龄">
|
<el-input v-model="empBaseInfoForm.age" />
|
</el-form-item>
|
<el-form-item label="出生日期">
|
<el-date-picker
|
v-model="empBaseInfoForm.birthdate"
|
type="date"
|
value-format="yyyy-MM-dd"
|
placeholder="选择日期"
|
/>
|
</el-form-item>
|
<el-form-item label="入职日期">
|
<el-date-picker
|
v-model="empBaseInfoForm.entryDate"
|
type="date"
|
value-format="yyyy-MM-dd"
|
placeholder="选择日期"
|
/>
|
</el-form-item>
|
<el-form-item label="入司工龄">
|
<el-input v-model="empBaseInfoForm.seniority" />
|
</el-form-item>
|
<el-form-item label="户籍地址">
|
<el-input v-model="empBaseInfoForm.censusAddress" />
|
</el-form-item>
|
<el-form-item label="保安员证号">
|
<el-input v-model="empBaseInfoForm.guardNumb" />
|
</el-form-item>
|
<el-form-item label="保安员回执">
|
<el-input v-model="empBaseInfoForm.returnReceipt" />
|
</el-form-item>
|
<el-form-item label="档案情况">
|
<el-select v-model="empBaseInfoForm.archivesStatus" placeholder="请选择档案情况">
|
<el-option label="未移交" value="0" />
|
<el-option label="已移交" value="1" />
|
</el-select>
|
</el-form-item>
|
<el-form-item label="银行账号">
|
<el-input v-model="empBaseInfoForm.bankNumb" />
|
</el-form-item>
|
<el-form-item label="社保电脑号">
|
<el-input v-model="empBaseInfoForm.socialNumb" />
|
</el-form-item>
|
<el-form-item label="员工手册">
|
<el-select v-model="empBaseInfoForm.handbookStatus" placeholder="请选择员工手册">
|
<el-option label="未发" value="0" />
|
<el-option label="已发" value="1" />
|
</el-select>
|
</el-form-item>
|
<el-form-item label="工作证">
|
<el-select v-model="empBaseInfoForm.empCardStatus" placeholder="请选择工作证">
|
<el-option label="未发" value="0" />
|
<el-option label="已发" value="1" />
|
</el-select>
|
</el-form-item>
|
</el-col>
|
<el-col :span="24">
|
<el-form-item label="相关证件">
|
<el-select v-model="empBaseInfoForm.certificateList" placeholder="请选择相关证件">
|
<el-option label="高中毕业证" value="1" />
|
<el-option label="专科毕业证" value="2" />
|
<el-option label="本科毕业证" value="3" />
|
</el-select>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
</el-form>
|
<div slot="footer" class="dialog-footer">
|
<el-button type="primary" @click="putEmpBase('empBaseInfoForm')">保 存</el-button>
|
<el-button type="primary" @click="putEmpBaseContinue('empBaseInfoForm')">保存并继续新增</el-button>
|
<el-button @click="showXzyg()">取 消</el-button>
|
</div>
|
</el-dialog>
|
<el-dialog id="ygxq" title="" width="100%" :visible.sync="dialogTableVisible">
|
<div>
|
<el-divider />
|
<el-container>
|
<el-aside width="200px">
|
<el-card class="info-card" shadow="always" @click.native="isShow(showArr[0],0)">
|
员工编号
|
</el-card>
|
<el-card class="info-card" shadow="always" @click.native="isShow(showArr[0],0)">
|
100452312
|
</el-card>
|
<el-card class="info-card" shadow="always" @click.native="isShow(showArr[0],0)">
|
基本信息
|
</el-card>
|
<el-card class="info-card" shadow="always" @click.native="isShow(showArr[1],1)">
|
工作信息
|
</el-card>
|
<el-card class="info-card" shadow="always" @click.native="isShow(showArr[2],2)">
|
工作经历
|
</el-card>
|
<el-card class="info-card" shadow="always" @click.native="isShow(showArr[3],3)">
|
体检信息
|
</el-card>
|
<el-card class="info-card" shadow="always" @click.native="isShow(showArr[4],4)">
|
合同信息
|
</el-card>
|
<el-card class="info-card" shadow="always" @click.native="isShow(showArr[5],5)">
|
考勤情况
|
</el-card>
|
<el-card class="info-card" shadow="always" @click.native="isShow(showArr[6],6)">
|
请假记录
|
</el-card>
|
<el-card class="info-card" shadow="always" @click.native="isShow(showArr[7],7)">
|
调岗记录
|
</el-card>
|
<el-card class="info-card" shadow="always" @click.native="isShow(showArr[8],8)">
|
备注
|
</el-card>
|
<el-card class="info-card" shadow="always" @click.native="isShow(showArr[9],9)">
|
记录截图
|
</el-card>
|
</el-aside>
|
<el-main>
|
<table>
|
<tr>
|
<td colspan="5" class="tdTitle">基本信息</td>
|
<td class="link_button">编辑</td>
|
</tr>
|
<tr>
|
<td>档案号</td>
|
<td>中保亚太</td>
|
<td>姓名</td>
|
<td>赵建国</td>
|
<td>性别</td>
|
<td>男</td>
|
</tr>
|
<tr>
|
<td>所属部门</td>
|
<td>一分公司</td>
|
<td>所属岗位</td>
|
<td>保安员</td>
|
<td>员工类别</td>
|
<td>正式工</td>
|
</tr>
|
<tr>
|
<td>民族</td>
|
<td>汉族</td>
|
<td>身份证号码</td>
|
<td>510304197402225813</td>
|
<td>年龄</td>
|
<td>46</td>
|
</tr>
|
<tr>
|
<td>婚姻状况</td>
|
<td>已婚</td>
|
<td>身份证有效期</td>
|
<td>10年</td>
|
<td>身高</td>
|
<td>170</td>
|
</tr>
|
<tr>
|
<td>政治面貌</td>
|
<td>群众</td>
|
<td>出生日期</td>
|
<td>1974-02-22</td>
|
<td>最高学历</td>
|
<td>高中</td>
|
</tr>
|
<tr>
|
<td>籍贯</td>
|
<td>广东省番禺市</td>
|
<td>户籍地址</td>
|
<td>广东省番禺市XXX镇XXX村XXX号</td>
|
<td>现住址</td>
|
<td>广东省番禺市XXX镇XXX村XXX号</td>
|
</tr>
|
<tr>
|
<td>保安员证号</td>
|
<td />
|
<td>保安员回执</td>
|
<td />
|
<td>档案情况</td>
|
<td>已移交</td>
|
</tr>
|
<tr>
|
<td>银行名称</td>
|
<td />
|
<td>银行账号</td>
|
<td />
|
<td>电话号码</td>
|
<td>138098097888</td>
|
</tr>
|
<tr>
|
<td>入职日期</td>
|
<td>2020-01-02</td>
|
<td>保险类型</td>
|
<td>深户（五险一档）</td>
|
<td>社保电脑号</td>
|
<td />
|
</tr>
|
<tr>
|
<td>招聘介绍人</td>
|
<td />
|
<td>入司工龄</td>
|
<td>1</td>
|
<td>工作证</td>
|
<td>已发</td>
|
</tr>
|
<tr>
|
<td>家庭成员及关系</td>
|
<td />
|
<td>紧急联系电话</td>
|
<td />
|
<td>员工手册</td>
|
<td>已发</td>
|
</tr>
|
<tr>
|
<td>相关证件</td>
|
<td colspan="5">本科毕业证、保安员证、退伍证、军官证</td>
|
</tr>
|
</table>
|
<table>
|
<tr>
|
<td colspan="4" class="tdTitle">工作经历</td>
|
<td class="link_button">新增工作经历</td>
|
<td class="del_button">删除</td>
|
</tr>
|
<tr>
|
<td><input type="checkbox"></td>
|
<td>开始日期</td>
|
<td>结束日期</td>
|
<td>工作单位</td>
|
<td>主要工作内容</td>
|
<td>操作</td>
|
</tr>
|
<tr>
|
<td><input type="checkbox"></td>
|
<td>2020-01-02</td>
|
<td>2021-01-02</td>
|
<td>XXXX用品公司</td>
|
<td>主要工作内容描述</td>
|
<td class="link_button">编辑</td>
|
</tr>
|
<tr>
|
<td><input type="checkbox"></td>
|
<td>2015-02-03</td>
|
<td>2019-02-03</td>
|
<td>深圳XXX机械制造厂</td>
|
<td>主要工作内容描述</td>
|
<td class="link_button">编辑</td>
|
</tr>
|
</table>
|
<table>
|
<tr>
|
<td colspan="9">体检信息</td>
|
<td class="link_button">新增体检信息</td>
|
<td class="del_button">删除</td>
|
</tr>
|
<tr>
|
<td><input type="checkbox"></td>
|
<td>体检医院</td>
|
<td>体检日期</td>
|
<td>体检类型</td>
|
<td>血压</td>
|
<td>转氨酶</td>
|
<td>心电图</td>
|
<td>体检结论</td>
|
<td>复查记录</td>
|
<td>备注</td>
|
<td>操作</td>
|
</tr>
|
<tr>
|
<td><input type="checkbox"></td>
|
<td>深圳人民医院</td>
|
<td>2020-01-02</td>
|
<td>入职体检</td>
|
<td>120/80</td>
|
<td>80</td>
|
<td>异常</td>
|
<td>窦性心动过缓，出现不规则图像，建议复查</td>
|
<td>2020-01-08</td>
|
<td />
|
<td class="link_button">编辑</td>
|
</tr>
|
<tr>
|
<td><input type="checkbox"></td>
|
<td>深圳人民医院</td>
|
<td>2019-02-03</td>
|
<td>员工体检</td>
|
<td>120/80</td>
|
<td>80</td>
|
<td>正常</td>
|
<td>血压偏高</td>
|
<td>2019-02-05</td>
|
<td />
|
<td class="link_button">编辑</td>
|
</tr>
|
</table>
|
<table>
|
<tr>
|
<td colspan="6">合同信息</td>
|
<td class="link_button">新增合同信息</td>
|
<td class="del_button">删除</td>
|
</tr>
|
<tr>
|
<td><input type="checkbox"></td>
|
<td>合同开始日期</td>
|
<td>合同结束日期</td>
|
<td>合同期限（年）</td>
|
<td>合同状态</td>
|
<td>合同办理人</td>
|
<td>备注</td>
|
<td>操作</td>
|
</tr>
|
<tr>
|
<td><input type="checkbox"></td>
|
<td>2020-01-02</td>
|
<td>2023-01-02</td>
|
<td>3</td>
|
<td>有效</td>
|
<td>张力</td>
|
<td />
|
<td class="link_button">编辑</td>
|
</tr>
|
<tr>
|
<td><input type="checkbox"></td>
|
<td>2017-01-03</td>
|
<td>2020-01-02</td>
|
<td>3</td>
|
<td>续签</td>
|
<td>张力</td>
|
<td />
|
<td class="link_button">编辑</td>
|
</tr>
|
</table>
|
<table>
|
<tr>
|
<td colspan="8" class="tdTitle">调岗记录</td>
|
</tr>
|
<tr>
|
<td>序号</td>
|
<td>调岗日期</td>
|
<td>类型</td>
|
<td>原部门</td>
|
<td>原岗位</td>
|
<td>现部门</td>
|
<td>现岗位</td>
|
<td>理由描述</td>
|
</tr>
|
<tr>
|
<td>1</td>
|
<td>2020-01-02</td>
|
<td>升职</td>
|
<td>十二分公司</td>
|
<td>保安员</td>
|
<td>十二分公司</td>
|
<td>组长</td>
|
<td />
|
</tr>
|
<tr>
|
<td>2</td>
|
<td>2019-02-03</td>
|
<td>调动</td>
|
<td>清洗车间</td>
|
<td>保安员</td>
|
<td>十二分公司</td>
|
<td>保安员</td>
|
<td />
|
</tr>
|
</table>
|
<table>
|
<tr>
|
<td colspan="7" class="tdTitle">请假记录</td>
|
<td class="link_button">新增请假记录</td>
|
<td class="del_button">删除</td>
|
</tr>
|
<tr>
|
<td><input type="checkbox"></td>
|
<td>开始日期</td>
|
<td>结束日期</td>
|
<td>请假天数</td>
|
<td>请假类型</td>
|
<td>到岗时间</td>
|
<td>报备人</td>
|
<td>备注</td>
|
<td>操作</td>
|
</tr>
|
<tr>
|
<td><input type="checkbox"></td>
|
<td>2020-01-02</td>
|
<td>2023-01-02</td>
|
<td>3</td>
|
<td />
|
<td />
|
<td>张力</td>
|
<td />
|
<td class="link_button">编辑</td>
|
</tr>
|
<tr>
|
<td><input type="checkbox"></td>
|
<td>2017-01-03</td>
|
<td>2020-01-02</td>
|
<td>3</td>
|
<td />
|
<td />
|
<td>张力</td>
|
<td />
|
<td class="link_button">编辑</td>
|
</tr>
|
</table>
|
<table>
|
<tr>
|
<td colspan="8" class="tdTitle">离职当月考勤</td>
|
<td class="link_button">新增离职考勤</td>
|
<td class="del_button">删除</td>
|
</tr>
|
<tr>
|
<td><input type="checkbox"></td>
|
<td>考勤年月</td>
|
<td>出勤天数</td>
|
<td>加班（天）</td>
|
<td>加班（小时）</td>
|
<td>有无代扣款项</td>
|
<td>请假（天）</td>
|
<td>旷工（天）</td>
|
<td>备注</td>
|
<td>操作</td>
|
</tr>
|
<tr>
|
<td><input type="checkbox"></td>
|
<td>2020年12月</td>
|
<td />
|
<td>3</td>
|
<td />
|
<td />
|
<td>1</td>
|
<td>0</td>
|
<td>考勤信息描述</td>
|
<td class="link_button">编辑</td>
|
</tr>
|
<tr>
|
<td><input type="checkbox"></td>
|
<td>2020年10月</td>
|
<td />
|
<td>2</td>
|
<td />
|
<td />
|
<td>0</td>
|
<td>3</td>
|
<td>考勤信息描述</td>
|
<td class="link_button">编辑</td>
|
</tr>
|
<tr>
|
<td><input type="checkbox"></td>
|
<td>2020年11月</td>
|
<td />
|
<td>0</td>
|
<td />
|
<td />
|
<td>0</td>
|
<td>0</td>
|
<td>考勤信息描述</td>
|
<td class="link_button">编辑</td>
|
</tr>
|
</table>
|
<table>
|
<tr>
|
<td colspan="4" class="tdTitle">辞职申请</td>
|
<td class="link_button">新增辞职申请</td>
|
<td class="del_button">删除</td>
|
</tr>
|
<tr>
|
<td><input type="checkbox"></td>
|
<td>申请日期</td>
|
<td>事由</td>
|
<td>汇报人</td>
|
<td>备注</td>
|
<td>操作</td>
|
</tr>
|
<tr>
|
<td><input type="checkbox"></td>
|
<td>2020-01-02</td>
|
<td />
|
<td />
|
<td />
|
<td class="link_button">编辑</td>
|
</tr>
|
<tr>
|
<td><input type="checkbox"></td>
|
<td>2019-02-03</td>
|
<td>家里XXXX有事情需要处理，个人原因申请离职</td>
|
<td />
|
<td />
|
<td class="link_button">编辑</td>
|
</tr>
|
</table>
|
<table>
|
<tr>
|
<td colspan="7" class="tdTitle">入离职记录</td>
|
</tr>
|
<tr>
|
<td>序号</td>
|
<td>入职日期</td>
|
<td>离职日期</td>
|
<td>离职类型</td>
|
<td>自离天数</td>
|
<td>报告人</td>
|
<td>备注（入离职原因）</td>
|
</tr>
|
<tr>
|
<td>1</td>
|
<td>2020-01-02</td>
|
<td>2020-10-11</td>
|
<td>自离</td>
|
<td />
|
<td />
|
<td />
|
</tr>
|
<tr>
|
<td>2</td>
|
<td>2019-02-03</td>
|
<td>2019-10-11</td>
|
<td>辞职</td>
|
<td />
|
<td />
|
<td>家里XXXX有事情需要处理，个人原因申请离职</td>
|
</tr>
|
</table>
|
<table>
|
<tr>
|
<td colspan="5" class="tdTitle">失业金领取</td>
|
<td class="link_button">新增失业金领取</td>
|
<td class="del_button">删除</td>
|
</tr>
|
<tr>
|
<td>序号</td>
|
<td>申请日期</td>
|
<td>申报事由</td>
|
<td>报备人</td>
|
<td>审核人</td>
|
<td>备注</td>
|
<td>操作</td>
|
</tr>
|
<tr>
|
<td>1</td>
|
<td>2020-01-02</td>
|
<td />
|
<td />
|
<td />
|
<td />
|
<td class="link_button">编辑</td>
|
</tr>
|
<tr>
|
<td>2</td>
|
<td>2019-02-03</td>
|
<td />
|
<td />
|
<td />
|
<td />
|
<td class="link_button">编辑</td>
|
</tr>
|
</table>
|
<table>
|
<tr>
|
<td colspan="7" class="tdTitle">社保申请</td>
|
<td class="link_button">新增社保申请</td>
|
<td class="del_button">删除</td>
|
</tr>
|
<tr>
|
<td><input type="checkbox"></td>
|
<td>申请时间</td>
|
<td>申请人</td>
|
<td>社保档位</td>
|
<td>是否已报告</td>
|
<td>状态</td>
|
<td>审批人</td>
|
<td>备注</td>
|
<td>操作</td>
|
</tr>
|
<tr>
|
<td><input type="checkbox"></td>
|
<td>2020-01-02</td>
|
<td />
|
<td />
|
<td />
|
<td />
|
<td />
|
<td />
|
<td class="link_button">编辑</td>
|
</tr>
|
<tr>
|
<td><input type="checkbox"></td>
|
<td>2019-02-03</td>
|
<td />
|
<td />
|
<td />
|
<td />
|
<td />
|
<td />
|
<td class="link_button">编辑</td>
|
</tr>
|
</table>
|
<table>
|
<tr>
|
<td colspan="17" class="tdTitle">工伤案件</td>
|
<td class="link_button">新增工伤案件</td>
|
<td class="del_button">删除</td>
|
</tr>
|
<tr>
|
<td><input type="checkbox"></td>
|
<td>受伤时间</td>
|
<td>受伤地点</td>
|
<td>受伤部位</td>
|
<td>受伤描述</td>
|
<td>工伤诊断</td>
|
<td>就诊医院</td>
|
<td>就诊科室</td>
|
<td>是否住院</td>
|
<td>床号</td>
|
<td>递交资料时间</td>
|
<td>递交人</td>
|
<td>工伤总费用</td>
|
<td>赔付总费用</td>
|
<td>报单号</td>
|
<td>人事处理时间</td>
|
<td>状态</td>
|
<td>案结时间</td>
|
<td>操作</td>
|
</tr>
|
<tr>
|
<td><input type="checkbox"></td>
|
<td>2020-01-02</td>
|
<td />
|
<td />
|
<td />
|
<td />
|
<td />
|
<td />
|
<td>是</td>
|
<td />
|
<td />
|
<td />
|
<td />
|
<td />
|
<td />
|
<td />
|
<td />
|
<td />
|
<td class="link_button">编辑</td>
|
</tr>
|
<tr>
|
<td><input type="checkbox"></td>
|
<td>2019-02-03</td>
|
<td />
|
<td />
|
<td>家里XXXX有事情需要处理，个人原因申请离职</td>
|
<td />
|
<td />
|
<td />
|
<td>是</td>
|
<td />
|
<td />
|
<td />
|
<td />
|
<td />
|
<td />
|
<td />
|
<td />
|
<td />
|
<td class="link_button">编辑</td>
|
</tr>
|
</table>
|
<table>
|
<tr>
|
<td colspan="8" class="tdTitle">劳资案件</td>
|
<td class="link_button">新增劳资案件</td>
|
<td class="del_button">删除</td>
|
</tr>
|
<tr>
|
<td><input type="checkbox"></td>
|
<td>仲裁日期</td>
|
<td>仲裁类型</td>
|
<td>仲裁事由</td>
|
<td>汇报人</td>
|
<td>备注</td>
|
<td>仲裁赔付（元）</td>
|
<td>状态</td>
|
<td>案结日期</td>
|
<td>操作</td>
|
</tr>
|
<tr>
|
<td><input type="checkbox"></td>
|
<td>2020-01-02</td>
|
<td>劳资纠纷</td>
|
<td>仲裁事由描述XXXXX</td>
|
<td>张山</td>
|
<td />
|
<td>2500.00</td>
|
<td>已结案</td>
|
<td>2021-01-16</td>
|
<td class="link_button">编辑</td>
|
</tr>
|
<tr>
|
<td><input type="checkbox"></td>
|
<td>2019-02-03</td>
|
<td />
|
<td />
|
<td />
|
<td />
|
<td />
|
<td />
|
<td />
|
<td class="link_button">编辑</td>
|
</tr>
|
</table>
|
<table>
|
<tr>
|
<td colspan="2" class="tdTitle">备注</td>
|
<td class="link_button">新增备注</td>
|
<td class="del_button">删除</td>
|
</tr>
|
<tr>
|
<td><input type="checkbox"></td>
|
<td>备注日期</td>
|
<td>备注</td>
|
<td>操作</td>
|
</tr>
|
<tr>
|
<td><input type="checkbox"></td>
|
<td />
|
<td />
|
<td class="link_button">编辑</td>
|
</tr>
|
<tr>
|
<td><input type="checkbox"></td>
|
<td />
|
<td />
|
<td class="link_button">编辑</td>
|
</tr>
|
</table>
|
<div class="tdTitle">记录截图 点击可查看大图</div>
|
<div>
|
<img style="width: 119px;height: 136px;" src="../../../images/u3112.png">x
|
<img style="width: 119px;height: 136px;" src="../../../images/u3112.png">x
|
<img style="width: 119px;height: 136px;" src="../../../images/u3112.png">x
|
<img style="width: 119px;height: 136px;" src="../../../images/sctp.png">
|
</div>
|
<div class="tdTitle">相关附件</div>
|
<div>
|
<img style="width: 119px;height: 136px;" src="../../../images/u2637.png">照片.jpgx
|
<img style="width: 119px;height: 136px;" src="../../../images/u2775.png">学历证书.jpgx
|
<img style="width: 119px;height: 136px;" src="../../../images/u2777.png">保安证.jpgx
|
</div>
|
</el-main>
|
</el-container>
|
</div>
|
</el-dialog>
|
|
<el-dialog title="员工调岗" :visible.sync="dialogShowYgdg" width="50%">
|
<el-form :model="baseicInformationForm" label-position="right" label-width="120px">
|
<el-row>
|
<el-col span="24">
|
<el-form-item label="所属部门" prop="region">
|
<el-select v-model="name" placeholder="请选择相关证件">
|
<el-option label="总经办" value="1" />
|
<el-option label="人事部" value="2" />
|
<el-option label="财务部" value="3" />
|
</el-select>
|
</el-form-item>
|
<el-form-item label="岗位" prop="region">
|
<el-select v-model="name" placeholder="请选择相关证件">
|
<el-option label="保安员" value="1" />
|
<el-option label="保安队长" value="2" />
|
<el-option label="主任" value="3" />
|
</el-select>
|
</el-form-item>
|
<el-form-item label="岗位类别" prop="region">
|
<el-select v-model="name" placeholder="请选择相关证件">
|
<el-option label="高层管理人员" value="1" />
|
<el-option label="中层管理人员" value="2" />
|
<el-option label="技术人员" value="3" />
|
</el-select>
|
</el-form-item>
|
<el-form-item label="员工性质" prop="region">
|
<el-select v-model="name" placeholder="请选择相关证件">
|
<el-option label="计时制" value="2" />
|
<el-option label="计件制" value="3" />
|
</el-select>
|
</el-form-item>
|
<el-form-item label="入职日期">
|
<el-input v-model="name" />
|
</el-form-item>
|
</el-col>
|
</el-row>
|
</el-form>
|
<div slot="footer" class="dialog-footer">
|
<el-button @click="dialogIsShow()">取 消</el-button>
|
<el-button type="primary" @click="dialogIsShow()">确 定</el-button>
|
</div>
|
</el-dialog>
|
<el-dialog title="导入员工信息" :visible.sync="dialogShowDryg" width="50%">
|
<el-form :model="baseicInformationForm" label-position="right" label-width="120px">
|
<el-row>
|
<el-col span="24">
|
<el-form-item label="员工模板下载" prop="region">
|
员工信息.xlxs
|
|
点击下载
|
</el-form-item>
|
<el-form-item label="导入员工">
|
<el-input v-model="name" />
|
<el-button>选 择</el-button>
|
</el-form-item>
|
</el-col>
|
</el-row>
|
</el-form>
|
<div slot="footer" class="dialog-footer">
|
<el-button @click="dialogIsShow()">取 消</el-button>
|
<el-button type="primary" @click="dialogIsShow()">确 定</el-button>
|
</div>
|
</el-dialog>
|
<el-dialog title="关闭档案" :visible.sync="dialogShowGbda" width="50%">
|
<el-form :model="baseicInformationForm" label-position="right" label-width="120px">
|
<el-row>
|
<el-col span="24">
|
<el-form-item label="离职类型" prop="region">
|
<el-radio-group v-model="radio">
|
<el-radio :label="1">正常离职</el-radio>
|
<el-radio :label="2">自动离职</el-radio>
|
<el-radio :label="3">公司劝退</el-radio>
|
<el-radio :label="4">公司辞退</el-radio>
|
<el-radio :label="5">试用期内</el-radio>
|
</el-radio-group>
|
</el-form-item>
|
<el-form-item label="关闭日期">
|
<el-input v-model="name" />
|
</el-form-item>
|
<el-form-item label="备注说明">
|
<el-input v-model="name" type="textarea" :rows="4" />
|
</el-form-item>
|
</el-col>
|
</el-row>
|
</el-form>
|
<div slot="footer" class="dialog-footer">
|
<el-button @click="dialogIsShow()">取 消</el-button>
|
<el-button type="primary" @click="dialogIsShow()">确 定</el-button>
|
</div>
|
</el-dialog>
|
</div>
|
</template>
|
<script>
|
import Pagination from '@/components/Pagination'
|
import Treeselect from '@riophae/vue-treeselect'
|
import '@riophae/vue-treeselect/dist/vue-treeselect.css'
|
export default {
|
components: {
|
Pagination, Treeselect
|
},
|
data() {
|
return {
|
total: 0, // 总数量
|
queryParams: {}, // 查询参数
|
sort: {}, // 排序
|
pagination: { // 分页参数
|
size: 5,
|
num: 1
|
},
|
empBaseInfoForm: {},
|
depts: [],
|
rules: {
|
archivesNumb: [{ required: true, message: '请输入档案号', trigger: 'blur' }],
|
empName: [{ required: true, message: '请输入员工姓名', trigger: 'blur' },
|
{ min: 2, max: 50, message: '长度在 2 到 50 个字符', trigger: 'blur' }],
|
empNumb: [{ required: true, message: '请输入员工编号', trigger: 'blur' },
|
{ min: 2, max: 50, message: '长度在 2 到 50 个字符', trigger: 'blur' }],
|
deptName: [
|
{ required: true, message: '请选择护卫点', trigger: 'input' }
|
],
|
certificateNumb: [{ required: true, message: '请输入身份证号', trigger: 'blur' }],
|
jobName: [{ required: true, message: '请选择岗位', trigger: 'change' }],
|
nativePlaceName: [{ required: true, message: '请选择籍贯', trigger: 'change' }],
|
bankName: [{ required: true, message: '请输入银行名称', trigger: 'blur' }],
|
insuranceType: [{ required: true, message: '请选择保险类型', trigger: 'change' }],
|
entryDate: [{ required: true, message: '请选择入职日期', trigger: 'change' }],
|
seniority: [{ required: true, message: '请输入入司工龄', trigger: 'blur' }],
|
archivesStatus: [{ required: true, message: '请选择档案情况', trigger: 'change' }],
|
bankNumb: [{ required: true, message: '请输入银行账号', trigger: 'blur' }],
|
empType: [{ required: true, message: '请选择员工类型', trigger: 'change' }],
|
workUnit: [{ required: true, message: '请输入工作单位', trigger: 'blur' }],
|
beginDate: [{ required: true, message: '请选择开始日期', trigger: 'change' }],
|
endDate: [{ required: true, message: '请选择结束日期', trigger: 'change' }],
|
hospital: [{ required: true, message: '请输入体检医院', trigger: 'blur' }],
|
physicalExamDate: [{ required: true, message: '请选择体检日期', trigger: 'change' }],
|
conclusion: [{ required: true, message: '请输入体检结论', trigger: 'blur' }],
|
signingDate: [{ required: true, message: '请选择合同签订日期', trigger: 'change' }],
|
contractStatus: [{ required: true, message: '请选择合同状态', trigger: 'change' }],
|
attendMonth: [{ required: true, message: '请选择出勤月份', trigger: 'change' }],
|
deduct: [{ required: true, message: '请输入代扣填款项', trigger: 'blur' }],
|
attendDays: [{ required: true, message: '请输入出勤天数', trigger: 'blur' }],
|
beginTime: [{ required: true, message: '请选择请假开始时间', trigger: 'change' }],
|
leaveType: [{ required: true, message: '请选择请假类型', trigger: 'change' }],
|
reporter: [{ required: true, message: '请输入报备人', trigger: 'blur' }],
|
endTime: [{ required: true, message: '请选择请假结束时间', trigger: 'change' }],
|
applayDate: [{ required: true, message: '请选择申请日期', trigger: 'change' }],
|
reason: [{ required: true, message: '请输入辞职事由', trigger: 'blur' }],
|
applayReason: [{ required: true, message: '请输入申报事由', trigger: 'blur' }],
|
insuranceGaers: [{ required: true, message: '请选择社保档位', trigger: 'change' }],
|
applayStatus: [{ required: true, message: '请选择申请状态', trigger: 'change' }],
|
proposer: [{ required: true, message: '请输入申请人', trigger: 'blur' }],
|
injuredTime: [{ required: true, message: '请选择受伤时间', trigger: 'blur' }],
|
injuredPart: [{ required: true, message: '请输入受伤部位', trigger: 'blur' }],
|
injuredDescribe: [{ required: true, message: '请输入受伤经过描述', trigger: 'blur' }],
|
hospitalName: [{ required: true, message: '请输入就诊医院', trigger: 'blur' }],
|
hospitalizatioFlag: [{ required: true, message: '请选择是否住院', trigger: 'blur' }],
|
innsureFee: [{ required: true, message: '请输入保险赔付费用', trigger: 'blur' }],
|
settleDate: [{ required: true, message: '请选择案结时间', trigger: 'change' }],
|
expensesFee: [{ required: true, message: '请输入医疗总费用', trigger: 'blur' }],
|
settleStatus: [{ required: true, message: '请选择结案状态', trigger: 'change' }],
|
injuredAddress: [{ required: true, message: '请输入受伤地点', trigger: 'blur' }],
|
compensated: [{ required: true, message: '请输入已赔付医药费用', trigger: 'blur' }],
|
companyCompensation: [{ required: true, message: '请输入公司赔偿总费用', trigger: 'blur' }],
|
arbitrationDate: [{ required: true, message: '请选择仲裁日期', trigger: 'change' }],
|
arbitrationReason: [{ required: true, message: '请输入仲裁事由', trigger: 'blur' }],
|
arbitrationStatus: [{ required: true, message: '请选择结案状态', trigger: 'change' }],
|
badDate: [{ required: true, message: '请选择不良记录日期', trigger: 'change' }],
|
badContent: [{ required: true, message: '请输入不良记录描述', trigger: 'blur' }],
|
remarkDate: [{ required: true, message: '请选择备注日期', trigger: 'change' }],
|
remarkContent: [{ required: true, message: '请输入备注内容', trigger: 'blur' }]
|
},
|
headerHeight: '70px',
|
advancedQueryShow: false,
|
dialogTableVisible: false,
|
dialogShowXzyg: false,
|
dialogShowYgdg: false,
|
dialogShowDryg: false,
|
dialogShowGbda: false,
|
tableData: []
|
}
|
},
|
mounted() {
|
this.fetch()
|
this.initDept()
|
},
|
methods: {
|
// 翻页方法
|
search() {
|
this.fetch({
|
...this.queryParams,
|
...this.sort
|
})
|
},
|
fetch(params = {}) {
|
var that = this
|
params.pageSize = this.pagination.size
|
params.pageNum = this.pagination.num
|
params.delFlag = 0
|
this.$get('hr/empBaseInfo/list', {
|
...params
|
}).then((r) => {
|
const data = r.data.data
|
that.total = data.total
|
that.tableData = data.rows
|
})
|
},
|
transDelFlag(delFlag) {
|
switch (delFlag) {
|
case 0:
|
return '正常'
|
case 1:
|
return '删除'
|
case 2:
|
return '暂存'
|
}
|
},
|
initDept() {
|
this.$get('system/dept').then((r) => {
|
this.depts = r.data.data.rows
|
this.deptTree = this.depts
|
}).catch((error) => {
|
console.error(error)
|
this.$message({
|
message: this.$t('tips.getDataFail'),
|
type: 'error'
|
})
|
})
|
},
|
advancedQueryShowMethods() {
|
if (this.advancedQueryShow) {
|
this.headerHeight = '70px'
|
this.advancedQueryShow = false
|
} else {
|
this.headerHeight = '300px'
|
this.advancedQueryShow = true
|
}
|
},
|
putEmpBase(formName) {
|
this.$refs[formName].validate((valid) => {
|
if (valid) {
|
if (this.isAdd) {
|
this.$post('hr/empBaseInfo', { ...this.empBaseInfoForm }).then(() => {
|
this.buttonLoading = false
|
this.$message({
|
message: this.$t('tips.createSuccess'),
|
type: 'success'
|
})
|
this.cleanEmpBase()
|
this.selectEmpBase()
|
})
|
} else {
|
this.$put('hr/empBaseInfo', { ...this.empBaseInfoForm }).then(() => {
|
this.$message({
|
message: this.$t('tips.updateSuccess'),
|
type: 'success'
|
})
|
this.$emit('success')
|
this.cleanEmpBase()
|
this.selectEmpBase()
|
})
|
}
|
this.dialogIsShow()
|
}
|
})
|
},
|
putEmpBaseContinue(formName) {
|
this.$refs[formName].validate((valid) => {
|
if (valid) {
|
if (this.isAdd) {
|
this.$post('hr/empBaseInfo', { ...this.empBaseInfoForm }).then(() => {
|
this.buttonLoading = false
|
this.$message({
|
message: this.$t('tips.createSuccess'),
|
type: 'success'
|
})
|
this.cleanEmpBase()
|
this.selectEmpBase()
|
})
|
}
|
}
|
})
|
},
|
showEmpInfo() {
|
this.dialogTableVisible = true
|
},
|
showXzyg() {
|
if (!this.dialogShowXzyg) {
|
this.dialogShowXzyg = true
|
} else {
|
this.dialogShowXzyg = false
|
}
|
},
|
showYgdg() {
|
this.dialogShowYgdg = true
|
},
|
showDryg() {
|
this.dialogShowDryg = true
|
},
|
showGbda() {
|
this.dialogShowGbda = true
|
}
|
}
|
}
|
</script>
|
<style lang="scss" scoped>
|
.el-main {
|
height: 600px;
|
}
|
.el-autocomplete {
|
width: 100%;
|
}
|
.el-select {
|
width: 100%;
|
}
|
.el-aside {
|
padding: 20px;
|
background: #f3f5f8;
|
height: 600px;
|
|
.el-tree {
|
height: 100%;
|
}
|
}
|
|
#searchTable {
|
margin-top: 10px;
|
border-collapse: collapse;
|
width: 100%;
|
}
|
|
#searchTable td,
|
#searchTable th {
|
border: 1px solid #cad9ea;
|
color: #666;
|
height: 30px;
|
}
|
|
#ygxq table {
|
border-collapse: collapse;
|
margin: 0 auto;
|
text-align: center;
|
width: 100%;
|
margin-top: 20px;
|
}
|
|
#ygxq table td,
|
#ygxq table th {
|
border: 1px solid #DDDCDC;
|
color: #666;
|
height: 30px;
|
}
|
|
#ygxq table thead th {
|
background-color: #CCE8EB;
|
width: 100px;
|
}
|
|
#ygxq table tr:nth-child(odd) {
|
background: #fff;
|
}
|
|
#ygxq table tr:nth-child(even) {
|
background: #F5FAFA;
|
}
|
|
.tdTitle {
|
font-size: 14px;
|
font-weight: 700;
|
text-align: left;
|
}
|
|
.link_button {
|
color: #169BD5;
|
}
|
|
.del_button {
|
color: #D9001B;
|
}
|
</style>
|
