sunsail-platform-ui.git

parent: 8e98efca | 补丁 | 提交 | ignore whitespace

yz_08

2021-02-01 bae2940392a53b84524967565a12f9d66962a44a

修改登录页面,代码格式化

1个文件已添加

8个文件已修改

	src/main.js	4 ●●●●● 补丁 \| 查看 \| 原始文档 \| blame \| 历史
	src/views/dashboard/index.vue	4 ●●●●● 补丁 \| 查看 \| 原始文档 \| blame \| 历史
	src/views/login/index.vue	5 ●●●●● 补丁 \| 查看 \| 原始文档 \| blame \| 历史
	src/views/login/login-scoped.scss	2 ●●●●● 补丁 \| 查看 \| 原始文档 \| blame \| 历史
	src/views/system/user.vue	1098 ●●●●● 补丁 \| 查看 \| 原始文档 \| blame \| 历史
	src/views/user/outemployess.vue	614 ●●●●● 补丁 \| 查看 \| 原始文档 \| blame \| 历史
	src/views/user/selectdept.vue	109 ●●●●● 补丁 \| 查看 \| 原始文档 \| blame \| 历史
	src/views/user/selectuser.vue	244 ●●●●● 补丁 \| 查看 \| 原始文档 \| blame \| 历史
	vue.config.js	4 ●●●●● 补丁 \| 查看 \| 原始文档 \| blame \| 历史

 src/main.js

@@ -35,8 +35,8 @@
  i18n: (key, value) => i18n.t(key, value)
})

Vue.component('Selectuser',Selectuser)
Vue.component('Selectdept',Selectdept)
Vue.component('Selectuser', Selectuser)
Vue.component('Selectdept', Selectdept)

Vue.prototype.$post = request.post
Vue.prototype.$get = request.get

 src/views/dashboard/index.vue

@@ -1,8 +1,8 @@
<template>
  <div class="main">
    <el-row style="    height: 40px;">
      <el-col :span="10"><div>&nbsp;</div></el-col>
      <el-col :span="14">
      <el-col :span="9"><div>&nbsp;</div></el-col>
      <el-col :span="15">
        <ul class="data-ul">
          <li :class="{selectedColor:selectIndex === 0}" @click="selectTab(0)">今日</li>
          <li :class="{selectedColor:selectIndex === 1}" @click="selectTab(1)">本周</li>

 src/views/login/index.vue

@@ -6,9 +6,10 @@
    </el-row>
    <el-row>
      <el-col :span="4">&nbsp;</el-col>
      <el-col :span="9" style="background-color: #fff;height: 515px;"><img src="../../assets/login/pic03.png"></el-col>
      <el-col :span="10.5" style="background-color: #fff;height: 515px;">
        <img src="../../assets/login/pic03.png"></el-col>
      <el-col :span="0.5" style="background-color: #fff;height: 515px;"><img src="../../assets/login/pic04.png"></el-col>
      <el-col :span="6.5" style="background-color: #fff;height: 515px;"> <el-form ref="loginForm" :model="loginForm" :rules="rules" class="login-form" autocomplete="off" label-position="left">
      <el-col :span="5" style="background-color: #fff;height: 515px;"> <el-form ref="loginForm" :model="loginForm" :rules="rules" class="login-form" autocomplete="off" label-position="left">
        <h2 id="form-biao-dan"><span style="position: relative;">登陆</span></h2>
        <span v-if="login.type === 'up'">
          <el-form-item prop="username" class="form-input">

 src/views/login/login-scoped.scss

