| | |
| | | <el-option |
| | | v-for="item in genders" |
| | | :key="item.id" |
| | | :value="item.id" |
| | | :value="item.name=='全部'?'':item.name" |
| | | :label="item.name" |
| | | >{{item.name}}</el-option> |
| | | </el-select> |
| | | <el-button type="primary" size="small" @click="renderMemberTable">查询</el-button> |
| | | <el-button type="primary" size="small" @click="resetFilter">重置</el-button> |
| | | </div> |
| | | <div class="table-area"> |
| | | <div class="actions"> |
| | |
| | | <el-form-item label="身份证号:"> |
| | | <el-input v-model="memberEditForm.OwnerID" size="mini"></el-input> |
| | | </el-form-item> |
| | | <el-form-item label="手机号:"> |
| | | <el-form-item label="手机号:" prop="Tel"> |
| | | <el-input v-model="memberEditForm.Tel" size="mini"></el-input> |
| | | </el-form-item> |
| | | <div class="btns"> |
| | |
| | | <script> |
| | | |
| | | import { getShuohuangDepartTree, getOrganizeTree, getMemberList, updateMemberInfo, addMember, updateUnit, uploadMemberPic, uploadDirectory, uploadFile } from '@/api/shuohuang' |
| | | |
| | | export default { |
| | | data () { |
| | | return { |
| | |
| | | menuLeft: 0, |
| | | keyword: '', |
| | | gender: '', |
| | | genders: [{ name: '男', id: 'g0' }, { name: '女', id: 'g1' }], |
| | | genders: [{id:'g3',name:'全部'},{ name: '男', id: 'g0' }, { name: '女', id: 'g1' }], |
| | | tableData: [], |
| | | multipleTableSelection: [], |
| | | PageIndex: 1, |
| | |
| | | memberEditFormRule: { |
| | | Name: [{ required: true, message: '请输入姓名', trigger: 'change' }], |
| | | UserName: [{ required: true, message: '请输入姓名', trigger: 'change' }], |
| | | Sex: [{ required: true, message: '请选择性别', trigger: 'change' }] |
| | | Sex: [{ required: true, message: '请选择性别', trigger: 'change' }], |
| | | Tel: [{ validator: this.isPhone, trigger: 'change' }], |
| | | }, |
| | | memberPicUrl: '', |
| | | showDemo: false, |
| | |
| | | |
| | | }, |
| | | methods: { |
| | | resetFilter(){ |
| | | this.keyword = ''; |
| | | this.gender = ''; |
| | | this.renderMemberTable(); |
| | | }, |
| | | isPhone (rule, value, callback) { |
| | | if (value.trim()) { |
| | | var pattern = /^1[345789]\d{9}$/ |
| | | if (pattern.test(value)) { |
| | | return callback() |
| | | } |
| | | return callback(new Error('输入的手机号错误')) |
| | | } |
| | | }, |
| | | nodeContextMenu (e, data, node, comp) { |
| | | this.showMenu = true; |
| | | this.menuTop = e.pageY; |
| | |
| | | memberSave () { |
| | | this.$refs['memberForm'].validate((valid) => { |
| | | if (valid) { |
| | | let params = Object.assign({DeptID:this.curLeftTreeNode.id},this.memberEditForm); |
| | | let params = Object.assign({ DeptID: this.curLeftTreeNode.id }, this.memberEditForm); |
| | | if (this.memberEditForm.ID) { |
| | | updateMemberInfo(params).then(res => { |
| | | if (res.success) { |
| | |
| | | let _this = this; |
| | | let params = { |
| | | DeptID: this.deptId, |
| | | keyword: this.keyword, |
| | | Keyword: this.keyword, |
| | | Sex: this.gender, |
| | | PageIndex: this.PageIndex, |
| | | PageSize: this.PageSize |
| | |
| | | importDirectory () { |
| | | //this.$refs['directoryInput'].files //文件夹map |
| | | let formData = new FormData; |
| | | for(var file in this.$refs['directoryInput'].files){ |
| | | for (var file in this.$refs['directoryInput'].files) { |
| | | formData.append('files', this.$refs['directoryInput'].files[file]) |
| | | } |
| | | //formData.append('files', this.$refs['directoryInput'].files) |
| | | |
| | | uploadDirectory(formData).then(res=>{ |
| | | uploadDirectory(formData).then(res => { |
| | | debugger |
| | | |
| | | |
| | | }) |
| | | }, |
| | | |
| | |
| | | return obj |
| | | }); |
| | | this.$nextTick(() => { |
| | | if(!Object.keys(_this.curLeftTreeNode).length){ |
| | | if (!Object.keys(_this.curLeftTreeNode).length) { |
| | | _this.curLeftTreeNode = _this.treeData[0]; |
| | | _this.$refs['leftTreeNodes'].setCurrentNode(_this.treeData[0]); |
| | | }else{ |
| | | } else { |
| | | _this.$refs['leftTreeNodes'].setCurrentNode(_this.curLeftTreeNode); |
| | | } |
| | | _this.checkNode(_this.curLeftTreeNode); |