https://www.bienstone.com/assets/js/unit/detail-payment.js

1class ScriptDetailPayment extends Script {
2  constructor(params) {
3    super(params)
4    this.$dom = document.querySelector(`#${this.attrId}`)
5    this.$box = this.$dom.querySelector('.unit-detail-payment__item')
6    this.paymentService = PaymentService.ins()
7  }
8  async init() {
9    // 初始化支付列表
10    this.getPaymentDetail()
11  }
12  /** 初始化支付列表 */
13  getPaymentDetail() {
14    /*** 1-微信；11-PayPal,12-西联支付*/
15    PaymentService.ins().getPaymentList().then(res => {
16      this.$box.innerHTML = ''
17      res.data.forEach(item => {
18        let $li = document.createElement("div")
19        let $img = document.createElement("img")
20        if (item.type === 11) item.img = '/assets/images/Paypal.svg'
21        else if (item.type === 12) item.img = '/assets/images/westernunion.svg'
22        else if ([13, 14, 15, 17, 18, 19].includes(item.type)) item.img = '/assets/images/creditCard.png'
23        if (item.status) {
24          $li.setAttribute('class', 'unit-detail-payment__image')
25          $img.setAttribute('src', item.img)
26          $li.appendChild($img)
27          this.$box.appendChild($li)
28        }
29      })
30      if (this.$box.childNodes.length > 0) this.$dom.querySelector('.unit-detail-payment').classList.remove('d-none')
31    })
32  }
33}
34
35/**支付服务 */
36class PaymentService {
37  constructor() {
38    this.paymentType = [11, 12] // 1-微信；11-PayPal；12-西联支付
39  }
40
41  /** 单例模式 */
42  static ins() {
43    if (!this.instance) {
44      return this.instance = new PaymentService()
45    }
46    return this.instance
47  }
48
49  /**获取支付列表&详情信息 */
50  getPaymentList() {
51    return new Promise((resolve, reject) => {
52      Utilts.ins().request({
53        url: '/payment-config/get-list-by-site',
54        prefix: 'qqt',
55        method: 'GET',
56        params: {
57          site_id: window.app.info.site.site_id,
58          scene: 2
59        }
60      }).then(res => {
61        if (res.code === 0) resolve(res)
62        else reject(res)
63      }).catch(err => reject(err))
64    })
65  }
66}