@@ -34,8 +34,6 @@
    }
  }
  .login-form {
    width: 420px;
    height: 380px;
    padding: 36px;
    background: #fff;
    .form-input{

 src/views/system/user.vue

New file
@@ -0,0 +1,1098 @@
<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 v-show="advancedQueryShow">
          <el-col :span="24">
            <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="24">
            <el-form-item label="离职类型" prop="region">
              <el-radio-group v-model="radio">
                <el-radio :label="1">正常离职</el-radio>
                <el-radio :label="2">自动离职</el-radio>
                <el-radio :label="3">公司劝退</el-radio>
                <el-radio :label="4">公司辞退</el-radio>
                <el-radio :label="5">试用期内</el-radio>
              </el-radio-group>
            </el-form-item>
            <el-form-item label="关闭日期">
              <el-input v-model="name" />
            </el-form-item>
            <el-form-item label="备注说明">
              <el-input v-model="name" type="textarea" :rows="4" />
            </el-form-item>
          </el-col>
        </el-row>
      </el-form>
      <div slot="footer" class="dialog-footer">
        <el-button @click="dialogIsShow()">取 消</el-button>
        <el-button type="primary" @click="dialogIsShow()">确 定</el-button>
      </div>
    </el-dialog>
  </div>
</template>
<script>
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

@@ -17,8 +17,8 @@
            <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-button type="primary" @click="showXzyg">选择员工</el-button>
            <el-button type="danger">导出报表</el-button>

            <el-button type="primary" @click="showXzyg">选择员工</el-button>

            <el-button type="primary" @click="showXzbm">选择部门</el-button>

          </el-col>

        </el-row>

@@ -862,319 +862,319 @@
      </div>

    </el-dialog>

    <el-dialog title="选择员工" :visible.sync="dialogShowXzyg" width="90%">

      <Selectuser @selectedUser="selectedUser"@cancleChooseUser="cancleChooseUser"></Selectuser>

    </el-dialog>
    <el-dialog title="选择员工" :visible.sync="dialogShowXzbm" width="90%">
      <Selectdept @selectedDept="selectedDept"@cancleChooseDept="cancleChooseDept"></Selectdept>
      <Selectuser @selectedUser="selectedUser" @cancleChooseUser="cancleChooseUser" />

    </el-dialog>

    <el-dialog title="选择员工" :visible.sync="dialogShowXzbm" width="90%">

      <Selectdept @selectedDept="selectedDept" @cancleChooseDept="cancleChooseDept" />

    </el-dialog>

  </div>

</template>

<script>

  export default {

    data() {

      return {

        headerHeight: '70px',

        advancedQueryShow: false,

        dialogTableVisible: false,

        dialogShowDkda: false,

        dialogShowXzyg: false,
        dialogShowXzbm: false,

        tableData: [{

          'prop0': '',

          'prop1': '查看',

          'prop2': '2100452312',

          'prop3': '赵建国',

          'prop4': '510304197402225813',

          'prop5': '男',

          'prop6': '46',

          'prop7': '一分公司',

          'prop8': '保安员',

          'prop9': '2019-08-01',

          'prop10': '2020-08-01',

          'prop11': '高中',

          'prop12': '133023187889',

          'prop13': '正常离职'

        }, {

          'prop0': '',

          'prop1': '查看',

          'prop2': '2101620946',

          'prop3': '罗启艳',

          'prop4': '41272619740120543X',

          'prop5': '女',

          'prop6': '46',

          'prop7': '一分公司',

          'prop8': '保安员',

          'prop9': '2019-08-01',

          'prop10': '2020-08-01',

          'prop11': '高中',

          'prop12': '189135789889',

          'prop13': '正常离职'

        }, {

          'prop0': '',

          'prop1': '查看',

          'prop2': '2100629950',

          'prop3': '毛玉平',

          'prop4': '522528198202071629',

          'prop5': '男',

          'prop6': '38',

          'prop7': '一分公司',

          'prop8': '保安员',

          'prop9': '2019-08-01',

          'prop10': '2020-08-01',

          'prop11': '高中',

          'prop12': '135098784561',

          'prop13': '正常离职'

        }, {

          'prop0': '',

          'prop1': '查看',

          'prop2': '2100882835',

          'prop3': '梅均均',

          'prop4': '510504198704260927',

          'prop5': '女',

          'prop6': '33',

          'prop7': '一分公司',

          'prop8': '保安员',

          'prop9': '2019-08-01',

          'prop10': '2020-08-01',

          'prop11': '高中',

          'prop12': '133023187889',

          'prop13': '正常离职'

        }, {

          'prop0': '',

          'prop1': '查看',

          'prop2': '2101356718',

          'prop3': '王香妮',

          'prop4': '433122199508091511',

          'prop5': '女',

          'prop6': '25',

          'prop7': '一分公司',

          'prop8': '保安员',

          'prop9': '2019-08-01',

          'prop10': '2020-08-01',

          'prop11': '大专',

          'prop12': '189135789889',

          'prop13': '正常离职'

        }, {

          'prop0': '',

          'prop1': '查看',

          'prop2': '2100900981',

          'prop3': '易金洪',

          'prop4': '610424198306152860',

          'prop5': '男',

          'prop6': '39',

          'prop7': '一分公司',

          'prop8': '保安员',

          'prop9': '2019-08-01',

          'prop10': '2020-08-01',

          'prop11': '大专',

          'prop12': '135098784561',

          'prop13': '正常离职'

        }, {

          'prop0': '',

          'prop1': '查看',

          'prop2': '2101529670',

          'prop3': '李忠敏',

          'prop4': '511123198602016016',

          'prop5': '男',

          'prop6': '32',

          'prop7': '一分公司',

          'prop8': '保安员',

          'prop9': '2019-08-01',

          'prop10': '2020-08-01',

          'prop11': '大专',

          'prop12': '133023187889',

          'prop13': '正常离职'

        }, {

          'prop0': '',

          'prop1': '查看',

          'prop2': '2101578011',

          'prop3': '徐健',

          'prop4': '512927197202166053',

          'prop5': '男',

          'prop6': '48',

          'prop7': '一分公司',

          'prop8': '保安员',

          'prop9': '2019-08-01',

          'prop10': '2020-08-01',

          'prop11': '大专',

          'prop12': '189135789889',

          'prop13': '正常离职'

        }, {

          'prop0': '',

          'prop1': '查看',

          'prop2': '2100326122',

          'prop3': '曾昌玖',

          'prop4': '510322197606103351',

          'prop5': '男',

          'prop6': '44',

          'prop7': '一分公司',

          'prop8': '经理',

          'prop9': '2019-08-01',

          'prop10': '2020-08-01',

          'prop11': '本科',

          'prop12': '135098784561',

          'prop13': '自动离职'

        }, {

          'prop0': '',

          'prop1': '查看',

          'prop2': '2101788698',

          'prop3': '赵高',

          'prop4': '511123197510263074',

          'prop5': '男',

          'prop6': '55',

          'prop7': '一分公司',

          'prop8': '保安员',

          'prop9': '2019-08-01',

          'prop10': '2020-08-01',

          'prop11': '大专',

          'prop12': '133023187889',

          'prop13': '正常离职'

        }, {

          'prop0': '',

          'prop1': '查看',

          'prop2': '2101861146',

          'prop3': '王忠山',

          'prop4': '522426199904290419',

          'prop5': '男',

          'prop6': '21',

          'prop7': '一分公司',

          'prop8': '主管',

          'prop9': '2019-08-01',

          'prop10': '2020-08-01',

          'prop11': '大专',

          'prop12': '189135789889',

          'prop13': '正常离职'

        }, {

          'prop0': '',

          'prop1': '查看',

          'prop2': '2100315416',

          'prop3': '严福林',

          'prop4': '433130197205180710',

          'prop5': '男',

          'prop6': '55',

          'prop7': '一分公司',

          'prop8': '经理',

          'prop9': '2019-08-01',

          'prop10': '2020-08-01',

          'prop11': '本科',

          'prop12': '135098784561',

          'prop13': '自动离职'

        }, {

          'prop0': '',

          'prop1': '查看',

          'prop2': '2101382208',

          'prop3': '叶金云',

          'prop4': '512923197703020639',

          'prop5': '男',

          'prop6': '43',

          'prop7': '一分公司',

          'prop8': '保安员',

          'prop9': '2019-08-01',

          'prop10': '2020-08-01',

          'prop11': '高中',

          'prop12': '1350987861234',

          'prop13': '正常离职'

        }],

        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'

export default {

  data() {

    return {

      headerHeight: '70px',

      advancedQueryShow: false,

      dialogTableVisible: false,

      dialogShowDkda: false,

      dialogShowXzyg: false,

      dialogShowXzbm: false,

      tableData: [{

        'prop0': '',

        'prop1': '查看',

        'prop2': '2100452312',

        'prop3': '赵建国',

        'prop4': '510304197402225813',

        'prop5': '男',

        'prop6': '46',

        'prop7': '一分公司',

        'prop8': '保安员',

        'prop9': '2019-08-01',

        'prop10': '2020-08-01',

        'prop11': '高中',

        'prop12': '133023187889',

        'prop13': '正常离职'

      }, {

        'prop0': '',

        'prop1': '查看',

        'prop2': '2101620946',

        'prop3': '罗启艳',

        'prop4': '41272619740120543X',

        'prop5': '女',

        'prop6': '46',

        'prop7': '一分公司',

        'prop8': '保安员',

        'prop9': '2019-08-01',

        'prop10': '2020-08-01',

        'prop11': '高中',

        'prop12': '189135789889',

        'prop13': '正常离职'

      }, {

        'prop0': '',

        'prop1': '查看',

        'prop2': '2100629950',

        'prop3': '毛玉平',

        'prop4': '522528198202071629',

        'prop5': '男',

        'prop6': '38',

        'prop7': '一分公司',

        'prop8': '保安员',

        'prop9': '2019-08-01',

        'prop10': '2020-08-01',

        'prop11': '高中',

        'prop12': '135098784561',

        'prop13': '正常离职'

      }, {

        'prop0': '',

        'prop1': '查看',

        'prop2': '2100882835',

        'prop3': '梅均均',

        'prop4': '510504198704260927',

        'prop5': '女',

        'prop6': '33',

        'prop7': '一分公司',

        'prop8': '保安员',

        'prop9': '2019-08-01',

        'prop10': '2020-08-01',

        'prop11': '高中',

        'prop12': '133023187889',

        'prop13': '正常离职'

      }, {

        'prop0': '',

        'prop1': '查看',

        'prop2': '2101356718',

        'prop3': '王香妮',

        'prop4': '433122199508091511',

        'prop5': '女',

        'prop6': '25',

        'prop7': '一分公司',

        'prop8': '保安员',

        'prop9': '2019-08-01',

        'prop10': '2020-08-01',

        'prop11': '大专',

        'prop12': '189135789889',

        'prop13': '正常离职'

      }, {

        'prop0': '',

        'prop1': '查看',

        'prop2': '2100900981',

        'prop3': '易金洪',

        'prop4': '610424198306152860',

        'prop5': '男',

        'prop6': '39',

        'prop7': '一分公司',

        'prop8': '保安员',

        'prop9': '2019-08-01',

        'prop10': '2020-08-01',

        'prop11': '大专',

        'prop12': '135098784561',

        'prop13': '正常离职'

      }, {

        'prop0': '',

        'prop1': '查看',

        'prop2': '2101529670',

        'prop3': '李忠敏',

        'prop4': '511123198602016016',

        'prop5': '男',

        'prop6': '32',

        'prop7': '一分公司',

        'prop8': '保安员',

        'prop9': '2019-08-01',

        'prop10': '2020-08-01',

        'prop11': '大专',

        'prop12': '133023187889',

        'prop13': '正常离职'

      }, {

        'prop0': '',

        'prop1': '查看',

        'prop2': '2101578011',

        'prop3': '徐健',

        'prop4': '512927197202166053',

        'prop5': '男',

        'prop6': '48',

        'prop7': '一分公司',

        'prop8': '保安员',

        'prop9': '2019-08-01',

        'prop10': '2020-08-01',

        'prop11': '大专',

        'prop12': '189135789889',

        'prop13': '正常离职'

      }, {

        'prop0': '',

        'prop1': '查看',

        'prop2': '2100326122',

        'prop3': '曾昌玖',

        'prop4': '510322197606103351',

        'prop5': '男',

        'prop6': '44',

        'prop7': '一分公司',

        'prop8': '经理',

        'prop9': '2019-08-01',

        'prop10': '2020-08-01',

        'prop11': '本科',

        'prop12': '135098784561',

        'prop13': '自动离职'

      }, {

        'prop0': '',

        'prop1': '查看',

        'prop2': '2101788698',

        'prop3': '赵高',

        'prop4': '511123197510263074',

        'prop5': '男',

        'prop6': '55',

        'prop7': '一分公司',

        'prop8': '保安员',

        'prop9': '2019-08-01',

        'prop10': '2020-08-01',

        'prop11': '大专',

        'prop12': '133023187889',

        'prop13': '正常离职'

      }, {

        'prop0': '',

        'prop1': '查看',

        'prop2': '2101861146',

        'prop3': '王忠山',

        'prop4': '522426199904290419',

        'prop5': '男',

        'prop6': '21',

        'prop7': '一分公司',

        'prop8': '主管',

        'prop9': '2019-08-01',

        'prop10': '2020-08-01',

        'prop11': '大专',

        'prop12': '189135789889',

        'prop13': '正常离职'

      }, {

        'prop0': '',

        'prop1': '查看',

        'prop2': '2100315416',

        'prop3': '严福林',

        'prop4': '433130197205180710',

        'prop5': '男',

        'prop6': '55',

        'prop7': '一分公司',

        'prop8': '经理',

        'prop9': '2019-08-01',

        'prop10': '2020-08-01',

        'prop11': '本科',

        'prop12': '135098784561',

        'prop13': '自动离职'

      }, {

        'prop0': '',

        'prop1': '查看',

        'prop2': '2101382208',

        'prop3': '叶金云',

        'prop4': '512923197703020639',

        'prop5': '男',

        'prop6': '43',

        'prop7': '一分公司',

        'prop8': '保安员',

        'prop9': '2019-08-01',

        'prop10': '2020-08-01',

        'prop11': '高中',

        'prop12': '1350987861234',

        'prop13': '正常离职'

      }],

      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

      }

    },

    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

      },

      showXzyg() {

        this.dialogShowXzyg = true

      },
      cancleChooseUser(){
        this.dialogShowXzyg = false
      },
      selectedUser(users) {
        var names="";
        for (var i = 0; i < users.length; i++) {
          var data=users[i];
          names+=data.prop2+',';
        }
        alert("已选择人员"+names)
        console.log(users)
      },
      showXzbm() {
        this.dialogShowXzbm = true
      },
      cancleChooseDept(){
        this.dialogShowXzbm = false
      },
      selectedDept(users) {
        var names="";
        for (var i = 0; i < users.length; i++) {
          var data=users[i];
          names+=data.label+',';
        }
        alert("已选择部门"+names)
        console.log(users)
      },


    showEmpInfo() {

      this.dialogTableVisible = true

    },

    showDkda() {

      this.dialogShowDkda = true

    },

    showXzyg() {

      this.dialogShowXzyg = true

    },

    cancleChooseUser() {

      this.dialogShowXzyg = false

    },

    selectedUser(users) {

      var names = ''

      for (var i = 0; i < users.length; i++) {

        var data = users[i]

        names += data.prop2 + ','

      }

      alert('已选择人员' + names)

      console.log(users)

    },

    showXzbm() {

      this.dialogShowXzbm = true

    },

    cancleChooseDept() {

      this.dialogShowXzbm = false

    },

    selectedDept(users) {

      var names = ''

      for (var i = 0; i < users.length; i++) {

        var data = users[i]

        names += data.label + ','

      }

      alert('已选择部门' + names)

      console.log(users)

    }



  }

}

</script>

<style lang="scss">

  .el-aside {

@@ -1245,4 +1245,4 @@
  .del_button {

    color: #D9001B;

  }

</style>
</style>


 src/views/user/selectdept.vue

@@ -1,67 +1,76 @@
<template>

  <div>

    <el-input placeholder="输入关键字进行过滤" v-model="filterText">

    </el-input>

    <el-tree ref="tree" :data="deptTree" :check-strictly="true" show-checkbox accordion node-key="id" highlight-current

      default-expand-all :filter-node-method="filterNode" @node-click="nodeClick" />

    <el-input v-model="filterText" placeholder="输入关键字进行过滤" />

    <el-tree

      ref="tree"

      :data="deptTree"

      :check-strictly="true"

      show-checkbox

      accordion

      node-key="id"

      highlight-current

      default-expand-all

      :filter-node-method="filterNode"

      @node-click="nodeClick"

    />

    <el-button type="primary" @click="sureChoose">确定</el-button>

    <el-button type="danger" @click="cancleChoose">取消</el-button>

  </div>

</template>

<script>

  export default {

    data() {

export default {

  data() {

    return {

      filterText: '',

      headerHeight: '70px',

      advancedQueryShow: false,

      deptTree: [],

      dept: this.initDept()

    }

  },

  watch: {

    filterText(val) {

      this.$refs.tree.filter(val)

    }

  },

  mounted() {

    this.initDeptTree()

  },

  methods: {

    initDept() {

      return {

        filterText: '',

        headerHeight: '70px',

        advancedQueryShow: false,

        deptTree: [],

        dept: this.initDept(),

        deptId: '',

        deptName: '',

        parentId: null,

        orderNum: 0

      }

    },

    watch: {

      filterText(val) {

        this.$refs.tree.filter(val);

      }

    initDeptTree() {

      this.$get('system/dept').then((r) => {

        this.deptTree = r.data.data.rows

      })

    },

    mounted() {

      this.initDeptTree()

    filterNode(value, data) {

      if (!value) return true

      return data.label.indexOf(value) !== -1

    },

    methods: {

      initDept() {

        return {

          deptId: '',

          deptName: '',

          parentId: null,

          orderNum: 0

        }

      },

      initDeptTree() {

        this.$get('system/dept').then((r) => {

          this.deptTree = r.data.data.rows

        })

      },

      filterNode(value, data) {

        if (!value) return true

        return data.label.indexOf(value) !== -1

      },

      nodeClick(data) {

        this.dept.parentId = data.parentId

        if (this.dept.parentId === '0') {

          this.dept.parentId = null

        }

        this.dept.orderNum = data.orderNum

        this.dept.deptName = data.label

        this.dept.deptId = data.id

      },

      sureChoose() {
        this.$emit('selectedDept', this.$refs.tree.getCheckedNodes())

      },

      cancleChoose() {

        this.$emit('cancleChooseDept')

    nodeClick(data) {

      this.dept.parentId = data.parentId

      if (this.dept.parentId === '0') {

        this.dept.parentId = null

      }

      this.dept.orderNum = data.orderNum

      this.dept.deptName = data.label

      this.dept.deptId = data.id

    },

    sureChoose() {

      this.$emit('selectedDept', this.$refs.tree.getCheckedNodes())

    },

    cancleChoose() {

      this.$emit('cancleChooseDept')

    }

  }

}

</script>

<style lang="scss">

  .el-aside {

@@ -132,4 +141,4 @@
  .del_button {

    color: #D9001B;

  }

</style>
</style>


 src/views/user/selectuser.vue

@@ -4,7 +4,7 @@
      <el-header :height="headerHeight">

        <el-row>

          <el-col :span="16">

            <h3 class="bu-tian-jia-title"></h3>

            <h3 class="bu-tian-jia-title" />

          </el-col>

          <el-col :span="8">

            <el-input v-model="input" placeholder="请输入内容" style="width:200px" />

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

        </el-aside>

        <el-main>

          <el-table
            ref="multipleTable"
            :data="tableData"
            style="width: 100%;height: 90%;"
          <el-table

            ref="multipleTable"

            :data="tableData"

            style="width: 100%;height: 90%;"

            row-key="prop1"

            @selection-change="handleSelectionChange"
            @selection-change="handleSelectionChange"

          >

            <el-table-column type="selection" :reserve-selection="true" width="55" />

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

@@ -179,132 +179,132 @@
            <el-table-column prop="prop2" label="姓名" />

          </el-table>

          <el-button type="primary" @click="sureChoose">确定</el-button>

          <el-button type="danger"  @click="cancleChoose">取消</el-button>

          <el-button type="danger" @click="cancleChoose">取消</el-button>

        </el-main>

      </el-container>

    </el-container>

  </div>

</template>

<script>

  export default {

    data() {

      return {

        headerHeight: '70px',

        advancedQueryShow: false,

        dialogTableVisible: false,

        multipleSelection: [],

        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'

        }],
        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'

export default {

  data() {

    return {

      headerHeight: '70px',

      advancedQueryShow: false,

      dialogTableVisible: false,

      multipleSelection: [],

      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'

      }],

      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'

          }]

        }

        ]

      }

    },

    methods: {

      handleNodeClick(data) {

        console.log(data)

      },

      handleSelectionChange(val) {

        this.multipleSelection = val

      },

      advancedQueryShowMethods() {

        if (this.advancedQueryShow) {

          this.headerHeight = '70px'

          this.advancedQueryShow = false

        } else {

          this.headerHeight = '410px'

          this.advancedQueryShow = true

        }

      },

      showEmpInfo() {

        this.dialogTableVisible = true

      },

      sureChoose() {

        this.$emit('selectedUser', this.multipleSelection)

      },
      cancleChoose(){
        this.$emit('cancleChooseUser')
      ],

      defaultProps: {

        children: 'children',

        label: 'label'

      }

    }

  },

  methods: {

    handleNodeClick(data) {

      console.log(data)

    },

    handleSelectionChange(val) {

      this.multipleSelection = val

    },

    advancedQueryShowMethods() {

      if (this.advancedQueryShow) {

        this.headerHeight = '70px'

        this.advancedQueryShow = false

      } else {

        this.headerHeight = '410px'

        this.advancedQueryShow = true

      }

    },

    showEmpInfo() {

      this.dialogTableVisible = true

    },

    sureChoose() {

      this.$emit('selectedUser', this.multipleSelection)

    },

    cancleChoose() {

      this.$emit('cancleChooseUser')

    }

  }

}

</script>

<style lang="scss">

  .el-aside {

@@ -375,4 +375,4 @@
  .del_button {

    color: #D9001B;

  }

</style>
</style>


 vue.config.js

@@ -36,8 +36,8 @@
      // change xxx-api/login => mock/login
      // detail: https://cli.vuejs.org/config/#devserver-proxy
      [process.env.VUE_APP_BASE_API]: {
        // target: 'http://120.24.23.155:8301/',
        target: 'http://127.0.0.1:8301/',
        target: 'http://120.24.23.155:8301/',
        //  target: 'http://127.0.0.1:8301/',
        changeOrigin: true,
        pathRewrite: {
          ['^' + process.env.VUE_APP_BASE_API]: ''

			@@ -35,8 +35,8 @@
			i18n: (key, value) => i18n.t(key, value)
			})

			Vue.component('Selectuser',Selectuser)
			Vue.component('Selectdept',Selectdept)
			Vue.component('Selectuser', Selectuser)
			Vue.component('Selectdept', Selectdept)

			Vue.prototype.$post = request.post
			Vue.prototype.$get = request.get

			@@ -1,8 +1,8 @@
			<template>
			<div class="main">
			<el-row style=" height: 40px;">
			<el-col :span="10"><div> </div></el-col>
			<el-col :span="14">
			<el-col :span="9"><div> </div></el-col>
			<el-col :span="15">
			<ul class="data-ul">
			<li :class="{selectedColor:selectIndex === 0}" @click="selectTab(0)">今日</li>
			<li :class="{selectedColor:selectIndex === 1}" @click="selectTab(1)">本周</li>

			@@ -6,9 +6,10 @@
			</el-row>
			<el-row>
			<el-col :span="4"> </el-col>
			<el-col :span="9" style="background-color: #fff;height: 515px;"><img src="../../assets/login/pic03.png"></el-col>
			<el-col :span="10.5" style="background-color: #fff;height: 515px;">
			<img src="../../assets/login/pic03.png"></el-col>
			<el-col :span="0.5" style="background-color: #fff;height: 515px;"><img src="../../assets/login/pic04.png"></el-col>
			<el-col :span="6.5" style="background-color: #fff;height: 515px;"> <el-form ref="loginForm" :model="loginForm" :rules="rules" class="login-form" autocomplete="off" label-position="left">
			<el-col :span="5" style="background-color: #fff;height: 515px;"> <el-form ref="loginForm" :model="loginForm" :rules="rules" class="login-form" autocomplete="off" label-position="left">
			<h2 id="form-biao-dan"><span style="position: relative;">登陆</span></h2>
			<span v-if="login.type === 'up'">
			<el-form-item prop="username" class="form-input">

			@@ -34,8 +34,6 @@
			}
			}
			.login-form {
			width: 420px;
			height: 380px;
			padding: 36px;
			background: #fff;
			.form-input{

			@@ -17,8 +17,8 @@
			<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-button type="primary" @click="showXzyg">选择员工</el-button>
			<el-button type="danger">导出报表</el-button>
			<el-button type="primary" @click="showXzyg">选择员工</el-button>
			<el-button type="primary" @click="showXzbm">选择部门</el-button>
			</el-col>
			</el-row>
			@@ -862,319 +862,319 @@
			</div>
			</el-dialog>
			<el-dialog title="选择员工" :visible.sync="dialogShowXzyg" width="90%">
			<Selectuser @selectedUser="selectedUser"@cancleChooseUser="cancleChooseUser"></Selectuser>
			</el-dialog>
			<el-dialog title="选择员工" :visible.sync="dialogShowXzbm" width="90%">
			<Selectdept @selectedDept="selectedDept"@cancleChooseDept="cancleChooseDept"></Selectdept>
			<Selectuser @selectedUser="selectedUser" @cancleChooseUser="cancleChooseUser" />
			</el-dialog>
			<el-dialog title="选择员工" :visible.sync="dialogShowXzbm" width="90%">
			<Selectdept @selectedDept="selectedDept" @cancleChooseDept="cancleChooseDept" />
			</el-dialog>
			</div>
			</template>
			<script>
			export default {
			data() {
			return {
			headerHeight: '70px',
			advancedQueryShow: false,
			dialogTableVisible: false,
			dialogShowDkda: false,
			dialogShowXzyg: false,
			dialogShowXzbm: false,
			tableData: [{
			'prop0': '',
			'prop1': '查看',
			'prop2': '2100452312',
			'prop3': '赵建国',
			'prop4': '510304197402225813',
			'prop5': '男',
			'prop6': '46',
			'prop7': '一分公司',
			'prop8': '保安员',
			'prop9': '2019-08-01',
			'prop10': '2020-08-01',
			'prop11': '高中',
			'prop12': '133023187889',
			'prop13': '正常离职'
			}, {
			'prop0': '',
			'prop1': '查看',
			'prop2': '2101620946',
			'prop3': '罗启艳',
			'prop4': '41272619740120543X',
			'prop5': '女',
			'prop6': '46',
			'prop7': '一分公司',
			'prop8': '保安员',
			'prop9': '2019-08-01',
			'prop10': '2020-08-01',
			'prop11': '高中',
			'prop12': '189135789889',
			'prop13': '正常离职'
			}, {
			'prop0': '',
			'prop1': '查看',
			'prop2': '2100629950',
			'prop3': '毛玉平',
			'prop4': '522528198202071629',
			'prop5': '男',
			'prop6': '38',
			'prop7': '一分公司',
			'prop8': '保安员',
			'prop9': '2019-08-01',
			'prop10': '2020-08-01',
			'prop11': '高中',
			'prop12': '135098784561',
			'prop13': '正常离职'
			}, {
			'prop0': '',
			'prop1': '查看',
			'prop2': '2100882835',
			'prop3': '梅均均',
			'prop4': '510504198704260927',
			'prop5': '女',
			'prop6': '33',
			'prop7': '一分公司',
			'prop8': '保安员',
			'prop9': '2019-08-01',
			'prop10': '2020-08-01',
			'prop11': '高中',
			'prop12': '133023187889',
			'prop13': '正常离职'
			}, {
			'prop0': '',
			'prop1': '查看',
			'prop2': '2101356718',
			'prop3': '王香妮',
			'prop4': '433122199508091511',
			'prop5': '女',
			'prop6': '25',
			'prop7': '一分公司',
			'prop8': '保安员',
			'prop9': '2019-08-01',
			'prop10': '2020-08-01',
			'prop11': '大专',
			'prop12': '189135789889',
			'prop13': '正常离职'
			}, {
			'prop0': '',
			'prop1': '查看',
			'prop2': '2100900981',
			'prop3': '易金洪',
			'prop4': '610424198306152860',
			'prop5': '男',
			'prop6': '39',
			'prop7': '一分公司',
			'prop8': '保安员',
			'prop9': '2019-08-01',
			'prop10': '2020-08-01',
			'prop11': '大专',
			'prop12': '135098784561',
			'prop13': '正常离职'
			}, {
			'prop0': '',
			'prop1': '查看',
			'prop2': '2101529670',
			'prop3': '李忠敏',
			'prop4': '511123198602016016',
			'prop5': '男',
			'prop6': '32',
			'prop7': '一分公司',
			'prop8': '保安员',
			'prop9': '2019-08-01',
			'prop10': '2020-08-01',
			'prop11': '大专',
			'prop12': '133023187889',
			'prop13': '正常离职'
			}, {
			'prop0': '',
			'prop1': '查看',
			'prop2': '2101578011',
			'prop3': '徐健',
			'prop4': '512927197202166053',
			'prop5': '男',
			'prop6': '48',
			'prop7': '一分公司',
			'prop8': '保安员',
			'prop9': '2019-08-01',
			'prop10': '2020-08-01',
			'prop11': '大专',
			'prop12': '189135789889',
			'prop13': '正常离职'
			}, {
			'prop0': '',
			'prop1': '查看',
			'prop2': '2100326122',
			'prop3': '曾昌玖',
			'prop4': '510322197606103351',
			'prop5': '男',
			'prop6': '44',
			'prop7': '一分公司',
			'prop8': '经理',
			'prop9': '2019-08-01',
			'prop10': '2020-08-01',
			'prop11': '本科',
			'prop12': '135098784561',
			'prop13': '自动离职'
			}, {
			'prop0': '',
			'prop1': '查看',
			'prop2': '2101788698',
			'prop3': '赵高',
			'prop4': '511123197510263074',
			'prop5': '男',
			'prop6': '55',
			'prop7': '一分公司',
			'prop8': '保安员',
			'prop9': '2019-08-01',
			'prop10': '2020-08-01',
			'prop11': '大专',
			'prop12': '133023187889',
			'prop13': '正常离职'
			}, {
			'prop0': '',
			'prop1': '查看',
			'prop2': '2101861146',
			'prop3': '王忠山',
			'prop4': '522426199904290419',
			'prop5': '男',
			'prop6': '21',
			'prop7': '一分公司',
			'prop8': '主管',
			'prop9': '2019-08-01',
			'prop10': '2020-08-01',
			'prop11': '大专',
			'prop12': '189135789889',
			'prop13': '正常离职'
			}, {
			'prop0': '',
			'prop1': '查看',
			'prop2': '2100315416',
			'prop3': '严福林',
			'prop4': '433130197205180710',
			'prop5': '男',
			'prop6': '55',
			'prop7': '一分公司',
			'prop8': '经理',
			'prop9': '2019-08-01',
			'prop10': '2020-08-01',
			'prop11': '本科',
			'prop12': '135098784561',
			'prop13': '自动离职'
			}, {
			'prop0': '',
			'prop1': '查看',
			'prop2': '2101382208',
			'prop3': '叶金云',
			'prop4': '512923197703020639',
			'prop5': '男',
			'prop6': '43',
			'prop7': '一分公司',
			'prop8': '保安员',
			'prop9': '2019-08-01',
			'prop10': '2020-08-01',
			'prop11': '高中',
			'prop12': '1350987861234',
			'prop13': '正常离职'
			}],
			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'
			export default {
			data() {
			return {
			headerHeight: '70px',
			advancedQueryShow: false,
			dialogTableVisible: false,
			dialogShowDkda: false,
			dialogShowXzyg: false,
			dialogShowXzbm: false,
			tableData: [{
			'prop0': '',
			'prop1': '查看',
			'prop2': '2100452312',
			'prop3': '赵建国',
			'prop4': '510304197402225813',
			'prop5': '男',
			'prop6': '46',
			'prop7': '一分公司',
			'prop8': '保安员',
			'prop9': '2019-08-01',
			'prop10': '2020-08-01',
			'prop11': '高中',
			'prop12': '133023187889',
			'prop13': '正常离职'
			}, {
			'prop0': '',
			'prop1': '查看',
			'prop2': '2101620946',
			'prop3': '罗启艳',
			'prop4': '41272619740120543X',
			'prop5': '女',
			'prop6': '46',
			'prop7': '一分公司',
			'prop8': '保安员',
			'prop9': '2019-08-01',
			'prop10': '2020-08-01',
			'prop11': '高中',
			'prop12': '189135789889',
			'prop13': '正常离职'
			}, {
			'prop0': '',
			'prop1': '查看',
			'prop2': '2100629950',
			'prop3': '毛玉平',
			'prop4': '522528198202071629',
			'prop5': '男',
			'prop6': '38',
			'prop7': '一分公司',
			'prop8': '保安员',
			'prop9': '2019-08-01',
			'prop10': '2020-08-01',
			'prop11': '高中',
			'prop12': '135098784561',
			'prop13': '正常离职'
			}, {
			'prop0': '',
			'prop1': '查看',
			'prop2': '2100882835',
			'prop3': '梅均均',
			'prop4': '510504198704260927',
			'prop5': '女',
			'prop6': '33',
			'prop7': '一分公司',
			'prop8': '保安员',
			'prop9': '2019-08-01',
			'prop10': '2020-08-01',
			'prop11': '高中',
			'prop12': '133023187889',
			'prop13': '正常离职'
			}, {
			'prop0': '',
			'prop1': '查看',
			'prop2': '2101356718',
			'prop3': '王香妮',
			'prop4': '433122199508091511',
			'prop5': '女',
			'prop6': '25',
			'prop7': '一分公司',
			'prop8': '保安员',
			'prop9': '2019-08-01',
			'prop10': '2020-08-01',
			'prop11': '大专',
			'prop12': '189135789889',
			'prop13': '正常离职'
			}, {
			'prop0': '',
			'prop1': '查看',
			'prop2': '2100900981',
			'prop3': '易金洪',
			'prop4': '610424198306152860',
			'prop5': '男',
			'prop6': '39',
			'prop7': '一分公司',
			'prop8': '保安员',
			'prop9': '2019-08-01',
			'prop10': '2020-08-01',
			'prop11': '大专',
			'prop12': '135098784561',
			'prop13': '正常离职'
			}, {
			'prop0': '',
			'prop1': '查看',
			'prop2': '2101529670',
			'prop3': '李忠敏',
			'prop4': '511123198602016016',
			'prop5': '男',
			'prop6': '32',
			'prop7': '一分公司',
			'prop8': '保安员',
			'prop9': '2019-08-01',
			'prop10': '2020-08-01',
			'prop11': '大专',
			'prop12': '133023187889',
			'prop13': '正常离职'
			}, {
			'prop0': '',
			'prop1': '查看',
			'prop2': '2101578011',
			'prop3': '徐健',
			'prop4': '512927197202166053',
			'prop5': '男',
			'prop6': '48',
			'prop7': '一分公司',
			'prop8': '保安员',
			'prop9': '2019-08-01',
			'prop10': '2020-08-01',
			'prop11': '大专',
			'prop12': '189135789889',
			'prop13': '正常离职'
			}, {
			'prop0': '',
			'prop1': '查看',
			'prop2': '2100326122',
			'prop3': '曾昌玖',
			'prop4': '510322197606103351',
			'prop5': '男',
			'prop6': '44',
			'prop7': '一分公司',
			'prop8': '经理',
			'prop9': '2019-08-01',
			'prop10': '2020-08-01',
			'prop11': '本科',
			'prop12': '135098784561',
			'prop13': '自动离职'
			}, {
			'prop0': '',
			'prop1': '查看',
			'prop2': '2101788698',
			'prop3': '赵高',
			'prop4': '511123197510263074',
			'prop5': '男',
			'prop6': '55',
			'prop7': '一分公司',
			'prop8': '保安员',
			'prop9': '2019-08-01',
			'prop10': '2020-08-01',
			'prop11': '大专',
			'prop12': '133023187889',
			'prop13': '正常离职'
			}, {
			'prop0': '',
			'prop1': '查看',
			'prop2': '2101861146',
			'prop3': '王忠山',
			'prop4': '522426199904290419',
			'prop5': '男',
			'prop6': '21',
			'prop7': '一分公司',
			'prop8': '主管',
			'prop9': '2019-08-01',
			'prop10': '2020-08-01',
			'prop11': '大专',
			'prop12': '189135789889',
			'prop13': '正常离职'
			}, {
			'prop0': '',
			'prop1': '查看',
			'prop2': '2100315416',
			'prop3': '严福林',
			'prop4': '433130197205180710',
			'prop5': '男',
			'prop6': '55',
			'prop7': '一分公司',
			'prop8': '经理',
			'prop9': '2019-08-01',
			'prop10': '2020-08-01',
			'prop11': '本科',
			'prop12': '135098784561',
			'prop13': '自动离职'
			}, {
			'prop0': '',
			'prop1': '查看',
			'prop2': '2101382208',
			'prop3': '叶金云',
			'prop4': '512923197703020639',
			'prop5': '男',
			'prop6': '43',
			'prop7': '一分公司',
			'prop8': '保安员',
			'prop9': '2019-08-01',
			'prop10': '2020-08-01',
			'prop11': '高中',
			'prop12': '1350987861234',
			'prop13': '正常离职'
			}],
			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
			}
			},
			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
			},
			showXzyg() {
			this.dialogShowXzyg = true
			},
			cancleChooseUser(){
			this.dialogShowXzyg = false
			},
			selectedUser(users) {
			var names="";
			for (var i = 0; i < users.length; i++) {
			var data=users[i];
			names+=data.prop2+',';
			}
			alert("已选择人员"+names)
			console.log(users)
			},
			showXzbm() {
			this.dialogShowXzbm = true
			},
			cancleChooseDept(){
			this.dialogShowXzbm = false
			},
			selectedDept(users) {
			var names="";
			for (var i = 0; i < users.length; i++) {
			var data=users[i];
			names+=data.label+',';
			}
			alert("已选择部门"+names)
			console.log(users)
			},

			showEmpInfo() {
			this.dialogTableVisible = true
			},
			showDkda() {
			this.dialogShowDkda = true
			},
			showXzyg() {
			this.dialogShowXzyg = true
			},
			cancleChooseUser() {
			this.dialogShowXzyg = false
			},
			selectedUser(users) {
			var names = ''
			for (var i = 0; i < users.length; i++) {
			var data = users[i]
			names += data.prop2 + ','
			}
			alert('已选择人员' + names)
			console.log(users)
			},
			showXzbm() {
			this.dialogShowXzbm = true
			},
			cancleChooseDept() {
			this.dialogShowXzbm = false
			},
			selectedDept(users) {
			var names = ''
			for (var i = 0; i < users.length; i++) {
			var data = users[i]
			names += data.label + ','
			}
			alert('已选择部门' + names)
			console.log(users)
			}

			}
			}
			</script>
			<style lang="scss">
			.el-aside {
			@@ -1245,4 +1245,4 @@
			.del_button {
			color: #D9001B;
			}
			</style>
			</style>

			@@ -1,67 +1,76 @@
			<template>
			<div>
			<el-input placeholder="输入关键字进行过滤" v-model="filterText">
			</el-input>
			<el-tree ref="tree" :data="deptTree" :check-strictly="true" show-checkbox accordion node-key="id" highlight-current
			default-expand-all :filter-node-method="filterNode" @node-click="nodeClick" />
			<el-input v-model="filterText" placeholder="输入关键字进行过滤" />
			<el-tree
			ref="tree"
			:data="deptTree"
			:check-strictly="true"
			show-checkbox
			accordion
			node-key="id"
			highlight-current
			default-expand-all
			:filter-node-method="filterNode"
			@node-click="nodeClick"
			/>
			<el-button type="primary" @click="sureChoose">确定</el-button>
			<el-button type="danger" @click="cancleChoose">取消</el-button>
			</div>
			</template>
			<script>
			export default {
			data() {
			export default {
			data() {
			return {
			filterText: '',
			headerHeight: '70px',
			advancedQueryShow: false,
			deptTree: [],
			dept: this.initDept()
			}
			},
			watch: {
			filterText(val) {
			this.$refs.tree.filter(val)
			}
			},
			mounted() {
			this.initDeptTree()
			},
			methods: {
			initDept() {
			return {
			filterText: '',
			headerHeight: '70px',
			advancedQueryShow: false,
			deptTree: [],
			dept: this.initDept(),
			deptId: '',
			deptName: '',
			parentId: null,
			orderNum: 0
			}
			},
			watch: {
			filterText(val) {
			this.$refs.tree.filter(val);
			}
			initDeptTree() {
			this.$get('system/dept').then((r) => {
			this.deptTree = r.data.data.rows
			})
			},
			mounted() {
			this.initDeptTree()
			filterNode(value, data) {
			if (!value) return true
			return data.label.indexOf(value) !== -1
			},
			methods: {
			initDept() {
			return {
			deptId: '',
			deptName: '',
			parentId: null,
			orderNum: 0
			}
			},
			initDeptTree() {
			this.$get('system/dept').then((r) => {
			this.deptTree = r.data.data.rows
			})
			},
			filterNode(value, data) {
			if (!value) return true
			return data.label.indexOf(value) !== -1
			},
			nodeClick(data) {
			this.dept.parentId = data.parentId
			if (this.dept.parentId === '0') {
			this.dept.parentId = null
			}
			this.dept.orderNum = data.orderNum
			this.dept.deptName = data.label
			this.dept.deptId = data.id
			},
			sureChoose() {
			this.$emit('selectedDept', this.$refs.tree.getCheckedNodes())
			},
			cancleChoose() {
			this.$emit('cancleChooseDept')
			nodeClick(data) {
			this.dept.parentId = data.parentId
			if (this.dept.parentId === '0') {
			this.dept.parentId = null
			}
			this.dept.orderNum = data.orderNum
			this.dept.deptName = data.label
			this.dept.deptId = data.id
			},
			sureChoose() {
			this.$emit('selectedDept', this.$refs.tree.getCheckedNodes())
			},
			cancleChoose() {
			this.$emit('cancleChooseDept')
			}
			}
			}
			</script>
			<style lang="scss">
			.el-aside {
			@@ -132,4 +141,4 @@
			.del_button {
			color: #D9001B;
			}
			</style>
			</style>

			@@ -4,7 +4,7 @@
			<el-header :height="headerHeight">
			<el-row>
			<el-col :span="16">
			<h3 class="bu-tian-jia-title"></h3>
			<h3 class="bu-tian-jia-title" />
			</el-col>
			<el-col :span="8">
			<el-input v-model="input" placeholder="请输入内容" style="width:200px" />
			@@ -166,12 +166,12 @@
			<el-tree :data="data" :props="defaultProps" @node-click="handleNodeClick" />
			</el-aside>
			<el-main>
			<el-table
			ref="multipleTable"
			:data="tableData"
			style="width: 100%;height: 90%;"
			<el-table
			ref="multipleTable"
			:data="tableData"
			style="width: 100%;height: 90%;"
			row-key="prop1"
			@selection-change="handleSelectionChange"
			@selection-change="handleSelectionChange"
			>
			<el-table-column type="selection" :reserve-selection="true" width="55" />
			<el-table-column prop="prop0" label="序号" />
			@@ -179,132 +179,132 @@
			<el-table-column prop="prop2" label="姓名" />
			</el-table>
			<el-button type="primary" @click="sureChoose">确定</el-button>
			<el-button type="danger" @click="cancleChoose">取消</el-button>
			<el-button type="danger" @click="cancleChoose">取消</el-button>
			</el-main>
			</el-container>
			</el-container>
			</div>
			</template>
			<script>
			export default {
			data() {
			return {
			headerHeight: '70px',
			advancedQueryShow: false,
			dialogTableVisible: false,
			multipleSelection: [],
			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'
			}],
			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'
			export default {
			data() {
			return {
			headerHeight: '70px',
			advancedQueryShow: false,
			dialogTableVisible: false,
			multipleSelection: [],
			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'
			}],
			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'
			}]
			}
			]
			}
			},
			methods: {
			handleNodeClick(data) {
			console.log(data)
			},
			handleSelectionChange(val) {
			this.multipleSelection = val
			},
			advancedQueryShowMethods() {
			if (this.advancedQueryShow) {
			this.headerHeight = '70px'
			this.advancedQueryShow = false
			} else {
			this.headerHeight = '410px'
			this.advancedQueryShow = true
			}
			},
			showEmpInfo() {
			this.dialogTableVisible = true
			},
			sureChoose() {
			this.$emit('selectedUser', this.multipleSelection)
			},
			cancleChoose(){
			this.$emit('cancleChooseUser')
			],
			defaultProps: {
			children: 'children',
			label: 'label'
			}
			}
			},
			methods: {
			handleNodeClick(data) {
			console.log(data)
			},
			handleSelectionChange(val) {
			this.multipleSelection = val
			},
			advancedQueryShowMethods() {
			if (this.advancedQueryShow) {
			this.headerHeight = '70px'
			this.advancedQueryShow = false
			} else {
			this.headerHeight = '410px'
			this.advancedQueryShow = true
			}
			},
			showEmpInfo() {
			this.dialogTableVisible = true
			},
			sureChoose() {
			this.$emit('selectedUser', this.multipleSelection)
			},
			cancleChoose() {
			this.$emit('cancleChooseUser')
			}
			}
			}
			</script>
			<style lang="scss">
			.el-aside {
			@@ -375,4 +375,4 @@
			.del_button {
			color: #D9001B;
			}
			</style>
			</style>

			@@ -36,8 +36,8 @@
			// change xxx-api/login => mock/login
			// detail: https://cli.vuejs.org/config/#devserver-proxy
			[process.env.VUE_APP_BASE_API]: {
			// target: 'http://120.24.23.155:8301/',
			target: 'http://127.0.0.1:8301/',
			target: 'http://120.24.23.155:8301/',
			// target: 'http://127.0.0.1:8301/',
			changeOrigin: true,
			pathRewrite: {
			['^' + process.env.VUE_APP_BASE_API]: ''