重置交易员账户密码

src/views/information/account_info/compoments/reset-business/index.vue

@@ -1,76 +1,76 @@
 <template>
-    <!-- 重置登录账户密码 -->
-    <a-modal class="add-custom"
-             title="重置登录账户密码"
-             v-model:visible="visible"
-             @cancel="cancel"
-             centered
-             :maskClosable="false"
-             width="890px">
-        <template #footer>
-            <a-button key="submit"
-                      type="primary"
-                      :loading="loading"
-                      @click="submit">完成
-            </a-button>
-        </template>
-        <a-form class="inlineForm"
-                ref="formRef"
-                :model="formState"
-                :rules="rules">
-            <a-row :gutter="24">
-                <a-col :span="12">
-                    <a-form-item label="登录账号"
-                                 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="oldPassword">
-                        <a-input-password class="dialogInput"
-                                          style="width: 200px"
-                                          v-model:value="formState.oldPassword"
-                                          placeholder="请输入原密码"/>
-                    </a-form-item>
-                </a-col>
-                <a-col :span="12">
-                    <a-form-item label="新密码"
-                                 name="password">
-                        <a-input-password class="dialogInput"
-                                          style="width: 200px"
-                                          v-model:value="formState.password"
-                                          placeholder="请输入8到20个字符的新密码"/>
-                    </a-form-item>
-                </a-col>
-                <a-col :span="12">
-                    <a-form-item label="确认新密码"
-                                 name="comfirePassword">
-                        <a-input-password class="dialogInput"
-                                          style="width: 200px"
-                                          v-model:value="formState.comfirePassword"
-                                          placeholder="请再次确认新密码"/>
-                    </a-form-item>
-                </a-col>
-            </a-row>
-        </a-form>
-    </a-modal>
+  <!-- 重置登录账户密码 -->
+  <a-modal class="add-custom"
+           title="重置登录账户密码"
+           v-model:visible="visible"
+           @cancel="cancel"
+           centered
+           :maskClosable="false"
+           width="890px">
+    <template #footer>
+      <a-button key="submit"
+                type="primary"
+                :loading="loading"
+                @click="submit">完成
+      </a-button>
+    </template>
+    <a-form class="inlineForm"
+            ref="formRef"
+            :model="formState"
+            :rules="rules">
+      <a-row :gutter="24">
+        <a-col :span="12">
+          <a-form-item label="登录账号"
+                       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="oldPassword">
+            <a-input-password class="dialogInput"
+                              style="width: 200px"
+                              v-model:value="formState.oldPassword"
+                              placeholder="请输入原密码" />
+          </a-form-item>
+        </a-col>
+        <a-col :span="12">
+          <a-form-item label="新密码"
+                       name="password">
+            <a-input-password class="dialogInput"
+                              style="width: 200px"
+                              v-model:value="formState.password"
+                              placeholder="请输入8到20个字符的新密码" />
+          </a-form-item>
+        </a-col>
+        <a-col :span="12">
+          <a-form-item label="确认新密码"
+                       name="comfirePassword">
+            <a-input-password class="dialogInput"
+                              style="width: 200px"
+                              v-model:value="formState.comfirePassword"
+                              placeholder="请再次确认新密码" />
+          </a-form-item>
+        </a-col>
+      </a-row>
+    </a-form>
+  </a-modal>
 </template>
 
 <script lang="ts">
