sunsail-platform-ui.git

			@@ -1,972 +1,1098 @@
			<template>
			<div>
			<el-container>
			<el-header :height="headerHeight">
			<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="30">
			<el-button type="danger">新增员工</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>
			<div v-show="advancedQueryShow">
			<form>
			<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>
			<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>
			</el-row>
			</form>
			</div>
			</el-header>
			<el-container>
			<el-aside width="300px">
			<el-tree :data="data" :props="defaultProps" @node-click="handleNodeClick" />
			</el-aside>
			<el-main>
			<el-table :data="tableData" style="width: 100%">
			<el-table-column fixed="left" label="操作" width="100">
			<template>
			<el-button type="text" size="small" @click="showEmpInfo()">编辑</el-button>
			</template>
			</el-table-column>
			<el-table-column prop="date" label="日期" width="180" />
			<el-table-column prop="name" label="姓名" width="180" />
			<el-table-column prop="address" label="地址" />
			</el-table>
			</el-main>
			</el-container>
			</el-container>
			<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="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 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 type="textarea" :rows="4" v-model="name" />
			</el-form-item>
			</el-col>
			</el-row>
			<div v-show="advancedQueryShow">
			<form>
			<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>
			<el-col :span="24">

			<table>
			<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>
			</el-row>
			</form>
			</div>
			</el-header>
			<el-container>
			<el-aside width="300px">
			<el-tree :data="data" :props="defaultProps" @node-click="handleNodeClick" />
			</el-aside>
			<el-main>
			<el-table :data="tableData" style="width: 100%">
			<el-table-column fixed="left" label="操作" width="100">
			<template>
			<el-button type="text" size="small" @click="showEmpInfo()">编辑</el-button>
			</template>
			</el-table-column>
			<el-table-column prop="date" label="日期" width="180" />
			<el-table-column prop="name" label="姓名" width="180" />
			<el-table-column prop="address" label="地址" />
			</el-table>
			</el-main>
			</el-container>
			</el-container>
			<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>
			</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>
			export default {
			data() {
			return {
			headerHeight: '60px',
			advancedQueryShow: false,
			dialogTableVisible: false,
			tableData: [{
			date: '2016-05-02',
			name: '王小虎',
			address: '上海市普陀区金沙江路 1518 弄'
			}, {
			date: '2016-05-04',
			name: '王小虎',
			address: '上海市普陀区金沙江路 1517 弄'
			}, {
			date: '2016-05-01',
			name: '王小虎',
			address: '上海市普陀区金沙江路 1519 弄'
			}, {
			date: '2016-05-03',
			name: '王小虎',
			address: '上海市普陀区金沙江路 1516 弄'
			}],
			data: [{
			label: '一级 1',
			children: [{
			label: '二级 1-1',
			children: [{
			label: '三级 1-1-1'
			}]
			}]
			},
			{
			label: '一级 2',
			children: [{
			label: '二级 2-1',
			children: [{
			label: '三级 2-1-1'
			}]
			},
			{
			label: '二级 2-2',
			children: [{
			label: '三级 2-2-1'
			}]
			}
			]
			},
			{
			label: '一级 3',
			children: [{
			label: '二级 3-1',
			children: [{
			label: '三级 3-1-1'
			}]
			},
			{
			label: '二级 3-2',
			children: [{
			label: '三级 3-2-1'
			}]
			}
			]
			}
			],
			defaultProps: {
			children: 'children',
			label: 'label'
			}
			}
			},
			methods: {
			handleNodeClick(data) {
			console.log(data)
			},
			advancedQueryShowMethods() {
			if (this.advancedQueryShow) {
			this.headerHeight = '60px'
			this.advancedQueryShow = false
			} else {
			this.headerHeight = '300px'
			this.advancedQueryShow = true
			}
			},
			showEmpInfo() {
			this.dialogTableVisible = true
			}
			}
			}
			</script>
			<style lang="scss">
			.el-aside {
			padding: 20px;
			background: #f3f5f8;
			height: 600px;

			.el-tree {
			height: 100%;
			}
			}

			.el-main {
			height: 600px;
			}

			#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 #cad9ea;
			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;
			}
			</el-dialog>
			</div>
			</template>
			<script>
			export default {
			data() {
			return {
			headerHeight: '70px',
			advancedQueryShow: false,
			dialogTableVisible: false,
			dialogShowYgdg: false,
			dialogShowDryg: false,
			dialogShowGbda: false,
			tableData: [{
			date: '2016-05-02',
			name: '王小虎',
			address: '上海市普陀区金沙江路 1518 弄'
			}, {
			date: '2016-05-04',
			name: '王小虎',
			address: '上海市普陀区金沙江路 1517 弄'
			}, {
			date: '2016-05-01',
			name: '王小虎',
			address: '上海市普陀区金沙江路 1519 弄'
			}, {
			date: '2016-05-03',
			name: '王小虎',
			address: '上海市普陀区金沙江路 1516 弄'
			}],
			data: [{
			label: '一级 1',
			children: [{
			label: '二级 1-1',
			children: [{
			label: '三级 1-1-1'
			}]
			}]
			},
			{
			label: '一级 2',
			children: [{
			label: '二级 2-1',
			children: [{
			label: '三级 2-1-1'
			}]
			},
			{
			label: '二级 2-2',
			children: [{
			label: '三级 2-2-1'
			}]
			}
			]
			},
			{
			label: '一级 3',
			children: [{
			label: '二级 3-1',
			children: [{
			label: '三级 3-1-1'
			}]
			},
			{
			label: '二级 3-2',
			children: [{
			label: '三级 3-2-1'
			}]
			}
			]
			}
			],
			defaultProps: {
			children: 'children',
			label: 'label'
			}
			}
			},
			methods: {
			handleNodeClick(data) {
			console.log(data)
			},
			advancedQueryShowMethods() {
			if (this.advancedQueryShow) {
			this.headerHeight = '70px'
			this.advancedQueryShow = false
			} else {
			this.headerHeight = '350px'
			this.advancedQueryShow = true
			}
			},
			showEmpInfo() {
			this.dialogTableVisible = true
			},
			showYgdg() {
			this.dialogShowYgdg = true
			},
			showDryg() {
			this.dialogShowDryg = true
			},
			showGbda() {
			this.dialogShowGbda = true
			}
			}
			}
			</script>
			<style lang="scss">
			.el-aside {
			padding: 20px;
			background: #f3f5f8;
			height: 600px;

			.el-tree {
			height: 100%;
			}
			}

			.el-main {
			height: 600px;
			}

			#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>