修改已知问题

jero-web/src/views/processCenter/components/feedbackInformation.vue

@@ -7,16 +7,16 @@
     </div>
     <div class="content-text">
       <a-form-model :model="formInline" class="formAdd" :rules="rules" ref="ruleForm">
-        <div v-for="(item,index) in dataList" :key="index">
+        <div v-for="(item,index) in formInline.dataList" :key="index">
           <div class="feedbackPoint">
             {{$t('feedbackPoint')+(index+1)}}
             <a-icon class="icon-size"
                     @click="addData"
-                    v-if="(dataList.length-1) == index"
+                    v-if="(formInline.dataList.length-1) == index"
                     type="plus-circle"/>
             <a-icon class="icon-size"
                     @click="deleteData"
-                    v-if="dataList.length > 1 && (dataList.length - 1) == index"
+                    v-if="formInline.dataList.length > 1 && (formInline.dataList.length - 1) == index"
                     type="minus-circle"/>
           </div>
           <a-row :gutter="24">
@@ -26,7 +26,11 @@
                   <span class="Required">*</span>
                   <span class="title-text-text" :title="$t('relevantSections')">{{$t('relevantSections')}}</span>
                 </div>
-                <a-form-model-item class="itemModel" prop="relatedSection">
+                <a-form-model-item class="itemModel"
+                                   :prop="'dataList.'+index+'.relatedSection'"
+                                   :rules="[{ required: true, message: $t('relevantSections') + $t('cannotEmpty'), trigger: 'blur'},
+                                   {max: 300,message: $t('relevantSections') + $t('cannotExceed') + 300 + $t('Characters'),trigger: 'blur'
+                                    }]">
                   <a-input class="box-input"
                            :disabled="disabled"
                            v-model="item.relatedSection"
@@ -41,7 +45,10 @@
                   <span class="title-text-text"
                         :title="$t('questionsSuggestions')">{{$t('questionsSuggestions')}}</span>
                 </div>
-                <a-form-model-item class="itemModel" prop="issueOrSuggest">
+                <a-form-model-item class="itemModel" :prop="'dataList.'+index+'.issueOrSuggest'"
+                                   :rules="[{ required: true, message: $t('questionsSuggestions') + $t('cannotEmpty'), trigger: 'blur'},
+                                   {max: 300,message: $t('questionsSuggestions') + $t('cannotExceed') + 300 + $t('Characters'),trigger: 'blur'
+                                    }]">
                   <a-input class="box-input"
                            :disabled="disabled"
                            v-model="item.issueOrSuggest"
@@ -101,44 +108,48 @@
         type: String,
         default: ''
       },
-      feedbackDataList:{
+      feedbackDataList: {
         type: Array,
-        default: (()=>{
-           return []
+        default: (() => {
+          return []
         })
-      },
+      }
     },
     data() {
       return {
         formInline: {},
-        disabled:false,
+        disabled: false,
         rules: {},
-        uploadIndex:'',
+        uploadIndex: '',
         dataList: []
       }
     },
     mounted() {
-       if (this.feedbackDataList && this.feedbackDataList.length > 0){
-         this.dataList = this.feedbackDataList
-         this.dataList = [...this.dataList]
-       }else{
-         this.dataList = [
-           {
-             relatedSection: '',
-             issueOrSuggest: '',
-             reason: '',
-             accessoryFile: ''
-           }
-         ]
-       }
+      this.$nextTick(() => {
+        if (this.feedbackDataList && this.feedbackDataList.length > 0) {
+          this.formInline.dataList = this.feedbackDataList
+          this.formInline = { ...this.formInline }
+        } else {
+          this.formInline.dataList = [
+            {
+              relatedSection: '',
+              issueOrSuggest: '',
+              reason: '',
+              accessoryFile: ''
+            }
+          ]
+        }
+        this.formInline = { ...this.formInline }
+      })
+
     },
     methods: {
-      clickButtonToUpload(item,index) {
+      clickButtonToUpload(item, index) {
         this.$refs.uploadFile.perentHandleFunc()
         this.$refs.uploadFile.visible = true
         this.uploadName = item
         this.uploadIndex = index
-        getAction('sys/common/getFileInfos', { id: this.dataList[this.uploadIndex][this.uploadName] }).then((res) => {
+        getAction('sys/common/getFileInfos', { id: this.formInline.dataList[this.uploadIndex][this.uploadName] }).then((res) => {
           if (res.success) {
             this.$refs.uploadFile.perentHandleFunc(res.result)
           } else {
@@ -155,21 +166,21 @@
           })
         }
         /** 赋值给当前对应的表单文件 */
-        this.dataList[this.uploadIndex][this.uploadName] = attIdList.join(',')
-        this.dataList = [...this.dataList]
+        this.formInline.dataList[this.uploadIndex][this.uploadName] = attIdList.join(',')
+        this.formInline = { ...this.formInline }
       },
       addData() {
-        this.dataList.push({
+        this.formInline.dataList.push({
           relatedSection: '',
           issueOrSuggest: '',
           reason: '',
           accessoryFile: ''
         })
-        this.dataList = [...this.dataList]
+        this.formInline = { ...this.formInline }
       },
       deleteData() {
-        this.dataList.pop()
-        this.dataList = [...this.dataList]
+        this.formInline.dataList.pop()
+        this.formInline = { ...this.formInline }
       }
     }
   }