在职员工界面修改，选择员工界面缩小

yijiusmile

2021-02-05 d809a425911d677d853710715aaa5f5c436b4bc8

在职员工界面修改，选择员工界面缩小

 src/views/user/inemployees.vue

@@ -13,129 +13,127 @@
          </el-col>

        </el-row>

        <el-row>

          <el-col :span="24">

            <el-button type="danger">新增员工</el-button>

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

            <el-button type="danger" @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 :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>

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

          <div v-show="advancedQueryShow">

            <el-col :span="24">

              <table id="searchTable">

                <tr>

                  <td>性别：</td>

                  <td>

                    <el-radio-group v-model="radio">

                      <el-radio :label="3">全部</el-radio>

                      <el-radio :label="6">男性</el-radio>

                      <el-radio :label="9">女性</el-radio>

                    </el-radio-group>

                  </td>

                </tr>

                <tr>

                  <td>最高学历：</td>

                  <td>

                    <el-radio-group v-model="radio">

                      <el-radio :label="3">全部</el-radio>

                      <el-radio :label="6">初中</el-radio>

                      <el-radio :label="9">高中</el-radio>

                      <el-radio :label="9">大专</el-radio>

                      <el-radio :label="9">本科</el-radio>

                      <el-radio :label="9">硕士</el-radio>

                      <el-radio :label="9">博士</el-radio>

                    </el-radio-group>

                  </td>

                </tr>

                <tr>

                  <td>政治面貌：</td>

                  <td>

                    <el-radio-group v-model="radio">

                      <el-radio :label="3">全部</el-radio>

                      <el-radio :label="6">党员</el-radio>

                      <el-radio :label="9">团员</el-radio>

                      <el-radio :label="9">群众</el-radio>

                    </el-radio-group>

                  </td>

                </tr>

                <tr>

                  <td>入职日期：</td>

                  <td>

                    <el-radio-group v-model="radio">

                      <el-radio :label="3">全部</el-radio>

                    </el-radio-group>

                  </td>

                </tr>

                <tr>

                  <td>年龄：</td>

                  <td>

                    <el-radio-group v-model="radio">

                      <el-radio :label="3">全部</el-radio>

                      <el-radio :label="6">18-29</el-radio>

                      <el-radio :label="9">30-39</el-radio>

                      <el-radio :label="9">40-49</el-radio>

                      <el-radio :label="9">50-59</el-radio>

                      <el-radio :label="9">60-69</el-radio>

                      <el-radio :label="9">69及以上</el-radio>

                    </el-radio-group>

                  </td>

                </tr>

                <tr>

                  <td>档案情况：</td>

                  <td>

                    <el-radio-group v-model="radio">

                      <el-radio :label="3">全部</el-radio>

                      <el-radio :label="6">已移交</el-radio>

                      <el-radio :label="9">未移交</el-radio>

                    </el-radio-group>

                  </td>

                </tr>

                <tr>

                  <td>保险类型：</td>

                  <td>

                    <el-radio-group v-model="radio">

                      <el-radio :label="3">全部</el-radio>

                      <el-radio :label="6">深户（五险一档）</el-radio>

                    </el-radio-group>

                  </td>

                </tr>

              </table>

            </el-col>

          </div>

        </el-row>

      </el-header>

      <el-container>

        <el-main>

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

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

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

            <el-table-column label="操作" width="100">

@@ -144,19 +142,24 @@
                </el-button>

              </template>

            </el-table-column>

            <el-table-column prop="prop2" label="员工编号" />

            <el-table-column prop="prop3" label="护卫点" />

            <el-table-column prop="prop4" label="岗位" />

            <el-table-column prop="prop5" label="姓名" />

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

            <el-table-column prop="prop7" label="性别" />

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

            <el-table-column prop="prop9" label="学历" />

            <el-table-column prop="prop10" label="籍贯" />

            <el-table-column prop="prop11" label="联系电话" />

            <el-table-column prop="prop12" label="入职日期" />

            <el-table-column prop="prop13" label="员工状态" />

          </el-table>

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

            <el-table-column prop="deptName" label="护卫点" width="100" />

            <el-table-column prop="jobName" label="岗位" width="100" />

            <el-table-column prop="empName" label="姓名" width="100" />

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

            <el-table-column prop="sexName" label="性别" width="50" />

            <el-table-column prop="age" label="年龄" />

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

            <el-table-column prop="censusAddress" label="籍贯" />

            <el-table-column prop="telePhone" label="联系电话" />

            <el-table-column prop="entryDate" label="入职日期" width="100" />

            <el-table-column prop="delFlag" label="员工状态">
              <template slot-scope="{row}">
                {{ transDelFlag(row.delFlag) }}
              </template>
            </el-table-column>

          </el-table>
          <pagination v-show="total>0" :total="total" :page.sync="pagination.num" :limit.sync="pagination.size" @pagination="search" />

        </el-main>

      </el-container>

    </el-container>

@@ -931,215 +934,62 @@
    </el-dialog>

  </div>

</template>

<script>

