| | |
| | | </div> |
| | | <el-form label-width="150px"> |
| | | <el-form-item :label="mode === 'open' ? '开户金额' : '充值金额'"> |
| | | <el-input-number v-model="form.money" :min="0" :precision="4" style="width: 200px"/> |
| | | <el-input-number |
| | | v-model="form.money" |
| | | class="money-input-number" |
| | | :min="0" |
| | | :precision="4" |
| | | :step="10" |
| | | controls-position="right" |
| | | placeholder="请输入金额" |
| | | /> |
| | | </el-form-item> |
| | | <el-form-item :label="mode === 'open' ? '开户备注' : '充值备注'"> |
| | | <el-input v-model="form.remark" :placeholder="mode === 'open' ? '开户备注,最多50个字符' : '充值备注,最多300个字符'" :maxlength="mode === 'open' ? 50 : 300" style="width: 400px"/> |
| | |
| | | width: auto; |
| | | white-space: nowrap; |
| | | } |
| | | .money-input-number { |
| | | width: 220px !important; |
| | | } |
| | | .money-input-number ::v-deep .el-input { |
| | | width: 100% !important; |
| | | } |
| | | .money-input-number ::v-deep .el-input__inner { |
| | | height: 32px; |
| | | line-height: 32px; |
| | | text-align: left; |
| | | padding-left: 12px; |
| | | padding-right: 42px; |
| | | } |
| | | .money-input-number ::v-deep .el-input-number__increase, |
| | | .money-input-number ::v-deep .el-input-number__decrease { |
| | | width: 28px; |
| | | background: #f5f7fa; |
| | | border-left: 1px solid #dcdfe6; |
| | | } |
| | | .money-input-number ::v-deep .el-input-number__increase { |
| | | border-bottom: 1px solid #dcdfe6; |
| | | line-height: 15px; |
| | | } |
| | | .money-input-number ::v-deep .el-input-number__decrease { |
| | | line-height: 15px; |
| | | } |
| | | </style> |