update

src/packages/pc/assets/themes/default/default.less

@@ -31,21 +31,66 @@
     --sidebar-menu-item-hover: #3a87f7;
     --sidebar-menu-item-active: #3a87f7;
 
-    .el-select {
-        --el-select-border-color-hover: #45535e;
-        --el-select-input-focus-border-color: var(--el-select-border-color-hover);
-    }
+    --el-color-primary: #26487c;
+    --el-color-primary-light-3: #29538c;
+    --el-color-primary-light-5: #70abd8;
+    --el-color-primary-light-7: #c6e2ff;
+    --el-color-primary-light-8: #d9ecff;
+    --el-color-primary-light-9: #ecf5ff;
+    --el-color-primary-dark-2: var(--el-color-primary);
 
     .el-form {
-        &--vertical {
-            .el-input {
-                --el-input-bg-color: #252d34;
-                --el-input-border-color: var(--el-input-bg-color);
-                --el-input-hover-border-color: #45535e;
+
+        &-item {
+            &__label {
+                color: #7a8a94;
+            }
+
+            &--col {
+                display: flex;
+                width: 100%;
+                gap: 10px;
+            }
+        }
+
+        &--vertical,
+        &--horizontal {
+            .el-form-item {
+                &:last-child {
+                    margin-bottom: 18px;
+                }
+            }
+
+            .el-input,
+            .el-select,
+            .el-textarea {
+                --el-input-bg-color: #15202b;
+                --el-input-border-color: #2b3f52;
+                --el-input-hover-border-color: #1890ff;
                 --el-input-focus-border-color: var(--el-input-hover-border-color);
+                --el-select-border-color-hover: var(--el-input-hover-border-color);
+                --el-select-input-focus-border-color: var(--el-input-hover-border-color);
                 --el-input-text-color: var(--color-default);
                 --el-text-color-placeholder: #4f5f6c;
             }
+
+            .el-select {
+                width: 100%;
+            }
+
+            .el-input-number {
+                width: 100%;
+
+                &__decrease,
+                &__increase {
+                    &:hover {
+                        color: #1890ff;
+                    }
+
+                    background-color: transparent;
+                    border: 0;
+                }
+            }
         }
 
         &--horizontal {
@@ -69,24 +114,6 @@
                 &--row {
                     width: 100%;
                 }
-
-                &--col {
-                    display: flex;
-                    width: 100%;
-                    gap: 10px;
-                }
-            }
-
-            .el-input {
-                --el-input-bg-color: #15202b;
-                --el-input-border-color: #2b3f52;
-                --el-input-hover-border-color: var(--el-color-primary);
-                --el-input-text-color: var(--color-default);
-                --el-text-color-placeholder: #4f5f6c;
-            }
-
-            .el-select {
-                width: 100%;
             }
         }
     }
@@ -215,8 +242,8 @@
 
                     &:first-child::before {
                         border-left-color: var(--item-background);
-                        border-top-left-radius: 3px;
-                        border-bottom-left-radius: 3px;
+                        border-top-left-radius: 4px;
+                        border-bottom-left-radius: 4px;
                     }
 
                     &::before {

src/packages/pc/components/modules/listing/index.vue

@@ -5,7 +5,8 @@
         </div>
         <div class="app-listing__form">
             <h4 class="block-title">订单挂牌</h4>
-            <el-form ref="formRef" size="small" label-width="50px" :model="formData" :rules="formRules">
+            <el-form ref="formRef" class="el-form--vertical" size="small" label-width="50px" :model="formData"
+                :rules="formRules">
                 <el-form-item prop="GoodsID" label="商品">
                     <el-select placeholder="请选择" v-model="goodsStore.goodsId">
                         <el-option :label="item.goodsname" :value="item.goodsid"
@@ -24,8 +25,10 @@
                         v-model="formData.OrderPrice" />
                 </el-form-item>
                 <el-form-item prop="OrderQty" label="数量">
-                    <el-input-number placeholder="请输入" :min="agreeunit" :step="qtyStep" v-model="orderQty" />
-                    <span>{{ getGoodsUnitName(quote?.goodunitid) }}</span>
+                    <div class="el-form-item--col">
+                        <el-input-number placeholder="请输入" :min="agreeunit" :step="qtyStep" v-model="orderQty" />
+                        <span>{{ getGoodsUnitName(quote?.goodunitid) }}</span>
+                    </div>
                     <el-radio-group v-model="qtyStep" @change="onRadioChange">
                         <el-radio-button v-for="(value, index) in qtyStepList" :key="index" :label="value" />
                     </el-radio-group>

src/packages/pc/views/market/trade/spot/order/delisting/index.vue

@@ -15,8 +15,10 @@
                 <span>{{ holdLB?.enableqty ?? 0 }}</span>
             </el-form-item>
             <el-form-item prop="OrderQty" label="摘牌数量">
-                <el-input-number placeholder="请输入" :min="0" :precision="0" v-model="formData.OrderQty" />
-                <span>{{ quoteDetail.enumdicname }}</span>
+                <div class="el-form-item--col">
+                    <el-input-number placeholder="请输入" :min="0" :precision="0" v-model="formData.OrderQty" />
+                    <span>{{ quoteDetail.enumdicname }}</span>
+                </div>
             </el-form-item>
             <el-form-item label="货款金额">
                 <span>{{ amount }}</span>