|
|
|
|
@ -1,5 +1,5 @@ |
|
|
|
|
<template> |
|
|
|
|
<basic-container> |
|
|
|
|
<basic-container class="wf-design"> |
|
|
|
|
<el-steps :active="step" |
|
|
|
|
finish-status="success" |
|
|
|
|
simple |
|
|
|
|
@ -33,8 +33,8 @@ |
|
|
|
|
</template> |
|
|
|
|
<template #form> |
|
|
|
|
<avue-form ref="form2" |
|
|
|
|
v-model="step1.form" |
|
|
|
|
:option="step1.option1"></avue-form> |
|
|
|
|
v-model="form" |
|
|
|
|
:option="option"></avue-form> |
|
|
|
|
</template> |
|
|
|
|
</avue-form> |
|
|
|
|
</div> |
|
|
|
|
@ -133,6 +133,8 @@ export default { |
|
|
|
|
data() { |
|
|
|
|
const _this = this |
|
|
|
|
return { |
|
|
|
|
form: {}, |
|
|
|
|
option: {}, |
|
|
|
|
step: 0, |
|
|
|
|
step1: { |
|
|
|
|
form: {}, |
|
|
|
|
@ -194,10 +196,10 @@ export default { |
|
|
|
|
}, |
|
|
|
|
event: { |
|
|
|
|
change: (val) => { |
|
|
|
|
this.step1.option1 = {} |
|
|
|
|
this.option = {} |
|
|
|
|
if (val) { |
|
|
|
|
getFormByKey({ formKey: val }).then(res => { |
|
|
|
|
_this.step1.option1 = { ...eval('(' + res.data.data.content + ')'), menuBtn: false, readonly: true } |
|
|
|
|
_this.option = { ...eval('(' + res.data.data.content.replace(/this/g, '_this') + ')'), menuBtn: false, readonly: true } |
|
|
|
|
_this.step1.option.group[1].display = true |
|
|
|
|
setTimeout(() => { |
|
|
|
|
_this.$refs.form2.clearValidate() |
|
|
|
|
@ -261,7 +263,6 @@ export default { |
|
|
|
|
}] |
|
|
|
|
}] |
|
|
|
|
}, |
|
|
|
|
option1: {} |
|
|
|
|
}, |
|
|
|
|
step2: { |
|
|
|
|
option: { |
|
|
|
|
@ -298,7 +299,7 @@ export default { |
|
|
|
|
const { formType, formKey, exFormKey, column } = this.step1.form |
|
|
|
|
if (formType == 1) { // 内置表单 |
|
|
|
|
this.process.formKey = formKey |
|
|
|
|
this.$set(this.step2.option, 'form', this.step1.option1) |
|
|
|
|
this.$set(this.step2.option, 'form', this.option) |
|
|
|
|
} else { // 外置表单 |
|
|
|
|
this.process.formKey = "wf_ex_" + exFormKey |
|
|
|
|
this.$set(this.step2.option, 'exForm', { |
|
|
|
|
@ -371,7 +372,7 @@ export default { |
|
|
|
|
return { |
|
|
|
|
label: l.name, |
|
|
|
|
prop: l.buttonKey, |
|
|
|
|
display: true |
|
|
|
|
display: l.display |
|
|
|
|
} |
|
|
|
|
}) |
|
|
|
|
this.$set(this.step2.option, 'button', list) |
|
|
|
|
@ -427,7 +428,13 @@ export default { |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
</script> |
|
|
|
|
|
|
|
|
|
<style lang="scss"> |
|
|
|
|
.wf-design { |
|
|
|
|
.avue-group__title { |
|
|
|
|
margin-top: 8px; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
</style> |
|
|
|
|
<style scoped lang="scss"> |
|
|
|
|
.foot-item { |
|
|
|
|
position: fixed; |
|
|
|
|
|