离职员工数据修改为从后台获取

yijiusmile

2021-02-05 506f33e3e6b20581f38e27d180f0d2a98b6d2419

离职员工数据修改为从后台获取

 src/views/user/inemployees.vue

@@ -122,17 +122,17 @@
        </el-row>

      </el-header>

      <el-container>

        <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-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" />

@@ -153,13 +153,19 @@
            <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 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-table>

          <pagination
            v-show="total>0"
            :total="total"
            :page.sync="pagination.num"
            :limit.sync="pagination.size"

            @pagination="search"
          />

        </el-main>

      </el-container>

    </el-container>

@@ -934,18 +940,20 @@
    </el-dialog>

  </div>

</template>

<script>
<script>

import Pagination from '@/components/Pagination'

export default {
  components: { Pagination },

export default {

  components: {

    Pagination

  },

  data() {

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

      total: 0, // 总数量

      queryParams: {}, // 查询参数

      sort: {}, // 排序

      pagination: { // 分页参数

        size: 5,

        num: 1

      },

      headerHeight: '70px',

      advancedQueryShow: false,

@@ -955,43 +963,40 @@
      dialogShowGbda: false,

      tableData: []

    }

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

  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 '暂存'
      }
  mounted() {

    this.fetch()

  },

  methods: {

    // 翻页方法

    search() {

      this.fetch({

        ...this.queryParams,

        ...this.sort

      })

    },

    handleNodeClick(data) {

      console.log(data)

    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 '暂存'

      }

    },

    advancedQueryShowMethods() {

      if (this.advancedQueryShow) {

@@ -1021,8 +1026,6 @@
  .el-main {

    height: 600px;

  }

</style>

<style lang="scss">

  .el-aside {

    padding: 20px;

    background: #f3f5f8;


 src/views/user/outemployess.vue

@@ -13,48 +13,37 @@
          </el-col>
        </el-row>
        <el-row>
          <el-col :span="24">
            <el-button type="primary">删除员工</el-button>
            <el-button type="danger" @click="showDkda">打开档案</el-button>
            <el-button type="danger">离职证明</el-button>
            <el-button type="danger">导出报表</el-button>
            <el-button type="primary" @click="showXzyg">选择员工</el-button>
            <el-button type="primary" @click="showXzbm">选择部门</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="2.5">入职日期：从
            <el-input v-model="input" placeholder="请输入内容" style="width:80px" />
          </el-col>
          <el-col :span="1.5">到
            <el-input v-model="input" placeholder="请输入内容" style="width:80px" />
          </el-col>
          <el-col :span="2.5">离职日期：从
            <el-input v-model="input" placeholder="请输入内容" style="width:80px" />
          </el-col>
          <el-col :span="1.5">到
            <el-input v-model="input" placeholder="请输入内容" style="width:80px" />
          </el-col>
          <el-col :span="3">
            <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="2.5">入职日期：从
                <el-input v-model="input" placeholder="请输入内容" style="width:80px" />
              </el-col>
              <el-col :span="1.5">到
                <el-input v-model="input" placeholder="请输入内容" style="width:80px" />
              </el-col>
              <el-col :span="2.5">离职日期：从
                <el-input v-model="input" placeholder="请输入内容" style="width:80px" />
              </el-col>
              <el-col :span="1.5">到
                <el-input v-model="input" placeholder="请输入内容" style="width:80px" />
              </el-col>
              <el-col :span="3">
                <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">
@@ -142,6 +131,16 @@
      </el-header>
      <el-container>
        <el-main>
          <el-row>
            <el-col :span="24">
              <el-button type="primary">删除员工</el-button>
              <el-button type="danger" @click="showDkda">打开档案</el-button>
              <el-button type="danger">离职证明</el-button>
              <el-button type="danger">导出报表</el-button>
              <el-button type="primary" @click="showXzyg">选择员工</el-button>
              <el-button type="primary" @click="showXzbm">选择部门</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">
@@ -150,20 +149,30 @@
                </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="身份证号" />
            <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-column prop="prop14" label="员工状态" />
            <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>
@@ -879,229 +888,62 @@
  </div>
</template>
<script>
import Pagination from '@/components/Pagination'
export default {
  components: {
    Pagination
  },
  data() {
    return {
      total: 0, // 总数量
      queryParams: {}, // 查询参数
      sort: {}, // 排序
      pagination: { // 分页参数
        size: 5,
        num: 1
      },
      headerHeight: '70px',
      advancedQueryShow: false,
      dialogTableVisible: false,
      dialogShowDkda: false,
      dialogShowXzyg: false,
      dialogShowXzbm: false,
      tableData: [{
        'prop0': '',
        'prop1': '查看',
        'prop2': '2100452312',
        'prop3': '一分公司',
        'prop4': '保安员',
        'prop5': '赵建国',
        'prop6': '510304197402225813',
        'prop7': '男',
        'prop8': '46',
        'prop9': '高中',
        'prop10': '广东省番禺市',
        'prop11': '133023187889',
        'prop12': '2019-08-01',
        'prop13': '2020-08-01',
        'prop14': '正常离职'
      }, {
        'prop0': '',
        'prop1': '查看',
        'prop2': '2101620946',
        'prop3': '一分公司',
        'prop4': '保安员',
        'prop5': '罗启艳',
        'prop6': '41272619740120543X',
        'prop7': '女',
        'prop8': '46',
        'prop9': '高中',
        'prop10': '广东省番禺市',
        'prop11': '189135789889',
        'prop12': '2019-08-01',
        'prop13': '2020-08-01',
        'prop14': '正常离职'
      }, {
        'prop0': '',
        'prop1': '查看',
        'prop2': '2100629950',
        'prop3': '一分公司',
        'prop4': '保安员',
        'prop5': '毛玉平',
        'prop6': '522528198202071629',
        'prop7': '男',
        'prop8': '38',
        'prop9': '高中',
        'prop10': '广东省番禺市',
        'prop11': '135098784561',
        'prop12': '2019-08-01',
        'prop13': '2020-08-01',
        'prop14': '正常离职'
      }, {
        'prop0': '',
        'prop1': '查看',
        'prop2': '2100882835',
        'prop3': '一分公司',
        'prop4': '保安员',
        'prop5': '梅均均',
        'prop6': '510504198704260927',
        'prop7': '女',
        'prop8': '33',
        'prop9': '高中',
        'prop10': '广东省番禺市',
        'prop11': '133023187889',
        'prop12': '2019-08-01',
        'prop13': '2020-08-01',
        'prop14': '正常离职'
      }, {
        'prop0': '',
        'prop1': '查看',
        'prop2': '2101356718',
        'prop3': '一分公司',
        'prop4': '保安员',
        'prop5': '王香妮',
        'prop6': '433122199508091511',
        'prop7': '女',
        'prop8': '25',
        'prop9': '大专',
        'prop10': '广东省番禺市',
        'prop11': '189135789889',
        'prop12': '2019-08-01',
        'prop13': '2020-08-01',
        'prop14': '正常离职'
      }, {
        'prop0': '',
        'prop1': '查看',
        'prop2': '2100900981',
        'prop3': '一分公司',
        'prop4': '保安员',
        'prop5': '易金洪',
        'prop6': '610424198306152860',
        'prop7': '男',
        'prop8': '39',
        'prop9': '大专',
        'prop10': '广东省番禺市',
        'prop11': '135098784561',
        'prop12': '2019-08-01',
        'prop13': '2020-08-01',
        'prop14': '正常离职'
      }, {
        'prop0': '',
        'prop1': '查看',
        'prop2': '2101529670',
        'prop3': '一分公司',
        'prop4': '保安员',
        'prop5': '李忠敏',
        'prop6': '511123198602016016',
        'prop7': '男',
        'prop8': '32',
        'prop9': '大专',
        'prop10': '广东省番禺市',
        'prop11': '133023187889',
        'prop12': '2019-08-01',
        'prop13': '2020-08-01',
        'prop14': '正常离职'
      }, {
        'prop0': '',
        'prop1': '查看',
        'prop2': '2101578011',
        'prop3': '一分公司',
        'prop4': '保安员',
        'prop5': '徐健',
        'prop6': '512927197202166053',
        'prop7': '男',
        'prop8': '48',
        'prop9': '大专',
        'prop10': '广东省番禺市',
        'prop11': '189135789889',
        'prop12': '2019-08-01',
        'prop13': '2020-08-01',
        'prop14': '正常离职'
      }, {
        'prop0': '',
        'prop1': '查看',
        'prop2': '2100326122',
        'prop3': '一分公司',
        'prop4': '经理',
        'prop5': '曾昌玖',
        'prop6': '510322197606103351',
        'prop7': '男',
        'prop8': '44',
        'prop9': '本科',
        'prop10': '广东省番禺市',
        'prop11': '135098784561',
        'prop12': '2019-08-01',
        'prop13': '2020-08-01',
        'prop14': '自动离职'
      }, {
        'prop0': '',
        'prop1': '查看',
        'prop2': '2101788698',
        'prop3': '一分公司',
        'prop4': '保安员',
        'prop5': '赵高',
        'prop6': '511123197510263074',
        'prop7': '男',
        'prop8': '55',
        'prop9': '大专',
        'prop10': '广东省番禺市',
        'prop11': '133023187889',
        'prop12': '2019-08-01',
        'prop13': '2020-08-01',
        'prop14': '正常离职'
      }, {
        'prop0': '',
        'prop1': '查看',
        'prop2': '2101861146',
        'prop3': '一分公司',
        'prop4': '主管',
        'prop5': '王忠山',
        'prop6': '522426199904290419',
        'prop7': '男',
        'prop8': '21',
        'prop9': '大专',
        'prop10': '广东省番禺市',
        'prop11': '189135789889',
        'prop12': '2019-08-01',
        'prop13': '2020-08-01',
        'prop14': '正常离职'
      }, {
        'prop0': '',
        'prop1': '查看',
        'prop2': '2100315416',
        'prop3': '一分公司',
        'prop4': '经理',
        'prop5': '严福林',
        'prop6': '433130197205180710',
        'prop7': '男',
        'prop8': '55',
        'prop9': '本科',
        'prop10': '广东省番禺市',
        'prop11': '135098784561',
        'prop12': '2019-08-01',
        'prop13': '2020-08-01',
        'prop14': '自动离职'
      }, {
        'prop0': '',
        'prop1': '查看',
        'prop2': '2101382208',
        'prop3': '一分公司',
        'prop4': '保安员',
        'prop5': '叶金云',
        'prop6': '512923197703020639',
        'prop7': '男',
        'prop8': '43',
        'prop9': '高中',
        'prop10': '广东省番禺市',
        'prop11': '1350987861234',
        'prop12': '2019-08-01',
        'prop13': '2020-08-01',
        'prop14': '正常离职'
      }]
      tableData: []
    }
  },
  mounted() {
    this.fetch()
  },
  methods: {
    handleNodeClick(data) {
      console.log(data)
    // 翻页方法
    search() {
      this.fetch({
        ...this.queryParams,
        ...this.sort
      })
    },
    fetch(params = {}) {
      var that = this
      params.pageSize = this.pagination.size
      params.pageNum = this.pagination.num
      params.delFlag = 1
      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 '暂存'
      }
    },
    advancedQueryShowMethods() {
      if (this.advancedQueryShow) {
@@ -1153,7 +995,6 @@
}
</script>
<style lang="scss" scoped>

  .el-main {
    height: 600px;
  }