| | |
| | | |
| | | <script> |
| | | |
| | | import { getShuohuangDepartTree, getOrganizeTree, getMemberList, updateMemberInfo, addMember, updateUnit, uploadMemberPic, uploadDirectory, uploadFile,downloadFile } from '@/api/shuohuang' |
| | | import { getShuohuangDepartTree, getOrganizeTree, getMemberList, updateMemberInfo, addMember, updateUnit, uploadMemberPic, uploadDirectory, uploadFile, downloadFile } from '@/api/shuohuang' |
| | | export default { |
| | | data () { |
| | | data() { |
| | | return { |
| | | publicPath: process.env.BASE_URL, |
| | | CLIP: 'http://192.168.20.113/', |
| | |
| | | menuLeft: 0, |
| | | keyword: '', |
| | | gender: '', |
| | | genders: [{id:'g3',name:'全部'},{ name: '男', id: 'g0' }, { name: '女', id: 'g1' }], |
| | | genders: [{ id: 'g3', name: '全部' }, { name: '男', id: 'g0' }, { name: '女', id: 'g1' }], |
| | | tableData: [], |
| | | multipleTableSelection: [], |
| | | PageIndex: 1, |
| | |
| | | PageSize: 8, |
| | | organizeData: [], |
| | | checkedOrgID: '', |
| | | checkedOrgName:"", |
| | | checkedOrgName: "", |
| | | organizeKeyword: '', |
| | | memberEditDialogVisible: false, |
| | | toggleOrganizeDialogVisible: false, |
| | |
| | | batchImportTableData: [], |
| | | } |
| | | }, |
| | | mounted () { |
| | | mounted() { |
| | | this.searchLeftTreeData(); |
| | | this.getOrganizeTreeData(); |
| | | //this.renderMemberTable(); |
| | | |
| | | }, |
| | | methods: { |
| | | resetFilter(){ |
| | | resetFilter() { |
| | | this.keyword = ''; |
| | | this.gender = ''; |
| | | this.renderMemberTable(); |
| | | }, |
| | | isPhone (rule, value, callback) { |
| | | isPhone(rule, value, callback) { |
| | | if (!value) { |
| | | return callback() |
| | | } else if (value.trim()) { |
| | | var pattern = /^1[345789]\d{9}$/ |
| | | var pattern = /^1[345789]\d{9}$/ |
| | | if (pattern.test(value)) { |
| | | return callback() |
| | | } |
| | |
| | | // return callback(new Error('输入的手机号错误')) |
| | | // } |
| | | }, |
| | | nodeContextMenu (e, data, node, comp) { |
| | | nodeContextMenu(e, data, node, comp) { |
| | | this.showMenu = true; |
| | | this.menuTop = e.pageY; |
| | | this.menuLeft = e.pageX; |
| | | }, |
| | | checkOrgNode (a, b, c) { |
| | | checkOrgNode(a, b, c) { |
| | | this.checkedOrgID = a.id |
| | | this.checkedOrgName = a.label |
| | | }, |
| | | downloadExcel(){ |
| | | downloadExcel() { |
| | | downloadFile().then(function (res) { |
| | | // debugger |
| | | console.log(res); |
| | | console.log(res); |
| | | }) |
| | | }, |
| | | updateOrg () { |
| | | updateOrg() { |
| | | let ids = this.multipleTableSelection.map(row => { |
| | | return row.ID |
| | | }); |
| | | let params = { |
| | | DeptID: this.checkedOrgID, |
| | | DeptName:this.checkedOrgName, |
| | | DeptName: this.checkedOrgName, |
| | | Users: ids.join(',') |
| | | } |
| | | updateUnit(params).then(res => { |
| | |
| | | }) |
| | | |
| | | }, |
| | | tableSelection (val) { |
| | | tableSelection(val) { |
| | | this.multipleTableSelection = val; |
| | | }, |
| | | memberSave () { |
| | | memberSave() { |
| | | this.$refs['memberForm'].validate((valid) => { |
| | | if (valid) { |
| | | let params = Object.assign({ DeptID: this.curLeftTreeNode.id }, this.memberEditForm); |
| | |
| | | } |
| | | }) |
| | | }, |
| | | delMember (member) { |
| | | delMember(member) { |
| | | member.IsDel = '1'; |
| | | this.memberUpdate(member); |
| | | }, |
| | | editMember (member) { |
| | | editMember(member) { |
| | | this.memberEditDialogVisible = true; |
| | | this.memberEditForm = member; |
| | | }, |
| | | memberUpdate (member) { |
| | | memberUpdate(member) { |
| | | updateMemberInfo(member).then(res => { |
| | | if (res.success) { |
| | | this.$notify({ |
| | |
| | | } |
| | | }) |
| | | }, |
| | | checkNode (a, b, c) { |
| | | checkNode(a, b, c) { |
| | | if (a.hasOwnProperty('children')) { |
| | | this.curLeftTreeNode = a; |
| | | this.deptId = a.id; |
| | | this.renderMemberTable(); |
| | | } |
| | | }, |
| | | handleTableSizeChange (size) { |
| | | handleTableSizeChange(size) { |
| | | this.PageSize = size; |
| | | this.renderMemberTable(); |
| | | }, |
| | | renderMemberTable () { |
| | | renderMemberTable() { |
| | | let _this = this; |
| | | let params = { |
| | | DeptID: this.deptId, |
| | |
| | | _this.tableTotal = res.total; |
| | | }) |
| | | }, |
| | | uploadPic () { |
| | | uploadPic() { |
| | | |
| | | }, |
| | | uploadDirectoryTrigger () { |
| | | uploadDirectoryTrigger() { |
| | | this.$refs['directoryInput'].click(); |
| | | }, |
| | | importDirectory () { |
| | | importDirectory() { |
| | | let _this = this; |
| | | //this.$refs['directoryInput'].files //文件夹map |
| | | let formData = new FormData; |
| | |
| | | }) |
| | | }, |
| | | |
| | | handleRemove () { |
| | | handleRemove() { |
| | | |
| | | }, |
| | | handleExceed () { |
| | | handleExceed() { |
| | | |
| | | }, |
| | | batchImport () { |
| | | batchImport() { |
| | | this.batchImportDialogVisible = true; |
| | | }, |
| | | toggleOrganize () { |
| | | toggleOrganize() { |
| | | this.toggleOrganizeDialogVisible = true; |
| | | }, |
| | | uploadMemberPicture (params) { |
| | | uploadMemberPicture(params) { |
| | | let param = new FormData(); |
| | | param.append('file', params.file) |
| | | uploadMemberPic(param).then(res => { |
| | |
| | | }) |
| | | }, |
| | | |
| | | deepNodeChildren (node) { |
| | | deepNodeChildren(node) { |
| | | var arr1 = []; |
| | | var arr2 = []; |
| | | if (node.ChildDept && node.ChildDept.length > 0) { |
| | |
| | | } |
| | | return arr1.concat(arr2) |
| | | }, |
| | | getOrganizeTreeData () { |
| | | getOrganizeTreeData() { |
| | | let _this = this; |
| | | getOrganizeTree().then(res => { |
| | | _this.organizeData = res.data.map(item => { |
| | |
| | | }) |
| | | }) |
| | | }, |
| | | searchLeftTreeData () { |
| | | searchLeftTreeData() { |
| | | let _this = this; |
| | | getShuohuangDepartTree().then(res => { |
| | | _this.treeData = res.data.map(item => { |
| | |
| | | return obj |
| | | }); |
| | | this.$nextTick(() => { |
| | | |
| | | if (!Object.keys(_this.curLeftTreeNode).length) { |
| | | _this.curLeftTreeNode = _this.treeData[0]; |
| | | _this.$refs['leftTreeNodes'].setCurrentNode(_this.treeData[0]); |
| | | if (_this.treeData.length) { |
| | | _this.curLeftTreeNode = _this.treeData[0]; |
| | | _this.$refs['leftTreeNodes'].setCurrentNode(_this.treeData[0]); |
| | | } |
| | | } else { |
| | | _this.$refs['leftTreeNodes'].setCurrentNode(_this.curLeftTreeNode); |
| | | } |
| | |
| | | |
| | | }) |
| | | }, |
| | | addMember () { |
| | | addMember() { |
| | | this.memberEditDialogVisible = true; |
| | | this.memberEditForm = {}; |
| | | }, |