用户管理新model页面

src/views/system/modules/NewUserModal.vue

@@ -0,0 +1,852 @@
+<template>
+  <a-modal
+    :title="title"
+    width="75%"
+    :closable="true"
+    @cancel="close"
+    @ok="handleSubmit"
+    :visible="visible"
+  >
+    <template slot="title">
+      <div style="width: 100%;">
+        <span>{{ title }}</span>
+        <span style="display:inline-block;width:calc(100% - 51px);padding-right:10px;text-align: right">
+          <a-button @click="toggleScreen" icon="appstore" style="height:20px;width:20px;border:0px"></a-button>
+        </span>
+      </div>
+    </template>
+
+    <a-spin :spinning="confirmLoading">
+      <a-form :form="form">
+
+         <a-form-item label="用户姓名" :labelCol="labelCol" :wrapperCol="wrapperCol">
+          <a-input placeholder="请输入用户姓名" v-decorator="['realname', validatorRules.realname]" />
+        </a-form-item>
+
+         <a-form-item label="性别" :labelCol="labelCol" :wrapperCol="wrapperCol">
+          <a-select v-decorator="['sex', validatorRules.sex]" placeholder="请选择性别">
+            <a-select-option :value="1">男</a-select-option>
+            <a-select-option :value="2">女</a-select-option>
+          </a-select>
+        </a-form-item>
+
+        <a-form-item label="证件类型" :labelCol="labelCol" :wrapperCol="wrapperCol">
+          <a-select placeholder="请选择证件类型" v-decorator="[ 'idType', validatorRules.idType]" >
+            <a-select-option value="身份证">身份证</a-select-option>
+            <a-select-option value="港澳台胞证">港澳台胞证</a-select-option>
+          </a-select>
+        </a-form-item>
+
+        <a-form-item label="证件号码" :labelCol="labelCol" :wrapperCol="wrapperCol">
+          <a-input placeholder="请输入证件号码" v-decorator="['nidNo', validatorRules.nidNo]" />
+        </a-form-item>
+
+        <a-form-item label="入司日期" :labelCol="labelCol" :wrapperCol="wrapperCol">
+          <a-date-picker
+            style="width: 100%"
+            placeholder="请选择入司日期"
+            v-decorator="['nInductionTime', { initialValue: !model.nInductionTime ? null : moment(model.nInductionTime, dateFormat) ,rules: [{ required: true, message: '请选择入司日期' }] }]"
+          />
+        </a-form-item>
+
+<!--        <a-form-item label="公司部门分配" :labelCol="labelCol" :wrapperCol="wrapperCol" v-show="!departDisabled">-->
+<!--          <a-input-search-->
+<!--            placeholder="点击右侧按钮选择公司和部门"-->
+<!--            v-model="checkedDepartNameString"-->
+<!--            disabled-->
+<!--            @search="onSearch"-->
+<!--          >-->
+<!--            <a-button slot="enterButton" icon="search">选择</a-button>-->
+<!--          </a-input-search>-->
+<!--        </a-form-item>-->
+
+        <a-form-item label="职务" :labelCol="labelCol" :wrapperCol="wrapperCol">
+          <j-select-position placeholder="请选择职务" :multiple="false" v-decorator="['post', validatorRules.post]" />
+        </a-form-item>
+
+        <a-form-item label="员工类型" :labelCol="labelCol" :wrapperCol="wrapperCol">
+          <a-select placeholder="请选择员工类型" v-decorator="[ 'type', validatorRules.type]" >
+            <a-select-option value="正式员工">正式员工</a-select-option>
+            <a-select-option value="临时">临时</a-select-option>
+            <a-select-option value="实习生">实习生</a-select-option>
+            <a-select-option value="劳务工">劳务工</a-select-option>
+          </a-select>
+        </a-form-item>
+
+        <a-form-item label="公司座机" :labelCol="labelCol" :wrapperCol="wrapperCol">
+          <a-input placeholder="请输入公司座机" v-decorator="['ncompanyPhone', {}]" />
+        </a-form-item>
+
+        <a-form-item label="手机号码" :labelCol="labelCol" :wrapperCol="wrapperCol">
+          <a-input
+            placeholder="请输入手机号码"
+            :disabled="isDisabledAuth('user:form:phone')"
+            v-decorator="['phone', validatorRules.phone]"
+          />
+        </a-form-item>
+
+        <a-form-item label="邮箱" :labelCol="labelCol" :wrapperCol="wrapperCol">
+          <a-input placeholder="请输入邮箱" v-decorator="['email', validatorRules.email]" />
+        </a-form-item>
+
+        <a-form-item label="员工状态" :labelCol="labelCol" :wrapperCol="wrapperCol">
+          <a-select placeholder="请选择员工状态" v-decorator="[ 'status', validatorRules.status]" >
+            <a-select-option value="在职">在职</a-select-option>
+            <a-select-option value="离职">离职</a-select-option>
+            <a-select-option value="退休">退休</a-select-option>
+            <a-select-option value="辞退">辞退</a-select-option>
+          </a-select>
+        </a-form-item>
+
+        <a-form-item label="工资开户行" :labelCol="labelCol" :wrapperCol="wrapperCol">
+          <a-input v-decorator="[ 'bank', validatorRules.bank]" placeholder="请输入工资开户行"></a-input>
+        </a-form-item>
+
+        <a-form-item label="工资卡号" :labelCol="labelCol" :wrapperCol="wrapperCol">
+          <a-input placeholder="请输入工资卡号" v-decorator="['ncardNo', validatorRules.ncardNo]" />
+        </a-form-item>
+
+        <a-form-item label="公积金号" :labelCol="labelCol" :wrapperCol="wrapperCol">
+            <a-input v-decorator="[ 'cpf', validatorRules.cpf]" placeholder="请输入公积金号"></a-input>
+        </a-form-item>
+        <a-form-item label="社保缴纳地" :labelCol="labelCol" :wrapperCol="wrapperCol">
+            <a-input v-decorator="[ 'ssPlace', validatorRules.ssPlace]" placeholder="请输入社保缴纳地"></a-input>
+        </a-form-item>
+        <a-form-item label="社保号" :labelCol="labelCol" :wrapperCol="wrapperCol">
+            <a-input v-decorator="[ 'ssAccount', validatorRules.ssAccount]" placeholder="请输入社保号"></a-input>
+        </a-form-item>
+
+
+        <a-form-item label="岗位职能要求" :labelCol="labelCol" :wrapperCol="wrapperCol" class="nresume">
+          <a-textarea  v-decorator="['requirement', validatorRules.requirement]" placeholder="请输入岗位职能要求"  :rows="4"></a-textarea >
+        </a-form-item>
+
+
+        <a-divider>IT维护</a-divider>
+        <a-form-item label="用户账号" :labelCol="labelCol" :wrapperCol="wrapperCol"  :validateOnRuleChange="true">
+          <a-input
+            placeholder="请输入用户账号"
+            v-decorator="['username', validatorRules.username]"
+            :readOnly="!!model.username"
+            autocomplete="off"
+          />
+        </a-form-item>
+
+        <template v-if="!model.id">
+          <a-form-item label="登陆密码" :labelCol="labelCol" :wrapperCol="wrapperCol">
+            <a-input type="password" placeholder="请输入登陆密码" v-decorator="['password', validatorRules.password]" autocomplete="new-password" @blur="changePssword"/>
+          </a-form-item>
+
+          <a-form-item label="确认密码" :labelCol="labelCol" :wrapperCol="wrapperCol">
+            <a-input
+              type="password"
+              @blur="handleConfirmBlur"
+              placeholder="请重新输入登陆密码"
+              v-decorator="['confirmpassword', validatorRules.confirmpassword]"
+            />
+          </a-form-item>
+        </template>
+        <!--部门分配-->
+        <a-form-item label="公司部门分配" :labelCol="labelCol" :wrapperCol="wrapperCol" v-show="!departDisabled">
+          <a-input-search
+            placeholder="点击右侧按钮选择公司和部门"
+            v-model="checkedDepartNameString"
+            disabled
+            @search="onSearch"
+          >
+            <a-button slot="enterButton" icon="search">选择</a-button>
+          </a-input-search>
+        </a-form-item>
+        <a-form-item label="角色分配" :labelCol="labelCol" :wrapperCol="wrapperCol" v-show="!roleDisabled">
+          <a-select
+            mode="multiple"
+            style="width: 100%"
+            placeholder="请选择用户角色"
+            optionFilterProp="children"
+            v-model="selectedRole"
+          >
+            <a-select-option v-for="(role, roleindex) in roleList" :key="roleindex.toString()" :value="role.id">
+              {{ role.roleName }}
+            </a-select-option>
+          </a-select>
+        </a-form-item>
+
+<!--         <a-form-item label="工作简历" :labelCol="labelCol" :wrapperCol="wrapperCol" class="nresume">-->
+<!--          <a-input type="textarea" placeholder="请输入" v-decorator="['nresume', {}]" />-->
+<!--        </a-form-item>-->
+      </a-form>
+    </a-spin>
+
+    <depart-window ref="departWindow" @ok="modalFormOk"></depart-window>
+    <!-- <div class="drawer-bootom-button" v-show="!disableSubmit">
+      <a-button style="margin-right: .8rem" @click="handleCancel">取消</a-button>
+      <a-button @click="handleSubmit" type="primary" :loading="confirmLoading">提交</a-button>
+    </div> -->
+  </a-modal>
+</template>
+
+<script>
+import pick from 'lodash.pick'
+import moment from 'moment'
+import Vue from 'vue'
+// 引入搜索部门弹出框的组件
+import departWindow from './DepartWindow'
+import JSelectPosition from '@/components/jeecgbiz/JSelectPosition'
+import { ACCESS_TOKEN } from '@/store/mutation-types'
+import { getAction } from '@/api/manage'
+import { addUser, editUser, queryUserRole, queryall, duplicateCheck } from '@/api/api'
+import { disabledAuthFilter } from '@/utils/authFilter'
+
+import JImageUpload from '../../../components/jeecg/JImageUpload'
+
+export default {
+    name: 'NewUserModal',
+    components: {
+        JImageUpload,
+        departWindow,
+        JSelectPosition
+    },
+    data () {
+        return {
+            departDisabled: false, // 是否是我的部门调用该页面
+            roleDisabled: false, // 是否是角色维护调用该页面
+            modalWidth: 800,
+            drawerWidth: 700,
+            modaltoggleFlag: true,
+            confirmDirty: false,
+            selectedDepartKeys: [], // 保存用户选择部门id
+            checkedDepartKeys: [],
+            checkedDepartNames: [], // 保存部门的名称 =>title
+            checkedDepartNameString: '', // 保存部门的名称 =>title
+            resultDepartOptions: [],
+            userId: '', // 保存用户id
+            disableSubmit: false,
+            userDepartModel: { userId: '', departIdList: [] }, // 保存SysUserDepart的用户部门中间表数据需要的对象
+            dateFormat: 'YYYY-MM-DD',
+            validatorRules: {
+                username: {
+                    rules: [
+                        {
+                            required: false,
+                            message: '请输入用户账号!'
+                        },
+                        {
+                            validator: this.validateUsername
+                        }
+                    ]
+                },
+                password: {
+                    rules: [
+                        {
+                            required: false,
+                             message: '请输入密码!'
+                            // pattern: /^(?=.*[a-zA-Z])(?=.*\d)(?=.*[~!@#$%^&*()_+`\-={}:";'<>?,./]).{8,}$/,
+                            // message: '密码由8位数字、大小写字母和特殊符号组成!'
+                        },
+                        {
+                            validator: this.validateToNextPassword
+                        }
+                    ],
+                    initialValue:'123456'
+                },
+                confirmpassword: {
+                    rules: [
+                        {
+                            required: false,
+                            message: '请重新输入登陆密码!'
+                        },
+                        {
+                            validator: this.compareToFirstPassword
+                        }
+                    ]
+                },
+                realname: { rules: [{ required: true, message: '请输入用户名称!' }] },
+                phone: { rules: [{ validator: this.validatePhone },{ required: true, message: '请输入手机号码!' }] },
+                email: {
+                    rules: [
+                        {
+                            // validator: this.validateEmail
+                        }
+                    ]
+                },
+                roles: {},
+                //  sex:{initialValue:((!this.model.sex)?"": (this.model.sex+""))}
+                workNo: {
+                    rules: [{ required: true, message: '请输入工号' }, { validator: this.validateWorkNo }]
+                },
+                telephone: {
+                    // rules: [{ required: true, message: '请输入座机' },{ pattern: /^0\d{2,3}-[1-9]\d{6,7}$/, message: '请输入正确的座机号码' }]
+                    rules: [{ required: true, message: '请输入家庭电话' }]
+                },
+                sex:{
+                    rules: [{ required: true, message: '请选择性别' }]
+                },
+                nidNo:{
+                    rules: [{ required: true, message: '输入身份证号码' }]
+                },
+                post:{
+                    rules: [{ required: true, message: '请选择职位' }]
+                },
+                ncardNo:{
+                    rules: [{ required: true, message: '请输入工资卡号' }]
+                },
+                bank:{
+                    rules: [{ required: true, message: '请输入工资开户行' }]
+                },
+                npersonnelType:{
+                    rules: [{ required: true, message: '请选择人员类型' }]
+                },
+                checkedDepartNameString:{
+                   rules: [{ required: true, message: '请选择部门!' }]
+                }
+            },
+            departIdShow: false,
+            departIds: [], // 负责部门id
+            title: '操作',
+            visible: false,
+            model: {},
+            roleList: [],
+            selectedRole: [],
+            labelCol: {
+                xs: { span: 24 },
+                sm: { span: 5 }
+            },
+            wrapperCol: {
+                xs: { span: 24 },
+                sm: { span: 16 }
+            },
+            uploadLoading: false,
+            confirmLoading: false,
+            headers: {},
+            form: this.$form.createForm(this),
+            picUrl: '',
+            url: {
+                fileUpload: window._CONFIG['domianURL'] + '/sys/common/upload',
+                imgerver: window._CONFIG['staticDomainURL'],
+                userWithDepart: '/sys/user/userDepartList', // 引入为指定用户查看部门信息需要的url
+                userId: '/sys/user/generateUserId', // 引入生成添加用户情况下的url
+                syncUserByUserName: '/process/extActProcess/doSyncUserByUserName' // 同步用户到工作流
+            },
+            identity: '1',
+            ifOa:'0',
+            fileList: [],
+            orgObject: {
+                pkOrg: '', // 选中的公司id
+                pkOrgName: '' // 选中的公司名称
+            },
+            userObject: {} // 用户信息
+        }
+    },
+    created () {
+        const token = Vue.ls.get(ACCESS_TOKEN)
+        this.headers = { 'X-Access-Token': token }
+    },
+    computed: {
+        uploadAction: function () {
+            return this.url.fileUpload
+        }
+    },
+    methods: {
+        isDisabledAuth (code) {
+            return disabledAuthFilter(code)
+        },
+        // 窗口最大化切换
+        toggleScreen () {
+            if (this.modaltoggleFlag) {
+                this.modalWidth = window.innerWidth
+            } else {
+                this.modalWidth = 800
+            }
+            this.modaltoggleFlag = !this.modaltoggleFlag
+        },
+        initialRoleList () {
+            queryall().then(res => {
+                if (res.success) {
+                    this.roleList = res.result
+                } else {
+                    console.log(res.message)
+                }
+            })
+        },
+        loadUserRoles (userid) {
+            queryUserRole({ userid: userid }).then(res => {
+                if (res.success) {
+                    this.selectedRole = res.result
+                } else {
+                    console.log(res.message)
+                }
+            })
+        },
+        refresh () {
+            this.selectedDepartKeys = []
+            this.checkedDepartKeys = []
+            this.checkedDepartNames = []
+            this.checkedDepartNameString = ''
+            this.userId = ''
+            this.resultDepartOptions = []
+            this.departId = []
+            this.departIdShow = false
+        },
+        add () {
+            this.picUrl = ''
+            this.refresh()
+            this.edit({ activitiSync: '1' })
+        },
+        edit (record) {
+            this.resetScreenSize() // 调用此方法,根据屏幕宽度自适应调整抽屉的宽度
+            let that = this
+            that.initialRoleList()
+            that.checkedDepartNameString = ''
+            that.form.resetFields()
+            if (record.hasOwnProperty('id')) {
+                that.loadUserRoles(record.id)
+                setTimeout(() => {
+                    this.fileList = record.avatar
+                }, 5)
+            }
+            that.userId = record.id
+            // 修改赋值公司id
+            this.orgObject.pkOrg = record.pkOrg
+            this.orgObject.pkOrgName = record.pkOrgName
+            this.userObject = record
+            that.visible = true
+            that.model = Object.assign({}, record)
+            that.$nextTick(() => {
+                that.form.setFieldsValue(
+                    pick(
+                        this.model,
+                        'username',
+                        'sex',
+                        'realname',
+                        'email',
+                        'phone',
+                        'activitiSync',
+                        'workNo',
+                        'telephone',
+                        'post',
+                        'nenName',
+                        'nmarriage',
+                        'nregistered',
+                        'noutlook',
+                        'nmajor',
+                        'neducation',
+                        'ngraduationTime',
+                        'ninductionTime',
+                        'ncompanyPhone',
+                        'ncompanyLine',
+                        'ncardNo',
+                        'nvirtualNo',
+                        'nBecomeTime',
+                        'nsocialTime',
+                        'nfundTime',
+                        'nfundBase',
+                        'nsocialBase',
+                        'nannualNum',
+                        'nannualOldNum',
+                        'nannualNowNum',
+                        'nnation',
+                        'nnativePlace',
+                        'nidNo',
+                        'nhomeAddress',
+                        'nrequirement',
+                        'nhopeFor',
+                        'nregisteredAddr',
+                        'nrelationshipFor',
+                        'npersonnelType',
+                        'nregisteredAddr',
+                        'ifOa'
+                    )
+                )
+            })
+            // 身份为上级显示负责部门，否则不显示
+            if (this.model.identity == '2') {
+                this.identity = '2'
+                this.departIdShow = true
+            } else {
+                this.identity = '1'
+                this.departIdShow = false
+            }
+            // 调用查询用户对应的部门信息的方法
+            that.checkedDepartKeys = []
+            that.loadCheckedDeparts()
+        },
+        //
+        loadCheckedDeparts () {
+            let that = this
+            if (!that.userId) {
+                return
+            }
+            getAction(that.url.userWithDepart, { userId: that.userId }).then(res => {
+                that.checkedDepartNames = []
+                if (res.success) {
+                    var depart = []
+                    var departId = []
+                    for (let i = 0; i < res.result.length; i++) {
+                        that.checkedDepartNames.push(res.result[i].title)
+                        this.checkedDepartNameString = this.checkedDepartNames.join(',')
+                        that.checkedDepartKeys.push(res.result[i].key)
+                        // 新增负责部门选择下拉框
+                        depart.push({
+                            key: res.result[i].key,
+                            title: res.result[i].title
+                        })
+                        departId.push(res.result[i].key)
+                    }
+                    that.resultDepartOptions = depart
+                    // 判断部门id是否存在，不存在择直接默认当前所在部门
+                    if (this.model.departIds) {
+                        this.departIds = this.model.departIds.split(',')
+                    } else {
+                        this.departIds = departId
+                    }
+                    that.userDepartModel.departIdList = that.checkedDepartKeys
+                } else {
+                    console.log(res.message)
+                }
+            })
+        },
+        close () {
+            console.log('?????')
+            this.$emit('close')
+            this.visible = false
+            this.ifOa ='0'
+            this.disableSubmit = false
+            this.selectedRole = []
+            this.userDepartModel = { userId: '', departIdList: [] }
+            this.checkedDepartNames = []
+            this.checkedDepartNameString = ''
+            this.checkedDepartKeys = []
+            this.selectedDepartKeys = []
+            this.resultDepartOptions = []
+            this.departIds = []
+            this.departIdShow = false
+            this.identity = '1'
+            this.fileList = []
+            this.orgObject = []
+            this.userObject = {}
+            this.validatorRules.username.rules[0].required = false
+            this.validatorRules.confirmpassword.rules[0].required = false
+        },
+        moment,
+        handleSubmit () {
+            if(!this.orgObject.pkOrg){
+              this.$message.warning("请选择公司");
+              return
+            }
+            const that = this
+            // 触发表单验证
+            this.form.validateFields((err, values) => {
+                if (!err) {
+                    that.confirmLoading = true
+                    if (!values.birthday) {
+                        values.birthday = ''
+                    } else {
+                        values.birthday = values.birthday.format(this.dateFormat)
+                    }
+                    let formData = Object.assign(this.model, values)
+                    // 获取公司信息
+                    formData.pkOrg = this.orgObject.pkOrg
+                    formData.pkOrgName = this.orgObject.pkOrgName
+                    formData.avatar = that.fileList
+                    formData.selectedroles = this.selectedRole.length > 0 ? this.selectedRole.join(',') : ''
+                    formData.selecteddeparts =
+                    this.userDepartModel.departIdList.length > 0 ? this.userDepartModel.departIdList.join(',') : ''
+                    formData.identity = this.identity
+                    // 如果是上级择传入departIds,否则为空
+                    if (this.identity === '2') {
+                        formData.departIds = this.departIds.join(',')
+                    } else {
+                        formData.departIds = ''
+                    }
+                    // that.addDepartsToUser(that,formData); // 调用根据当前用户添加部门信息的方法
+                    let obj
+                    if (!this.model.id) {
+                        formData.id = this.userId
+                        obj = addUser(formData)
+                    } else {
+                        obj = editUser(formData)
+                    }
+                    obj
+                        .then(res => {
+                            if (res.success) {
+                                that.$message.success(res.message)
+                                that.$emit('ok')
+                            } else {
+                                that.$message.warning(res.message)
+                            }
+                        })
+                        .finally(() => {
+                            that.confirmLoading = false
+                            that.checkedDepartNames = []
+                            that.userDepartModel.departIdList = { userId: '', departIdList: [] }
+                            that.close()
+                        })
+                }
+            })
+        },
+        handleCancel () {
+            this.close()
+        },
+        validateToNextPassword (rule, value, callback) {
+            const form = this.form
+            const confirmpassword = form.getFieldValue('confirmpassword')
+
+            if (value && confirmpassword && value !== confirmpassword) {
+                callback('两次输入的密码不一样！')
+            }
+            if (value && this.confirmDirty) {
+                form.validateFields(['confirm'], { force: true })
+            }
+            callback()
+        },
+        compareToFirstPassword (rule, value, callback) {
+            const form = this.form
+            if (value && value !== form.getFieldValue('password')) {
+                callback('两次输入的密码不一样！')
+            } else {
+                callback()
+            }
+        },
+        validatePhone (rule, value, callback) {
+            if (!value) {
+                callback()
+            } else {
+                // update-begin--Author:kangxiaolin  Date:20190826 for：[05] 手机号不支持199号码段--------------------
+                if (new RegExp(/^1[3|4|5|7|8|9][0-9]\d{8}$/).test(value)) {
+                    // update-end--Author:kangxiaolin  Date:20190826 for：[05] 手机号不支持199号码段--------------------
+
+                    var params = {
+                        tableName: 'sys_user',
+                        fieldName: 'phone',
+                        fieldVal: value,
+                        dataId: this.userId
+                    }
+                    duplicateCheck(params).then(res => {
+                        if (res.success) {
+                            callback()
+                        } else {
+                            callback('手机号已存在!')
+                        }
+                    })
+                } else {
+                    callback('请输入正确格式的手机号码!')
+                }
+            }
+        },
+        validateEmail (rule, value, callback) {
+            if (!value) {
+                callback()
+            } else {
+                if (
+                    new RegExp(
+                        /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/
+                    ).test(value)
+                ) {
+                    var params = {
+                        tableName: 'sys_user',
+                        fieldName: 'email',
+                        fieldVal: value,
+                        dataId: this.userId
+                    }
+                    duplicateCheck(params).then(res => {
+                        console.log(res)
+                        if (res.success) {
+                            callback()
+                        } else {
+                            callback('邮箱已存在!')
+                        }
+                    })
+                } else {
+                    callback('请输入正确格式的邮箱!')
+                }
+            }
+        },
+        validateUsername (rule, value, callback) {
+            var params = {
+                tableName: 'sys_user',
+                fieldName: 'username',
+                fieldVal: value,
+                dataId: this.userId
+            }
+            duplicateCheck(params).then(res => {
+                if (res.success) {
+                    callback()
+                } else {
+                    callback('用户名已存在!')
+                }
+            })
+        },
+        validateWorkNo (rule, value, callback) {
+            var params = {
+                tableName: 'sys_user',
+                fieldName: 'work_no',
+                fieldVal: value,
+                dataId: this.userId
+            }
+            duplicateCheck(params).then(res => {
+                if (res.success) {
+                    callback()
+                } else {
+                    callback('工号已存在!')
+                }
+            })
+        },
+        handleConfirmBlur (e) {
+            const value = e.target.value
+            this.confirmDirty = this.confirmDirty || !!value
+        },
+
+        normFile (e) {
+            console.log('Upload event:', e)
+            if (Array.isArray(e)) {
+                return e
+            }
+            return e && e.fileList
+        },
+        beforeUpload: function (file) {
+            var fileType = file.type
+            if (fileType.indexOf('image') < 0) {
+                this.$message.warning('请上传图片')
+                return false
+            }
+            // TODO 验证文件大小
+        },
+        handleChange (info) {
+            this.picUrl = ''
+            if (info.file.status === 'uploading') {
+                this.uploadLoading = true
+                return
+            }
+            if (info.file.status === 'done') {
+                var response = info.file.response
+                this.uploadLoading = false
+                console.log(response)
+                if (response.success) {
+                    this.model.avatar = response.message
+                    this.picUrl = 'Has no pic url yet'
+                } else {
+                    this.$message.warning(response.message)
+                }
+            }
+        },
+        // 搜索用户对应的部门API
+        onSearch () {
+            this.$refs.departWindow.add(this.checkedDepartKeys, this.userId, this.userObject)
+        },
+
+        // 获取用户对应部门弹出框提交给返回的数据
+        modalFormOk (formData) {
+            this.orgObject = formData.orgObject // 公司信息
+            // 没有选择则直接退出
+            if (!formData.departIdList || formData.departIdList.length == 0) {
+                return
+            }
+
+            this.checkedDepartNames = []
+            this.selectedDepartKeys = []
+            this.checkedDepartNameString = ''
+            this.userId = formData.userId
+            this.userDepartModel.userId = formData.userId
+            this.departIds = []
+            this.resultDepartOptions = []
+            var depart = []
+            for (let i = 0; i < formData.departIdList.length; i++) {
+                this.selectedDepartKeys.push(formData.departIdList[i].key)
+                this.checkedDepartNames.push(formData.departIdList[i].title)
+                this.checkedDepartNameString = this.checkedDepartNames.join(',')
+                // 新增部门选择，如果上面部门选择后不为空直接付给负责部门
+                depart.push({
+                    key: formData.departIdList[i].key,
+                    title: formData.departIdList[i].title
+                })
+                this.departIds.push(formData.departIdList[i].key)
+            }
+            this.resultDepartOptions = depart
+            this.userDepartModel.departIdList = this.selectedDepartKeys
+            this.checkedDepartKeys = this.selectedDepartKeys // 更新当前的选择keys
+        },
+        // 根据屏幕变化,设置抽屉尺寸
+        resetScreenSize () {
+            let screenWidth = document.body.clientWidth
+            if (screenWidth < 500) {
+                this.drawerWidth = screenWidth
+            } else {
+                this.drawerWidth = 700
+            }
+        },
+        identityChange (e) {
+            if (e.target.value === '1') {
+                this.departIdShow = false
+            } else {
+                this.departIdShow = true
+            }
+        },
+        changeOa(e){
+            if(e.target.value === '1'){
+                this.validatorRules.username.rules[0].required = true
+            }else{
+                this.validatorRules.username.rules[0].required = false
+            }
+        },
+        changePssword(){
+          this.validatorRules.confirmpassword.rules[0].required = true
+        }
+    }
+}
+</script>
+
+<style scoped lang="less">
+.avatar-uploader > .ant-upload {
+  width: 104px;
+  height: 104px;
+}
+.ant-upload-select-picture-card i {
+  font-size: 49px;
+  color: #999;
+}
+
+.ant-upload-select-picture-card .ant-upload-text {
+  margin-top: 8px;
+  color: #666;
+}
+
+.ant-table-tbody .ant-table-row td {
+  padding-top: 10px;
+  padding-bottom: 10px;
+}
+
+.drawer-bootom-button {
+  position: absolute;
+  bottom: 0;
+  width: 100%;
+  border-top: 1px solid #e8e8e8;
+  padding: 10px 16px;
+  text-align: right;
+  left: 0;
+  background: #fff;
+  border-radius: 0 0 2px 2px;
+}
+/deep/.ant-form-item{
+    width: 31%;
+}
+/deep/.ant-form{
+    display: flex;
+    width: 100%;
+    flex-wrap: wrap;
+}
+.nresume{
+  width: 100% !important;
+}
+/deep/ .nresume .ant-form-item-label{
+  width: 8% !important;
+}
+/deep/ .nresume .ant-form-item-control-wrapper{
+  width: 84% !important;
+}
+/deep/ .nresume .ant-input{
+  height: 100px !important;
+}
+/deep/ .ant-col-sm-5{
+  width: 27%;
+}
+</style>