diff --git a/src/views/form-management/step-form/step-form.vue b/src/views/form-management/step-form/step-form.vue index 978020c..d8a1d36 100644 --- a/src/views/form-management/step-form/step-form.vue +++ b/src/views/form-management/step-form/step-form.vue @@ -12,26 +12,52 @@ - - - - - - gitee - github - - - - - - - - - +
+ + + + + + gitee + github + + + + + + + + + +
+
+ + + + + + + + + gitee + github + + + + + + + + +
+ - 下一步 + + 上一步 + 下一步 +
@@ -45,7 +71,12 @@ const form = ref({ name: "", type: null, date: "", - address: "" + address: "", + source: "", + medium: "", + keyword: "", + tip: false, + content: "" }); const rules = ref({ name: [ @@ -71,6 +102,36 @@ const rules = ref({ required: true, message: "请输入推广地址" } + ], + source: [ + { + required: true, + message: "请输入广告来源" + } + ], + medium: [ + { + required: true, + message: "请输入广告媒介" + } + ], + keyword: [ + { + required: true, + message: "请选择关键词" + } + ], + tip: [ + { + required: true, + message: "请选择推送提醒" + } + ], + content: [ + { + required: true, + message: "请输入广告内容" + } ] }); const formRef = ref(); @@ -81,6 +142,13 @@ interface ISubmit { const handleSubmit = ({ values, errors }: ISubmit) => { console.log("values:", values, "\nerrors:", errors); if (errors) return; + if (currentStep.value == 3) return; + currentStep.value += 1; +}; + +const onLastStep = () => { + if (currentStep.value == 1) return; + currentStep.value -= 1; };