不点击保存按钮不能点击提交

<!-- 保存 重置按钮 start-->
    <div class="ReportSubmit">
      <el-form>
        <el-form-item>
          <el-button type="primary" @click="submitForm('ruleForm')" :disabled="num==0">提交</el-button>
          <el-button type="primary" :plain="true" @click="resetForm">暂存</el-button>
          <!-- <el-button @click="resetForm('ruleForm')">暂存</el-button> -->
        </el-form-item>
      </el-form>
    </div>
    <!-- 保存 重置按钮 end-->

JS部分

import {
  ReportSubmit,//提交接口
  ReportStaging, // 暂存接口
} from "@/api/pc/security/report";
export default {
data() {
    return {
      num:0
},
 methods:{
// 提交和暂存
    submitForm(formName) {
      this.$refs[formName].validate(valid => {
        if (this.num!=0) {
          // alert("submit!");
          // 提交按钮
//ReportSubmit是后端接口方法名
          ReportSubmit(this.ruleForm).then(response => {
            this.$modal.msgSuccess("提交成功");
            this.open = false;
          });
        }
      });
    },
    //暂存按钮
    resetForm(formName) {
//ReportStaging是后端接口方法名
        ReportStaging(formName)
          .then((res) => {
            console.log(res)
            this.num=1
          })
          .catch((err) => {
            console.log(err)
          })
    },
}

}
}

@/api/pc/security/report    API接口文件里面的内容

// 提交接口
export function ReportSubmit(data) {
  return request({
    url: 'system/new/auditing',//后端给的接口
    method: 'put',
    data: data
  })
}
// 暂存接口
export function ReportStaging(securityName) {
  return request({
    url: 'system/new',//后端给的接口
    method: 'post',
    data: securityName
  })
}