commit

src/assets/styles/mixin.less

@@ -1197,9 +1197,26 @@ input:-internal-autofill-selected {
                     border-color: #3A87F7;
                 }
             }
+            &::after {
+                border-color: #3A87F7;
+            }
         }
         span+span {
             margin-right: 15px;
+            color: @m-white0;
+            font-size: 14px;
+        }
+    }
+    .ant-checkbox-wrapper-disabled {
+        .ant-checkbox-disabled {
+            outline-color: #2B3F52;
+            .ant-checkbox-input {
+                color: @m-white0;
+                font-size: 14px;
+            }
+            .ant-checkbox-inner {
+                border-color: #2B3F52 !important;
+            }
         }
     }
 }
@@ -1237,7 +1254,7 @@ input:-internal-autofill-selected {
                 }
             }
         }
-        span {
+        span+span {
             color: @m-white0;
             font-size: 14px;
         }

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

@@ -60,9 +60,10 @@
               <a-row>
                 <a-col :span="12"
                        v-for="(item, index) in selectedData.acclist"
-                       :key="index">
-                  <a-checkbox disabled
-                              :value="item.accountid">
+                       :key="index"
+                       :class="[index > 1 ? 'mt10' : '']">
+                  <a-checkbox
+                              :value="item.accountid" disabled>
                     {{item.accountname}}/{{item.accountid}}
                   </a-checkbox>
                 </a-col>
@@ -127,5 +128,11 @@ export default defineComponent({
     .ant-form.inlineForm {
         margin-top: 20px;
     }
+    .checkboxGroupItem {
+      .ant-col.ant-form-item-control-wrapper {
+        width: 100%;
+        white-space: nowrap;
+      }
+    }
 }
 </style>;

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

@@ -69,7 +69,8 @@
               <a-row>
                 <a-col :span="12"
                        v-for="(item, index) in accountList"
-                       :key="index">
+                       :key="index"
+                       :class="[index > 1 ? 'mt10' : '']">
                   <a-checkbox :value="item.accountid">{{item.accountname}}/{{item.accountid}}</a-checkbox>
                 </a-col>
               </a-row>