「已注销」 2021-08-11 08:59 采纳率: 71.1%
浏览 489
已结题

vue form表单验证出现选择输入了值,但是还是提示未选择时的问题


<el-form
        :rules="rules"
        :model="item"
        label-width="110px"
        size="small"
        ref="ruleForm"
      >
        <table
          border="1"
          width="80%"
          align="center"
          cellspacing="0"
          cellpadding="6"
          v-for="(item,index) in qualitySafetyItemVOList"
          :key='index'
        >
          <tbody>
            <tr
              align="left"
              height="70px"
            >
              <td colspan="2">
                <el-form-item
                  label="内容:"
                  prop="content"
                >
                  <!-- <span style="color:#d43030;">* </span>内容: -->
                  <el-input
                    class="search"
                    type="textarea"
                    v-model="item.content"
                    placeholder="请输入检查内容"
                    style="width:80%;"
                  />
                </el-form-item>
              </td>
            </tr>
          </tbody>
        </table>
      </el-form>


     dataForm: {
        projectId: "",
        qualityCheckType: 1,
        checkDate: "",
        checkId: "",
      },
      item: {
        content: "",
      },
      rules: {
        content: [
          { required: true, message: "请输入检查内容", trigger: "blur" },
        ],
      },



    //确定 提交
    submitbtn(draftFlag) {
      this.$refs.ruleForm.validate((valid) => {
        if (valid) {
          if (draftFlag == 2) {
            var checkF = this.checkInfo();
            if (checkF === "checkFalse") {
              return;
            }
          }
          let data = {};
          for (
            let index = 0;
            index < this.qualitySafetyItemVOList.length;
            index++
          ) {
            if (
              this.qualitySafetyItemVOList[index].content == "" &&
              draftFlag == 2
            )
              if (
                this.qualitySafetyItemVOList[index].checkResult === "" &&
                draftFlag == 2
              ) {
                this.$message.error("请选择检查结果");
                return;
              }
            data = Object.assign(this.dataForm, {
              ["qualitySafetyItemVOList[" + index + "].sort"]: index,
              ["qualitySafetyItemVOList[" + index + "].noticeId"]:
                this.qualitySafetyItemVOList[index].noticeId,
              ["qualitySafetyItemVOList[" + index + "].checkResult"]:
                this.qualitySafetyItemVOList[index].checkResult,
              ["qualitySafetyItemVOList[" + index + "].content"]: this
                .qualitySafetyItemVOList[index].content
                ? remarkData(this.qualitySafetyItemVOList[index].content, "add")
                : "",
              ["qualitySafetyItemVOList[" + index + "].attachmentIds"]: this
                .qualitySafetyItemVOList[index].fileList
                ? this.qualitySafetyItemVOList[index].fileList
                    .map((x) => {
                      return x.attachmentId;
                    })
                    .join(",")
                : "",
            });
          }
          data.draftFlag = draftFlag;
          data = qs.stringify(data);
          //  let data = qs.stringify(this.dataForm)
          this.btnDisabled = true;
          editQualityInfo(data)
            .then((res) => {
              this.btnDisabled = false;
              if (res.status === 200 && res.data.returncode == 0) {
                this.$message.success("质量安全修改成功");
                this.$router.push({ path: "/home/quality" });
              } else {
                this.$message.error(res.data.message);
              }
            })
            .catch(() => {
              this.btnDisabled = false;
              console.log("error", "入库单");
            });
        }
      });
    },
  • 写回答

1条回答 默认 最新

      报告相同问题?

      相关推荐 更多相似问题

      问题事件

      • 系统已结题 8月19日
      • 已采纳回答 8月11日
      • 创建了问题 8月11日

      悬赏问题

      • ¥15 vsc C++ 终端开头有大量空行
      • ¥20 【matlab】运输问题优化问题。
      • ¥15 nodejs express 和 axios 前后端对接,数据体类型
      • ¥15 fluent计算后处理中如何把质量分数和摩尔分数转化为体积分数
      • ¥20 asn1c编码问题,懂asn1的人很简单
      • ¥15 使用vs2019开发的动态链路库在win7环境下使用有问题
      • ¥30 quartus prime画电路图,要发源文件和电路图每个模块批注,源程序和仿真结果
      • ¥15 MFC滚动条如何正确使用
      • ¥15 缓冲区算法求面积,基于文献
      • ¥50 电路PCB原理图设计AD19