|
|
@@ -20,42 +20,41 @@
|
|
|
<a-row :gutter="24">
|
|
|
<a-col :span="12">
|
|
|
<a-form-item label="账户权限"
|
|
|
- name="">
|
|
|
+ name="userid">
|
|
|
<a-select class="inlineFormSelect"
|
|
|
style="width: 200px"
|
|
|
+ v-model:value="formState.userid"
|
|
|
placeholder="请选择账户权限">
|
|
|
- <a-select-option value="权限一">权限一</a-select-option>
|
|
|
+ <a-select-option v-for="(item, index) in tableList"
|
|
|
+ :key="index"
|
|
|
+ :value="item.roleid">{{item.rolename}}</a-select-option>
|
|
|
</a-select>
|
|
|
</a-form-item>
|
|
|
</a-col>
|
|
|
<a-col :span="12">
|
|
|
<a-form-item label="账户名称"
|
|
|
- name="">
|
|
|
+ name="logincode">
|
|
|
<a-input class="dialogInput"
|
|
|
style="width: 200px"
|
|
|
+ v-model:value="formState.logincode"
|
|
|
placeholder="请输入账户名称" />
|
|
|
</a-form-item>
|
|
|
</a-col>
|
|
|
<a-col :span="12">
|
|
|
<a-form-item label="登录账号"
|
|
|
- name="">
|
|
|
+ name="accountname">
|
|
|
<a-input class="dialogInput"
|
|
|
style="width: 200px"
|
|
|
+ readonly
|
|
|
+ v-model:value="formState.accountname"
|
|
|
placeholder="请输入登录账号" />
|
|
|
</a-form-item>
|
|
|
</a-col>
|
|
|
<a-col :span="12">
|
|
|
- <a-form-item label="登录密码"
|
|
|
- name="">
|
|
|
- <a-input-password class="dialogInput"
|
|
|
- style="width: 200px"
|
|
|
- placeholder="请输入登录密码" />
|
|
|
- </a-form-item>
|
|
|
- </a-col>
|
|
|
- <a-col :span="24">
|
|
|
<a-form-item label="手机号码"
|
|
|
- name="">
|
|
|
+ name="mobile">
|
|
|
<a-input class="dialogInput"
|
|
|
+ v-model:value="formState.mobile"
|
|
|
style="width: 200px"
|
|
|
placeholder="请输入手机号码" />
|
|
|
</a-form-item>
|
|
|
@@ -67,55 +66,64 @@
|
|
|
|
|
|
<script lang="ts">
|
|
|
import { closeModal } from '@/common/setup/modal/index';
|
|
|
-import { initData } from '@/common/methods/index';
|
|
|
-import { defineComponent, ref, reactive, toRaw, UnwrapRef } from 'vue';
|
|
|
-import { AllEnums } from '@/services/go/commonService/interface';
|
|
|
-import { RuleObject, ValidateErrorEntity } from 'ant-design-vue/es/form/interface';
|
|
|
+import { defineComponent, ref, PropType, watchEffect } from 'vue';
|
|
|
+import { handleBusinessForm } from '../setup';
|
|
|
+import { validateAction } from '@/common/setup/form';
|
|
|
+import { BusinessFormState } from '../interface';
|
|
|
+import { LoginaccountOperateReq } from '@/services/proto/accountinfo/interface';
|
|
|
+import { requestResultLoadingAndInfo } from '@/common/methods/request/resultInfo';
|
|
|
+import { loginAccountOperate } from '@/services/proto/accountinfo';
|
|
|
+import { ErmcpLoginUser, ErmcpLoginUserEx } from '@/services/go/ermcp/account/interface';
|
|
|
+import { mergeTwoObj } from '@/utils/objHandle';
|
|
|
|
|
|
export default defineComponent({
|
|
|
name: 'account_info_manager_btn_modify',
|
|
|
- components: {},
|
|
|
- setup() {
|
|
|
+ props: {
|
|
|
+ tableList: {
|
|
|
+ default: [],
|
|
|
+ type: Array as PropType<ErmcpLoginUserEx[]>,
|
|
|
+ },
|
|
|
+ selectedData: {
|
|
|
+ type: Object as PropType<ErmcpLoginUser>,
|
|
|
+ default: {},
|
|
|
+ },
|
|
|
+ },
|
|
|
+ setup(props, context) {
|
|
|
// 控制关闭弹窗
|
|
|
const { visible, cancel } = closeModal('account_info_manager_btn_modify');
|
|
|
- // 证件类型
|
|
|
- // const cardTypeList = ref<AllEnums[]>(getCardType());
|
|
|
- // // 表单
|
|
|
- // const formRef = ref();
|
|
|
- // const formState: UnwrapRef<FormState> = reactive(initFormState());
|
|
|
- // const rules = {
|
|
|
- // userinfotype: [{ required: true, message: '请选择客户类型', trigger: 'change' }],
|
|
|
- // customername: [{ required: true, message: '请输入企业名称', trigger: 'blur' }],
|
|
|
- // nickname: [{ required: true, message: '请输入企业简称', trigger: 'blur' }],
|
|
|
- // cardtype: [{ required: true, message: '请选择证件类型', trigger: 'change' }],
|
|
|
- // };
|
|
|
- // // 下单方法
|
|
|
- // const { loading, applyAction } = handleApply();
|
|
|
- // function isPersonal(): boolean {
|
|
|
- // return formState.userinfotype === '1';
|
|
|
- // }
|
|
|
- // function submit() {
|
|
|
- // formRef.value
|
|
|
- // .validate()
|
|
|
- // .then(() => {
|
|
|
- // const param = toRaw(formState);
|
|
|
- // applyAction(param);
|
|
|
- // console.log('values', formState);
|
|
|
- // })
|
|
|
- // .catch((error: ValidateErrorEntity<FormState>) => {
|
|
|
- // console.log('error', error);
|
|
|
- // });
|
|
|
- // }
|
|
|
+ const { rules, formState, formRef } = handleBusinessForm();
|
|
|
+ const loading = ref<boolean>(false);
|
|
|
+ watchEffect(() => {
|
|
|
+ if (visible.value) {
|
|
|
+ mergeTwoObj(formState, props.selectedData);
|
|
|
+ formState.accountname = props.selectedData.loginname;
|
|
|
+ }
|
|
|
+ });
|
|
|
+ function submit() {
|
|
|
+ validateAction<BusinessFormState>(formRef, formState).then((res) => {
|
|
|
+ const reqParam: LoginaccountOperateReq = {
|
|
|
+ operatetype: 2, // uint32 操作类型-1:新增 2:修改 3:新增管理员 4:修改管理员 5:锁定 6:解锁 7:注销 8:恢复 9:重置密码 10:新增登录帐号 11:停用用户 12：恢复用户 13:修改用户信息
|
|
|
+ logincode: res.logincode, // string 登录账号
|
|
|
+ accountname: res.accountname, // string 账户名称
|
|
|
+ password: res.password, // string 登录密码（明文）
|
|
|
+ mobile: res.mobile, // string 手机号码（明文）
|
|
|
+ roleids: [Number(res.userid)], // uint64 账号角色
|
|
|
+ logintaaccounts: [], // LoginTaaccount 期货账户（勾选交易员必填）
|
|
|
+ };
|
|
|
+ requestResultLoadingAndInfo(loginAccountOperate, reqParam, loading, ['修改成功', '修改失败:']).then(() => {
|
|
|
+ cancel();
|
|
|
+ context.emit('refresh');
|
|
|
+ });
|
|
|
+ });
|
|
|
+ }
|
|
|
return {
|
|
|
- // formState,
|
|
|
- // rules,
|
|
|
- // formRef,
|
|
|
- // cardTypeList,
|
|
|
- // isPersonal,
|
|
|
+ formState,
|
|
|
+ rules,
|
|
|
+ formRef,
|
|
|
visible,
|
|
|
cancel,
|
|
|
- // submit,
|
|
|
- // loading,
|
|
|
+ submit,
|
|
|
+ loading,
|
|
|
};
|
|
|
},
|
|
|
});
|
huangbin