初始化

刘光辉

12 小时以前 0dfe84494048ce27ba8449831782128412d3eb13

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
<script lang="ts" setup>
import type { FormSchema } from '@jnpf/ui/form';
 
import { useMessage } from '@jnpf/hooks';
import { BasicForm, useForm } from '@jnpf/ui/form';
import { BasicModal, useModalInner } from '@jnpf/ui/modal';
import { AesEncryption, encryptByMd5 } from '@jnpf/utils';
 
import { useUserStore } from '@vben/stores';
 
import { getCompanyName, joinSaas } from '#/api/permission/userSetting';
 
const emit = defineEmits(['register', 'reload']);
 
const schemas: FormSchema[] = [
  {
    field: 'tenantId',
    label: '租户号',
    component: 'Input',
    componentProps: { placeholder: '请输入租户号', onBlur: handleCompanyName },
    rules: [{ required: true, trigger: 'blur', message: '必填' }],
  },
  {
    field: 'companyName',
    label: '企业名称',
    component: 'Input',
    componentProps: { placeholder: '输入租户号带入', disabled: true },
  },
  {
    field: 'appId',
    label: '应用编码',
    component: 'Input',
    componentProps: { placeholder: '打开时带入，APP ID就是当前应用的APP ID', disabled: true },
    rules: [{ required: true, trigger: 'blur', message: '必填' }],
  },
  {
    field: 'appName',
    label: '应用名称',
    component: 'Input',
    componentProps: { placeholder: '打开时带入，应用名称就是当前应用名称', disabled: true },
  },
  {
    field: 'account',
    label: '您在该应用下的账号及密码',
    component: 'Input',
    componentProps: { placeholder: '请输入账号' },
    rules: [{ required: true, trigger: 'blur', message: '必填' }],
  },
  {
    field: 'password',
    label: '',
    component: 'InputPassword',
    componentProps: { placeholder: '请输入密码' },
    rules: [{ required: true, trigger: 'blur', message: '必填' }],
  },
];
const { createMessage } = useMessage();
const userStore = useUserStore();
const aesEncryption = new AesEncryption();
const [registerForm, { setFieldsValue, validate, resetFields }] = useForm({ labelWidth: 130, schemas, layout: 'vertical' });
const [registerModal, { closeModal, changeOkLoading }] = useModalInner(init);
 
function init() {
  resetFields();
  const data = {
    appId: userStore.userInfo?.saasAppId || '',
    appName: userStore.userInfo?.saasAppName || '',
  };
  setFieldsValue(data);
}
async function handleCompanyName() {
  const values = await validate(['tenantId']);
  if (!values) return;
  getCompanyName(values.tenantId)
    .then((res) => {
      setFieldsValue({ companyName: res.data || '' });
    })
    .catch(() => {
      setFieldsValue({ companyName: '' });
    });
}
async function handleSubmit() {
  const values = await validate();
  if (!values) return;
  changeOkLoading(true);
  const password = encryptByMd5(values.password);
  const encryptPassword = aesEncryption.encryptByAES(password);
  const query = { ...values, password: encryptPassword };
  joinSaas(query)
    .then((res) => {
      createMessage.success(res.msg);
      changeOkLoading(false);
      emit('reload');
      closeModal();
    })
    .catch(() => {
      changeOkLoading(false);
    });
}
</script>
<template>
  <BasicModal v-bind="$attrs" @register="registerModal" title="加入企业" @ok="handleSubmit">
    <BasicForm @register="registerForm" />
  </BasicModal>
</template>