增加云盘界面,员工管理增加部分点击事件

yijiusmile

2021-01-28 bbfb3843b95038675936cd80dcbc30eac6baf4ef

增加云盘界面,员工管理增加部分点击事件

 images/fujian.png

 src/views/user/inemployees.vue

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

 src/views/user/outemployess.vue

New file
@@ -0,0 +1,1022 @@
<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="24">

            <el-button type="primary">删除员工</el-button>

            <el-button type="danger" @click="showDkda">打开档案</el-button>

            <el-button type="danger">离职证明</el-button>

            <el-button type="danger">导出报表</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="dialogShowDkda" 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-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>

      </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: '70px',

        advancedQueryShow: false,

        dialogTableVisible: false,

        dialogShowDkda: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 = '300px'

          this.advancedQueryShow = true

        }

      },

      showEmpInfo() {

        this.dialogTableVisible = true

      },

      showDkda(){

        this.dialogShowDkda = 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>

 src/views/user/search.vue

New file
@@ -0,0 +1,448 @@
<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.native="advancedQueryShowMethods">高级查询</el-button>

          </el-col>

        </el-row>

        <el-row>

          <el-col :span="7">

            <h3 class="bu-tian-jia-title">已为您搜索出 6 条符合条件的记录</h3>

          </el-col>

          <el-col :span="8">

            <el-button type="danger">导出EXCEL</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 :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 :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-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">150-159</el-radio>

                        <el-radio :label="9">160-169</el-radio>

                        <el-radio :label="9">170-179</el-radio>

                        <el-radio :label="9">180-189</el-radio>

                        <el-radio :label="9">190-199</el-radio>

                        <el-radio :label="9">200及以上</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 :label="6">正常离职</el-radio>

                        <el-radio :label="6">自动离职</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="400px">

          <el-tree :data="data" :props="defaultProps" @node-click="handleNodeClick" />

        </el-aside>

        <el-main>

          <el-table :data="tableData" style="width: 100%">

            <el-table-column prop="prop0" label="序号" width="180" />

            <el-table-column prop="prop1" label="员工编号" width="180" />

            <el-table-column prop="prop2" label="姓名" width="180" />

            <el-table-column prop="prop3" label="性别" width="180" />

            <el-table-column prop="prop4" label="身份证号码" width="180" />

            <el-table-column prop="prop5" label="有效期" width="180" />

            <el-table-column prop="prop6" label="民族" width="180" />

            <el-table-column prop="prop7" label="身高" width="180" />

            <el-table-column prop="prop8" label="年龄" width="180" />

            <el-table-column prop="prop9" label="政治面貌" width="180" />

            <el-table-column prop="prop10" label="最高学历" width="180" />

            <el-table-column prop="prop11" label="籍贯" width="180" />

            <el-table-column prop="prop12" label="保安员证号" width="180" />

            <el-table-column prop="prop13" label="保安员回执" width="180" />

            <el-table-column prop="prop14" label="档案情况" width="180" />

            <el-table-column prop="prop15" label="员工状态" width="180" />

            <el-table-column prop="prop16" label="电话号码" width="180" />

          </el-table>

        </el-main>

      </el-container>

    </el-container>

  </div>

</template>

<script>

  export default {

    data() {

      return {

        headerHeight: '70px',

        advancedQueryShow: false,

        dialogTableVisible: false,

        tableData: [{

          "prop0": "1",

          "prop1": "2100452312",

          "prop2": "赵建国",

          "prop3": "男",

          "prop4": "510304197402225813",

          "prop5": "10",

          "prop6": "汉族",

          "prop7": "170",

          "prop8": "46",

          "prop9": "党员",

          "prop10": "大专",

          "prop11": "广东省番禺市",

          "prop12": "",

          "prop13": "",

          "prop14": "已移交",

          "prop15": "在职",

          "prop16": "133023187889"

        }, {

          "prop0": "2",

          "prop1": "2101620946",

          "prop2": "罗启艳",

          "prop3": "女",

          "prop4": "41272619740120543X",

          "prop5": "10",

          "prop6": "汉族",

          "prop7": "175",

          "prop8": "46",

          "prop9": "团员",

          "prop10": "高中",

          "prop11": "广东省番禺市",

          "prop12": "",

          "prop13": "",

          "prop14": "已移交",

          "prop15": "在职",

          "prop16": "189135789889"

        }, {

          "prop0": "3",

          "prop1": "2100629950",

          "prop2": "毛玉平",

          "prop3": "男",

          "prop4": "522528198202071629",

          "prop5": "10",

          "prop6": "汉族",

          "prop7": "170",

          "prop8": "39",

          "prop9": "非党员",

          "prop10": "高中",

          "prop11": "广东省番禺市",

          "prop12": "",

          "prop13": "",

          "prop14": "已移交",

          "prop15": "在职",

          "prop16": "135098784561"

        }, {

          "prop0": "4",

          "prop1": "2100882835",

          "prop2": "梅均均",

          "prop3": "女",

          "prop4": "510504198704260927",

          "prop5": "10",

          "prop6": "汉族",

          "prop7": "175",

          "prop8": "34",

          "prop9": "党员",

          "prop10": "高中",

          "prop11": "广东省番禺市",

          "prop12": "",

          "prop13": "",

          "prop14": "未移交",

          "prop15": "在职",

          "prop16": "133023187889"

        }, {

          "prop0": "5",

          "prop1": "2101356718",

          "prop2": "王香妮",

          "prop3": "女",

          "prop4": "433122199508091511",

          "prop5": "10",

          "prop6": "汉族",

          "prop7": "175",

          "prop8": "26",

          "prop9": "团员",

          "prop10": "高中",

          "prop11": "广东省番禺市",

          "prop12": "",

          "prop13": "",

          "prop14": "未移交",

          "prop15": "在职",

          "prop16": "189135789889"

        }, {

          "prop0": "6",

          "prop1": "2100900981",

          "prop2": "易金洪",

          "prop3": "男",

          "prop4": "610424198306152860",

          "prop5": "10",

          "prop6": "苗族",

          "prop7": "169",

          "prop8": "38",

          "prop9": "非党员",

          "prop10": "",

          "prop11": "广东省番禺市",

          "prop12": "",

          "prop13": "",

          "prop14": "已移交",

          "prop15": "正常离职",

          "prop16": "135098784561"

        }],

        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 = '410px'

          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;

  }



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

 src/views/yunpan/fujian.vue

New file
@@ -0,0 +1,666 @@
<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="24">

            <el-button type="danger">新建标签</el-button>

            <el-button type="primary">删除标签</el-button>

            <el-button type="danger">删除附件</el-button>

            <el-button type="danger">下载</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="4">入职日期：从 ：

                <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="4">

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

          <el-table :data="tableData" style="width: 100%">

            <el-table-column prop="prop0" label="" width="180" />

            <el-table-column prop="prop1" label="操作" width="180" />

            <el-table-column prop="prop2" label="姓名" width="180" />

            <el-table-column prop="prop3" label="身份证号" width="180" />

            <el-table-column prop="prop4" label="所属部门" width="180" />

            <el-table-column prop="prop5" label="岗位" width="180" />

            <el-table-column prop="prop6" label="记录截图" width="180" />

            <el-table-column prop="prop7" label="照片" width="180" />

            <el-table-column prop="prop8" label="劳动合同" width="180" />

            <el-table-column prop="prop9" label="身份证" width="180" />

            <el-table-column prop="prop10" label="入职表" width="180" />

            <el-table-column prop="prop11" label="体检表" width="180" />

            <el-table-column prop="prop12" label="回执" width="180" />

            <el-table-column prop="prop13" label="银行卡" width="180" />

            <el-table-column prop="prop14" label="证件" width="180" />

            <el-table-column prop="prop15" label="合同相关" width="180" />

            <el-table-column prop="prop16" label="请假" width="180" />

            <el-table-column prop="prop17" label="处罚" width="180" />

            <el-table-column prop="prop18" label="辞职申请" width="180" />

            <el-table-column prop="prop19" label="离职手续" width="180" />

            <el-table-column prop="prop20" label="自离" width="180" />

            <el-table-column prop="prop21" label="社保" width="180" />

            <el-table-column prop="prop22" label="失业金" width="180" />

            <el-table-column prop="prop23" label="意外险" width="180" />

            <el-table-column prop="prop24" label="工伤" width="180" />

            <el-table-column prop="prop25" label="劳资" width="180" />

          </el-table>

        </el-main>

      </el-container>

    </el-container>



  </div>

</template>

<script>

  export default {

    data() {

      return {

        headerHeight: '70px',

        advancedQueryShow: false,

        dialogTableVisible: false,

        tableData: [{

          "prop0": "",

          "prop1": "上传",

          "prop2": "赵建国",

          "prop3": "510304197402225813",

          "prop4": "一分公司",

          "prop5": "保安员",

          "prop6": "1",

          "prop7": "1",

          "prop8": "5",

          "prop9": "1",

          "prop10": "5",

          "prop11": "1",

          "prop12": "1",

          "prop13": "1",

          "prop14": "5",

          "prop15": "1",

          "prop16": "5",

          "prop17": "1",

          "prop18": "5",

          "prop19": "5",

          "prop20": "1",

          "prop21": "5",

          "prop22": "1",

          "prop23": "5",

          "prop24": "1",

          "prop25": "5"

        }, {

          "prop0": "",

          "prop1": "上传",

          "prop2": "罗启艳",

          "prop3": "41272619740120543X",

          "prop4": "一分公司",

          "prop5": "保安员",

          "prop6": "1",

          "prop7": "1",

          "prop8": "4",

          "prop9": "1",

          "prop10": "4",

          "prop11": "1",

          "prop12": "1",

          "prop13": "1",

          "prop14": "4",

          "prop15": "1",

          "prop16": "4",

          "prop17": "1",

          "prop18": "4",

          "prop19": "4",

          "prop20": "1",

          "prop21": "4",

          "prop22": "1",

          "prop23": "4",

          "prop24": "1",

          "prop25": "4"

        }, {

          "prop0": "",

          "prop1": "上传",

          "prop2": "毛玉平",

          "prop3": "522528198202071629",

          "prop4": "一分公司",

          "prop5": "保安员",

          "prop6": "1",

          "prop7": "1",

          "prop8": "3",

          "prop9": "1",

          "prop10": "3",

          "prop11": "1",

          "prop12": "1",

          "prop13": "1",

          "prop14": "3",

          "prop15": "1",

          "prop16": "3",

          "prop17": "1",

          "prop18": "3",

          "prop19": "3",

          "prop20": "1",

          "prop21": "3",

          "prop22": "1",

          "prop23": "3",

          "prop24": "1",

          "prop25": "3"

        }, {

          "prop0": "",

          "prop1": "上传",

          "prop2": "梅均均",

          "prop3": "510504198704260927",

          "prop4": "一分公司",

          "prop5": "保安员",

          "prop6": "1",

          "prop7": "1",

          "prop8": "3",

          "prop9": "1",

          "prop10": "3",

          "prop11": "1",

          "prop12": "1",

          "prop13": "1",

          "prop14": "3",

          "prop15": "1",

          "prop16": "3",

          "prop17": "1",

          "prop18": "3",

          "prop19": "3",

          "prop20": "1",

          "prop21": "3",

          "prop22": "1",

          "prop23": "3",

          "prop24": "1",

          "prop25": "3"

        }, {

          "prop0": "",

          "prop1": "上传",

          "prop2": "王香妮",

          "prop3": "433122199508091511",

          "prop4": "一分公司",

          "prop5": "保安员",

          "prop6": "1",

          "prop7": "2",

          "prop8": "3",

          "prop9": "1",

          "prop10": "3",

          "prop11": "1",

          "prop12": "1",

          "prop13": "2",

          "prop14": "3",

          "prop15": "1",

          "prop16": "3",

          "prop17": "1",

          "prop18": "3",

          "prop19": "3",

          "prop20": "1",

          "prop21": "3",

          "prop22": "1",

          "prop23": "3",

          "prop24": "1",

          "prop25": "3"

        }, {

          "prop0": "",

          "prop1": "上传",

          "prop2": "易金洪",

          "prop3": "610424198306152860",

          "prop4": "一分公司",

          "prop5": "保安员",

          "prop6": "1",

          "prop7": "1",

          "prop8": "4",

          "prop9": "1",

          "prop10": "4",

          "prop11": "1",

          "prop12": "1",

          "prop13": "1",

          "prop14": "4",

          "prop15": "1",

          "prop16": "4",

          "prop17": "1",

          "prop18": "4",

          "prop19": "4",

          "prop20": "1",

          "prop21": "4",

          "prop22": "1",

          "prop23": "4",

          "prop24": "1",

          "prop25": "4"

        }, {

          "prop0": "",

          "prop1": "上传",

          "prop2": "李忠敏",

          "prop3": "511123198602016016",

          "prop4": "一分公司",

          "prop5": "保安员",

          "prop6": "1",

          "prop7": "1",

          "prop8": "5",

          "prop9": "1",

          "prop10": "5",

          "prop11": "1",

          "prop12": "1",

          "prop13": "1",

          "prop14": "5",

          "prop15": "1",

          "prop16": "5",

          "prop17": "1",

          "prop18": "5",

          "prop19": "5",

          "prop20": "1",

          "prop21": "5",

          "prop22": "1",

          "prop23": "5",

          "prop24": "1",

          "prop25": "5"

        }, {

          "prop0": "",

          "prop1": "上传",

          "prop2": "徐健",

          "prop3": "512927197202166053",

          "prop4": "一分公司",

          "prop5": "保安员",

          "prop6": "1",

          "prop7": "1",

          "prop8": "6",

          "prop9": "1",

          "prop10": "6",

          "prop11": "1",

          "prop12": "1",

          "prop13": "1",

          "prop14": "6",

          "prop15": "1",

          "prop16": "6",

          "prop17": "1",

          "prop18": "6",

          "prop19": "6",

          "prop20": "1",

          "prop21": "6",

          "prop22": "1",

          "prop23": "6",

          "prop24": "1",

          "prop25": "6"

        }, {

          "prop0": "",

          "prop1": "上传",

          "prop2": "曾昌玖",

          "prop3": "510322197606103351",

          "prop4": "一分公司",

          "prop5": "经理",

          "prop6": "1",

          "prop7": "1",

          "prop8": "3",

          "prop9": "1",

          "prop10": "3",

          "prop11": "1",

          "prop12": "1",

          "prop13": "1",

          "prop14": "3",

          "prop15": "1",

          "prop16": "3",

          "prop17": "1",

          "prop18": "3",

          "prop19": "3",

          "prop20": "1",

          "prop21": "3",

          "prop22": "1",

          "prop23": "3",

          "prop24": "1",

          "prop25": "3"

        }, {

          "prop0": "",

          "prop1": "上传",

          "prop2": "赵高",

          "prop3": "511123197510263074",

          "prop4": "一分公司",

          "prop5": "保安员",

          "prop6": "1",

          "prop7": "1",

          "prop8": "2",

          "prop9": "1",

          "prop10": "2",

          "prop11": "1",

          "prop12": "1",

          "prop13": "1",

          "prop14": "2",

          "prop15": "1",

          "prop16": "2",

          "prop17": "1",

          "prop18": "2",

          "prop19": "2",

          "prop20": "1",

          "prop21": "2",

          "prop22": "1",

          "prop23": "2",

          "prop24": "1",

          "prop25": "2"

        }, {

          "prop0": "",

          "prop1": "上传",

          "prop2": "王忠山",

          "prop3": "522426199904290419",

          "prop4": "一分公司",

          "prop5": "主管",

          "prop6": "1",

          "prop7": "1",

          "prop8": "1",

          "prop9": "1",

          "prop10": "1",

          "prop11": "1",

          "prop12": "1",

          "prop13": "1",

          "prop14": "1",

          "prop15": "1",

          "prop16": "1",

          "prop17": "1",

          "prop18": "1",

          "prop19": "1",

          "prop20": "1",

          "prop21": "1",

          "prop22": "1",

          "prop23": "1",

          "prop24": "1",

          "prop25": "1"

        }, {

          "prop0": "",

          "prop1": "上传",

          "prop2": "严福林",

          "prop3": "433130197205180710",

          "prop4": "一分公司",

          "prop5": "经理",

          "prop6": "1",

          "prop7": "1",

          "prop8": "2",

          "prop9": "1",

          "prop10": "2",

          "prop11": "1",

          "prop12": "1",

          "prop13": "1",

          "prop14": "2",

          "prop15": "1",

          "prop16": "2",

          "prop17": "1",

          "prop18": "2",

          "prop19": "2",

          "prop20": "1",

          "prop21": "2",

          "prop22": "1",

          "prop23": "2",

          "prop24": "1",

          "prop25": "2"

        }, {

          "prop0": "",

          "prop1": "上传",

          "prop2": "叶金云",

          "prop3": "512923197703020639",

          "prop4": "一分公司",

          "prop5": "保安员",

          "prop6": "1",

          "prop7": "1",

          "prop8": "2",

          "prop9": "1",

          "prop10": "2",

          "prop11": "1",

          "prop12": "1",

          "prop13": "1",

          "prop14": "2",

          "prop15": "1",

          "prop16": "2",

          "prop17": "1",

          "prop18": "2",

          "prop19": "2",

          "prop20": "1",

          "prop21": "2",

          "prop22": "1",

          "prop23": "2",

          "prop24": "1",

          "prop25": "2"

        }],

        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 = '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;

  }



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

 src/views/yunpan/zhishou.vue

New file
@@ -0,0 +1,83 @@
<template>

  <el-container>

    <el-aside width="200px">

      <el-card class="info-card" shadow="always" @click.native="isShow(showArr[0].show,0)">

        我的文件夹 +

      </el-card>

      <el-card class="info-card" shadow="always" @click.native="isShow(showArr[1].show,1)">

        自定义文件夹1

      </el-card>

      <el-card class="info-card" shadow="always" @click.native="isShow(showArr[2].show,2)">

        自定义文件夹2

      </el-card>

      <el-card class="info-card" shadow="always" @click.native="isShow(showArr[3].show,3)">

        自定义文件夹3

      </el-card>

      <el-card class="info-card" shadow="always" @click.native="isShow(showArr[4].show,4)">

        自定义文件夹4

      </el-card>

    </el-aside>

    <el-main>

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

      </el-row>

      <el-row>

        <el-col :span="30">

          <el-button type="danger">下载</el-button>

          <el-button type="primary">删除</el-button>

        </el-col>

      </el-row>

      <el-row>

        <el-col :span="30">

          <dl>
            <dt><img src="../../../images/fujian.png"></dt>
            <dd><el-checkbox></el-checkbox> 附件名称1.doc</dd>
          </dl>
          <dl>
            <dt><img src="../../../images/fujian.png"></dt>
            <dd><el-checkbox></el-checkbox> 附件名称2.txt</dd>
          </dl>
          <dl>
            <dt><img src="../../../images/fujian.png"></dt>
            <dd><el-checkbox></el-checkbox> 附件名称3.xls</dd>
          </dl>
          <dl>
            <dt><img src="../../../images/fujian.png"></dt>
            <dd><el-checkbox></el-checkbox> 附件名称4.ppt</dd>
          </dl>
          <dl>
            <dt><img src="../../../images/fujian.png"></dt>
            <dd><el-checkbox></el-checkbox> 附件名称1.doc</dd>
          </dl>
          <dl>
            <dt><img src="../../../images/fujian.png"></dt>
            <dd><el-checkbox></el-checkbox> 附件名称1.doc</dd>
          </dl>
          <dl>
            <dt><img src="../../../images/fujian.png"></dt>
            <dd><el-checkbox></el-checkbox> 附件名称1.doc</dd>
          </dl>

        </el-col>

      </el-row>

    </el-main>

  </el-container>

</template>



<script>

</script>



<style>
  dl{
    float: left;
    margin-right: 20px;
  }
  dd {
      margin-inline-start: 0px;
  }
</style>