管理员账号解锁

src/views/information/account_info/compoments/cancel-managers/index.vue

@@ -19,34 +19,7 @@
                 @click="submit">注销
       </a-button>
     </template>
-    <a-form class="inlineForm">
-      <a-row :gutter="24">
-        <a-col :span="12">
-          <a-form-item label="账户权限"
-                       name="userid">
-            <span class="white">{{selectedData.rolename}}</span>
-          </a-form-item>
-        </a-col>
-        <a-col :span="12">
-          <a-form-item label="账户名称"
-                       name="loginname">
-            <span class="white">{{selectedData.loginname}}</span>
-          </a-form-item>
-        </a-col>
-        <a-col :span="12">
-          <a-form-item label="登录账号"
-                       name="logincode">
-            <span class="white">{{selectedData.logincode}}</span>
-          </a-form-item>
-        </a-col>
-        <a-col :span="12">
-          <a-form-item label="手机号码"
-                       name="mobile">
-            <span class="white">{{selectedData.mobile}}</span>
-          </a-form-item>
-        </a-col>
-      </a-row>
-    </a-form>
+    <Detail :selectedData="selectedData" />
   </a-modal>
 </template>
 
@@ -58,10 +31,13 @@ import { Modal } from 'ant-design-vue';
 import { requestResultLoadingAndInfo } from '@/common/methods/request/resultInfo';
 import { LoginaccountOperateReq } from '@/services/proto/accountinfo/interface';
 import { loginAccountOperate } from '@/services/proto/accountinfo';
