form表单校验

最新推荐文章于 2025-08-01 20:34:38 发布

原创最新推荐文章于 2025-08-01 20:34:38 发布 · 296 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#js

xt 专栏收录该内容

43 篇文章

订阅专栏

这段代码展示了在前端如何处理表单提交和审批逻辑。根据`btnType`判断是提交审批还是保存草稿，设置不同的操作类型。数据处理包括对表单数据的序列化、用户处理和操作类型设置。最后调用API进行新增或更新操作，并显示成功提示。

//提交
    submit(form, valid) { //valid = false
      if(valid) {
      if (form.enclosure && form.enclosure.length) {
        form.enclosure = JSON.stringify(form.enclosure)
      }
      let users = this.$refs.xtFormNext.getForm()
      let data = {
        ...form,
        paragraph_id: this.currentProject.id
      }
      if (users && users.process_users && users.process_users.length) {
        data.process_users = users.process_users.join(',')
      }
      if (this.title == '编辑') {
        data.dispatch_id = this.formDetail.dispatch_id
      }
      if (this.btnType == '提交审批') {
        // 提交审批逻辑
        data.operation_type = 2
      } else {
        // 保存草稿逻辑
        data.operation_type = 1
      }
      //////////////////////////////////////////////////
      let url = this.title == '新增' ? 'approval_dispatch_increase' :　'approval_dispatch_update'
      await this.$api[url](data)
      this.$success(`${this.btnType == '提交审批' ? '提交审批成功' : '保存草稿成功'}`)
      this.$refs.incomingRef.handleClose()
      //////////////////////////////////////////////////
      this.getData()
      }
    },