这里的业务是通过关联的 id 发送不同的请求获取表单的数据,然后回显到页面中,整个的页面是由多个表单拼接起来的
点击下一步的时候,获取下一个表单的内容。
// 查询
getForm(index) {
switch (index) {
case 0:
this.getFromInfo("inputForm",this.inputForm)
break;
case 1:
this.getFromInfo("projectApproval", this.projectApproval)
break;
case 2:
this.getFromInfo("preliminaryDesign", this.preliminaryDesign)
break;
case 3:
this.getFromInfo("landApproval", this.landApproval)
break;
case 4:
this.getFromInfo("landPlanning", this.landPlanning)
break;
case 5:
this.getFromInfo("invitationBids", this.invitationBids)
break;
case 6:
this.getFromInfo("fireDesignReview", this.fireDesignReview)
break;
case 7:
this.getFromInfo("expertArgumentation", this.expertArgumentation)
break;
case 8:
this.getFromInfo("constructionPermit", this.constructionPermit)
break;
case 9:
this.getFromInfo("qualitySupervisionRegistration", this.qualitySupervisionRegistration)
break;
case 10:
this.getFromInfo("safeSupervisionRegistration", this.safeSupervisionRegistration)
break;
case 11:
this.getFromInfo("buildRecordSubmission", this.buildRecordSubmission)
break;
}
},
getFromInfo(formType, formData) {
this.get('${ctx}/buildproject/' + formType + '/info', {id: this.inputForm.id}).then((res) => {
formData = res.data;
this[formType] = formData;
})
},
getFromInfo接受两个参数(表单的名称,表单数据结构),然后发送相应的请求获取到数据,返回给到表单中,这里最重要的一步就是 this[formType] = formData; this[] 可以指向相应的对象。比如 fromType为 inputForm 时,this[inputForm] 等同于 this.inputForm