export default {

<script>
import Pagination from '@/components/Pagination'

export default {
  components: { Pagination },

  data() {

    return {

    return {
      total: 0, // 总数量
      queryParams: {}, // 查询参数
      sort: {}, // 排序
      pagination: { // 分页参数
        size: 5,
        num: 1
      },

      headerHeight: '70px',

      advancedQueryShow: false,

      dialogTableVisible: false,

      dialogShowYgdg: false,

      dialogShowDryg: false,

      dialogShowGbda: false,

      tableData: [{

        'prop0': '',

        'prop1': '编辑',

        'prop2': '2100452312',

        'prop3': '一分公司',

        'prop4': '保安员',

        'prop5': '赵建国',

        'prop6': '510304197402225813',

        'prop7': '男',

        'prop8': '46',

        'prop9': '高中',

        'prop10': '广东省番禺市',

        'prop11': '133023187889',

        'prop12': '2019-08-01',

        'prop13': '在职'

      }, {

        'prop0': '',

        'prop1': '编辑',

        'prop2': '2101620946',

        'prop3': '一分公司',

        'prop4': '保安员',

        'prop5': '罗启艳',

        'prop6': '41272619740120543X',

        'prop7': '女',

        'prop8': '46',

        'prop9': '高中',

        'prop10': '广东省番禺市',

        'prop11': '189135789889',

        'prop12': '2019-08-01',

        'prop13': '在职'

      }, {

        'prop0': '',

        'prop1': '编辑',

        'prop2': '2100629950',

        'prop3': '一分公司',

        'prop4': '保安员',

        'prop5': '毛玉平',

        'prop6': '522528198202071629',

        'prop7': '男',

        'prop8': '38',

        'prop9': '高中',

        'prop10': '广东省番禺市',

        'prop11': '135098784561',

        'prop12': '2019-08-01',

        'prop13': '在职'

      }, {

        'prop0': '',

        'prop1': '编辑',

        'prop2': '2100882835',

        'prop3': '一分公司',

        'prop4': '保安员',

        'prop5': '梅均均',

        'prop6': '510504198704260927',

        'prop7': '女',

        'prop8': '33',

        'prop9': '高中',

        'prop10': '广东省番禺市',

        'prop11': '133023187889',

        'prop12': '2019-08-01',

        'prop13': '在职'

      }, {

        'prop0': '',

        'prop1': '编辑',

        'prop2': '2101356718',

        'prop3': '一分公司',

        'prop4': '保安员',

        'prop5': '王香妮',

        'prop6': '433122199508091511',

        'prop7': '女',

        'prop8': '25',

        'prop9': '大专',

        'prop10': '广东省番禺市',

        'prop11': '189135789889',

        'prop12': '2019-08-01',

        'prop13': '在职'

      }, {

        'prop0': '',

        'prop1': '编辑',

        'prop2': '2100900981',

        'prop3': '一分公司',

        'prop4': '保安员',

        'prop5': '易金洪',

        'prop6': '610424198306152860',

        'prop7': '男',

        'prop8': '39',

        'prop9': '大专',

        'prop10': '广东省番禺市',

        'prop11': '135098784561',

        'prop12': '2019-08-01',

        'prop13': '在职'

      }, {

        'prop0': '',

        'prop1': '编辑',

        'prop2': '2101529670',

        'prop3': '一分公司',

        'prop4': '保安员',

        'prop5': '李忠敏',

        'prop6': '511123198602016016',

        'prop7': '男',

        'prop8': '32',

        'prop9': '大专',

        'prop10': '广东省番禺市',

        'prop11': '133023187889',

        'prop12': '2019-08-01',

        'prop13': '在职'

      }, {

        'prop0': '',

        'prop1': '编辑',

        'prop2': '2101578011',

        'prop3': '一分公司',

        'prop4': '保安员',

        'prop5': '徐健',

        'prop6': '512927197202166053',

        'prop7': '男',

        'prop8': '48',

        'prop9': '大专',

        'prop10': '广东省番禺市',

        'prop11': '189135789889',

        'prop12': '2019-08-01',

        'prop13': '在职'

      }, {

        'prop0': '',

        'prop1': '编辑',

        'prop2': '2100326122',

        'prop3': '一分公司',

        'prop4': '经理',

        'prop5': '曾昌玖',

        'prop6': '510322197606103351',

        'prop7': '男',

        'prop8': '44',

        'prop9': '本科',

        'prop10': '广东省番禺市',

        'prop11': '135098784561',

        'prop12': '2019-08-01',

        'prop13': '在职'

      }, {

        'prop0': '',

        'prop1': '编辑',

        'prop2': '2101788698',

        'prop3': '一分公司',

        'prop4': '保安员',

        'prop5': '赵高',

        'prop6': '511123197510263074',

        'prop7': '男',

        'prop8': '45',

        'prop9': '大专',

        'prop10': '广东省番禺市',

        'prop11': '133023187889',

        'prop12': '2019-08-01',

        'prop13': '在职'

      }, {

        'prop0': '',

        'prop1': '编辑',

        'prop2': '2101861146',

        'prop3': '一分公司',

        'prop4': '主管',

        'prop5': '王忠山',

        'prop6': '522426199904290419',

        'prop7': '男',

        'prop8': '21',

        'prop9': '大专',

        'prop10': '广东省番禺市',

        'prop11': '189135789889',

        'prop12': '2019-08-01',

        'prop13': '在职'

      }, {

        'prop0': '',

        'prop1': '编辑',

        'prop2': '2100315416',

        'prop3': '一分公司',

        'prop4': '经理',

        'prop5': '严福林',

        'prop6': '433130197205180710',

        'prop7': '男',

        'prop8': '48',

        'prop9': '本科',

        'prop10': '广东省番禺市',

        'prop11': '135098784561',

        'prop12': '2019-08-01',

        'prop13': '在职'

      }, {

        'prop0': '',

        'prop1': '编辑',

        'prop2': '2101382208',

        'prop3': '一分公司',

        'prop4': '保安员',

        'prop5': '叶金云',

        'prop6': '512923197703020639',

        'prop7': '男',

        'prop8': '43',

        'prop9': '高中',

        'prop10': '广东省番禺市',

        'prop11': '135098786123',

        'prop12': '2019-08-01',

        'prop13': '在职'

      }]

      tableData: []

    }

  },
  mounted() {
    this.fetch()
  },

  methods: {

  methods: {
    // 翻页方法
    search() {
      this.fetch({
        ...this.queryParams,
        ...this.sort
      })
    },
    fetch(params = {}) {
      var that = this
      params.pageSize = this.pagination.size
      params.pageNum = this.pagination.num
      params.delFlag = 0
      this.$get('hr/empBaseInfo/list', {
        ...params
      }).then((r) => {
        const data = r.data.data
        that.total = data.total
        that.tableData = data.rows
      })
    },
    transDelFlag(delFlag) {
      switch (delFlag) {
        case 0:
          return '正常'
        case 1:
          return '删除'
        case 2:
          return '暂存'
      }
    },

    handleNodeClick(data) {

      console.log(data)

    },

@@ -1148,7 +998,7 @@
        this.headerHeight = '70px'

        this.advancedQueryShow = false

      } else {

        this.headerHeight = '350px'

        this.headerHeight = '300px'

        this.advancedQueryShow = true

      }

    },

@@ -1168,7 +1018,6 @@
}

</script>

<style lang="scss" scoped>



  .el-main {

    height: 600px;

  }

@@ -1183,6 +1032,7 @@
      height: 100%;

    }

  }



  #searchTable {

    margin-top: 10px;

    border-collapse: collapse;


 src/views/user/outemployess.vue