-import {closeModal} from '@/common/setup/modal/index';
-import {defineComponent, ref, toRaw, PropType, watchEffect} from 'vue';
-import {ValidateErrorEntity} from 'ant-design-vue/es/form/interface';
-import {handleBusinessForm} from './setup';
-import {ErmcpLoginUser} from '@/services/go/ermcp/account/interface';
-import {BusinessFormState} from '../interface';
-import {requestResultLoadingAndInfo} from '@/common/methods/request/resultInfo';
-import {loginAccountOperate} from '@/services/proto/accountinfo';
-import {LoginaccountOperateReq} from "@/services/proto/accountinfo/interface";
+import { closeModal } from '@/common/setup/modal/index';
+import { defineComponent, ref, PropType, watchEffect } from 'vue';
+import { handleBusinessForm } from './setup';
+import { ErmcpLoginUser } from '@/services/go/ermcp/account/interface';
+import { FormState } from './interface';
+import { requestResultLoadingAndInfo } from '@/common/methods/request/resultInfo';
+import { loginAccountOperate } from '@/services/proto/accountinfo';
+import { LoginaccountOperateReq } from '@/services/proto/accountinfo/interface';
+import { validateAction } from '@/common/setup/form';
 
 export default defineComponent({
     name: 'account_info_business_btn_reset',
@@ -82,8 +82,8 @@ export default defineComponent({
     },
     setup(props, context) {
         // 控制关闭弹窗
-        const {visible, cancel} = closeModal('account_info_business_btn_reset');
-        const {rules, formState, formRef} = handleBusinessForm();
+        const { visible, cancel } = closeModal('account_info_business_btn_reset');
+        const { rules, formState, formRef } = handleBusinessForm();
         const loading = ref<boolean>(false);
         watchEffect(() => {
             if (visible.value) {
@@ -92,16 +92,18 @@ export default defineComponent({
         });
 
         function submit() {
-            let reqParam: LoginaccountOperateReq = {
-                userid: props.selectedData.userid,
-                loginid: props.selectedData.loginid,
-                operatetype: 7,  // 5: 锁定 6：解锁
-                logintaaccounts: [],
-            }
-            console.log('reqParam', reqParam);
-            requestResultLoadingAndInfo(loginAccountOperate, reqParam, loading, ['重置登录账户密码成功', '重置登录账户密码失败:']).then(() => {
-                cancel();
-                context.emit('refresh');
+            validateAction<FormState>(formRef, formState).then((res) => {
+                let reqParam: LoginaccountOperateReq = {
+                    userid: props.selectedData.userid,
+                    loginid: props.selectedData.loginid,
+                    operatetype: 7, // 5: 锁定 6：解锁
+                    logintaaccounts: [],
+                    password: res.password,
+                };
+                requestResultLoadingAndInfo(loginAccountOperate, reqParam, loading, ['重置登录账户密码成功', '重置登录账户密码失败:']).then(() => {
+                    cancel();
+                    context.emit('refresh');
+                });
             });
         }
 

src/views/information/account_info/compoments/reset-trader/index.vue

@@ -63,14 +63,14 @@
 
 <script lang="ts">
 import { closeModal } from '@/common/setup/modal/index';
-import { defineComponent, ref, toRaw, PropType, watchEffect } from 'vue';
-import { ValidateErrorEntity } from 'ant-design-vue/es/form/interface';
+import { defineComponent, ref, PropType, watchEffect } from 'vue';
 import { handleBusinessForm } from './setup';
 import { ErmcpLoginUser } from '@/services/go/ermcp/account/interface';
-import { BusinessFormState } from '../interface';
 import { requestResultLoadingAndInfo } from '@/common/methods/request/resultInfo';
 import { loginAccountOperate } from '@/services/proto/accountinfo';
 import { LoginaccountOperateReq } from '@/services/proto/accountinfo/interface';
+import { FormState } from '../reset-business/interface';
+import { validateAction } from '@/common/setup/form';
 
 export default defineComponent({
     name: 'account_info_trade_btn_reset',
@@ -92,16 +92,18 @@ export default defineComponent({
         });
 
         function submit() {
-            let reqParam: LoginaccountOperateReq = {
-                userid: props.selectedData.userid,
-                loginid: props.selectedData.loginid,
-                operatetype: 7, // 5: 锁定 6：解锁
-                logintaaccounts: [],
-            };
-            console.log('reqParam', reqParam);
-            requestResultLoadingAndInfo(loginAccountOperate, reqParam, loading, ['重置登录账户密码成功', '重置登录账户密码失败:']).then(() => {
-                cancel();
-                context.emit('refresh');
+            validateAction<FormState>(formRef, formState).then((res) => {
+                let reqParam: LoginaccountOperateReq = {
+                    userid: props.selectedData.userid,
+                    loginid: props.selectedData.loginid,
+                    operatetype: 7, // 5: 锁定 6：解锁
+                    logintaaccounts: [],
+                    password: res.password,
+                };
+                requestResultLoadingAndInfo(loginAccountOperate, reqParam, loading, ['重置登录账户密码成功', '重置登录账户密码失败:']).then(() => {
+                    cancel();
+                    context.emit('refresh');
+                });
             });
         }