表单验证、项目信息显示bug

xiangpei

2025-02-25 1fd7679f4345963c41dea9ad1c4d4c3e572b6148

 src/views/projectEngineering/projectLibrary/projectDetails.vue

@@ -127,6 +127,32 @@
        // },
      ],
      childRef: null,
      rules: [
        {name: 'projectName', message: '请输入项目名称'},
        {name: 'content', message: '请输入建设内容'},
        {name: 'fundTypeList', message: '请选择资金类型'},
        {name: 'investType', message: '请选择项目投资类别'},
        {name: 'constructionNature', message: '请选择建设性质'},
        {name: 'attractInvestment', message: '请选择是否招商引资项目'},
        {name: 'projectType', message: '请选择项目推进类型'},
        {name: 'projectStatus', message: '请选择项目状态'},
        {name: 'projectPhase', message: '请选择项目阶段'},
        {name: 'projectContactPerson', message: '请输入项目联系人'},
        {name: 'contact', message: '请输入项目联系方式'},
        {name: 'projectOwnerUnit', message: '请选择项目业主单位'},
        {name: 'competentDepartment', message: '请选择主管部门'},
        {name: 'competentDepartmentPerson', message: '请选择主管部门联系人'},
        {name: 'competentDepartmentPhone', message: '请输入主管部门联系方式'},
        {name: 'area', message: '请选择行政区划'},
        {name: 'managementCentralizationList', message: '请选择管理归口'},
        {name: 'projectApprovalType', message: '请选择项目审批类型'},
        {name: 'importanceTypeList', message: '请选择重点分类'},
        {name: 'planStartTime', message: '请选择计划开工时间'},
        {name: 'planCompleteTime', message: '请选择计划竣工时间'},
        {name: 'industryCompetentDepartment', message: '请选择行业主管部门'},
        {name: 'industryCompetentDepartmentPerson', message: '请输入行业主管部门联系人'},
        {name: 'departmentPersonPhone', message: '请输入行业主管部门联系方式'},
    ]
    };
  },
  methods: {
@@ -187,13 +213,34 @@
    },
    saveProject(num) {
      this.projectForm.projectInfoForm.usedStatus = num;
      editProject(this.projectForm).then((res) => {
        this.$message.success("保存成功");
        this.$store.dispatch("tagsView/delView", this.$route);
        this.$router.push('/projectEngineering/project/projectLibrary')
      })

    }
      const msg = this.formValidate()
      if (msg && num != 0) {  // 草稿不校验
        this.$message.error(msg)
      } else {
        editProject(this.projectForm).then((res) => {
          this.$message.success("保存成功");
          this.$store.dispatch("tagsView/delView", this.$route);
          this.$router.push('/projectEngineering/project/projectLibrary')
        })
      }
    },
    /**
     * 临时使用这种方式校验
     */
    formValidate() {
      let msg = "";
      for (let i = 0; i < this.rules.length; i++) {
        console.log(this.projectForm)
        console.log(this.rules[i].name)
        console.log(this.projectForm.projectInfoForm[this.rules[i].name])
        if (! this.projectForm.projectInfoForm[this.rules[i].name]) {
          msg = this.rules[i].message
          break
        }
      }
      return msg;
    },
  },
  mounted() {
    if (this.$route.query.disabled) {