| | |
| | | </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"> |
| | |
| | | </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"> |
| | |
| | | </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> |
| | |
| | | <el-button type="primary" @click="dialogIsShow()">确 定</el-button> |
| | | </div> |
| | | </el-dialog> |
| | | <el-dialog title="选择员工" :visible.sync="dialogShowXzyg" width="90%"> |
| | | <el-dialog title="选择员工" :visible.sync="dialogShowXzyg"> |
| | | <Selectuser @selectedUser="selectedUser" @cancleChooseUser="cancleChooseUser" /> |
| | | </el-dialog> |
| | | <el-dialog title="选择员工" :visible.sync="dialogShowXzbm" width="90%"> |
| | | <el-dialog title="选择员工" :visible.sync="dialogShowXzbm"> |
| | | <Selectdept @selectedDept="selectedDept" @cancleChooseDept="cancleChooseDept" /> |
| | | </el-dialog> |
| | | </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) { |
| | |
| | | var names = '' |
| | | for (var i = 0; i < users.length; i++) { |
| | | var data = users[i] |
| | | names += data.username + ',' |
| | | names += data.empName + ',' |
| | | } |
| | | alert('已选择人员' + names) |
| | | console.log(users) |
| | |
| | | } |
| | | </script> |
| | | <style lang="scss" scoped> |
| | | |
| | | .el-main { |
| | | height: 600px; |
| | | } |
| | | </style> |
| | | <style lang="scss"> |
| | | .el-aside { |
| | | padding: 20px; |
| | | background: #f3f5f8; |