{"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":1671239167762},{"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;QACA;UACAD,eADA;UAEAE;QAFA;QAIA;MACA,CAXA;IAYA,CAlCA;;IAmCA;IACAC;MACA;IACA,CAtCA;;IAuCA;IACAC;MACA;MACA;MACA;IACA,CA5CA;;IA6CA;IACAC;MACA;MACA;MACA;IACA,CAlDA;;IAmDA;IACA;MACA;QACA;MACA;;MACA;QACAlC,qBADA;QAEAyB,8BAFA;QAGAU;MAHA;MAMA;MACA;IACA,CAhEA;;IAiEA;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,CArFA;;IAsFAM;MACA;MACA;IACA,CAzFA;;IA0FAC;MACA;MACA;QACA;MACA,CAFA;MAGA;IACA,CAhGA;;IAiGA;IACAC;MACA;MACA;MACA;IACA,CAtGA;;IAuGA;IACAC;MACA;MACA;MACA;IACA,CA5GA;;IA6GAC;MACA;MACA;IACA,CAhHA;;IAiHAC;MACA;MACA;IACA;;EApHA;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          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"]}]}