...

src/modules/marking/views/MarkPaperCheck.vue

@@ -190,8 +190,8 @@
               <template slot-scope="scope">
                 <el-popover trigger="hover" name="text" placement="top">
                   <div style="width:200px;">{{ scope.row.markRemark }}</div>
-                  <div slot="reference">
-                    <span>{{ interceptStr(scope.row.markRemark) }}</span>
+                  <div slot="reference" class="interceptStr">
+                    <span>{{ scope.row.markRemark }}</span>
                   </div>
                 </el-popover>
               </template>
@@ -495,17 +495,6 @@ export default {
         this.searchMarkPaperCheck();
       });
     },
-    //字符串截取
-    interceptStr(str) {
-      if (str) {
-        let l = str.length;
-        if (l > 3) {
-          return str.substring(0, 3) + "...";
-        } else {
-          return str;
-        }
-      }
-    },
     operaQuery() {
       let formData = this.$route.query;
       if (formData && formData.workId) {
@@ -534,3 +523,9 @@ export default {
   }
 };
 </script>
+<style lang="css" scoped>
+.interceptStr {
+  text-overflow: ellipsis;
+  overflow:hidden;white-space:nowrap;
+}
+</style>