| 1 |
- {"remainingRequest":"E:\\item\\千鸟\\千鸟云商前端源代码\\源点计划\\jindouyunNewFront\\node_modules\\babel-loader\\lib\\index.js!E:\\item\\千鸟\\千鸟云商前端源代码\\源点计划\\jindouyunNewFront\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!E:\\item\\千鸟\\千鸟云商前端源代码\\源点计划\\jindouyunNewFront\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\item\\千鸟\\千鸟云商前端源代码\\源点计划\\jindouyunNewFront\\src\\views\\SystemSettings\\accountAdmin\\Department.vue?vue&type=script&lang=js&","dependencies":[{"path":"E:\\item\\千鸟\\千鸟云商前端源代码\\源点计划\\jindouyunNewFront\\src\\views\\SystemSettings\\accountAdmin\\Department.vue","mtime":1655374732000},{"path":"E:\\item\\千鸟\\千鸟云商前端源代码\\源点计划\\jindouyunNewFront\\babel.config.js","mtime":1655374732000},{"path":"E:\\item\\千鸟\\千鸟云商前端源代码\\源点计划\\jindouyunNewFront\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\item\\千鸟\\千鸟云商前端源代码\\源点计划\\jindouyunNewFront\\node_modules\\babel-loader\\lib\\index.js","mtime":315532800000},{"path":"E:\\item\\千鸟\\千鸟云商前端源代码\\源点计划\\jindouyunNewFront\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\item\\千鸟\\千鸟云商前端源代码\\源点计划\\jindouyunNewFront\\node_modules\\vue-loader\\lib\\index.js","mtime":1655715099000}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:Ly8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KaW1wb3J0IEFkZERlcGFydG1lbnQgZnJvbSAiQC9jb21wb25lbnQvU3lzdGVtU2V0dGluZ3MvQWRkRGVwYXJ0bWVudC52dWUiOwppbXBvcnQgQWRkU3RhZmYgZnJvbSAiQC9jb21wb25lbnQvU3lzdGVtU2V0dGluZ3MvQWRkU3RhZmYudnVlIjsKaW1wb3J0IHsgZ2V0QWxsRGVwYXJ0bWVudCwgZGVsZXRlRGVwYXJ0bWVudCwgZ2V0QWxsU3RhZmYsIGRlbGV0ZVN0YWZmIH0gZnJvbSAiQC9hcGkvRGVwYXJ0bWVudCI7CmV4cG9ydCBkZWZhdWx0IHsKICBjb21wb25lbnRzOiB7CiAgICBBZGREZXBhcnRtZW50LAogICAgQWRkU3RhZmYKICB9LAoKICBkYXRhKCkgewogICAgcmV0dXJuIHsKICAgICAgdG90YWxfY291bnQ6IDAsCiAgICAgIHBhZ2U6IDEsCiAgICAgIHBhZ2Vfc2l6ZTogMTAsCiAgICAgIGtleXdvcmQ6ICIiLAogICAgICBzdGFmZl9wYWdlOiAxLAogICAgICBzdGFmZl9wYWdlX3NpemU6IDEwLAogICAgICBzdGFmZl90b3RhbDogMCwKICAgICAgaWRBcnI6IFtdLAogICAgICBub3dfZGVwYXJ0bWVudDoge30sCiAgICAgIGRlcGFydG1lbnRfaWQ6ICIiLAogICAgICAvLyDpg6jpl6jlop7liKBpZAogICAgICBzdGFmZl9pZDogIiIsCiAgICAgIC8vIOWRmOW3peWinuWIoGlkCiAgICAgIGRlcGFydG1lbnRfZWRpdDogZmFsc2UsCiAgICAgIHN0YWZmX2VkaXQ6IGZhbHNlLAogICAgICBhZGRfZGVwYXJ0bWVudDogZmFsc2UsCiAgICAgIGFkZF9zdGFmZjogZmFsc2UsCiAgICAgIGZpbHRlclRleHQ6ICIiLAogICAgICB0YWJsZURhdGE6IFtdLAogICAgICBEZXBhcnRtZW50X2RhdGE6IFtdLAogICAgICBkZWZhdWx0UHJvcHM6IHsKICAgICAgICBjaGlsZHJlbjogImNoaWxkcmVuIiwKICAgICAgICBsYWJlbDogImxhYmVsIgogICAgICB9CiAgICB9OwogIH0sCgogIHdhdGNoOiB7CiAgICBmaWx0ZXJUZXh0KHZhbCkgewogICAgICB0aGlzLiRyZWZzLnRyZWUuZmlsdGVyKHZhbCk7CiAgICB9CgogIH0sCgogIGFzeW5jIGNyZWF0ZWQoKSB7CiAgICBhd2FpdCB0aGlzLmdldEFsbERlcGFydG1lbnQoKTsKICAgIGF3YWl0IHRoaXMuZ2V0QWxsU3RhZmYoKTsKICB9LAoKICBhY3RpdmF0ZWQoKSB7CiAgICBpZiAodGhpcy4kX2lzSW5pdCgpKSByZXR1cm47CiAgICB0aGlzLmdldEFsbFN0YWZmKCk7CiAgfSwKCiAgbWV0aG9kczogewogICAgc2VhcmNoRGVwYXJtZW50KCkgewogICAgICB0aGlzLmdldEFsbERlcGFydG1lbnQoKTsKICAgIH0sCgogICAgLy8g6YCJ5oup6YOo6ZeoCiAgICBzZWxEZXBhcnRtZW50KHZhbCkgewogICAgICB0aGlzLm5vd19kZXBhcnRtZW50ID0gdmFsOwogICAgICB0aGlzLmdldEFsbFN0YWZmKCk7CiAgICB9LAoKICAgIC8vIOiOt+WPlumDqOmXqOWIl+ihqCBnZXRBbGxEZXBhcnRtZW50CiAgICBhc3luYyBnZXRBbGxEZXBhcnRtZW50KCkgewogICAgICBjb25zdCBkYXRhID0gYXdhaXQgZ2V0QWxsRGVwYXJ0bWVudCh7CiAgICAgICAgcGFnZTogdGhpcy5wYWdlLAogICAgICAgIHBhZ2VTaXplOiB0aGlzLnBhZ2Vfc2l6ZSwKICAgICAgICBrZXl3b3JkOiB0aGlzLmtleXdvcmQKICAgICAgfSk7CiAgICAgIHRoaXMudG90YWxfY291bnQgPSBkYXRhLnBhZ2VUb3RhbDsKICAgICAgdGhpcy5EZXBhcnRtZW50X2RhdGEgPSBkYXRhLmRhdGE7CiAgICAgIHRoaXMubm93X2RlcGFydG1lbnQgPSBkYXRhLmRhdGFbMF0gfHwge307CiAgICB9LAoKICAgIGRlbERhdGEoaWQpIHsKICAgICAgdGhpcy4kY29uZmlybSgi5L2g56Gu5a6a5Yig6Zmk5q2k6YOo6Zeo5ZCXPyIsICLmj5DnpLoiLCB7CiAgICAgICAgY29uZmlybUJ1dHRvblRleHQ6ICLnoa7lrpoiLAogICAgICAgIGNhbmNlbEJ1dHRvblRleHQ6ICLlj5bmtogiLAogICAgICAgIHR5cGU6ICJ3YXJuaW5nIgogICAgICB9KS50aGVuKGFzeW5jICgpID0+IHsKICAgICAgICBjb25zdCBkYXRhID0gYXdhaXQgZGVsZXRlRGVwYXJ0bWVudChpZCk7CiAgICAgICAgdGhpcy4kbWVzc2FnZSh7CiAgICAgICAgICB0eXBlOiAic3VjY2VzcyIsCiAgICAgICAgICBtZXNzYWdlOiAi5Yig6Zmk5oiQ5YqfISIKICAgICAgICB9KTsKICAgICAgICB0aGlzLmdldEFsbERlcGFydG1lbnQoKTsKICAgICAgfSk7CiAgICB9LAoKICAgIC8vIOmDqOmXqOaTjeS9nOivt+axguaIkOWKnwogICAgZGVwYXJ0bWVudENvbmZpcm0oKSB7CiAgICAgIHRoaXMuZ2V0QWxsRGVwYXJ0bWVudCgpOwogICAgfSwKCiAgICAvLyAg5paw5aKe6YOo6ZeoCiAgICBhZGREZXBhcnRtZW50KCkgewogICAgICB0aGlzLmRlcGFydG1lbnRfaWQgPSAiIjsKICAgICAgdGhpcy5kZXBhcnRtZW50X2VkaXQgPSBmYWxzZTsKICAgICAgdGhpcy5hZGRfZGVwYXJ0bWVudCA9IHRydWU7CiAgICB9LAoKICAgIC8vIGVkaXREYXRhIOe8lui+kemDqOmXqAogICAgZWRpdERhdGEoaWQpIHsKICAgICAgdGhpcy5kZXBhcnRtZW50X2lkID0gaWQ7CiAgICAgIHRoaXMuZGVwYXJ0bWVudF9lZGl0ID0gdHJ1ZTsKICAgICAgdGhpcy5hZGRfZGVwYXJ0bWVudCA9IHRydWU7CiAgICB9LAoKICAgIC8vICDojrflj5blkZjlt6XliJfooagKICAgIGFzeW5jIGdldEFsbFN0YWZmKCkgewogICAgICBpZiAoIXRoaXMuJGFjY2Vzc0NoZWNrKHRoaXMuJEFjY2Vzcy5TdGFmZkdldEFsbFN0YWZmKSkgewogICAgICAgIHJldHVybjsKICAgICAgfQoKICAgICAgY29uc3QgZGF0YSA9IGF3YWl0IGdldEFsbFN0YWZmKHsKICAgICAgICBwYWdlOiB0aGlzLnN0YWZmX3BhZ2UsCiAgICAgICAgcGFnZVNpemU6IHRoaXMuc3RhZmZfcGFnZV9zaXplLAogICAgICAgIGRlcGFydG1lbnRJZDogdGhpcy5ub3dfZGVwYXJ0bWVudC5pZAogICAgICB9KTsKICAgICAgdGhpcy50YWJsZURhdGEgPSBkYXRhLmRhdGE7CiAgICAgIHRoaXMuc3RhZmZfdG90YWwgPSBkYXRhLnBhZ2VUb3RhbDsKICAgIH0sCgogICAgLy8g5Yig6Zmk5ZGY5belCiAgICBkZWxldGVTdGFmZihpZCkgewogICAgICB0aGlzLiRjb25maXJtKCLkvaDnoa7lrprliKDpmaTmraTlkZjlt6U/IiwgewogICAgICAgIGNvbmZpcm1CdXR0b25UZXh0OiAi56Gu5a6aIiwKICAgICAgICBjYW5jZWxCdXR0b25UZXh0OiAi5Y+W5raIIiwKICAgICAgICB0eXBlOiAid2FybmluZyIKICAgICAgfSkudGhlbihhc3luYyAoKSA9PiB7CiAgICAgICAgaWYgKGlkKSB7CiAgICAgICAgICB0aGlzLmlkQXJyID0gW2lkXTsKICAgICAgICB9CgogICAgICAgIGNvbnN0IGRhdGEgPSBhd2FpdCBkZWxldGVTdGFmZih7CiAgICAgICAgICBpZDogdGhpcy5pZEFycgogICAgICAgIH0pOwogICAgICAgIHRoaXMuZ2V0QWxsU3RhZmYoKTsKICAgICAgICB0aGlzLiRtZXNzYWdlKHsKICAgICAgICAgIHR5cGU6ICJzdWNjZXNzIiwKICAgICAgICAgIG1lc3NhZ2U6ICLliKDpmaTmiJDlip8hIgogICAgICAgIH0pOwogICAgICB9KTsKICAgIH0sCgogICAgZmlsdGVyTm9kZSh2YWx1ZSwgZGF0YSkgewogICAgICBpZiAoIXZhbHVlKSByZXR1cm4gdHJ1ZTsKICAgICAgcmV0dXJuIGRhdGEubGFiZWwuaW5kZXhPZih2YWx1ZSkgIT09IC0xOwogICAgfSwKCiAgICBoYW5kbGVTZWxlY3Rpb25DaGFuZ2UodmFsKSB7CiAgICAgIC8vICDmlbDnu4RpZAogICAgICBjb25zdCBpZEFyciA9IHZhbC5tYXAoaXRlbSA9PiB7CiAgICAgICAgcmV0dXJuIGl0ZW0uaWQ7CiAgICAgIH0pOwogICAgICB0aGlzLmlkQXJyID0gaWRBcnI7CiAgICB9LAoKICAgIC8vIOe8lui+keWRmOW3pQogICAgb3BlbkVkaXRNb2RlbChpZCkgewogICAgICB0aGlzLnN0YWZmX2lkID0gaWQ7CiAgICAgIHRoaXMuaXNFZGl0ID0gdHJ1ZTsKICAgICAgdGhpcy5hZGRfc3RhZmYgPSB0cnVlOwogICAgfSwKCiAgICAvLyAg5paw5aKe5oiQ5ZGYYWRkRWRpdE1vZGVsCiAgICBvcGVuTW9kZWwoKSB7CiAgICAgIHRoaXMuc3RhZmZfaWQgPSAwOwogICAgICB0aGlzLmlzRWRpdCA9IHRydWU7CiAgICAgIHRoaXMuYWRkX3N0YWZmID0gdHJ1ZTsKICAgIH0sCgogICAgcGFnZUNoYW5nZShwYWdlKSB7CiAgICAgIHRoaXMuc3RhZmZfcGFnZSA9IHBhZ2U7CiAgICAgIHRoaXMuZ2V0QWxsU3RhZmYoKTsKICAgIH0sCgogICAgc2l6ZUNoYW5nZShzaXplKSB7CiAgICAgIHRoaXMuc3RhZmZfcGFnZV9zaXplID0gc2l6ZTsKICAgICAgdGhpcy5wYWdlQ2hhbmdlKDEpOwogICAgfQoKICB9Cn07"},{"version":3,"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqNA;AACA;AACA,SACAA,gBADA,EAEAC,gBAFA,EAGAC,WAHA,EAIAC,WAJA,QAKA,kBALA;AAMA;EACAC;IACAC,aADA;IAEAC;EAFA,CADA;;EAKAC;IACA;MACAC,cADA;MAEAC,OAFA;MAGAC,aAHA;MAIAC,WAJA;MAKAC,aALA;MAMAC,mBANA;MAOAC,cAPA;MAQAC,SARA;MASAC,kBATA;MAUAC,iBAVA;MAUA;MACAC,YAXA;MAWA;MACAC,sBAZA;MAaAC,iBAbA;MAcAC,qBAdA;MAeAC,gBAfA;MAgBAC,cAhBA;MAiBAC,aAjBA;MAkBAC,mBAlBA;MAmBAC;QACAC,oBADA;QAEAC;MAFA;IAnBA;EAwBA,CA9BA;;EA+BAC;IACAN;MACA;IACA;;EAHA,CA/BA;;EAoCA;IACA;IACA;EACA,CAvCA;;EAwCAO;IACA;IACA;EACA,CA3CA;;EA4CAC;IACAC;MACA;IACA,CAHA;;IAIA;IACAC;MACA;MACA;IACA,CARA;;IASA;IACA;MACA;QACAxB,eADA;QAEAyB,wBAFA;QAGAvB;MAHA;MAMA;MACA;MACA;IACA,CApBA;;IAqBAwB;MACA;QACAC,uBADA;QAEAC,sBAFA;QAGAC;MAHA,GAIAC,IAJA,CAIA;QACA;QAEA;UACAD,eADA;UAEAE;QAFA;QAIA;MACA,CAZA;IAaA,CAnCA;;IAoCA;IACAC;MACA;IACA,CAvCA;;IAwCA;IACAC;MACA;MACA;MACA;IACA,CA7CA;;IA8CA;IACAC;MACA;MACA;MACA;IACA,CAnDA;;IAoDA;IACA;MACA;QACA;MACA;;MACA;QACAlC,qBADA;QAEAyB,8BAFA;QAGAU;MAHA;MAMA;MACA;IACA,CAjEA;;IAkEA;IACAzC;MACA;QACAiC,uBADA;QAEAC,sBAFA;QAGAC;MAHA,GAIAC,IAJA,CAIA;QACA;UACA;QACA;;QACA;UACAM;QADA;QAIA;QACA;UACAP,eADA;UAEAE;QAFA;MAIA,CAjBA;IAkBA,CAtFA;;IAuFAM;MACA;MACA;IACA,CA1FA;;IA2FAC;MACA;MACA;QACA;MACA,CAFA;MAGA;IACA,CAjGA;;IAkGA;IACAC;MACA;MACA;MACA;IACA,CAvGA;;IAwGA;IACAC;MACA;MACA;MACA;IACA,CA7GA;;IA8GAC;MACA;MACA;IACA,CAjHA;;IAkHAC;MACA;MACA;IACA;;EArHA;AA5CA","names":["getAllDepartment","deleteDepartment","getAllStaff","deleteStaff","components","AddDepartment","AddStaff","data","total_count","page","page_size","keyword","staff_page","staff_page_size","staff_total","idArr","now_department","department_id","staff_id","department_edit","staff_edit","add_department","add_staff","filterText","tableData","Department_data","defaultProps","children","label","watch","activated","methods","searchDeparment","selDepartment","pageSize","delData","confirmButtonText","cancelButtonText","type","then","message","departmentConfirm","addDepartment","editData","departmentId","id","filterNode","handleSelectionChange","openEditModel","openModel","pageChange","sizeChange"],"sourceRoot":"src/views/SystemSettings/accountAdmin","sources":["Department.vue"],"sourcesContent":["<template>\n <div class=\"page-div\">\n <Container></Container>\n <el-row>\n <el-col :span=\"6\">\n <div class=\"branch-list\">\n <el-input\n v-model=\"keyword\"\n style=\"margin-bottom: 12px\"\n size=\"mini\"\n placeholder=\"输入关键字进行过滤\"\n clearable\n @change=\"searchDeparment\"\n @blur=\"searchDeparment\"\n ></el-input>\n <div style=\"text-align: right; padding-bottom: 10px\">\n <el-button\n v-if=\"$accessCheck($Access.DepartmentAddDepartment)\"\n size=\"mini\"\n @click=\"addDepartment\"\n >\n 新增部门\n </el-button>\n </div>\n <el-tree\n ref=\"tree\"\n class=\"filter-tree\"\n :data=\"Department_data\"\n :props=\"defaultProps\"\n default-expand-all\n :filter-node-method=\"filterNode\"\n @node-click=\"selDepartment\"\n >\n <div slot-scope=\"{ node, data }\" class=\"custom-tree-node clearfix\">\n <span class=\"float_left\">{{ data.departmentName }}</span>\n <span class=\"float_right\">\n <el-button\n v-if=\"$accessCheck($Access.DepartmentUpdateDepartment)\"\n type=\"text\"\n size=\"mini\"\n icon=\"el-icon-edit\"\n @click=\"editData(data.id)\"\n ></el-button>\n <el-button\n v-if=\"$accessCheck($Access.DepartmentDeleteDepartment)\"\n style=\"color: #f56c6c\"\n type=\"text\"\n size=\"mini\"\n icon=\"el-icon-delete\"\n @click=\"delData(data.id)\"\n ></el-button>\n </span>\n </div>\n </el-tree>\n </div>\n </el-col>\n <el-col :span=\"18\">\n <div class=\"branch-detail\">\n <div class=\"branch-name\">\n <span style=\"padding-right: 12px\">\n {{ now_department.departmentName }}\n </span>\n <el-button\n v-if=\"$accessCheck($Access.DepartmentUpdateDepartment)\"\n size=\"mini\"\n type=\"text\"\n icon=\"el-icon-edit\"\n @click=\"editData(now_department.id)\"\n ></el-button>\n </div>\n <!-- <el-breadcrumb separator-class=\"el-icon-arrow-right\">\n <el-breadcrumb-item>\n <span style=\"color: #1881f7\">源点计划有限公司</span>\n </el-breadcrumb-item>\n <el-breadcrumb-item>研发中心</el-breadcrumb-item>\n </el-breadcrumb>-->\n <div class=\"last-branch\">\n <div class=\"last-branch-tit\">下级部门</div>\n <div class=\"branch-handel\">\n <el-button size=\"mini\" @click=\"addDepartment\">\n 新增子部门\n </el-button>\n </div>\n <ul class=\"last-branch-ul\">\n <li\n v-for=\"(item, index) in now_department.children\"\n :key=\"index\"\n class=\"last-branch-li clearfix\"\n @click=\"selDepartment(item)\"\n >\n <span class=\"float_left\">{{ item.departmentName }}</span>\n <div class=\"float_right\">\n <i class=\"el-icon-arrow-right float_right\"></i>\n </div>\n </li>\n </ul>\n </div>\n <div\n v-if=\"$accessCheck($Access.StaffGetAllStaff)\"\n class=\"branch-staff\"\n >\n <div class=\"last-branch-tit\">部门人员</div>\n <div class=\"branch-handel\" style=\"margin-bottom: 12px\">\n <el-button\n v-if=\"$accessCheck($Access.StaffAddStaff)\"\n size=\"mini\"\n plain\n type=\"primary\"\n @click=\"openModel\"\n >\n 新增成员\n </el-button>\n <el-button\n v-if=\"$accessCheck($Access.StaffDeleteStaff)\"\n size=\"mini\"\n plain\n type=\"danger\"\n @click=\"deleteStaff\"\n >\n 批量删除\n </el-button>\n </div>\n <el-table\n ref=\"multipleTable\"\n size=\"mini\"\n :data=\"tableData\"\n @selection-change=\"handleSelectionChange\"\n >\n <el-table-column type=\"selection\" width=\"55\"></el-table-column>\n <el-table-column\n prop=\"staffCode\"\n label=\"工号\"\n min-width=\"140\"\n ></el-table-column>\n <el-table-column\n prop=\"staffName\"\n label=\"姓名\"\n min-width=\"120\"\n ></el-table-column>\n\n <el-table-column\n prop=\"roleName\"\n label=\"职位\"\n min-width=\"120\"\n ></el-table-column>\n\n <el-table-column\n prop=\"mobile\"\n label=\"手机\"\n min-width=\"120\"\n ></el-table-column>\n <el-table-column\n prop=\"email\"\n label=\"邮箱\"\n show-overflow-tooltip\n min-width=\"160\"\n ></el-table-column>\n <el-table-column label=\"操作\" width=\"130\" fixed=\"right\">\n <template slot-scope=\"scope\">\n <el-button\n v-if=\"$accessCheck($Access.StaffUpdateStaff)\"\n type=\"text\"\n @click=\"openEditModel(scope.row.id)\"\n >\n 编辑\n </el-button>\n <el-button\n v-if=\"$accessCheck($Access.StaffDeleteStaff)\"\n type=\"text\"\n @click=\"deleteStaff(scope.row.id)\"\n >\n 删除\n </el-button>\n </template>\n </el-table-column>\n </el-table>\n <FooterPage\n :page-size=\"staff_page_size\"\n :total-page.sync=\"staff_total\"\n :current-page.sync=\"staff_page\"\n @pageChange=\"pageChange\"\n @sizeChange=\"sizeChange\"\n ></FooterPage>\n </div>\n </div>\n </el-col>\n </el-row>\n <AddDepartment\n v-if=\"add_department\"\n :id=\"department_id\"\n :is-edit=\"department_edit\"\n :visible=\"add_department\"\n @close=\"add_department = false\"\n @confirm=\"departmentConfirm\"\n ></AddDepartment>\n <AddStaff\n v-if=\"add_staff\"\n :id=\"staff_id\"\n :is-edit=\"staff_edit\"\n :visible=\"add_staff\"\n @close=\"add_staff = false\"\n ></AddStaff>\n <!-- <FooterPage-->\n <!-- :page-size=\"page_size\"-->\n <!-- :total-page=\"total_count\"-->\n <!-- :current-page=\"page\"-->\n <!-- @pageChange=\"pageChange\"-->\n <!-- @sizeChange=\"sizeChange\"-->\n <!-- />-->\n </div>\n</template>\n\n<script>\n import AddDepartment from \"@/component/SystemSettings/AddDepartment.vue\";\n import AddStaff from \"@/component/SystemSettings/AddStaff.vue\";\n import {\n getAllDepartment,\n deleteDepartment,\n getAllStaff,\n deleteStaff,\n } from \"@/api/Department\";\n export default {\n components: {\n AddDepartment,\n AddStaff,\n },\n data() {\n return {\n total_count: 0,\n page: 1,\n page_size: 10,\n keyword: \"\",\n staff_page: 1,\n staff_page_size: 10,\n staff_total: 0,\n idArr: [],\n now_department: {},\n department_id: \"\", // 部门增删id\n staff_id: \"\", // 员工增删id\n department_edit: false,\n staff_edit: false,\n add_department: false,\n add_staff: false,\n filterText: \"\",\n tableData: [],\n Department_data: [],\n defaultProps: {\n children: \"children\",\n label: \"label\",\n },\n };\n },\n watch: {\n filterText(val) {\n this.$refs.tree.filter(val);\n },\n },\n async created() {\n await this.getAllDepartment();\n await this.getAllStaff();\n },\n activated() {\n if (this.$_isInit()) return;\n this.getAllStaff();\n },\n methods: {\n searchDeparment() {\n this.getAllDepartment();\n },\n // 选择部门\n selDepartment(val) {\n this.now_department = val;\n this.getAllStaff();\n },\n // 获取部门列表 getAllDepartment\n async getAllDepartment() {\n const data = await getAllDepartment({\n page: this.page,\n pageSize: this.page_size,\n keyword: this.keyword,\n });\n\n this.total_count = data.pageTotal;\n this.Department_data = data.data;\n this.now_department = data.data[0] || {};\n },\n delData(id) {\n this.$confirm(\"你确定删除此部门吗?\", \"提示\", {\n confirmButtonText: \"确定\",\n cancelButtonText: \"取消\",\n type: \"warning\",\n }).then(async () => {\n const data = await deleteDepartment(id);\n\n this.$message({\n type: \"success\",\n message: \"删除成功!\",\n });\n this.getAllDepartment();\n });\n },\n // 部门操作请求成功\n departmentConfirm() {\n this.getAllDepartment();\n },\n // 新增部门\n addDepartment() {\n this.department_id = \"\";\n this.department_edit = false;\n this.add_department = true;\n },\n // editData 编辑部门\n editData(id) {\n this.department_id = id;\n this.department_edit = true;\n this.add_department = true;\n },\n // 获取员工列表\n async getAllStaff() {\n if (!this.$accessCheck(this.$Access.StaffGetAllStaff)) {\n return;\n }\n const data = await getAllStaff({\n page: this.staff_page,\n pageSize: this.staff_page_size,\n departmentId: this.now_department.id,\n });\n\n this.tableData = data.data;\n this.staff_total = data.pageTotal;\n },\n // 删除员工\n deleteStaff(id) {\n this.$confirm(\"你确定删除此员工?\", {\n confirmButtonText: \"确定\",\n cancelButtonText: \"取消\",\n type: \"warning\",\n }).then(async () => {\n if (id) {\n this.idArr = [id];\n }\n const data = await deleteStaff({\n id: this.idArr,\n });\n\n this.getAllStaff();\n this.$message({\n type: \"success\",\n message: \"删除成功!\",\n });\n });\n },\n filterNode(value, data) {\n if (!value) return true;\n return data.label.indexOf(value) !== -1;\n },\n handleSelectionChange(val) {\n // 数组id\n const idArr = val.map((item) => {\n return item.id;\n });\n this.idArr = idArr;\n },\n // 编辑员工\n openEditModel(id) {\n this.staff_id = id;\n this.isEdit = true;\n this.add_staff = true;\n },\n // 新增成员addEditModel\n openModel() {\n this.staff_id = 0;\n this.isEdit = true;\n this.add_staff = true;\n },\n pageChange(page) {\n this.staff_page = page;\n this.getAllStaff();\n },\n sizeChange(size) {\n this.staff_page_size = size;\n this.pageChange(1);\n },\n },\n };\n</script>\n\n<style scoped>\n .branch-list {\n padding: 24px 12px;\n }\n .branch-detail {\n padding: 24px 12px;\n border-left: 1px solid #eee;\n height: calc(100vh - 150px);\n }\n .branch-name {\n padding-bottom: 12px;\n }\n .last-branch-li {\n font-size: 12px;\n line-height: 40px;\n border-bottom: 1px solid #eee;\n padding: 0 16px;\n }\n .last-branch-li .float_right {\n color: #9c9c9c;\n line-height: 40px;\n cursor: pointer;\n }\n .last-branch-tit {\n padding: 24px 0;\n }\n .branch-handel {\n background: #eceff4;\n padding: 8px 12px;\n }\n .custom-tree-node {\n width: 100%;\n font-size: 14px;\n }\n</style>\n"]}]}
|