+import Detail from '../detail-commom-manager/index.vue';
 
 export default defineComponent({
     name: 'account_info_manager_btn_logout',
-    components: {},
+    components: {
+        Detail,
+    },
     props: {
         selectedData: {
             type: Object as PropType<ErmcpLoginUser>,

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

@@ -1,5 +1,5 @@
 <template>
-  <!-- 账号详情-->
+  <!-- 账户明细-->
   <a-modal class="commonModal custom-detail"
            title="账户明细"
            v-model:visible="visible"

src/views/information/account_info/compoments/detail-commom-business/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <!-- 账号详情-->
+  <!-- 账户角色-->
   <Des :list="desList"
        :slotDesName="'账户角色'">
     <a-checkbox-group class="commonCheckboxGroup"

src/views/information/account_info/compoments/detail-commom-manager/index.vue

@@ -0,0 +1,43 @@
+<template>
+  <!-- 交易账号通用详情-->
+  <Des :list="desList"></Des>
+</template>
+
+<script lang="ts">
+import { defineComponent, PropType, watchEffect } from 'vue';
+import { ErmcpLoginUser } from '@/services/go/ermcp/account/interface';
+import { Des, handleDesList } from '@/common/components/commonDes';
+
+export default defineComponent({
+    name: 'business-comom-detail',
+    components: {
+        Des,
+    },
+    props: {
+        selectedData: {
+            type: Object as PropType<ErmcpLoginUser>,
+            default: {},
+        },
+    },
+    setup(props) {
+        const { desList, getDesList } = handleDesList();
+        watchEffect(() => {
+            if (props.selectedData) {
+                const data = props.selectedData;
+                getDesList([
+                    { label: '账户权限', value: data.rolename },
+                    { label: '账户名称', value: data.loginname },
+                    { label: '登录账号', value: data.logincode },
+                    { label: '手机号码', value: data.mobile },
+                ]);
+            }
+        });
+        return {
+            desList,
+        };
+    },
+});
+</script>
+
+<style lang="less">
+</style>;

src/views/information/account_info/compoments/detail-commom-trader/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <!-- 账号详情-->
+  <!-- 交易账号通用详情-->
   <Des :list="desList"
        :slotDesName="'授权期货账户'">
     <a-checkbox-group class="commonCheckboxGroup"

src/views/information/account_info/compoments/detail-managers/index.vue

@@ -12,34 +12,7 @@
                 type="primary"
                 @click="cancel">关闭</a-button>
     </template>
-    <a-form class="inlineForm">
-      <a-row :gutter="24">
-        <a-col :span="12">
-          <a-form-item label="账户权限"
-                       name="userid">
-            <span class="white">{{selectedData.rolename}}</span>
-          </a-form-item>
-        </a-col>
-        <a-col :span="12">
-          <a-form-item label="账户名称"
-                       name="loginname">
-            <span class="white">{{selectedData.loginname}}</span>
-          </a-form-item>
-        </a-col>
-        <a-col :span="12">
-          <a-form-item label="登录账号"
-                       name="logincode">
-            <span class="white">{{selectedData.logincode}}</span>
-          </a-form-item>
-        </a-col>
-        <a-col :span="12">
-          <a-form-item label="手机号码"
-                       name="mobile">
-            <span class="white">{{selectedData.mobile}}</span>
-          </a-form-item>
-        </a-col>
-      </a-row>
-    </a-form>
+    <Detail :selectedData="selectedData" />
   </a-modal>
 </template>
 
@@ -47,10 +20,11 @@
 import { defineComponent, PropType } from 'vue';
 import { closeModal } from '@/common/setup/modal/index';
 import { ErmcpLoginUser } from '@/services/go/ermcp/account/interface';
+import Detail from '../detail-commom-manager/index.vue';
 
 export default defineComponent({
     name: 'detail-managers',
-    components: {},
+    components: { Detail },
     props: {
         selectedData: {
             type: Object as PropType<ErmcpLoginUser>,

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

@@ -19,34 +19,7 @@
                 @click="submit">锁定
       </a-button>
     </template>
-    <a-form class="inlineForm">
-      <a-row :gutter="24">
-        <a-col :span="12">
-          <a-form-item label="账户权限"
-                       name="userid">
-            <span class="white">{{selectedData.rolename}}</span>
-          </a-form-item>
-        </a-col>
-        <a-col :span="12">
-          <a-form-item label="账户名称"
-                       name="loginname">
-            <span class="white">{{selectedData.loginname}}</span>
-          </a-form-item>
-        </a-col>
-        <a-col :span="12">
-          <a-form-item label="登录账号"
-                       name="logincode">
-            <span class="white">{{selectedData.logincode}}</span>
-          </a-form-item>
-        </a-col>
-        <a-col :span="12">
-          <a-form-item label="手机号码"
-                       name="mobile">
-            <span class="white">{{selectedData.mobile}}</span>
-          </a-form-item>
-        </a-col>
-      </a-row>
-    </a-form>
+    <Detail :selectedData="selectedData" />
   </a-modal>
 </template>
 
@@ -58,10 +31,11 @@ import { Modal } from 'ant-design-vue';
 import { requestResultLoadingAndInfo } from '@/common/methods/request/resultInfo';
 import { LoginaccountOperateReq } from '@/services/proto/accountinfo/interface';
 import { loginAccountOperate } from '@/services/proto/accountinfo';
+import Detail from '../detail-commom-manager/index.vue';
 
 export default defineComponent({
     name: 'account_info_manager_btn_locked',
-    components: {},
+    components: { Detail },
     props: {
         selectedData: {
             type: Object as PropType<ErmcpLoginUser>,

src/views/information/account_info/compoments/unlocked-managers/index.vue

@@ -19,37 +19,7 @@
                 @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="userid">
-            <span class="white">{{selectedData.rolename}}</span>
-          </a-form-item>
-        </a-col>
-        <a-col :span="12">
-          <a-form-item label="账户名称"
-                       name="logincode">
-            <span class="white">{{selectedData.loginname}}</span>
-          </a-form-item>
-        </a-col>
-        <a-col :span="12">
-          <a-form-item label="登录账号"
-                       name="accountname">
-            <span class="white">{{selectedData.logincode}}</span>
-          </a-form-item>
-        </a-col>
-        <a-col :span="12">
-          <a-form-item label="手机号码"
-                       name="mobile">
-            <span class="white">{{selectedData.mobile}}</span>
-          </a-form-item>
-        </a-col>
-      </a-row>
-    </a-form>
+    <Detail :selectedData="selectedData" />
   </a-modal>
 </template>
 
@@ -61,10 +31,11 @@ import { Modal } from 'ant-design-vue';
 import { requestResultLoadingAndInfo } from '@/common/methods/request/resultInfo';
 import { LoginaccountOperateReq } from '@/services/proto/accountinfo/interface';
 import { loginAccountOperate } from '@/services/proto/accountinfo';
+import Detail from '../detail-commom-manager/index.vue';
 
 export default defineComponent({
     name: 'account_info_manager_btn_unlocked',
-    components: {},
+    components: { Detail },
     props: {
         selectedData: {
             type: Object as PropType<ErmcpLoginUser>,