@@ -1157,8 +1157,6 @@
  .el-main {
    height: 600px;
  }
</style>
<style lang="scss">
  .el-aside {
    padding: 20px;
    background: #f3f5f8;

 src/views/user/selectuser.vue

@@ -176,24 +176,24 @@
            @node-click="nodeClick"
          />
        </el-aside>
        <el-main>
        <el-main height="200px">
          <el-table
            ref="multipleTable"
            :data="list"
            style="width: 100%;height: 80%;"
            style="width: 100%"
            row-key="prop1"
            @selection-change="handleSelectionChange"
          >
            <el-table-column type="selection" :reserve-selection="true" width="55" />
            <el-table-column v-if="show" prop="empId" label="员工Id" width="100" />
            <el-table-column prop="empNumb" label="员工编号" width="100" />
            <el-table-column prop="empName" label="姓名" width="100" />
            <el-table-column v-if="show" prop="empId" label="员工Id" />
            <el-table-column prop="empNumb" label="员工编号" />
            <el-table-column prop="empName" label="姓名" />
            <el-table-column prop="certificateNumb" label="身份证号码" width="180" />
            <el-table-column v-if="show" prop="deptId" label="部门Id" width="100" />
            <el-table-column prop="deptName" label="护卫点" width="100" />
            <el-table-column v-if="show" prop="jobId" label="岗位Id" width="100" />
            <el-table-column prop="jobName" label="岗位" width="100" />
            <el-table-column prop="empTypeName" label="员工类别" width="100" />
            <el-table-column v-if="show" prop="deptId" label="部门Id" />
            <el-table-column prop="deptName" label="护卫点" />
            <el-table-column v-if="show" prop="jobId" label="岗位Id" />
            <el-table-column prop="jobName" label="岗位" />
            <el-table-column prop="empTypeName" label="员工类别" />
            <el-table-column prop="sexName" label="性别" width="50" />
          </el-table>
          <!--
@@ -323,16 +323,9 @@
}
</script>
<style lang="scss" scoped>

  .el-main {
    height: 600px;
  }
</style>
<style lang="scss">
  .el-aside {
    padding: 20px;
    background: #f3f5f8;
    height: 600px;

    .el-tree {
      height: 100%;
@@ -340,7 +333,8 @@
  }

  #mainDiv{
    height: 350px;
    height: 550px;
    overflow: scroll;
  }

  #searchTable {