|
|
@@ -0,0 +1,615 @@
|
|
|
+<template>
|
|
|
+ <a-drawer
|
|
|
+ :title="title"
|
|
|
+ :maskClosable="true"
|
|
|
+ :width="drawerWidth"
|
|
|
+ placement="right"
|
|
|
+ :closable="true"
|
|
|
+ @close="handleCancel"
|
|
|
+ :visible="visible"
|
|
|
+ style="height: 100%; overflow: auto; padding-bottom: 53px"
|
|
|
+ >
|
|
|
+ <template #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" />
|
|
|
+ </span>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+
|
|
|
+ <a-spin :spinning="confirmLoading">
|
|
|
+ <a-form :form="form">
|
|
|
+ <a-form-item label="用户账号" :labelCol="labelCol" :wrapperCol="wrapperCol">
|
|
|
+ <a-input placeholder="请输入用户账号" v-decorator.trim="['username', validatorRules.username]" :disabled="!!model.id" />
|
|
|
+ </a-form-item>
|
|
|
+ <a-form-item label="用户姓名" :labelCol="labelCol" :wrapperCol="wrapperCol">
|
|
|
+ <a-input placeholder="请输入用户姓名" v-decorator.trim="['realname', validatorRules.realname]" />
|
|
|
+ </a-form-item>
|
|
|
+ <template v-if="!model.id">
|
|
|
+ <a-form-item label="登录密码" :labelCol="labelCol" :wrapperCol="wrapperCol">
|
|
|
+ <a-input type="password" autocomplete="new-password" placeholder="请输入登录密码" v-decorator="['password', validatorRules.password]" />
|
|
|
+ </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>
|
|
|
+ <template v-if="siteCode === dictSiteCode">
|
|
|
+ <a-form-item label="性别" :labelCol="labelCol" :wrapperCol="wrapperCol">
|
|
|
+ <a-radio-group v-decorator="['sex', { rules: [{ required: true, message: '请选择性别!' }] }]">
|
|
|
+ <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">
|
|
|
+ <a-input
|
|
|
+ placeholder="请输入手机号码"
|
|
|
+ v-decorator="['phone', { rules: [{ required: true, message: '请输入工作手机!' }, { validator: validatePhone }] }]"
|
|
|
+ />
|
|
|
+ </a-form-item>
|
|
|
+ <a-form-item label="企业邮箱" :labelCol="labelCol" :wrapperCol="wrapperCol">
|
|
|
+ <a-input
|
|
|
+ placeholder="请输入邮箱"
|
|
|
+ v-decorator="['email', { rules: [{ required: true, message: '请输入企业邮箱!' }, { validator: validateEmail }] }]"
|
|
|
+ />
|
|
|
+ </a-form-item>
|
|
|
+ </template>
|
|
|
+ <template v-if="siteCode !== dictSiteCode">
|
|
|
+ <a-form-item label="手机号码" :labelCol="labelCol" :wrapperCol="wrapperCol">
|
|
|
+ <a-input placeholder="请输入手机号码" v-decorator="['phone', validatorRules.phone]" />
|
|
|
+ </a-form-item>
|
|
|
+ <a-form-item label="邮箱" :labelCol="labelCol" :wrapperCol="wrapperCol">
|
|
|
+ <a-input
|
|
|
+ placeholder="请输入邮箱"
|
|
|
+ v-decorator="['email', { rules: [{ type: 'email', message: '请输入正确的邮箱地址', required: isMasterAccount }] }]"
|
|
|
+ />
|
|
|
+ </a-form-item>
|
|
|
+ </template>
|
|
|
+ <a-form-item label="头像" :labelCol="labelCol" :wrapperCol="wrapperCol">
|
|
|
+ <j-image-upload class="avatar-uploader" text="上传" v-model="fileList" />
|
|
|
+ </a-form-item>
|
|
|
+ </a-form>
|
|
|
+ </a-spin>
|
|
|
+ <enterprise-depart-window ref="enterpriseDepartWindow" @ok="modalFormOk" />
|
|
|
+ <div class="drawer-bootom-button" v-show="!disableSubmit">
|
|
|
+ <a-button @click="handleCancel" style="margin-right: 0.8rem">取消</a-button>
|
|
|
+ <a-button @click="handleSubmit" type="primary" :loading="confirmLoading">提交</a-button>
|
|
|
+ </div>
|
|
|
+ </a-drawer>
|
|
|
+</template>
|
|
|
+
|
|
|
+<script lang="ts" setup name="EnterpriseUserModal">
|
|
|
+ // 引入搜索部门弹出框的组件
|
|
|
+ import enterpriseDepartWindow from './EnterpriseDepartWindow.vue';
|
|
|
+
|
|
|
+ import { getAction, postAction } from '@/api/manage/manage';
|
|
|
+ import { addEnterpriseUser, queryEnterpriseAll } from '../EnterpriseUserManage.api';
|
|
|
+ import { duplicateCheck } from '@/views/system/user/user.api';
|
|
|
+ import JImageUpload from '/@/components/Form/src/jeecg/components/JImageUpload.vue';
|
|
|
+ import {onBeforeMount, reactive, ref} from 'vue';
|
|
|
+
|
|
|
+ const isMasterAccount = ref(false);
|
|
|
+ const departDisabled = ref(false);
|
|
|
+ const roleDisabled = ref(false);
|
|
|
+ const modaltoggleFlag = ref(true);
|
|
|
+ const confirmDirty = ref(false);
|
|
|
+ const modalWidth = ref(800);
|
|
|
+ const drawerWidth = ref(700);
|
|
|
+ const queryParam = ref({});
|
|
|
+ const selectedDepartKeys = reactive([]);
|
|
|
+ const checkedDepartKeys = reactive([]);
|
|
|
+ const checkedDepartNames = reactive([]);
|
|
|
+ const checkedDepartNameString = ref('');
|
|
|
+ const resultDepartOptions = reactive([]);
|
|
|
+ const userId = ref('');
|
|
|
+ const disableSubmit = ref(false);
|
|
|
+ const userDepartModel = reactive({ userId: '', departIdList: [] }); // 保存SysUserDepart的用户部门中间表数据需要的对象
|
|
|
+ const dateFormat = ref('YYYY-MM-DD');
|
|
|
+ const validatorRules = reactive({
|
|
|
+ username: {
|
|
|
+ rules: [
|
|
|
+ {
|
|
|
+ required: true,
|
|
|
+ message: '请输入用户账号!',
|
|
|
+ },
|
|
|
+ {
|
|
|
+ validator: this.validateUsername,
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ },
|
|
|
+ password: {
|
|
|
+ rules: [
|
|
|
+ {
|
|
|
+ required: true,
|
|
|
+ pattern: /^(?=.*[a-zA-Z])(?=.*\d)(?=.*[~!@#$%^&*()_+`\-={}:";'<>?,./]).{8,}$/,
|
|
|
+ message: '密码由8位数字、大小写字母和特殊符号组成!',
|
|
|
+ },
|
|
|
+ {
|
|
|
+ validator: this.validateToNextPassword,
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ },
|
|
|
+ confirmpassword: {
|
|
|
+ rules: [
|
|
|
+ {
|
|
|
+ required: true,
|
|
|
+ message: '请重新输入登录密码!',
|
|
|
+ },
|
|
|
+ {
|
|
|
+ validator: this.compareToFirstPassword,
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ },
|
|
|
+ realname: { rules: [{ required: true, message: '请输入用户名称!' }] },
|
|
|
+ phone: { rules: [{ validator: this.validatePhone }] },
|
|
|
+ email: {
|
|
|
+ rules: [
|
|
|
+ {
|
|
|
+ validator: this.validateEmail,
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ },
|
|
|
+ roles: {},
|
|
|
+ // sex:{initialValue:((!this.model.sex)?"": (this.model.sex+""))}
|
|
|
+ // workNo: {
|
|
|
+ // rules: [
|
|
|
+ // { required: true, message: '请输入工号' },
|
|
|
+ // { validator: this.validateWorkNo }
|
|
|
+ // ]
|
|
|
+ // },
|
|
|
+ telephone: {
|
|
|
+ rules: [{ pattern: /^0\d{2,3}-[1-9]\d{6,7}$/, message: '请输入正确的座机号码' }],
|
|
|
+ },
|
|
|
+ });
|
|
|
+
|
|
|
+ const departIdShow = ref(false);
|
|
|
+ const departIds = reactive([]);
|
|
|
+ const title = '操作';
|
|
|
+ const visible = ref(false);
|
|
|
+ const model = reactive({});
|
|
|
+ const roleList = reactive([]);
|
|
|
+ const selectedRole = ref([]);
|
|
|
+ const labelCol = reactive({
|
|
|
+ xs: { span: 24 },
|
|
|
+ sm: { span: 5 },
|
|
|
+ });
|
|
|
+
|
|
|
+ const wrapperCol = reactive({
|
|
|
+ xs: { span: 24 },
|
|
|
+ sm: { span: 16 },
|
|
|
+ });
|
|
|
+
|
|
|
+ const uploadLoading = false;
|
|
|
+ const confirmLoading = false;
|
|
|
+
|
|
|
+ const headers = reactive({});
|
|
|
+ const picUrl = ref('');
|
|
|
+ const identity = ref('1');
|
|
|
+ const fileList = reactive([]);
|
|
|
+ const tenantList = reactive([]);
|
|
|
+ const currentTenant = reactive([]);
|
|
|
+ const siteCode = ref('');
|
|
|
+ const dictSiteCode = ref('');
|
|
|
+ const url = {
|
|
|
+ fileUpload: window._CONFIG['domianURL'] + '/sys/common/upload',
|
|
|
+ userId: '/sys/user/generateUserId', // 引入生成添加用户情况下的url
|
|
|
+ syncUserByUserName: '/act/process/extActProcess/doSyncUserByUserName', //同步用户到工作流
|
|
|
+ queryTenantList: '/sys/tenant/queryList',
|
|
|
+ };
|
|
|
+
|
|
|
+ onBeforeMount(() => {
|
|
|
+ initTenantList();
|
|
|
+ siteCode.value = <string>localStorage.getItem('siteCode');
|
|
|
+ getTurnInquiryCode();
|
|
|
+ });
|
|
|
+
|
|
|
+ function isDisabledAuth(code) {
|
|
|
+ return disabledAuthFilter(code);
|
|
|
+ }
|
|
|
+ function initTenantList() {
|
|
|
+ getAction(this.url.queryTenantList).then((res) => {
|
|
|
+ if (res.success) {
|
|
|
+ this.tenantList = res.result;
|
|
|
+ }
|
|
|
+ });
|
|
|
+ }
|
|
|
+ //窗口最大化切换
|
|
|
+ function toggleScreen() {
|
|
|
+ if (this.modaltoggleFlag) {
|
|
|
+ this.modalWidth = window.innerWidth;
|
|
|
+ } else {
|
|
|
+ this.modalWidth = 800;
|
|
|
+ }
|
|
|
+ this.modaltoggleFlag = !this.modaltoggleFlag;
|
|
|
+ }
|
|
|
+ function initialRoleList() {
|
|
|
+ queryEnterpriseAll({ username: this.queryParam.username }).then((res) => {
|
|
|
+ if (res.success) {
|
|
|
+ this.roleList = res.result;
|
|
|
+ } else {
|
|
|
+ console.log(res.message);
|
|
|
+ }
|
|
|
+ });
|
|
|
+ }
|
|
|
+ function loadUserRoles(userid) {
|
|
|
+ queryUserRole({ userid: userid }).then((res) => {
|
|
|
+ if (res.success) {
|
|
|
+ this.selectedRole = res.result;
|
|
|
+ } else {
|
|
|
+ console.log(res.message);
|
|
|
+ }
|
|
|
+ });
|
|
|
+ }
|
|
|
+ function refresh() {
|
|
|
+ this.selectedDepartKeys = [];
|
|
|
+ this.checkedDepartKeys = [];
|
|
|
+ this.checkedDepartNames = [];
|
|
|
+ this.checkedDepartNameString = '';
|
|
|
+ this.userId = '';
|
|
|
+ this.resultDepartOptions = [];
|
|
|
+ this.departId = [];
|
|
|
+ this.departIdShow = false;
|
|
|
+ this.currentTenant = [];
|
|
|
+ },
|
|
|
+ function add() {
|
|
|
+ this.picUrl = '';
|
|
|
+ this.refresh();
|
|
|
+ this.edit({ activitiSync: '1' });
|
|
|
+ },
|
|
|
+ function 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;
|
|
|
+ that.model = Object.assign({}, record);
|
|
|
+ that.$nextTick(() => {
|
|
|
+ that.form.setFieldsValue(pick(this.model, 'username', 'sex', 'realname', 'email', 'phone', 'activitiSync', 'telephone', 'post'));
|
|
|
+ });
|
|
|
+ that.visible = true;
|
|
|
+ //身份为上级显示负责部门，否则不显示
|
|
|
+ if (this.model.userIdentity == '2') {
|
|
|
+ this.identity = '2';
|
|
|
+ this.departIdShow = true;
|
|
|
+ } else {
|
|
|
+ this.identity = '1';
|
|
|
+ this.departIdShow = false;
|
|
|
+ }
|
|
|
+ // 调用查询用户对应的部门信息的方法
|
|
|
+ that.checkedDepartKeys = [];
|
|
|
+ //update-begin-author:taoyan date:2020710 for:多租户配置
|
|
|
+ if (!record.relTenantIds || record.relTenantIds.length == 0) {
|
|
|
+ this.currentTenant = [];
|
|
|
+ } else {
|
|
|
+ this.currentTenant = record.relTenantIds.split(',').map(Number);
|
|
|
+ }
|
|
|
+ //update-end-author:taoyan date:2020710 for:多租户配置
|
|
|
+ }
|
|
|
+
|
|
|
+ close() {
|
|
|
+ this.$emit('close');
|
|
|
+ this.visible = false;
|
|
|
+ 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 = [];
|
|
|
+ }
|
|
|
+
|
|
|
+ function handleSubmit() {
|
|
|
+ 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);
|
|
|
+ if (that.fileList != '') {
|
|
|
+ formData.avatar = that.fileList;
|
|
|
+ } else {
|
|
|
+ formData.avatar = null;
|
|
|
+ }
|
|
|
+ if (formData.email == '') {
|
|
|
+ formData.email = null;
|
|
|
+ }
|
|
|
+ //update-begin-author:taoyan date:2020710 for:多租户配置
|
|
|
+ formData.relTenantIds = this.currentTenant.length > 0 ? this.currentTenant.join(',') : '';
|
|
|
+ //update-end-author:taoyan date:2020710 for:多租户配置
|
|
|
+ formData.selectedroles = this.selectedRole.length > 0 ? this.selectedRole.join(',') : '';
|
|
|
+ formData.selecteddeparts = this.userDepartModel.departIdList.length > 0 ? this.userDepartModel.departIdList.join(',') : '';
|
|
|
+ formData.userIdentity = this.identity;
|
|
|
+ //如果是上级择传入departIds,否则为空
|
|
|
+ if (this.identity === '2') {
|
|
|
+ formData.departIds = this.departIds.join(',');
|
|
|
+ } else {
|
|
|
+ formData.departIds = '';
|
|
|
+ }
|
|
|
+ // that.addDepartsToUser(that,formData); // 调用根据当前用户添加部门信息的方法
|
|
|
+ let obj;
|
|
|
+ formData.masterId = store.getters.userInfo.id;
|
|
|
+ formData.masterName = store.getters.userInfo.username;
|
|
|
+ if (!this.model.id) {
|
|
|
+ formData.id = this.userId;
|
|
|
+ formData.siteCode = this.siteCode;
|
|
|
+ obj = addEnterpriseUser(formData);
|
|
|
+ } else {
|
|
|
+ formData.masterEmail = store.getters.userInfo.email;
|
|
|
+ formData.siteCode = this.siteCode;
|
|
|
+ obj = postAction('/enterprise/user/edit', formData);
|
|
|
+ }
|
|
|
+ obj
|
|
|
+ .then((res) => {
|
|
|
+ if (res.success) {
|
|
|
+ that.$message.success(res.message);
|
|
|
+ that.$emit('ok');
|
|
|
+ that.confirmLoading = false;
|
|
|
+ that.checkedDepartNames = [];
|
|
|
+ that.userDepartModel.departIdList = { userId: '', departIdList: [] };
|
|
|
+ that.close();
|
|
|
+ } else {
|
|
|
+ that.confirmLoading = false;
|
|
|
+ that.$message.warning(res.message);
|
|
|
+ }
|
|
|
+ })
|
|
|
+ .finally(() => {});
|
|
|
+ }
|
|
|
+ });
|
|
|
+ }
|
|
|
+ function handleCancel() {
|
|
|
+ this.close();
|
|
|
+ }
|
|
|
+ function 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();
|
|
|
+ }
|
|
|
+ function compareToFirstPassword(rule, value, callback) {
|
|
|
+ const form = this.form;
|
|
|
+ if (value && value !== form.getFieldValue('password')) {
|
|
|
+ callback('两次输入的密码不一样！');
|
|
|
+ } else {
|
|
|
+ callback();
|
|
|
+ }
|
|
|
+ }
|
|
|
+ function 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('请输入正确格式的手机号码!');
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ function 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('请输入正确格式的邮箱!');
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ function 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("工号已存在!")
|
|
|
+ // }
|
|
|
+ // })
|
|
|
+ // },
|
|
|
+ function handleConfirmBlur(e) {
|
|
|
+ const value = e.target.value;
|
|
|
+ this.confirmDirty = this.confirmDirty || !!value;
|
|
|
+ }
|
|
|
+
|
|
|
+ function 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 验证文件大小
|
|
|
+ }
|
|
|
+ function 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
|
|
|
+ function onSearch() {
|
|
|
+ this.$refs.enterpriseDepartWindow.add(this.checkedDepartKeys, this.userId);
|
|
|
+ }
|
|
|
+
|
|
|
+ // 获取用户对应部门弹出框提交给返回的数据
|
|
|
+ function modalFormOk(formData) {
|
|
|
+ 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
|
|
|
+ }
|
|
|
+ // 根据屏幕变化,设置抽屉尺寸
|
|
|
+ function resetScreenSize() {
|
|
|
+ let screenWidth = document.body.clientWidth;
|
|
|
+ if (screenWidth < 500) {
|
|
|
+ this.drawerWidth = screenWidth;
|
|
|
+ } else {
|
|
|
+ this.drawerWidth = 700;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ function identityChange(e) {
|
|
|
+ if (e.target.value === '1') {
|
|
|
+ this.departIdShow = false;
|
|
|
+ } else {
|
|
|
+ this.departIdShow = true;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ //获取需要轮流询盘的站点code
|
|
|
+ function getTurnInquiryCode() {
|
|
|
+ getAction('/adweb/adwebEnquiry/getTurnInquiryCode').then((res) => {
|
|
|
+ if (res.code === 200) {
|
|
|
+ this.dictSiteCode = res.result[0].value;
|
|
|
+ }
|
|
|
+ });
|
|
|
+ }
|
|
|
+
|
|
|
+</script>
|
|
|
+
|
|
|
+<style scoped>
|
|
|
+ .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: -8px;
|
|
|
+ width: 100%;
|
|
|
+ border-top: 1px solid #e8e8e8;
|
|
|
+ padding: 10px 16px;
|
|
|
+ text-align: right;
|
|
|
+ left: 0;
|
|
|
+ background: #fff;
|
|
|
+ border-radius: 0 0 2px 2px;
|
|
|
+ }
|
|
|
+</style>
|
chenlei1231