支付充值

Author: myxingke

src/libs/http.js

@@ -53,7 +53,12 @@ Http.install = function (Vue) {
  * @param data 请求数据
  * @returns {Promise}
  */
- Vue.prototype.apiPost = function(url, data) {
+ Vue.prototype.apiPost = function(url, data, toast = false) {
+ if(toast && typeof (toast) == 'boolean') {
+ Vue.prototype.$loading("加载中...")
+ } else if(toast && typeof (toast) == 'string') {
+ Vue.prototype.$loading(toast)
+ }
  return new Promise((resolve, reject) => {
  AxiosInst.post(url, data).then((response) => {
  Vue.prototype.response(response.data)
@@ -73,7 +78,12 @@ Http.install = function (Vue) {
  * @param data 请求数据
  * @returns {Promise}
  */
- Vue.prototype.apiGet = function(url, data) {
+ Vue.prototype.apiGet = function(url, data, toast = false) {
+ if(toast && typeof (toast) == 'boolean') {
+ Vue.prototype.$loading("加载中...")
+ } else if(toast && typeof (toast) == 'string') {
+ Vue.prototype.$loading(toast)
+ }
  return new Promise((resolve, reject) => {
  AxiosInst.get(url, {
  params: data

src/module/manage/pages/system/bank_account.vue

@@ -12,43 +12,44 @@
  </Checkbox-group>
  </Form-item>
  <Row>
- <Col span="7">
- <Form-item
- v-for="(item, index) in formDynamic.bank"
- :key="item"
- :label="'开户行' + (index + 1)"
- :prop="'bank.' + index + '.value'"
- :rules="{required: true, message: '开户行' + (index + 1) +'不能为空', trigger: 'blur'}">
- <Input type="text" v-model="item.value" placeholder="请输入..."></Input>
- </Form-item>
- </Col>
- <Col span="7">
- <Form-item
- v-for="(item, index) in formDynamic.payee"
- :key="item"
- :label="'开户名' + (index + 1)"
- :prop="'payee.' + index + '.value'"
- :rules="{required: true, message: '开户名' + (index + 1) +'不能为空', trigger: 'blur'}">
- <Input type="text" v-model="item.value" placeholder="请输入..."></Input>
- </Form-item>
- </Col>
- <Col span="10">
- <Form-item
- v-for="(item, index) in formDynamic.account"
- :key="item"
- :label="'收款帐号' + (index + 1)"
- :prop="'account.' + index + '.value'"
- :rules="{required: true, message: '收款帐号' + (index + 1) +'不能为空', trigger: 'blur'}">
- <Row>
- <Col span="19">
+ <Col span="7" v-show="formDynamic.account.length > 0">
+ <Form-item
+ v-for="(item, index) in formDynamic.bank"
+ :key="item"
+ :label="'开户行' + (index + 1)"
+ :prop="'bank.' + index + '.value'"
+ :rules="{required: true, message: '开户行' + (index + 1) +'不能为空', trigger: 'blur'}">
+ <Input type="text" v-model="item.value" placeholder="请输入..."></Input>
+ </Form-item>
+ </Col>
+ <Col span="7">
+ <Form-item
+ v-for="(item, index) in formDynamic.payee"
+ :key="item"
+ :label="'开户名' + (index + 1)"
+ :prop="'payee.' + index + '.value'"
+ :rules="{required: true, message: '开户名' + (index + 1) +'不能为空', trigger: 'blur'}">
  <Input type="text" v-model="item.value" placeholder="请输入..."></Input>
- </Col>
- <Col span="4" offset="1">
- <Button type="ghost" @click="handleRemove(index)">删除</Button>
- </Col>
- </Row>
- </Form-item>
+ </Form-item>
+ </Col>
+ <Col span="10">
+ <Form-item
+ v-for="(item, index) in formDynamic.account"
+ :key="item"
+ :label="'收款帐号' + (index + 1)"
+ :prop="'account.' + index + '.value'"
+ :rules="{required: true, message: '收款帐号' + (index + 1) +'不能为空', trigger: 'blur'}">
+ <Row>
+ <Col span="19">
+ <Input type="text" v-model="item.value" placeholder="请输入..."></Input>
+ </Col>
+ <Col span="4" offset="1">
+ <Button type="ghost" @click="handleRemove(index)">删除</Button>
+ </Col>
+ </Row>
+ </Form-item>
  </Col>
+ <Col span="24" v-show="formDynamic.account.length == 0" style="text-align: center; font-size: 20px; color: #00a0e9">至少选择一个银行帐户信息</Col>
  </Row>
  <br>
  <Form-item>
@@ -73,11 +74,12 @@
 
 </template>
 <script>
+
  export default {
  data () {
  const validateAmounts = (rule, value, callback) => {
  if (value) {
- let reg = /^((\d+)(?!,\2(,|$)))(,(\d+)(?!,\5(,|$)))*$/ ;
+ let reg = /^((\d+)(?!,\2(,|$)))(,(\d+)(?!,\5(,|$)))*$/;
  if (!reg.test(value)) {
  callback(new Error('充值金额规则不正确'))
  }
@@ -86,25 +88,12 @@
  }
  return {
  formDynamic: {
- account: [
- {
- value: ''
- }
- ],
- bank: [
- {
- value: ''
- }
- ],
- payee: [
- {
- value: ''
- }
- ],
+ account: [],
+ bank: [],
+ payee: [],
  amounts: '',
  pay_type: [],
  desc: ''
-
  },
  //验证规则
  ruleValidate: {
@@ -113,8 +102,8 @@
  {validator: validateAmounts, trigger: 'blur'}
  ],
  pay_type: [
- { required: true, type: 'array', min: 1, message: '至少选择一种充值方式', trigger: 'change' },
- { type: 'array', max: 2, message: '最多选择两个充值方式', trigger: 'change' }
+ {required: true, type: 'array', min: 1, message: '至少选择一种充值方式', trigger: 'change'},
+ {type: 'array', max: 2, message: '最多选择两个充值方式', trigger: 'change'}
  ],
  }
  }
@@ -124,7 +113,7 @@
  this.$refs[name].validate((valid) => {
  if (valid) {
  this.request("AdminSystemBank", this.formDynamic, '保存中...').then((res) => {
- if(res.status) {
+ if (res.status) {
  this.$Message.success(res.msg)
  } else {
  this.$Message.error(res.msg)
@@ -152,17 +141,25 @@
  },
  //拉取数据
  getData () {
- this.request("AdminSystemBank", {id: this.$store.state.Merchant.merchant.id}, true).then((res) => {
- if (res.status) {
- res.data
+ this.apiGet('/admin/system/bank_account', {}, '获取中...').then((res) => {
+ //.length > 0
+ if (res.status && res.data) {
+ this.formDynamic.amounts = res.data.amounts;
+ this.formDynamic.desc = res.data.desc;
+ this.formDynamic.pay_type = res.data.pay_type;
+ for (let item of res.data.banks) {
+ this.formDynamic.account.push({'value': item.account});
+ this.formDynamic.bank.push({'value': item.bank});
+ this.formDynamic.payee.push({'value': item.payee});
+ }
  } else {
- this.$Message.error('商户信息获取失败!');
- this.$router.go(-1)
+ this.$Message.success(res.msg);
  }
- }).catch((err) => {
- this.$Message.error(err);
- })
+ });
  },
+ },
+ mounted() {
+ this.getData();
  }
  }
 </script>