updateDealerLevel.vue 3.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123
  1. <template>
  2. <a-modal
  3. centered
  4. class="merchantInfoManagement-modal"
  5. :footer="null"
  6. :maskClosable="false"
  7. :title="title"
  8. v-model="isShow"
  9. @cancle="isShow=false"
  10. width="40%">
  11. <div>
  12. <a-form-model
  13. ref="ruleForm"
  14. :model="form"
  15. :rules="rules"
  16. :label-col="labelCol"
  17. :wrapper-col="wrapperCol"
  18. >
  19. <a-form-model-item label="商户名称">
  20. {{ form.dealerName }}
  21. </a-form-model-item>
  22. <a-form-model-item label="商户级别" prop="dealerLevel">
  23. <v-select code="DEALER_LEVEL" id="ucModal-dealerLevel" v-model="form.dealerLevel" allowClear placeholder="请选择商户级别"></v-select>
  24. </a-form-model-item>
  25. <div style="display: flex;justify-content: center;padding: 30px 0;">
  26. <a-button size="large" type="primary" @click="onSubmit">
  27. 确定
  28. </a-button>
  29. <a-button size="large" style="margin-left: 50px;" @click="cansel">
  30. 取消
  31. </a-button>
  32. </div>
  33. </a-form-model>
  34. </div>
  35. </a-modal>
  36. </template>
  37. <script>
  38. import { VSelect } from '@/components'
  39. import { updateDealerLevel } from '@/api/dealer'
  40. export default {
  41. name: 'UpdateDealerLevel',
  42. components: { VSelect },
  43. props: {
  44. openUdModal: { // 弹框显示状态
  45. type: Boolean,
  46. default: false
  47. }
  48. },
  49. data () {
  50. return {
  51. isShow: this.openUdModal, // 是否打开弹框
  52. title: '价格级别设置',
  53. labelCol: { span: 6 },
  54. wrapperCol: { span: 14 },
  55. other: '',
  56. form: {
  57. dealerName: '',
  58. dealerLevel: undefined
  59. },
  60. rules: {
  61. dealerLevel: [
  62. { required: true, message: '请选择商户级别', trigger: 'change' }
  63. ]
  64. }
  65. }
  66. },
  67. methods: {
  68. setData (row) {
  69. this.form.dealerSn = row.dealerSn
  70. this.form.dealerName = row.dealerName
  71. this.form.dealerLevel = row.dealerLevel
  72. },
  73. onSubmit () {
  74. const _this = this
  75. this.$refs.ruleForm.validate(valid => {
  76. if (valid) {
  77. this.$confirm({
  78. title: '提示',
  79. content: '商户价格级别变更后,该商户关联的经销商关系绑定将同步解除,确定变更该商户级别吗?',
  80. centered: true,
  81. onOk () {
  82. const params = JSON.parse(JSON.stringify(_this.form))
  83. updateDealerLevel(params).then(res => {
  84. if (res.status == 200) {
  85. _this.$message.success(res.message)
  86. _this.$emit('ok')
  87. }
  88. })
  89. }
  90. })
  91. } else {
  92. return false
  93. }
  94. })
  95. },
  96. cansel () {
  97. this.$emit('close')
  98. this.$refs.ruleForm.resetFields()
  99. }
  100. },
  101. watch: {
  102. // 父页面传过来的弹框状态
  103. openUdModal (newValue, oldValue) {
  104. this.isShow = newValue
  105. },
  106. // 重定义的弹框状态
  107. isShow (newValue, oldValue) {
  108. if (!newValue) {
  109. this.$emit('close')
  110. }
  111. }
  112. }
  113. }
  114. </script>
  115. <style lang="less">
  116. .merchantInfoManagement-modal{
  117. .ant-modal-body {
  118. padding: 40px 40px 24px;
  119. }
  120. }
  121. </style>