页面修改

src/components/huimai/happraise.vue

@@ -51,7 +51,9 @@
         </el-table-column>
         <el-table-column label="回复内容">
           <template slot-scope="scope">
-            {{ scope.row.ReplyContent }}
+            <p class="answer-con">
+              {{ scope.row.ReplyContent }}
+            </p>
           </template>
         </el-table-column>
         <el-table-column prop="ReplyDate" label="回复时间"> </el-table-column>
@@ -75,7 +77,7 @@
     </div>
     <!-- 回复 -->
     <el-dialog :title="editTitle" :visible.sync="isShowReplayForm" width="800px">
-      <el-form label-width="150px" :rules="rules" :model="replayMsg" @validate="answerTest">
+      <el-form ref="answerform" label-width="150px" :rules="rules" :model="replayMsg" @validate="answerTest">
         <el-form-item label="咨询用户" class="user">
           {{ replayMsg.UserName }}
         </el-form-item>
@@ -126,7 +128,7 @@
       </el-form>
       <span slot="footer" class="dialog-footer">
         <el-button size="small" @click="isShowReplayForm = false">取 消</el-button>
-        <el-button size="small" type="primary" @click="saveData()" v-if="showType == 1">确 定</el-button>
+        <el-button size="small" type="primary" @click="saveData('answerform')" v-if="showType == 1">确 定</el-button>
       </span>
     </el-dialog>
   </div>
@@ -199,7 +201,6 @@ export default {
           { required: true, message: "请输入回复内容", trigger: "blur" }
         ]
       },
-      pass: ''
     };
   },
   created() {
@@ -270,24 +271,46 @@ export default {
       this.getList();
     },
     //设置咨询回复
-    saveData() {
-      if (this.pass) {
-        this.assetsApipost("/api/Assess/SetGoodsReply", this.replayMsg, res => {
-          if (res.data.resultCode == 1) {
-            this.isShowReplayForm = false;
-            this.Success(res.data.message);
-            this.getList();
-          } else {
-            this.Error(res.data.message);
-          }
-        });
-      }
+    submitForm(formName) {
+      this.$refs[formName].validate((valid) => {
+        if (valid) {
+          alert('submit!');
+        } else {
+          console.log('error submit!!');
+          return false;
+        }
+      });
+    },
+    saveData(answerform) {
+      this.$refs[answerform].validate((valid) => {
+        if (valid) {
+          this.assetsApipost("/api/Assess/SetGoodsReply", this.replayMsg, res => {
+            if (res.data.resultCode == 1) {
+              this.isShowReplayForm = false;
+              this.Success(res.data.message);
+              this.getList();
+            } else {
+              this.Error(res.data.message);
+            }
+          });
+        } else {
+          return false;
+        }
+      });
+      // if (this.pass) {
+      //   this.assetsApipost("/api/Assess/SetGoodsReply", this.replayMsg, res => {
+      //     if (res.data.resultCode == 1) {
+      //       this.isShowReplayForm = false;
+      //       this.Success(res.data.message);
+      //       this.getList();
+      //     } else {
+      //       this.Error(res.data.message);
+      //     }
+      //   });
+      // }
     },
     //回复验证结果
-    answerTest(res, pass) {
-      this.pass = pass
-    }
-  }
+  },
 };
 </script>
 <style scoped>
@@ -324,4 +347,12 @@ export default {
 .performanceStatics .remark {
   margin-top: 30px;
 }
+
+.performanceStatics .answer-con {
+  display: -webkit-box;
+  text-overflow: ellipsis;
+  overflow: hidden;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 4;
+}
 </style>