|
@@ -1,913 +1,470 @@
|
|
|
<template>
|
|
|
<a-modal
|
|
|
:title="title"
|
|
|
- width="75%"
|
|
|
- :closable="true"
|
|
|
- @cancel="close"
|
|
|
- @ok="handleSubmit"
|
|
|
+ :width="1600"
|
|
|
: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>
|
|
|
-
|
|
|
+ :maskClosable="false"
|
|
|
+ :confirmLoading="confirmLoading"
|
|
|
+ @ok="handleOk"
|
|
|
+ @cancel="handleCancel">
|
|
|
<a-spin :spinning="confirmLoading">
|
|
|
+ <!-- 主表单区域 -->
|
|
|
<a-form :form="form">
|
|
|
+ <a-row>
|
|
|
+
|
|
|
+ <a-col :span="8 ">
|
|
|
+ <a-form-item label="姓名" :labelCol="labelCol" :wrapperCol="wrapperCol">
|
|
|
+ <a-input v-decorator="[ 'realname', validatorRules.realname]" placeholder="请输入姓名"></a-input>
|
|
|
+ </a-form-item>
|
|
|
+ </a-col>
|
|
|
+ <a-col :span="8 ">
|
|
|
+ <a-form-item label="用户账号" :labelCol="labelCol" :wrapperCol="wrapperCol">
|
|
|
+ <a-input v-decorator="[ 'username', validatorRules.username]" placeholder="请输入用户账号" disabled></a-input>
|
|
|
+ </a-form-item>
|
|
|
+ </a-col>
|
|
|
+ <a-col :span="8 ">
|
|
|
+ <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-col>
|
|
|
+ <a-col :span="8 ">
|
|
|
+ <a-form-item label="证件类型" :labelCol="labelCol" :wrapperCol="wrapperCol">
|
|
|
+ <a-select v-decorator="['idType', validatorRules.idType]" placeholder="请选择证件类型">
|
|
|
+ <a-select-option value="身份证">身份证</a-select-option>
|
|
|
+ <a-select-option value="其他">其他</a-select-option>
|
|
|
+ </a-select>
|
|
|
+ </a-form-item>
|
|
|
+ </a-col>
|
|
|
+ <a-col :span="8 ">
|
|
|
+ <a-form-item label="证件号码" :labelCol="labelCol" :wrapperCol="wrapperCol">
|
|
|
+ <a-input v-decorator="[ 'idNo', validatorRules.idNo]" placeholder="请输入证件号码"></a-input>
|
|
|
+ </a-form-item>
|
|
|
+ </a-col>
|
|
|
+ <a-col :span="8 ">
|
|
|
+ <a-form-item label="生日" :labelCol="labelCol" :wrapperCol="wrapperCol">
|
|
|
+ <j-date placeholder="请选择生日" v-decorator="[ 'birthday', validatorRules.birthday]" :trigger-change="true" style="width: 100%"/>
|
|
|
+ </a-form-item>
|
|
|
+ </a-col>
|
|
|
+ <a-col :span="8 ">
|
|
|
+ <a-form-item label="入职日期" :labelCol="labelCol" :wrapperCol="wrapperCol">
|
|
|
+ <j-date placeholder="请选择入职日期" v-decorator="[ 'joinDate', validatorRules.joinDate]" :trigger-change="true" style="width: 100%"/>
|
|
|
+ </a-form-item>
|
|
|
+ </a-col>
|
|
|
+ <a-col :span="8 ">
|
|
|
+ <a-form-item label="职务" :labelCol="labelCol" :wrapperCol="wrapperCol">
|
|
|
+ <j-select-position placeholder="请选择职务" :multiple="false" v-decorator="['post', validatorRules.post]" />
|
|
|
+ </a-form-item>
|
|
|
+ </a-col>
|
|
|
+ <a-col :span="8 ">
|
|
|
+ <a-form-item label="职级" :labelCol="labelCol" :wrapperCol="wrapperCol">
|
|
|
+ <a-input v-decorator="[ 'postLevel', validatorRules.postLevel]" placeholder="请输入职级"></a-input>
|
|
|
+ </a-form-item>
|
|
|
+ </a-col>
|
|
|
+ <a-col :span="8 ">
|
|
|
+ <a-form-item label="学历" :labelCol="labelCol" :wrapperCol="wrapperCol">
|
|
|
+ <a-input v-decorator="[ 'education', validatorRules.education]" placeholder="请输入学历"></a-input>
|
|
|
+ </a-form-item>
|
|
|
+ </a-col>
|
|
|
+ <a-col :span="8 ">
|
|
|
+ <a-form-item label="岗位类型" :labelCol="labelCol" :wrapperCol="wrapperCol">
|
|
|
+ <a-select v-decorator="['positionType', validatorRules.positionType]" placeholder="请选择岗位类型">
|
|
|
+ <a-select-option value="管理类">管理类</a-select-option>
|
|
|
+ <a-select-option value="专技类">专技类</a-select-option>
|
|
|
+ </a-select>
|
|
|
+ </a-form-item>
|
|
|
+ </a-col>
|
|
|
+ <a-col :span="8 ">
|
|
|
+ <a-form-item label="部门" :labelCol="labelCol" :wrapperCol="wrapperCol">
|
|
|
+ <j-select-depart v-decorator="['departIds', validatorRules.departIds]" :trigger-change="true"/>
|
|
|
+ </a-form-item>
|
|
|
+ </a-col>
|
|
|
+ <a-col :span="8 ">
|
|
|
+ <a-form-item label="手机号码" :labelCol="labelCol" :wrapperCol="wrapperCol">
|
|
|
+ <a-input v-decorator="[ 'mobile', validatorRules.mobile]" placeholder="请输入手机号码"></a-input>
|
|
|
+ </a-form-item>
|
|
|
+ </a-col>
|
|
|
+ <a-col :span="8 ">
|
|
|
+ <a-form-item label="座机" :labelCol="labelCol" :wrapperCol="wrapperCol">
|
|
|
+ <a-input v-decorator="[ 'phone', validatorRules.phone]" placeholder="请输入座机"></a-input>
|
|
|
+ </a-form-item>
|
|
|
+ </a-col>
|
|
|
+ <a-col :span="8 ">
|
|
|
+ <a-form-item label="联系地址" :labelCol="labelCol" :wrapperCol="wrapperCol">
|
|
|
+ <a-input v-decorator="[ 'address', validatorRules.address]" placeholder="请输入联系地址"></a-input>
|
|
|
+ </a-form-item>
|
|
|
+ </a-col>
|
|
|
+ <a-col :span="8 ">
|
|
|
+ <a-form-item label="试用结束日期" :labelCol="labelCol" :wrapperCol="wrapperCol">
|
|
|
+ <j-date placeholder="请选择试用结束日期" v-decorator="[ 'probationEnd', validatorRules.probationEnd]" :trigger-change="true" style="width: 100%"/>
|
|
|
+ </a-form-item>
|
|
|
+ </a-col>
|
|
|
+ <a-col :span="8 ">
|
|
|
+ <a-form-item label="合同起始日期" :labelCol="labelCol" :wrapperCol="wrapperCol">
|
|
|
+ <j-date placeholder="请选择合同起始日期" v-decorator="[ 'contractStart', validatorRules.contractStart]" :trigger-change="true" style="width: 100%"/>
|
|
|
+ </a-form-item>
|
|
|
+ </a-col>
|
|
|
+ <a-col :span="8 ">
|
|
|
+ <a-form-item label="合同结束日期" :labelCol="labelCol" :wrapperCol="wrapperCol">
|
|
|
+ <j-date placeholder="请选择合同结束日期" v-decorator="[ 'contractEnd', validatorRules.contractEnd]" :trigger-change="true" style="width: 100%"/>
|
|
|
+ </a-form-item>
|
|
|
+ </a-col>
|
|
|
+ <a-col :span="8 ">
|
|
|
+ <a-form-item label="身份" :labelCol="labelCol" :wrapperCol="wrapperCol">
|
|
|
+ <a-radio-group v-decorator="[ 'identity', validatorRules.identity]">
|
|
|
+ <a-radio :value="1">普通用户</a-radio>
|
|
|
+ <a-radio :value="2">上级</a-radio>
|
|
|
+ </a-radio-group>
|
|
|
+ </a-form-item>
|
|
|
+ </a-col>
|
|
|
+ <a-col :span="8 ">
|
|
|
+ <a-form-item label="备注" :labelCol="labelCol" :wrapperCol="wrapperCol">
|
|
|
+ <a-input v-decorator="[ 'remark', validatorRules.remark]" placeholder="请输入备注"></a-input>
|
|
|
+ </a-form-item>
|
|
|
+ </a-col>
|
|
|
+ <a-col :span="8 ">
|
|
|
+ <a-form-item label="签字图片" :labelCol="labelCol" :wrapperCol="wrapperCol">
|
|
|
+ <j-upload v-decorator="['signature', validatorRules.signature]" :trigger-change="true"></j-upload>
|
|
|
+ </a-form-item>
|
|
|
+ </a-col>
|
|
|
+ <a-col :span="8 ">
|
|
|
+ <a-form-item label="附件" :labelCol="labelCol" :wrapperCol="wrapperCol">
|
|
|
+ <j-upload v-decorator="['attachment', validatorRules.attachment]" :trigger-change="true"></j-upload>
|
|
|
+ </a-form-item>
|
|
|
+ </a-col>
|
|
|
+
|
|
|
+
|
|
|
+ </a-row>
|
|
|
+ </a-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" :validateOnRuleChange="true">
|
|
|
- <a-input
|
|
|
- placeholder="请输入用户账号"
|
|
|
- v-decorator="['username', validatorRules.username]"
|
|
|
- :readOnly="true"
|
|
|
- autocomplete="off"
|
|
|
- />
|
|
|
- </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="['birthday',{ initialValue: !model.birthday ? null : moment(model.birthday, dateFormat),rules: [{ required: true, message: '请选择生日日期' }] }]"
|
|
|
- />
|
|
|
- </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" 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">
|
|
|
- <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="[ 'syHireType', validatorRules.syHireType]" >
|
|
|
- <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">
|
|
|
- <a-radio-group v-model="identity" @change="identityChange">
|
|
|
- <a-radio value="1">普通用户</a-radio>
|
|
|
- <a-radio value="2">上级</a-radio>
|
|
|
- </a-radio-group>
|
|
|
- </a-form-item>
|
|
|
- <a-form-item label="负责部门" :labelCol="labelCol" :wrapperCol="wrapperCol" v-if="departIdShow == true">
|
|
|
- <a-select
|
|
|
- mode="multiple"
|
|
|
- style="width: 100%"
|
|
|
- placeholder="请选择负责部门"
|
|
|
- v-model="departIds"
|
|
|
- optionFilterProp="children"
|
|
|
- :getPopupContainer="target => target.parentNode"
|
|
|
- :dropdownStyle="{ maxHeight: '200px', overflow: 'auto' }"
|
|
|
- >
|
|
|
- <a-select-option v-for="item in resultDepartOptions" :key="item.key" :value="item.key">{{
|
|
|
- item.title
|
|
|
- }}</a-select-option>
|
|
|
- </a-select>
|
|
|
- </a-form-item>
|
|
|
- <!-- <a-form-item label="工作流引擎" :labelCol="labelCol" :wrapperCol="wrapperCol">
|
|
|
- <j-dict-select-tag
|
|
|
- v-decorator="['activitiSync', {}]"
|
|
|
- placeholder="请选择是否同步工作流引擎"
|
|
|
- :type="'radio'"
|
|
|
- :triggerChange="true"
|
|
|
- dictCode="activiti_sync"
|
|
|
- />
|
|
|
- </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-tabs v-model="activeKey" @change="handleChangeTabs">
|
|
|
+
|
|
|
+ <a-tab-pane tab="联系人" :key="refKeys[0]" :forceRender="true">
|
|
|
+ <j-editable-table
|
|
|
+ :ref="refKeys[0]"
|
|
|
+ :loading="sysUserContactTable.loading"
|
|
|
+ :columns="sysUserContactTable.columns"
|
|
|
+ :dataSource="sysUserContactTable.dataSource"
|
|
|
+ :maxHeight="300"
|
|
|
+ :rowNumber="true"
|
|
|
+ :rowSelection="true"
|
|
|
+ :actionButton="true"/>
|
|
|
+ </a-tab-pane>
|
|
|
+
|
|
|
+ <a-tab-pane tab="工作经历" :key="refKeys[1]" :forceRender="true">
|
|
|
+ <j-editable-table
|
|
|
+ :ref="refKeys[1]"
|
|
|
+ :loading="sysUserJobTable.loading"
|
|
|
+ :columns="sysUserJobTable.columns"
|
|
|
+ :dataSource="sysUserJobTable.dataSource"
|
|
|
+ :maxHeight="300"
|
|
|
+ :rowNumber="true"
|
|
|
+ :rowSelection="true"
|
|
|
+ :actionButton="true"/>
|
|
|
+ </a-tab-pane>
|
|
|
+
|
|
|
+
|
|
|
+ <a-tab-pane tab="学习经历" :key="refKeys[2]" :forceRender="true">
|
|
|
+ <j-editable-table
|
|
|
+ :ref="refKeys[2]"
|
|
|
+ :loading="sysUserEduTable.loading"
|
|
|
+ :columns="sysUserEduTable.columns"
|
|
|
+ :dataSource="sysUserEduTable.dataSource"
|
|
|
+ :maxHeight="300"
|
|
|
+ :rowNumber="true"
|
|
|
+ :rowSelection="true"
|
|
|
+ :actionButton="true"/>
|
|
|
+ </a-tab-pane>
|
|
|
+
|
|
|
+ </a-tabs>
|
|
|
|
|
|
-<!-- <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',
|
|
|
+ import pick from 'lodash.pick'
|
|
|
+ import { FormTypes,getRefPromise } from '@/utils/JEditableTableUtil'
|
|
|
+ import { JEditableTableMixin } from '@/mixins/JEditableTableMixin'
|
|
|
+ import { validateDuplicateValue } from '@/utils/util'
|
|
|
+ import JDate from '@/components/jeecg/JDate'
|
|
|
+ import JUpload from '@/components/jeecg/JUpload'
|
|
|
+ import JSelectDepart from '@/components/jeecgbiz/JSelectDepart'
|
|
|
+ import JDictSelectTag from "@/components/dict/JDictSelectTag"
|
|
|
+ import JSelectPosition from '@/components/jeecgbiz/JSelectPosition'
|
|
|
+
|
|
|
+ export default {
|
|
|
+ name: 'SysUserModal',
|
|
|
+ mixins: [JEditableTableMixin],
|
|
|
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+""))}
|
|
|
- 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
|
|
|
- }
|
|
|
+ JDate,
|
|
|
+ JUpload,
|
|
|
+ JSelectDepart,
|
|
|
+ JDictSelectTag,
|
|
|
+ JSelectPosition
|
|
|
},
|
|
|
- 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)
|
|
|
- }
|
|
|
- })
|
|
|
+ data() {
|
|
|
+ return {
|
|
|
+ labelCol: {
|
|
|
+ span: 6
|
|
|
},
|
|
|
- refresh () {
|
|
|
- this.selectedDepartKeys = []
|
|
|
- this.checkedDepartKeys = []
|
|
|
- this.checkedDepartNames = []
|
|
|
- this.checkedDepartNameString = ''
|
|
|
- this.userId = ''
|
|
|
- this.resultDepartOptions = []
|
|
|
- this.departId = []
|
|
|
- this.departIdShow = false
|
|
|
+ wrapperCol: {
|
|
|
+ span: 16
|
|
|
},
|
|
|
- add () {
|
|
|
- this.picUrl = ''
|
|
|
- this.refresh()
|
|
|
- this.edit({ activitiSync: '1' })
|
|
|
+ labelCol2: {
|
|
|
+ span: 3
|
|
|
},
|
|
|
- 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',
|
|
|
- 'idType',
|
|
|
- 'type',
|
|
|
- 'syHireType',
|
|
|
- 'bank',
|
|
|
- 'cpf',
|
|
|
- 'ssPlace',
|
|
|
- 'ssAccount',
|
|
|
- 'requirement'
|
|
|
- )
|
|
|
- )
|
|
|
- })
|
|
|
- // 身份为上级显示负责部门,否则不显示
|
|
|
- if (this.model.identity == '2') {
|
|
|
- this.identity = '2'
|
|
|
- this.departIdShow = true
|
|
|
- } else {
|
|
|
- this.identity = '1'
|
|
|
- this.departIdShow = false
|
|
|
- }
|
|
|
- // 调用查询用户对应的部门信息的方法
|
|
|
- that.checkedDepartKeys = []
|
|
|
- that.loadCheckedDeparts()
|
|
|
+ wrapperCol2: {
|
|
|
+ span: 20
|
|
|
},
|
|
|
- //
|
|
|
- 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)
|
|
|
- }
|
|
|
- })
|
|
|
+ // 新增时子表默认添加几行空数据
|
|
|
+ addDefaultRowNum: 1,
|
|
|
+ validatorRules: {
|
|
|
+ operator: {rules: [
|
|
|
+ {required: true, message: '请输入登记人 !'},
|
|
|
+ ]},
|
|
|
+ operatorDept: {rules: [
|
|
|
+ ]},
|
|
|
+ operateDate: {rules: [
|
|
|
+ {required: true, message: '请输入登记日期!'},
|
|
|
+ ]},
|
|
|
+ realname: {rules: [
|
|
|
+ ]},
|
|
|
+ username: {rules: [
|
|
|
+ ]},
|
|
|
+ sex: {rules: [
|
|
|
+ {required: true, message: '请输入性别!'},
|
|
|
+ ]},
|
|
|
+ idType: {rules: [
|
|
|
+ {required: true, message: '请输入证件类型!'},
|
|
|
+ ]},
|
|
|
+ idNo: {rules: [
|
|
|
+ {required: true, message: '请输入证件号码!'},
|
|
|
+ ]},
|
|
|
+ birthday: {rules: [
|
|
|
+ {required: true, message: '请输入生日!'},
|
|
|
+ ]},
|
|
|
+ joinDate: {rules: [
|
|
|
+ {required: true, message: '请输入入职日期!'},
|
|
|
+ ]},
|
|
|
+ post: {rules: [
|
|
|
+ {required: true, message: '请输入职务!'},
|
|
|
+ ]},
|
|
|
+ postLevel: {rules: [
|
|
|
+ {required: true, message: '请输入职级!'},
|
|
|
+ ]},
|
|
|
+ education: {rules: [
|
|
|
+ {required: true, message: '请输入学历!'},
|
|
|
+ ]},
|
|
|
+ positionType: {rules: [
|
|
|
+ {required: true, message: '请输入岗位类型!'},
|
|
|
+ ]},
|
|
|
+ departIds: {rules: [
|
|
|
+ {required: true, message: '请输入部门!'},
|
|
|
+ ]},
|
|
|
+ mobile: {rules: [
|
|
|
+ ]},
|
|
|
+ phone: {rules: [
|
|
|
+ ]},
|
|
|
+ address: {rules: [
|
|
|
+ ]},
|
|
|
+ probationEnd: {rules: [
|
|
|
+ {required: true, message: '请输入试用结束日期!'},
|
|
|
+ ]},
|
|
|
+ contractStart: {rules: [
|
|
|
+ {required: true, message: '请输入合同起始日期!'},
|
|
|
+ ]},
|
|
|
+ contractEnd: {rules: [
|
|
|
+ {required: true, message: '请输入合同结束日期!'},
|
|
|
+ ]},
|
|
|
+ remark: {rules: [
|
|
|
+ ]},
|
|
|
+ identity: {rules: [
|
|
|
+ ]},
|
|
|
+ signature: {rules: [
|
|
|
+ ]},
|
|
|
+ attachment: {rules: [
|
|
|
+ ]},
|
|
|
},
|
|
|
- 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 验证文件大小
|
|
|
+ refKeys: ['sysUserContact','sysUserJob', 'sysUserEdu', ],
|
|
|
+ tableKeys:['sysUserContact', 'sysUserJob', 'sysUserEdu', ],
|
|
|
+ activeKey: 'sysUserJob',
|
|
|
+ // 人员管理工作经历
|
|
|
+ sysUserJobTable: {
|
|
|
+ loading: false,
|
|
|
+ dataSource: [],
|
|
|
+ columns: [
|
|
|
+ {
|
|
|
+ title: '单位',
|
|
|
+ key: 'company',
|
|
|
+ type: FormTypes.input,
|
|
|
+ width:"200px",
|
|
|
+ placeholder: '请输入${title}',
|
|
|
+ defaultValue: '',
|
|
|
+ },
|
|
|
+ {
|
|
|
+ title: '职位',
|
|
|
+ key: 'position',
|
|
|
+ type: FormTypes.input,
|
|
|
+ width:"200px",
|
|
|
+ placeholder: '请输入${title}',
|
|
|
+ defaultValue: '',
|
|
|
+ },
|
|
|
+ {
|
|
|
+ title: '起始日期',
|
|
|
+ key: 'startDate',
|
|
|
+ type: FormTypes.date,
|
|
|
+ width:"200px",
|
|
|
+ placeholder: '请输入${title}',
|
|
|
+ defaultValue: '',
|
|
|
+ },
|
|
|
+ {
|
|
|
+ title: '截止日期',
|
|
|
+ key: 'endDate',
|
|
|
+ type: FormTypes.date,
|
|
|
+ width:"200px",
|
|
|
+ placeholder: '请输入${title}',
|
|
|
+ defaultValue: '',
|
|
|
+ },
|
|
|
+ ]
|
|
|
},
|
|
|
- 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)
|
|
|
- }
|
|
|
- }
|
|
|
+ // 人员管理联系人
|
|
|
+ sysUserContactTable: {
|
|
|
+ loading: false,
|
|
|
+ dataSource: [],
|
|
|
+ columns: [
|
|
|
+ {
|
|
|
+ title: '姓名',
|
|
|
+ key: 'name',
|
|
|
+ type: FormTypes.input,
|
|
|
+ width:"200px",
|
|
|
+ placeholder: '请输入${title}',
|
|
|
+ defaultValue: '',
|
|
|
+ },
|
|
|
+ {
|
|
|
+ title: '关系',
|
|
|
+ key: 'relation',
|
|
|
+ type: FormTypes.input,
|
|
|
+ width:"200px",
|
|
|
+ placeholder: '请输入${title}',
|
|
|
+ defaultValue: '',
|
|
|
+ },
|
|
|
+ {
|
|
|
+ title: '性别',
|
|
|
+ key: 'sex',
|
|
|
+ type: FormTypes.input,
|
|
|
+ width:"200px",
|
|
|
+ placeholder: '请输入${title}',
|
|
|
+ defaultValue: '',
|
|
|
+ },
|
|
|
+ {
|
|
|
+ title: '联系方式',
|
|
|
+ key: 'phone',
|
|
|
+ type: FormTypes.input,
|
|
|
+ width:"200px",
|
|
|
+ placeholder: '请输入${title}',
|
|
|
+ defaultValue: '',
|
|
|
+ },
|
|
|
+ {
|
|
|
+ title: '职业',
|
|
|
+ key: 'career',
|
|
|
+ type: FormTypes.input,
|
|
|
+ width:"200px",
|
|
|
+ placeholder: '请输入${title}',
|
|
|
+ defaultValue: '',
|
|
|
+ },
|
|
|
+ ]
|
|
|
},
|
|
|
- // 搜索用户对应的部门API
|
|
|
- onSearch () {
|
|
|
- this.$refs.departWindow.add(this.checkedDepartKeys, this.userId, this.userObject)
|
|
|
+ // 人员管理学习经历
|
|
|
+ sysUserEduTable: {
|
|
|
+ loading: false,
|
|
|
+ dataSource: [],
|
|
|
+ columns: [
|
|
|
+ {
|
|
|
+ title: '学校',
|
|
|
+ key: 'school',
|
|
|
+ type: FormTypes.input,
|
|
|
+ width:"200px",
|
|
|
+ placeholder: '请输入${title}',
|
|
|
+ defaultValue: '',
|
|
|
+ },
|
|
|
+ {
|
|
|
+ title: '起始日期',
|
|
|
+ key: 'startDate',
|
|
|
+ type: FormTypes.date,
|
|
|
+ width:"200px",
|
|
|
+ placeholder: '请输入${title}',
|
|
|
+ defaultValue: '',
|
|
|
+ },
|
|
|
+ {
|
|
|
+ title: '截止日期',
|
|
|
+ key: 'endDate',
|
|
|
+ type: FormTypes.date,
|
|
|
+ width:"200px",
|
|
|
+ placeholder: '请输入${title}',
|
|
|
+ defaultValue: '',
|
|
|
+ },
|
|
|
+ ]
|
|
|
},
|
|
|
+ url: {
|
|
|
+ add: "/sys/user/add",
|
|
|
+ edit: "/sys/user/editNew",
|
|
|
+ sysUserJob: {
|
|
|
+ list: '/sys/user/querySysUserJobByMainId'
|
|
|
+ },
|
|
|
+ sysUserContact: {
|
|
|
+ list: '/sys/user/querySysUserContactByMainId'
|
|
|
+ },
|
|
|
+ sysUserEdu: {
|
|
|
+ list: '/sys/user/querySysUserEduByMainId'
|
|
|
+ },
|
|
|
+ }
|
|
|
+ }
|
|
|
+ },
|
|
|
+ methods: {
|
|
|
+ getAllTable() {
|
|
|
+ let values = this.tableKeys.map(key => getRefPromise(this, key))
|
|
|
+ return Promise.all(values)
|
|
|
+ },
|
|
|
+ /** 调用完edit()方法之后会自动调用此方法 */
|
|
|
+ editAfter() {
|
|
|
+ let fieldval = pick(this.model,'operator','operatorDept','operateDate','realname','username','sex','idType','idNo','birthday','joinDate','post','postLevel','education','positionType','departIds','mobile','phone','address','probationEnd','contractStart','contractEnd','remark','identity','signature','attachment')
|
|
|
+ this.$nextTick(() => {
|
|
|
+ this.form.setFieldsValue(fieldval)
|
|
|
+ })
|
|
|
+ // 加载子表数据
|
|
|
+ if (this.model.id) {
|
|
|
+ let params = { id: this.model.id }
|
|
|
+ this.requestSubTableData(this.url.sysUserJob.list, params, this.sysUserJobTable)
|
|
|
+ this.requestSubTableData(this.url.sysUserContact.list, params, this.sysUserContactTable)
|
|
|
+ this.requestSubTableData(this.url.sysUserEdu.list, params, this.sysUserEduTable)
|
|
|
+ }
|
|
|
+ },
|
|
|
+ /** 整理成formData */
|
|
|
+ classifyIntoFormData(allValues) {
|
|
|
+ let main = Object.assign(this.model, allValues.formValue)
|
|
|
|
|
|
- // 获取用户对应部门弹出框提交给返回的数据
|
|
|
- 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
|
|
|
+ return {
|
|
|
+ ...main, // 展开
|
|
|
+ sysUserContactList: allValues.tablesValue[0].values,
|
|
|
+ sysUserJobList: allValues.tablesValue[1].values,
|
|
|
+ sysUserEduList: allValues.tablesValue[2].values,
|
|
|
}
|
|
|
+ },
|
|
|
+ validateError(msg){
|
|
|
+ this.$message.error(msg)
|
|
|
+ },
|
|
|
+ popupCallback(row){
|
|
|
+ this.form.setFieldsValue(pick(row,'operator','operatorDept','operateDate','realname','username','sex','idType','idNo','birthday','joinDate','post','postLevel','education','positionType','departIds','mobile','phone','address','probationEnd','contractStart','contractEnd','remark','identity','signature','attachment'))
|
|
|
+ },
|
|
|
+
|
|
|
}
|
|
|
-}
|
|
|
+ }
|
|
|
</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>
|
|
|
+<style scoped>
|
|
|
+</style>
|