注销账户

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

@@ -1,68 +1,65 @@
 <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="cancel">取消
-            </a-button>
-            <a-button key="submit"
-                      type="primary"
-                      :loading="loading"
-                      @click="submit">注销
-            </a-button>
-        </template>
-        <a-form class="inlineForm">
-            <a-row :gutter="24">
-                <a-col :span="12">
-                    <a-form-item label="所属期货账户"
-                                 name="userinfotype">
-                        <span class="white">{{selectedData.mainAcc.accountname}}/{{selectedData.mainAcc.hedgeaccountcode}}</span>
-                    </a-form-item>
-                </a-col>
-                <a-col :span="12">
-                    <a-form-item label="账户名称"
-                                 name="accountname">
-                        <span class="white">{{secondeData.accountname}}</span>
-                    </a-form-item>
-                </a-col>
-                <a-col :span="12">
-                    <a-form-item label="期货保证金"
-                                 name="trademargintmpid">
+  <!-- 注销账户 -->
+  <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="cancel">取消
+      </a-button>
+      <a-button key="submit"
+                type="primary"
+                :loading="loading"
+                @click="submit">注销
+      </a-button>
+    </template>
+    <a-form class="inlineForm">
+      <a-row :gutter="24">
+        <a-col :span="12">
+          <a-form-item label="所属期货账户"
+                       name="userinfotype">
+            <span class="white">{{selectedData.mainAcc.accountname}}/{{selectedData.mainAcc.hedgeaccountcode}}</span>
+          </a-form-item>
+        </a-col>
+        <a-col :span="12">
+          <a-form-item label="账户名称"
+                       name="accountname">
+            <span class="white">{{secondeData.accountname}}</span>
+          </a-form-item>
+        </a-col>
+        <a-col :span="12">
+          <a-form-item label="期货保证金"
+                       name="trademargintmpid">
             <span class="white"
                   v-if="marginList.length">{{marginList[0].tradeconfigtmpname}}</span>
-                        <span class="white"
-                              v-else>--</span>
-                    </a-form-item>
-                </a-col>
-                <a-col :span="12">
-                    <a-form-item label="期货手续费"
-                                 name="tradefeetmpid">
+            <span class="white"
+                  v-else>--</span>
+          </a-form-item>
+        </a-col>
+        <a-col :span="12">
+          <a-form-item label="期货手续费"
+                       name="tradefeetmpid">
             <span class="white"
                   v-if="feeList.length">{{feeList[0].tradeconfigtmpname}}</span>
-                        <span class="white"
-                              v-else>--</span>
-                    </a-form-item>
-                </a-col>
-                <a-col :span="24">
-                    <a-form-item label="指定交易用户"
-                                 name="traderUserId">
             <span class="white"
-                  v-if="userList.length">{{userList[0].rolename}}</span>
-                        <span class="white"
-                              v-else>--</span>
-                    </a-form-item>
-                </a-col>
-            </a-row>
-        </a-form>
-    </a-modal>
+                  v-else>--</span>
+          </a-form-item>
+        </a-col>
+        <a-col :span="24">
+          <a-form-item label="指定交易用户"
+                       name="traderUserId">
+            <span class="white">{{getRoleName()}}</span>
+          </a-form-item>
+        </a-col>
+      </a-row>
+    </a-form>
+  </a-modal>
 </template>
 
 <script lang="ts">
@@ -134,19 +131,23 @@
                     },
                 });
             }
-
+                        function getRoleName() {
+          const item = props.userList.find(e => e.roleid === props.secondeData.relateduserid)
+          return item ? item.rolename : '--'
+        }
             return {
                 visible,
                 cancel,
                 submit,
                 loading,
+                getRoleName,
             };
         },
     });
 </script>
 
 <style lang="less">
-    .add-custom {
-    }
+.add-custom {
+}
 </style
 >;

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

@@ -47,10 +47,7 @@
         <a-col :span="24">
           <a-form-item label="指定交易用户"
                        name="traderUserId">
-            <span class="white"
-                  v-if="userList.length">{{userList[0].rolename}}</span>
-            <span class="white"
-                  v-else>--</span>
+            <span class="white">{{getRoleName()}}</span>
           </a-form-item>
         </a-col>
       </a-row>
@@ -96,10 +93,15 @@ export default defineComponent({
     setup(props) {
         const { visible, cancel } = closeModal('detail');
         const loading = ref<boolean>(false);
+        function getRoleName() {
+          const item = props.userList.find(e => e.roleid === props.secondeData.relateduserid)
+          return item ? item.rolename : '--'
+        }
         return {
             visible,
             cancel,
             loading,
+            getRoleName,
         };
     },
 });

src/views/information/account_info/compoments/modify-futures-son/index.vue

@@ -70,11 +70,7 @@
         <a-col :span="24">
           <a-form-item label="指定交易用户"
                        name="traderUserId">
-            <a-input class="dialogInput"
-                     style="width: 200px"
-                     readonly
-                     v-model:value="formState.traderUserId"
-                     placeholder="请输入账户名称" />
+            <span class="white">{{getRoleName()}}</span>
           </a-form-item>
         </a-col>
       </a-row>
@@ -148,7 +144,10 @@ export default defineComponent({
             }
             
         });
-
+        function getRoleName() {
+          const item = props.userList.find(e => e.roleid === props.secondeData.relateduserid)
+          return item ? item.rolename : '--'
+        }
         // 增加accountid 就是修改
         function submit() {
             validateAction<FormState>(formRef, formState).then((res) => {
@@ -186,6 +185,7 @@ export default defineComponent({
             visible,
             cancel,
             submit,
+            getRoleName,
             loading,
         };
     },