锁定业务账户

src/views/information/account_info/compoments/add-traders/index.vue

@@ -89,7 +89,7 @@ import { ErmcpLoginUserEx, ErmcpTaAccount } from '@/services/go/ermcp/account/in
 import { queryTableList } from '../../list/account_info_futures/setup';
 import { queryResultLoadingAndInfo } from '@/common/methods/request/resultInfo';
 import { handleBusinessForm } from '../setup';
-import { validateAction } from '@/common/methods/form';
+import { validateAction } from '@/common/setup/form';
 import { BusinessFormState } from '../interface';
 
 export default defineComponent({

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

@@ -1,5 +1,5 @@
 <template>
-  <!-- 修改业务账户 -->
+  <!-- 锁定业务账户 -->
   <a-modal class="add-custom"
            title="锁定业务账户"
            v-model:visible="visible"
@@ -13,19 +13,68 @@
                 :loading="loading"
                 @click="submit">锁定</a-button>
     </template>
-
+    <a-form class="inlineForm"
+            :model="formState">
+      <a-row :gutter="24">
+        <a-col :span="12">
+          <a-form-item label="登录账号"
+                       name="">
+            <span class="white">{{formState.accountname}}</span>
+          </a-form-item>
+        </a-col>
+        <a-col :span="12">
+          <a-form-item label="账户名称"
+                       name="">
+            <span class="white">{{formState.logincode}}</span>
+          </a-form-item>
+        </a-col>
+        <a-col :span="12">
+          <a-form-item label="登录密码"
+                       name="">
+            <a-input-password class="dialogInput"
+                              style="width: 200px"
+                              value="2323423"
+                              v-model:value="formState.password"
+                              readonly />
+          </a-form-item>
+        </a-col>
+        <a-col :span="12">
+          <a-form-item label="手机号码"
+                       name="">
+            <span class="white">{{formState.mobile}}</span>
+          </a-form-item>
+        </a-col>
+        <a-col :span="24">
+          <a-form-item label="账户角色"
+                       name="userinfotype">
+            <a-checkbox-group class="commonCheckboxGroup"
+                              v-model:value="formState.roleids">
+              <a-row>
+                <a-col :span="12">
+                  <a-checkbox :value="22">业务员</a-checkbox>
+                </a-col>
+                <a-col :span="12">
+                  <a-checkbox :value="23">跟单员</a-checkbox>
+                </a-col>
+              </a-row>
+            </a-checkbox-group>
+          </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, reactive, toRaw, UnwrapRef, PropType} from 'vue';
-import {requestResultLoadingAndInfo} from "@/common/methods/request/resultInfo";
-import {loginAccountOperate} from "@/services/proto/accountinfo";
-import {LoginaccountOperateReq} from "@/services/proto/accountinfo/interface";
-import {ErmcpLoginUser} from "@/services/go/ermcp/account/interface";
-import { Modal} from 'ant-design-vue';
-
+import { defineComponent, ref, PropType, watchEffect } from 'vue';
+import { requestResultLoadingAndInfo } from '@/common/methods/request/resultInfo';
+import { loginAccountOperate } from '@/services/proto/accountinfo';
+import { LoginaccountOperateReq } from '@/services/proto/accountinfo/interface';
+import { ErmcpLoginUser } from '@/services/go/ermcp/account/interface';
+import { Modal } from 'ant-design-vue';
+import { mergeTwoObj } from '@/utils/objHandle';
+import { handleBusinessForm } from '../setup';
 
 export default defineComponent({
     name: 'add-custom',
@@ -40,8 +89,15 @@ export default defineComponent({
         // 控制关闭弹窗
         const { visible, cancel } = closeModal('account_info_business_btn_locked');
         const loading = ref<boolean>(false);
+        const { formState } = handleBusinessForm();
+        watchEffect(() => {
+            if (visible.value) {
+                mergeTwoObj(formState, props.selectedData);
+                // roletype	:string;//角色类型(逗号隔开,如22,23), 22:业务员 23:跟单员 24:交易员
+                formState.roleids = props.selectedData.roletype.split(',').map((e) => +e);
+            }
+        });
         function submit() {
-
             Modal.confirm({
                 title: '是否确认锁定该账户',
                 okText: '确认锁定',
@@ -50,9 +106,9 @@ export default defineComponent({
                     let reqParam: LoginaccountOperateReq = {
                         userid: props.selectedData.userid,
                         loginid: props.selectedData.loginid,
-                        operatetype: 5,  // 5: 锁定 6：解锁
+                        operatetype: 5, // 5: 锁定 6：解锁
                         logintaaccounts: [],
-                    }
+                    };
                     requestResultLoadingAndInfo(loginAccountOperate, reqParam, loading, ['账户锁定成功', '账户锁定失败:']).then(() => {
                         cancel();
                         context.emit('refresh');
@@ -64,16 +120,11 @@ export default defineComponent({
             });
         }
         return {
-            // formState,
-            // rules,
-            // formRef,
-            // cardTypeList,
-            // isPersonal,
+            formState,
             visible,
             cancel,
             submit,
-            // submit,
-            // loading,
+            loading,
         };
     },
 });