https://www.zomachinery.com/assets/js/unit/detail-customized.js

1class ScriptDetailCustomized extends Script{
2  constructor(params) {
3    super(params)
4    this.$dom = document.querySelector(`#${this.attrId}`)
5    this.$btn = this.$dom.querySelector('.unit-detail-customized__btn')
6    this.$modal = this.$dom.querySelector('.unit-detail-customized__modal')
7    this.$close = this.$dom.querySelector('.unit-detail-customized__close')
8    this.$form = document.querySelector(`#inquiry-${this.attrId}`)
9    this.Modal = null
10  }
11  async init() {
12    // 事件初始化
13    this._initNodeEvent()
14  }
15  /**事件初始化 */
16  _initNodeEvent() {
17    // 显示弹窗
18    this.$btn.addEventListener('click', () => {
19      this.showModal()
20    })
21  }
22  /** 显示弹窗 */
23  showModal() {
24    this.Modal = new Modal()
25    this.Modal.init({
26      body: this.$modal,
27      title: window.app.utilts.$t('Design customization'),
28      size: 'lg',
29      className: 'customized-modal',
30      onSubmit: () => {  this.$form.querySelector('[type="submit"]').click() },
31      onCancel: () => { this.Modal.destroy() }
32    }).open()
33  }
34}