commit样式更新

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

@@ -146,79 +146,6 @@ export default defineComponent({
 </script>
 
 <style lang="less">
-.add-business-info {
-}
-.add-traders {
-}
-.add-managers {
-}
-.add-powers {
-    .powerTable {
-        width: 100%;
-        height: 100%;
-        border: 3px solid @m-grey11;
-        background-color: @m-black12;
-        font-size: 14px;
-        color: @m-white0;
-        .flex;
-        flex-direction: column;
-        .ant-checkbox-group.commonCheckboxGroup .ant-checkbox-wrapper {
-            width: 90px;
-            span + span {
-                margin-right: 0;
-            }
-        }
-        .powerRow {
-            width: 100%;
-            display: inline-flex;
-            border-bottom: 3px solid @m-grey11;
-            div {
-                align-self: center;
-                align-items: center;
-            }
-            .powerLeft {
-                width: 84px;
-                padding: 0 8px;
-            }
-            .powerMiddle {
-                width: 130px;
-                .flex;
-                flex-direction: column;
-                div {
-                    width: 100%;
-                    height: 40px;
-                    line-height: 40px;
-                    padding: 0 8px;
-                    border: 3px solid @m-grey11;
-                    border-top: 0;
-                }
-                div:last-child {
-                    border-bottom: 0;
-                }
-            }
-            .powerRight {
-                flex: 1;
-                .flex;
-                flex-direction: column;
-                div {
-                    width: 100%;
-                    height: 40px;
-                    line-height: 40px;
-                    padding: 0 8px;
-                    justify-content: flex-start;
-                    border-bottom: 3px solid @m-grey11;
-                }
-                div:last-child {
-                    border-bottom: 0;
-                }
-            }
-        }
-    }
-}
-.add-futures {
-}
-.add-futures-son {
-}
 .add-arbitrage {
     .ant-checkbox-group.commonCheckboxGroup .ant-checkbox-wrapper {
         width: 100px;

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

@@ -132,95 +132,5 @@ export default defineComponent({
 <style lang="less">
 .add-business-info {
 }
-.add-traders {
-}
-.add-managers {
-}
-.add-powers {
-    .powerTable {
-        width: 100%;
-        height: 100%;
-        border: 3px solid @m-grey11;
-        background-color: @m-black12;
-        font-size: 14px;
-        color: @m-white0;
-        .flex;
-        flex-direction: column;
-        .ant-checkbox-group.commonCheckboxGroup .ant-checkbox-wrapper {
-            width: 90px;
-            span + span {
-                margin-right: 0;
-            }
-        }
-        .powerRow {
-            width: 100%;
-            display: inline-flex;
-            border-bottom: 3px solid @m-grey11;
-            div {
-                align-self: center;
-                align-items: center;
-            }
-            .powerLeft {
-                width: 84px;
-                padding: 0 8px;
-            }
-            .powerMiddle {
-                width: 130px;
-                .flex;
-                flex-direction: column;
-                div {
-                    width: 100%;
-                    height: 40px;
-                    line-height: 40px;
-                    padding: 0 8px;
-                    border: 3px solid @m-grey11;
-                    border-top: 0;
-                }
-                div:last-child {
-                    border-bottom: 0;
-                }
-            }
-            .powerRight {
-                flex: 1;
-                .flex;
-                flex-direction: column;
-                div {
-                    width: 100%;
-                    height: 40px;
-                    line-height: 40px;
-                    padding: 0 8px;
-                    justify-content: flex-start;
-                    border-bottom: 3px solid @m-grey11;
-                }
-                div:last-child {
-                    border-bottom: 0;
-                }
-            }
-        }
-    }
-}
-.add-futures {
-}
-.add-futures-son {
-}
-.add-arbitrage {
-    .ant-checkbox-group.commonCheckboxGroup .ant-checkbox-wrapper {
-        width: 100px;
-        span + span {
-            margin-right: 0;
-        }
-    }
-    .ant-checkbox-group.autoWidth {
-        width: 520px;
-        .ant-checkbox-wrapper {
-            width: auto;
-        }
-    }
-    .checkboxGroupItem {
-        .ant-row {
-            margin-bottom: 10px;
-        }
-    }
-}
 </style
 >;

src/views/information/account_info/compoments/add-child-futures/index.vue

@@ -135,97 +135,7 @@ export default defineComponent({
 </script>
 
 <style lang="less">
-.add-business-info {
-}
-.add-traders {
-}
-.add-managers {
-}
-.add-powers {
-    .powerTable {
-        width: 100%;
-        height: 100%;
-        border: 3px solid @m-grey11;
-        background-color: @m-black12;
-        font-size: 14px;
-        color: @m-white0;
-        .flex;
-        flex-direction: column;
-        .ant-checkbox-group.commonCheckboxGroup .ant-checkbox-wrapper {
-            width: 90px;
-            span + span {
-                margin-right: 0;
-            }
-        }
-        .powerRow {
-            width: 100%;
-            display: inline-flex;
-            border-bottom: 3px solid @m-grey11;
-            div {
-                align-self: center;
-                align-items: center;
-            }
-            .powerLeft {
-                width: 84px;
-                padding: 0 8px;
-            }
-            .powerMiddle {
-                width: 130px;
-                .flex;
-                flex-direction: column;
-                div {
-                    width: 100%;
-                    height: 40px;
-                    line-height: 40px;
-                    padding: 0 8px;
-                    border: 3px solid @m-grey11;
-                    border-top: 0;
-                }
-                div:last-child {
-                    border-bottom: 0;
-                }
-            }
-            .powerRight {
-                flex: 1;
-                .flex;
-                flex-direction: column;
-                div {
-                    width: 100%;
-                    height: 40px;
-                    line-height: 40px;
-                    padding: 0 8px;
-                    justify-content: flex-start;
-                    border-bottom: 3px solid @m-grey11;
-                }
-                div:last-child {
-                    border-bottom: 0;
-                }
-            }
-        }
-    }
-}
-.add-futures {
-}
 .add-futures-son {
 }
-.add-arbitrage {
-    .ant-checkbox-group.commonCheckboxGroup .ant-checkbox-wrapper {
-        width: 100px;
-        span + span {
-            margin-right: 0;
-        }
-    }
-    .ant-checkbox-group.autoWidth {
-        width: 520px;
-        .ant-checkbox-wrapper {
-            width: auto;
-        }
-    }
-    .checkboxGroupItem {
-        .ant-row {
-            margin-bottom: 10px;
-        }
-    }
-}
 </style
 >;

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

@@ -111,97 +111,7 @@ export default defineComponent({
 </script>
 
 <style lang="less">
-.add-business-info {
-}
-.add-traders {
-}
-.add-managers {
-}
-.add-powers {
-    .powerTable {
-        width: 100%;
-        height: 100%;
-        border: 3px solid @m-grey11;
-        background-color: @m-black12;
-        font-size: 14px;
-        color: @m-white0;
-        .flex;
-        flex-direction: column;
-        .ant-checkbox-group.commonCheckboxGroup .ant-checkbox-wrapper {
-            width: 90px;
-            span + span {
-                margin-right: 0;
-            }
-        }
-        .powerRow {
-            width: 100%;
-            display: inline-flex;
-            border-bottom: 3px solid @m-grey11;
-            div {
-                align-self: center;
-                align-items: center;
-            }
-            .powerLeft {
-                width: 84px;
-                padding: 0 8px;
-            }
-            .powerMiddle {
-                width: 130px;
-                .flex;
-                flex-direction: column;
-                div {
-                    width: 100%;
-                    height: 40px;
-                    line-height: 40px;
-                    padding: 0 8px;
-                    border: 3px solid @m-grey11;
-                    border-top: 0;
-                }
-                div:last-child {
-                    border-bottom: 0;
-                }
-            }
-            .powerRight {
-                flex: 1;
-                .flex;
-                flex-direction: column;
-                div {
-                    width: 100%;
-                    height: 40px;
-                    line-height: 40px;
-                    padding: 0 8px;
-                    justify-content: flex-start;
-                    border-bottom: 3px solid @m-grey11;
-                }
-                div:last-child {
-                    border-bottom: 0;
-                }
-            }
-        }
-    }
-}
-.add-futures {
-}
 .add-futures-son {
 }
-.add-arbitrage {
-    .ant-checkbox-group.commonCheckboxGroup .ant-checkbox-wrapper {
-        width: 100px;
-        span + span {
-            margin-right: 0;
-        }
-    }
-    .ant-checkbox-group.autoWidth {
-        width: 520px;
-        .ant-checkbox-wrapper {
-            width: auto;
-        }
-    }
-    .checkboxGroupItem {
-        .ant-row {
-            margin-bottom: 10px;
-        }
-    }
-}
 </style
 >;

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

@@ -136,97 +136,7 @@ export default defineComponent({
 </script>
 
 <style lang="less">
-.add-business-info {
-}
-.add-traders {
-}
-.add-managers {
-}
-.add-powers {
-    .powerTable {
-        width: 100%;
-        height: 100%;
-        border: 3px solid @m-grey11;
-        background-color: @m-black12;
-        font-size: 14px;
-        color: @m-white0;
-        .flex;
-        flex-direction: column;
-        .ant-checkbox-group.commonCheckboxGroup .ant-checkbox-wrapper {
-            width: 90px;
-            span + span {
-                margin-right: 0;
-            }
-        }
-        .powerRow {
-            width: 100%;
-            display: inline-flex;
-            border-bottom: 3px solid @m-grey11;
-            div {
-                align-self: center;
-                align-items: center;
-            }
-            .powerLeft {
-                width: 84px;
-                padding: 0 8px;
-            }
-            .powerMiddle {
-                width: 130px;
-                .flex;
-                flex-direction: column;
-                div {
-                    width: 100%;
-                    height: 40px;
-                    line-height: 40px;
-                    padding: 0 8px;
-                    border: 3px solid @m-grey11;
-                    border-top: 0;
-                }
-                div:last-child {
-                    border-bottom: 0;
-                }
-            }
-            .powerRight {
-                flex: 1;
-                .flex;
-                flex-direction: column;
-                div {
-                    width: 100%;
-                    height: 40px;
-                    line-height: 40px;
-                    padding: 0 8px;
-                    justify-content: flex-start;
-                    border-bottom: 3px solid @m-grey11;
-                }
-                div:last-child {
-                    border-bottom: 0;
-                }
-            }
-        }
-    }
-}
 .add-futures {
 }
-.add-futures-son {
-}
-.add-arbitrage {
-    .ant-checkbox-group.commonCheckboxGroup .ant-checkbox-wrapper {
-        width: 100px;
-        span + span {
-            margin-right: 0;
-        }
-    }
-    .ant-checkbox-group.autoWidth {
-        width: 520px;
-        .ant-checkbox-wrapper {
-            width: auto;
-        }
-    }
-    .checkboxGroupItem {
-        .ant-row {
-            margin-bottom: 10px;
-        }
-    }
-}
 </style
 >;

src/views/information/account_info/compoments/add-managers-permission/index.vue

@@ -1,6 +1,6 @@
 <template>
   <!-- 新增角色 -->
-  <a-modal class="commonModal add-powers"
+  <a-modal class="commonModal add-roles"
            title="新增角色"
            v-model:visible="visible"
            @cancel="cancel"
@@ -123,13 +123,7 @@ export default defineComponent({
 </script>
 
 <style lang="less">
-.add-business-info {
-}
-.add-traders {
-}
-.add-managers {
-}
-.add-powers {
+.add-roles {
     .ant-modal-content {
         .ant-modal-body {
             overflow-x: hidden;
@@ -144,6 +138,8 @@ export default defineComponent({
         color: @m-white0;
         .flex;
         flex-direction: column;
+        overflow-x: auto;
+        overflow-y: hidden;
         .ant-checkbox-group.commonCheckboxGroup .ant-checkbox-wrapper {
             width: 90px;
             span + span {
@@ -157,13 +153,14 @@ export default defineComponent({
             div {
                 align-self: center;
                 align-items: center;
+                white-space: nowrap;
             }
             .powerLeft {
-                width: 84px;
+                width: 120px;
                 padding: 0 8px;
             }
             .powerMiddle {
-                width: 130px;
+                width: 180px;
                 .flex;
                 flex-direction: column;
                 div {
@@ -197,28 +194,5 @@ export default defineComponent({
         }
     }
 }
-.add-futures {
-}
-.add-futures-son {
-}
-.add-arbitrage {
-    .ant-checkbox-group.commonCheckboxGroup .ant-checkbox-wrapper {
-        width: 100px;
-        span + span {
-            margin-right: 0;
-        }
-    }
-    .ant-checkbox-group.autoWidth {
-        width: 520px;
-        .ant-checkbox-wrapper {
-            width: auto;
-        }
-    }
-    .checkboxGroupItem {
-        .ant-row {
-            margin-bottom: 10px;
-        }
-    }
-}
 </style
 >;

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

@@ -129,97 +129,7 @@ export default defineComponent({
 </script>
 
 <style lang="less">
-.add-business-info {
-}
-.add-traders {
-}
 .add-managers {
 }
-.add-powers {
-    .powerTable {
-        width: 100%;
-        height: 100%;
-        border: 3px solid @m-grey11;
-        background-color: @m-black12;
-        font-size: 14px;
-        color: @m-white0;
-        .flex;
-        flex-direction: column;
-        .ant-checkbox-group.commonCheckboxGroup .ant-checkbox-wrapper {
-            width: 90px;
-            span + span {
-                margin-right: 0;
-            }
-        }
-        .powerRow {
-            width: 100%;
-            display: inline-flex;
-            border-bottom: 3px solid @m-grey11;
-            div {
-                align-self: center;
-                align-items: center;
-            }
-            .powerLeft {
-                width: 84px;
-                padding: 0 8px;
-            }
-            .powerMiddle {
-                width: 130px;
-                .flex;
-                flex-direction: column;
-                div {
-                    width: 100%;
-                    height: 40px;
-                    line-height: 40px;
-                    padding: 0 8px;
-                    border: 3px solid @m-grey11;
-                    border-top: 0;
-                }
-                div:last-child {
-                    border-bottom: 0;
-                }
-            }
-            .powerRight {
-                flex: 1;
-                .flex;
-                flex-direction: column;
-                div {
-                    width: 100%;
-                    height: 40px;
-                    line-height: 40px;
-                    padding: 0 8px;
-                    justify-content: flex-start;
-                    border-bottom: 3px solid @m-grey11;
-                }
-                div:last-child {
-                    border-bottom: 0;
-                }
-            }
-        }
-    }
-}
-.add-futures {
-}
-.add-futures-son {
-}
-.add-arbitrage {
-    .ant-checkbox-group.commonCheckboxGroup .ant-checkbox-wrapper {
-        width: 100px;
-        span + span {
-            margin-right: 0;
-        }
-    }
-    .ant-checkbox-group.autoWidth {
-        width: 520px;
-        .ant-checkbox-wrapper {
-            width: auto;
-        }
-    }
-    .checkboxGroupItem {
-        .ant-row {
-            margin-bottom: 10px;
-        }
-    }
-}
 </style
 >;

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

@@ -179,12 +179,6 @@ export default defineComponent({
 </script>
 
 <style lang="less">
-.add-business-info {
-}
-.add-traders {
-}
-.add-managers {
-}
 .add-powers {
     .powerTable {
         width: 100%;
@@ -248,28 +242,5 @@ export default defineComponent({
         }
     }
 }
-.add-futures {
-}
-.add-futures-son {
-}
-.add-arbitrage {
-    .ant-checkbox-group.commonCheckboxGroup .ant-checkbox-wrapper {
-        width: 100px;
-        span + span {
-            margin-right: 0;
-        }
-    }
-    .ant-checkbox-group.autoWidth {
-        width: 520px;
-        .ant-checkbox-wrapper {
-            width: auto;
-        }
-    }
-    .checkboxGroupItem {
-        .ant-row {
-            margin-bottom: 10px;
-        }
-    }
-}
 </style
 >;

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

@@ -149,98 +149,8 @@ export default defineComponent({
 </script>
 
 <style lang="less">
-.add-business-info {
-}
 .add-traders {
 }
-.add-managers {
-}
-.add-powers {
-    .powerTable {
-        width: 100%;
-        height: 100%;
-        border: 3px solid @m-grey11;
-        background-color: @m-black12;
-        font-size: 14px;
-        color: @m-white0;
-        .flex;
-        flex-direction: column;
-        .ant-checkbox-group.commonCheckboxGroup .ant-checkbox-wrapper {
-            width: 90px;
-            span + span {
-                margin-right: 0;
-            }
-        }
-        .powerRow {
-            width: 100%;
-            display: inline-flex;
-            border-bottom: 3px solid @m-grey11;
-            div {
-                align-self: center;
-                align-items: center;
-            }
-            .powerLeft {
-                width: 84px;
-                padding: 0 8px;
-            }
-            .powerMiddle {
-                width: 130px;
-                .flex;
-                flex-direction: column;
-                div {
-                    width: 100%;
-                    height: 40px;
-                    line-height: 40px;
-                    padding: 0 8px;
-                    border: 3px solid @m-grey11;
-                    border-top: 0;
-                }
-                div:last-child {
-                    border-bottom: 0;
-                }
-            }
-            .powerRight {
-                flex: 1;
-                .flex;
-                flex-direction: column;
-                div {
-                    width: 100%;
-                    height: 40px;
-                    line-height: 40px;
-                    padding: 0 8px;
-                    justify-content: flex-start;
-                    border-bottom: 3px solid @m-grey11;
-                }
-                div:last-child {
-                    border-bottom: 0;
-                }
-            }
-        }
-    }
-}
-.add-futures {
-}
-.add-futures-son {
-}
-.add-arbitrage {
-    .ant-checkbox-group.commonCheckboxGroup .ant-checkbox-wrapper {
-        width: 100px;
-        span + span {
-            margin-right: 0;
-        }
-    }
-    .ant-checkbox-group.autoWidth {
-        width: 520px;
-        .ant-checkbox-wrapper {
-            width: auto;
-        }
-    }
-    .checkboxGroupItem {
-        .ant-row {
-            margin-bottom: 10px;
-        }
-    }
-}
 </style
 >;
 

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

@@ -1,6 +1,6 @@
 <template>
   <!-- 权限设置 -->
-  <a-modal class="commonModal add-powers"
+  <a-modal class="commonModal powers-setting"
            title="权限设置"
            v-model:visible="visible"
            @cancel="cancel"
@@ -61,13 +61,7 @@ export default defineComponent({
 </script>
 
 <style lang="less">
-.add-business-info {
-}
-.add-traders {
-}
-.add-managers {
-}
-.add-powers {
+.powers-setting {
     .powerTable {
         width: 100%;
         height: 100%;
@@ -130,28 +124,5 @@ export default defineComponent({
         }
     }
 }
-.add-futures {
-}
-.add-futures-son {
-}
-.add-arbitrage {
-    .ant-checkbox-group.commonCheckboxGroup .ant-checkbox-wrapper {
-        width: 100px;
-        span + span {
-            margin-right: 0;
-        }
-    }
-    .ant-checkbox-group.autoWidth {
-        width: 520px;
-        .ant-checkbox-wrapper {
-            width: auto;
-        }
-    }
-    .checkboxGroupItem {
-        .ant-row {
-            margin-bottom: 10px;
-        }
-    }
-}
 </style
 >;

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

@@ -146,79 +146,6 @@ export default defineComponent({
 </script>
 
 <style lang="less">
-.add-business-info {
-}
-.add-traders {
-}
-.add-managers {
-}
-.add-powers {
-    .powerTable {
-        width: 100%;
-        height: 100%;
-        border: 3px solid @m-grey11;
-        background-color: @m-black12;
-        font-size: 14px;
-        color: @m-white0;
-        .flex;
-        flex-direction: column;
-        .ant-checkbox-group.commonCheckboxGroup .ant-checkbox-wrapper {
-            width: 90px;
-            span + span {
-                margin-right: 0;
-            }
-        }
-        .powerRow {
-            width: 100%;
-            display: inline-flex;
-            border-bottom: 3px solid @m-grey11;
-            div {
-                align-self: center;
-                align-items: center;
-            }
-            .powerLeft {
-                width: 84px;
-                padding: 0 8px;
-            }
-            .powerMiddle {
-                width: 130px;
-                .flex;
-                flex-direction: column;
-                div {
-                    width: 100%;
-                    height: 40px;
-                    line-height: 40px;
-                    padding: 0 8px;
-                    border: 3px solid @m-grey11;
-                    border-top: 0;
-                }
-                div:last-child {
-                    border-bottom: 0;
-                }
-            }
-            .powerRight {
-                flex: 1;
-                .flex;
-                flex-direction: column;
-                div {
-                    width: 100%;
-                    height: 40px;
-                    line-height: 40px;
-                    padding: 0 8px;
-                    justify-content: flex-start;
-                    border-bottom: 3px solid @m-grey11;
-                }
-                div:last-child {
-                    border-bottom: 0;
-                }
-            }
-        }
-    }
-}
-.add-futures {
-}
-.add-futures-son {
-}
 .add-arbitrage {
     .ant-checkbox-group.commonCheckboxGroup .ant-checkbox-wrapper {
         width: 100px;

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

@@ -133,96 +133,6 @@ export default defineComponent({
 <style lang="less">
 .add-business-info {
 }
-.add-traders {
-}
-.add-managers {
-}
-.add-powers {
-    .powerTable {
-        width: 100%;
-        height: 100%;
-        border: 3px solid @m-grey11;
-        background-color: @m-black12;
-        font-size: 14px;
-        color: @m-white0;
-        .flex;
-        flex-direction: column;
-        .ant-checkbox-group.commonCheckboxGroup .ant-checkbox-wrapper {
-            width: 90px;
-            span + span {
-                margin-right: 0;
-            }
-        }
-        .powerRow {
-            width: 100%;
-            display: inline-flex;
-            border-bottom: 3px solid @m-grey11;
-            div {
-                align-self: center;
-                align-items: center;
-            }
-            .powerLeft {
-                width: 84px;
-                padding: 0 8px;
-            }
-            .powerMiddle {
-                width: 130px;
-                .flex;
-                flex-direction: column;
-                div {
-                    width: 100%;
-                    height: 40px;
-                    line-height: 40px;
-                    padding: 0 8px;
-                    border: 3px solid @m-grey11;
-                    border-top: 0;
-                }
-                div:last-child {
-                    border-bottom: 0;
-                }
-            }
-            .powerRight {
-                flex: 1;
-                .flex;
-                flex-direction: column;
-                div {
-                    width: 100%;
-                    height: 40px;
-                    line-height: 40px;
-                    padding: 0 8px;
-                    justify-content: flex-start;
-                    border-bottom: 3px solid @m-grey11;
-                }
-                div:last-child {
-                    border-bottom: 0;
-                }
-            }
-        }
-    }
-}
-.add-futures {
-}
-.add-futures-son {
-}
-.add-arbitrage {
-    .ant-checkbox-group.commonCheckboxGroup .ant-checkbox-wrapper {
-        width: 100px;
-        span + span {
-            margin-right: 0;
-        }
-    }
-    .ant-checkbox-group.autoWidth {
-        width: 520px;
-        .ant-checkbox-wrapper {
-            width: auto;
-        }
-    }
-    .checkboxGroupItem {
-        .ant-row {
-            margin-bottom: 10px;
-        }
-    }
-}
 </style
 >;
 

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

@@ -112,97 +112,7 @@ export default defineComponent({
 </script>
 
 <style lang="less">
-.add-business-info {
-}
-.add-traders {
-}
-.add-managers {
-}
-.add-powers {
-    .powerTable {
-        width: 100%;
-        height: 100%;
-        border: 3px solid @m-grey11;
-        background-color: @m-black12;
-        font-size: 14px;
-        color: @m-white0;
-        .flex;
-        flex-direction: column;
-        .ant-checkbox-group.commonCheckboxGroup .ant-checkbox-wrapper {
-            width: 90px;
-            span + span {
-                margin-right: 0;
-            }
-        }
-        .powerRow {
-            width: 100%;
-            display: inline-flex;
-            border-bottom: 3px solid @m-grey11;
-            div {
-                align-self: center;
-                align-items: center;
-            }
-            .powerLeft {
-                width: 84px;
-                padding: 0 8px;
-            }
-            .powerMiddle {
-                width: 130px;
-                .flex;
-                flex-direction: column;
-                div {
-                    width: 100%;
-                    height: 40px;
-                    line-height: 40px;
-                    padding: 0 8px;
-                    border: 3px solid @m-grey11;
-                    border-top: 0;
-                }
-                div:last-child {
-                    border-bottom: 0;
-                }
-            }
-            .powerRight {
-                flex: 1;
-                .flex;
-                flex-direction: column;
-                div {
-                    width: 100%;
-                    height: 40px;
-                    line-height: 40px;
-                    padding: 0 8px;
-                    justify-content: flex-start;
-                    border-bottom: 3px solid @m-grey11;
-                }
-                div:last-child {
-                    border-bottom: 0;
-                }
-            }
-        }
-    }
-}
-.add-futures {
-}
 .add-futures-son {
 }
-.add-arbitrage {
-    .ant-checkbox-group.commonCheckboxGroup .ant-checkbox-wrapper {
-        width: 100px;
-        span + span {
-            margin-right: 0;
-        }
-    }
-    .ant-checkbox-group.autoWidth {
-        width: 520px;
-        .ant-checkbox-wrapper {
-            width: auto;
-        }
-    }
-    .checkboxGroupItem {
-        .ant-row {
-            margin-bottom: 10px;
-        }
-    }
-}
 </style
 >;

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

@@ -124,97 +124,7 @@ export default defineComponent({
 </script>
 
 <style lang="less">
-.add-business-info {
-}
-.add-traders {
-}
-.add-managers {
-}
-.add-powers {
-    .powerTable {
-        width: 100%;
-        height: 100%;
-        border: 3px solid @m-grey11;
-        background-color: @m-black12;
-        font-size: 14px;
-        color: @m-white0;
-        .flex;
-        flex-direction: column;
-        .ant-checkbox-group.commonCheckboxGroup .ant-checkbox-wrapper {
-            width: 90px;
-            span + span {
-                margin-right: 0;
-            }
-        }
-        .powerRow {
-            width: 100%;
-            display: inline-flex;
-            border-bottom: 3px solid @m-grey11;
-            div {
-                align-self: center;
-                align-items: center;
-            }
-            .powerLeft {
-                width: 84px;
-                padding: 0 8px;
-            }
-            .powerMiddle {
-                width: 130px;
-                .flex;
-                flex-direction: column;
-                div {
-                    width: 100%;
-                    height: 40px;
-                    line-height: 40px;
-                    padding: 0 8px;
-                    border: 3px solid @m-grey11;
-                    border-top: 0;
-                }
-                div:last-child {
-                    border-bottom: 0;
-                }
-            }
-            .powerRight {
-                flex: 1;
-                .flex;
-                flex-direction: column;
-                div {
-                    width: 100%;
-                    height: 40px;
-                    line-height: 40px;
-                    padding: 0 8px;
-                    justify-content: flex-start;
-                    border-bottom: 3px solid @m-grey11;
-                }
-                div:last-child {
-                    border-bottom: 0;
-                }
-            }
-        }
-    }
-}
 .add-futures {
 }
-.add-futures-son {
-}
-.add-arbitrage {
-    .ant-checkbox-group.commonCheckboxGroup .ant-checkbox-wrapper {
-        width: 100px;
-        span + span {
-            margin-right: 0;
-        }
-    }
-    .ant-checkbox-group.autoWidth {
-        width: 520px;
-        .ant-checkbox-wrapper {
-            width: auto;
-        }
-    }
-    .checkboxGroupItem {
-        .ant-row {
-            margin-bottom: 10px;
-        }
-    }
-}
 </style
 >;

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

@@ -134,97 +134,7 @@ export default defineComponent({
 </script>
 
 <style lang="less">
-.add-business-info {
-}
-.add-traders {
-}
 .add-managers {
 }
-.add-powers {
-    .powerTable {
-        width: 100%;
-        height: 100%;
-        border: 3px solid @m-grey11;
-        background-color: @m-black12;
-        font-size: 14px;
-        color: @m-white0;
-        .flex;
-        flex-direction: column;
-        .ant-checkbox-group.commonCheckboxGroup .ant-checkbox-wrapper {
-            width: 90px;
-            span + span {
-                margin-right: 0;
-            }
-        }
-        .powerRow {
-            width: 100%;
-            display: inline-flex;
-            border-bottom: 3px solid @m-grey11;
-            div {
-                align-self: center;
-                align-items: center;
-            }
-            .powerLeft {
-                width: 84px;
-                padding: 0 8px;
-            }
-            .powerMiddle {
-                width: 130px;
-                .flex;
-                flex-direction: column;
-                div {
-                    width: 100%;
-                    height: 40px;
-                    line-height: 40px;
-                    padding: 0 8px;
-                    border: 3px solid @m-grey11;
-                    border-top: 0;
-                }
-                div:last-child {
-                    border-bottom: 0;
-                }
-            }
-            .powerRight {
-                flex: 1;
-                .flex;
-                flex-direction: column;
-                div {
-                    width: 100%;
-                    height: 40px;
-                    line-height: 40px;
-                    padding: 0 8px;
-                    justify-content: flex-start;
-                    border-bottom: 3px solid @m-grey11;
-                }
-                div:last-child {
-                    border-bottom: 0;
-                }
-            }
-        }
-    }
-}
-.add-futures {
-}
-.add-futures-son {
-}
-.add-arbitrage {
-    .ant-checkbox-group.commonCheckboxGroup .ant-checkbox-wrapper {
-        width: 100px;
-        span + span {
-            margin-right: 0;
-        }
-    }
-    .ant-checkbox-group.autoWidth {
-        width: 520px;
-        .ant-checkbox-wrapper {
-            width: auto;
-        }
-    }
-    .checkboxGroupItem {
-        .ant-row {
-            margin-bottom: 10px;
-        }
-    }
-}
 </style
 >;

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

@@ -1,6 +1,6 @@
 <template>
   <!-- 修改权限模板 -->
-  <a-modal class="commonModal add-powers"
+  <a-modal class="commonModal modify-powers"
            title="修改权限模板"
            v-model:visible="visible"
            @cancel="cancel"
@@ -179,13 +179,7 @@ export default defineComponent({
 </script>
 
 <style lang="less">
-.add-business-info {
-}
-.add-traders {
-}
-.add-managers {
-}
-.add-powers {
+.modify-powers {
     .powerTable {
         width: 100%;
         height: 100%;
@@ -248,28 +242,5 @@ export default defineComponent({
         }
     }
 }
-.add-futures {
-}
-.add-futures-son {
-}
-.add-arbitrage {
-    .ant-checkbox-group.commonCheckboxGroup .ant-checkbox-wrapper {
-        width: 100px;
-        span + span {
-            margin-right: 0;
-        }
-    }
-    .ant-checkbox-group.autoWidth {
-        width: 520px;
-        .ant-checkbox-wrapper {
-            width: auto;
-        }
-    }
-    .checkboxGroupItem {
-        .ant-row {
-            margin-bottom: 10px;
-        }
-    }
-}
 </style
 >;

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

@@ -107,97 +107,7 @@ export default defineComponent({
 </script>
 
 <style lang="less">
-.add-business-info {
-}
 .add-traders {
 }
-.add-managers {
-}
-.add-powers {
-    .powerTable {
-        width: 100%;
-        height: 100%;
-        border: 3px solid @m-grey11;
-        background-color: @m-black12;
-        font-size: 14px;
-        color: @m-white0;
-        .flex;
-        flex-direction: column;
-        .ant-checkbox-group.commonCheckboxGroup .ant-checkbox-wrapper {
-            width: 90px;
-            span + span {
-                margin-right: 0;
-            }
-        }
-        .powerRow {
-            width: 100%;
-            display: inline-flex;
-            border-bottom: 3px solid @m-grey11;
-            div {
-                align-self: center;
-                align-items: center;
-            }
-            .powerLeft {
-                width: 84px;
-                padding: 0 8px;
-            }
-            .powerMiddle {
-                width: 130px;
-                .flex;
-                flex-direction: column;
-                div {
-                    width: 100%;
-                    height: 40px;
-                    line-height: 40px;
-                    padding: 0 8px;
-                    border: 3px solid @m-grey11;
-                    border-top: 0;
-                }
-                div:last-child {
-                    border-bottom: 0;
-                }
-            }
-            .powerRight {
-                flex: 1;
-                .flex;
-                flex-direction: column;
-                div {
-                    width: 100%;
-                    height: 40px;
-                    line-height: 40px;
-                    padding: 0 8px;
-                    justify-content: flex-start;
-                    border-bottom: 3px solid @m-grey11;
-                }
-                div:last-child {
-                    border-bottom: 0;
-                }
-            }
-        }
-    }
-}
-.add-futures {
-}
-.add-futures-son {
-}
-.add-arbitrage {
-    .ant-checkbox-group.commonCheckboxGroup .ant-checkbox-wrapper {
-        width: 100px;
-        span + span {
-            margin-right: 0;
-        }
-    }
-    .ant-checkbox-group.autoWidth {
-        width: 520px;
-        .ant-checkbox-wrapper {
-            width: auto;
-        }
-    }
-    .checkboxGroupItem {
-        .ant-row {
-            margin-bottom: 10px;
-        }
-    }
-}
 </style
 >;

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

@@ -157,97 +157,7 @@ export default defineComponent({
 </script>
 
 <style lang="less">
-.add-business-info {
-}
 .add-traders {
 }
-.add-managers {
-}
-.add-powers {
-    .powerTable {
-        width: 100%;
-        height: 100%;
-        border: 3px solid @m-grey11;
-        background-color: @m-black12;
-        font-size: 14px;
-        color: @m-white0;
-        .flex;
-        flex-direction: column;
-        .ant-checkbox-group.commonCheckboxGroup .ant-checkbox-wrapper {
-            width: 90px;
-            span + span {
-                margin-right: 0;
-            }
-        }
-        .powerRow {
-            width: 100%;
-            display: inline-flex;
-            border-bottom: 3px solid @m-grey11;
-            div {
-                align-self: center;
-                align-items: center;
-            }
-            .powerLeft {
-                width: 84px;
-                padding: 0 8px;
-            }
-            .powerMiddle {
-                width: 130px;
-                .flex;
-                flex-direction: column;
-                div {
-                    width: 100%;
-                    height: 40px;
-                    line-height: 40px;
-                    padding: 0 8px;
-                    border: 3px solid @m-grey11;
-                    border-top: 0;
-                }
-                div:last-child {
-                    border-bottom: 0;
-                }
-            }
-            .powerRight {
-                flex: 1;
-                .flex;
-                flex-direction: column;
-                div {
-                    width: 100%;
-                    height: 40px;
-                    line-height: 40px;
-                    padding: 0 8px;
-                    justify-content: flex-start;
-                    border-bottom: 3px solid @m-grey11;
-                }
-                div:last-child {
-                    border-bottom: 0;
-                }
-            }
-        }
-    }
-}
-.add-futures {
-}
-.add-futures-son {
-}
-.add-arbitrage {
-    .ant-checkbox-group.commonCheckboxGroup .ant-checkbox-wrapper {
-        width: 100px;
-        span + span {
-            margin-right: 0;
-        }
-    }
-    .ant-checkbox-group.autoWidth {
-        width: 520px;
-        .ant-checkbox-wrapper {
-            width: auto;
-        }
-    }
-    .checkboxGroupItem {
-        .ant-row {
-            margin-bottom: 10px;
-        }
-    }
-}
 </style
 >;