修改 标准征求意见流程 意见反馈 回执说明为必填项

src/pages/processCenter/pages/creatProcess/bzzqyj/step3.vue

@@ -176,13 +176,18 @@
                         </el-table-column>
                     </el-table-column>
                 </el-table>
-              <ReceiptDescription
-                  title="回执说明"
-                  isItem
-                  v-model="commentText3"
-                  prop="commentText3"
-                  :rules="{myProp: [{ required: true, message: '回执说明不能为空', trigger: 'blur' }]}"
-              ></ReceiptDescription>
+              <el-form ref="commentForm" :model="commentForm" :rules="commentFormRules">
+                <div class="title" style="height: 48px;line-height: 48px"><span class="requiredTag">*</span>回执说明</div>
+                <el-form-item prop="commentText3" label-width="0">
+                  <el-input
+                      type="textarea"
+                      :autosize="{ minRows: 3 }"
+                      resize="none"
+                      placeholder="请输入意见"
+                      v-model="commentForm.commentText3">
+                  </el-input>
+                </el-form-item>
+              </el-form>
             </div>
             <!--<el-collapse accordion>-->
             <!--    <el-collapse-item title="回执说明">-->
@@ -357,6 +362,10 @@
         name: "bzzqyjStep3",
         data() {
             return {
+                commentForm: {},
+                commentFormRules:{
+                  commentText3:[{required: true, message: '回执说明不能为空',trigger: 'blur'}]
+                },
                 standId: '',
                 modaltitle2: '',
                 addType: '',
@@ -611,7 +620,7 @@
                 _formData.append("taskIds", this.taskIds);
                 _formData.append("json", JSON.stringify({
                     form: json,
-                    commentText3: this.commentText3
+                    commentText3: this.commentForm.commentText3
                 }));
                 saveTaskForPub(_formData).then(res => {
                     this.saveLoading = false;
@@ -641,12 +650,14 @@
                 })
             },
             handleSubmit() {
+                this.$refs.commentForm.validate(valid => {
+                  if (valid){
                     if (this.data.length < 1) {
                       this.isSubmit = true
                       this.saveLoading = true
                       var json = this.json
                       json.onlyKey = this.onlyKey
-                    json.commentText = this.commentText3
+                      json.commentText = this.commentForm.commentText3
                       json.info = []
                       json.form = this.form
                       json.department = this.$store.getters.userInfo.orgName
@@ -690,7 +701,7 @@
                         this.isSubmit = true
                         this.saveLoading = true
                         var json = this.json
-                        json.commentText = this.commentText3
+                        json.commentText = this.commentForm.commentText3
                         json.info = this.data
                         json.form = this.form
                         json.department = this.$store.getters.userInfo.orgName
@@ -709,6 +720,8 @@
                         })
                       }
                     }
+                  }
+                })
             },
             getItemList (standId, fileType) { // 查询分解单条款数据
                 this.$http.get('SarStandItems/sar-stand-items/querySarItemAndInterpretation', {
@@ -739,7 +752,7 @@
                             this.acceptShow = false
                             this.submitShow = true
                         }
-                        this.commentText3 = data.commentText3 || ''
+                        this.commentForm.commentText3 = data.commentText3 || ''
                         this.form.presidentUser = data.form ? data.form.presidentUser :data.presidentUser
                         this.form.presidentUserName = data.form ? data.form.presidentUserName : data.presidentUserName
                         this.form.fjList = data.form ? data.form.fjList : (data.fjList ? data.fjList : [] )
@@ -779,6 +792,12 @@
 <style lang="less" scoped>
     @import '~@/assets/styles/style';
 
+    .requiredTag{
+      color: #f56c6c;
+      margin-right: 4px;
+      font-size: 14px;
+    }
+
     .bzdyStep3 {
         /deep/.zTable_style {
             border-bottom: 1px solid #d1d1d1;