Browse Source

fix: 修改税率输入框样式,添加百分号后缀并调整宽度

xieyong 3 days ago
parent
commit
b4ca4ff830

+ 12 - 1
src/views/saleManage/saleOrder/accountstatement/components/accountDetailTable.vue

@@ -109,8 +109,11 @@
               v-model="scope.row.taxRate"
               type="number"
               :disabled="isView"
+              class="tax-rate-input"
               @input="handleTaxChange(scope.row, scope.$index)"
-            />
+            >
+              <template slot="append">%</template>
+            </el-input>
           </el-form-item>
         </template>
 
@@ -863,5 +866,13 @@
       line-height: 1.4;
       margin-top: 2px;
     }
+    // 税率输入框:单字符 % 单位,append 默认宽度太宽
+    .tax-rate-input {
+      ::v-deep .el-input-group__append {
+        padding: 0 8px;
+        min-width: 32px;
+        text-align: center;
+      }
+    }
   }
 </style>