仓单贸易一口价摘牌界面修改

src/assets/styles/mixin.less

@@ -870,6 +870,9 @@
 .fr {
     float: right;
 }
+.ml8 {
+    margin-left: 8px;
+}
 .ml10 {
     margin-left: 10px;
 }
@@ -909,6 +912,9 @@
 .grey {
     color: @m-grey2;
 }
+.grey1 {
+    color: @m-grey1;
+}
 .white {
     color: @m-white0;
 }

src/views/market/spot_trade/components/buy-sell-market/components/delisting/index.vue

@@ -31,7 +31,7 @@
           <a-row :gutter="24">
             <a-col :span="24">
               <a-form-item label="挂牌方">
-                <span class="white">{{selectedRow.username}}</span>
+                <span class="white ml8">{{selectedRow.username}}</span>
               </a-form-item>
             </a-col>
           </a-row>
@@ -39,17 +39,17 @@
             <a-col :span="24">
               <a-form-item label="基差"
                            v-if="isFloat()">
-                <span class="yellow">{{selectedRow.pricemove}}</span>
+                <span class="yellow ml8">{{selectedRow.pricemove}}</span>
               </a-form-item>
               <a-form-item label="挂牌价格"
                            v-if="!isFloat()">
-                <span class="yellow">{{selectedRow.fixedprice}}</span>
+                <span class="yellow ml8">{{selectedRow.fixedprice}}</span>
               </a-form-item>
               <a-row :gutter="24">
                 <a-col :span="24"></a-col>
               </a-row>
               <a-form-item label="挂牌数量">
-                <span class="white">{{selectedRow.orderqty}}{{selectedRow.enumdicname}}</span>
+                <span class="white ml8">{{selectedRow.orderqty}}{{selectedRow.enumdicname}}</span>
               </a-form-item>
             </a-col>
           </a-row>
@@ -104,7 +104,7 @@
             <a-col :span="24"
                    class="mt-20">
               <a-form-item label="摘牌金额">
-                <span class="white">{{uiParam.amount}}</span>
+                <span class="white ml8">{{uiParam.amount}}</span>
               </a-form-item>
             </a-col>
           </a-row>
@@ -112,8 +112,17 @@
             <a-col :span="24"
                    class="mt-20">
               <a-form-item label="履约保证金">
-                <span class="white">{{uiParam.marginPrice}}</span>
-                <span class="white">可用资金{{getCanUseMoney(getSelectedAccount())}}</span>
+                <a-row>
+                  <a-col :span="8">
+                    <span class="white ml8">{{uiParam.marginPrice}}</span>
+                  </a-col>
+                  <a-col :span="4" class="tr">
+                    <span class="grey1">可用资金</span>
+                  </a-col>
+                  <a-col :span="12">
+                    <span class="white ml8"> {{getCanUseMoney(getSelectedAccount())}}</span>
+                  </a-col>
+                </a-row>
               </a-form-item>
             </a-col>
           </a-row>