解决elementui的el-dialog 对话框 屏幕放大缩小不变形问题

使用elementui的弹出框时，屏幕缩小会出现下图问题
（ps:该例子使用vue+elementui）

解决方法：监听屏幕变化：

1. el-dialog 标签的width绑定变量dialogWidth，（在data中定义该变量，赋一个默认值，如：‘450px’）

<el-dialog title="新增临时单" :visible.sync="dialogVisible" :width="dialogWidth" :close-on-click-modal="false">

2. 在mounted监听window.onresize事件

window.onresize = () => {
			    return (() => {
			      this.setDialogWidth()
			    })()
			  }

3. setDialogWidth方法的定义

setDialogWidth() {
			    var val = document.body.clientWidth
			    const def = 450 // 默认宽度
			    if (val < def) {
			      this.dialogWidth = '100%'
			    } else {
			      this.dialogWidth = def + 'px'
			    }
			  },