| | |
| | | <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>
|
| | |
| | | </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 {
|
| | |
| | | .del_button {
|
| | | color: #D9001B;
|
| | | }
|
| | | </style> |
| | | </style>
|