applyWithdrawal.vue 2.1 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788
  1. <template>
  2. <a-modal
  3. v-model="opened"
  4. :title="title"
  5. centered
  6. :maskClosable="false"
  7. :confirmLoading="confirmLoading"
  8. :width="560"
  9. :footer="null"
  10. @cancel="cancel"
  11. >
  12. <a-spin :spinning="spinning" tip="Loading...">
  13. <a-form-model
  14. id="applyWithdrawal-form"
  15. ref="ruleForm"
  16. :model="form"
  17. :rules="rules"
  18. :label-col="formItemLayout.labelCol"
  19. :wrapper-col="formItemLayout.wrapperCol"
  20. >
  21. <a-form-model-item label="申请提现金额" prop="consigneeName">
  22. <a-input
  23. id="applyWithdrawal"
  24. placeholder="请输入正数(最多两位小数)"
  25. allowClear />
  26. </a-form-model-item>
  27. <a-form-model-item label="实际扣除金额">
  28. <span>{{}}元 </span><span style="color: #999;">(申请提现金额-提现手续费)</span>
  29. </a-form-model-item>
  30. <a-form-model-item label="提现账户">
  31. <span>{{}}</span>
  32. </a-form-model-item>
  33. <a-form-model-item :wrapper-col="{ span: 12, offset: 6 }" style="text-align: center;">
  34. <a-button type="primary" :loading="confirmLoading" @click="handleSubmit" id="applyWithdrawal-btn-submit">确定</a-button>
  35. <a-button @click="cancel" style="margin-left: 15px" id="applyWithdrawal-btn-back">取消</a-button>
  36. </a-form-model-item>
  37. </a-form-model>
  38. </a-spin>
  39. </a-modal>
  40. </template>
  41. <script>
  42. export default {
  43. props: {
  44. isOpenModal: {
  45. type: Boolean,
  46. default: false
  47. },
  48. currentData: {
  49. type: Object,
  50. default: function () {
  51. return {}
  52. }
  53. }
  54. },
  55. data () {
  56. return {
  57. formItemLayout: {
  58. labelCol: { span: 6 },
  59. wrapperCol: { span: 15 }
  60. },
  61. opened: this.isOpenModal,
  62. title: '申请提现',
  63. confirmLoading: false,
  64. spinning: false,
  65. rules: []
  66. }
  67. },
  68. methods: {
  69. // 保存
  70. handleSubmit () {
  71. this.$emit('close')
  72. },
  73. // 取消
  74. cancel () {
  75. this.$emit('close')
  76. }
  77. },
  78. watch: {
  79. isOpenModal (nVal, oVal) {
  80. this.opened = nVal
  81. }
  82. }
  83. }
  84. </script>
  85. <style>
  86. </style>