yijiusmile
2021-01-25 b3c903b2e941582fe99ae032de47084655028d7d
在职员工高级查询修改,增加详情页
5个文件已添加
1个文件已修改
999 ■■■■ 已修改文件
images/sctp.png 补丁 | 查看 | 原始文档 | blame | 历史
images/u2637.png 补丁 | 查看 | 原始文档 | blame | 历史
images/u2775.png 补丁 | 查看 | 原始文档 | blame | 历史
images/u2777.png 补丁 | 查看 | 原始文档 | blame | 历史
images/u3112.png 补丁 | 查看 | 原始文档 | blame | 历史
src/views/user/inemployees.vue 999 ●●●● 补丁 | 查看 | 原始文档 | blame | 历史
images/sctp.png
images/u2637.png
images/u2775.png
images/u2777.png
images/u3112.png
src/views/user/inemployees.vue
@@ -3,134 +3,823 @@
    <el-container>
      <el-header :height="headerHeight">
        <el-row>
          <el-col :span="16"><h3 class="bu-tian-jia-title">在职员工</h3></el-col>
          <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-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>
        <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-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-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-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-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-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>
            </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
            prop="date"
            label="日期"
            width="180"
          />
          <el-table-column
            prop="name"
            label="姓名"
            width="180"
          />
          <el-table-column
            prop="address"
            label="地址"
          />
        </el-table></el-main>
        <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 title="" id="ygxq" 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>
                  <td>已移交</td>
                </tr>
                <tr>
                  <td>银行名称</td>
                  <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></td>
                </tr>
                <tr>
                  <td>招聘介绍人</td>
                  <td></td>
                  <td>入司工龄</td>
                  <td>1</td>
                  <td>工作证</td>
                  <td>已发</td>
                </tr>
                <tr>
                  <td>家庭成员及关系</td>
                  <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>
                  <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>
                  <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>
                  <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>
                  <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></td>
                </tr>
                <tr>
                  <td>2</td>
                  <td>2019-02-03</td>
                  <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>
                  <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>
                  <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>
                  <td>3</td>
                  <td></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>
                  <td>2</td>
                  <td></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>
                  <td>0</td>
                  <td></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>
                  <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></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></td>
                  <td></td>
                </tr>
                <tr>
                  <td>2</td>
                  <td>2019-02-03</td>
                  <td>2019-10-11</td>
                  <td>辞职</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></td>
                  <td></td>
                  <td class="link_button">编辑</td>
                </tr>
                <tr>
                  <td>2</td>
                  <td>2019-02-03</td>
                  <td></td>
                  <td></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></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></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>
                  <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></td>
                  <td>家里XXXX有事情需要处理,个人原因申请离职</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 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>
                  <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>
                  <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></td>
                  <td class="link_button">编辑</td>
                </tr>
                <tr>
                  <td><input type="checkbox"></td>
                  <td></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>
  </div>
</template>
<script>
@@ -139,6 +828,7 @@
    return {
      headerHeight: '60px',
      advancedQueryShow: false,
        dialogTableVisible:false,
      tableData: [{
        date: '2016-05-02',
        name: '王小虎',
@@ -156,59 +846,44 @@
        name: '王小虎',
        address: '上海市普陀区金沙江路 1516 弄'
      }],
      data: [
        {
        data: [{
          label: '一级 1',
          children: [
            {
            children: [{
              label: '二级 1-1',
              children: [
                {
              children: [{
                  label: '三级 1-1-1'
                }
              ]
            }
          ]
              }]
            }]
        },
        {
          label: '一级 2',
          children: [
            {
            children: [{
              label: '二级 2-1',
              children: [
                {
                children: [{
                  label: '三级 2-1-1'
                }
              ]
                }]
            },
            {
              label: '二级 2-2',
              children: [
                {
                children: [{
                  label: '三级 2-2-1'
                }
              ]
                }]
            }
          ]
        },
        {
          label: '一级 3',
          children: [
            {
            children: [{
              label: '二级 3-1',
              children: [
                {
                children: [{
                  label: '三级 3-1-1'
                }
              ]
                }]
            },
            {
              label: '二级 3-2',
              children: [
                {
                children: [{
                  label: '三级 3-2-1'
                }
              ]
                }]
            }
          ]
        }
@@ -231,6 +906,9 @@
        this.headerHeight = '300px'
        this.advancedQueryShow = true
      }
      },
      showEmpInfo(){
        this.dialogTableVisible=true;
    }
  }
}
@@ -240,11 +918,56 @@
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;
  }
</style>