表格公共组件，内容50个字符换行展示

@@ -21,7 +21,10 @@
 
 
                     <span v-else>
                     <span v-else>
                          <el-tooltip placement="top">
                          <el-tooltip placement="top">
-                            <template #content> {{getTextContent(scope.row[item.prop])}}</template>
+                            <template #content>
+                                <div v-html="getTextContent(scope.row[item.prop])">
+                                </div>
+                            </template>
                             <div style="overflow: hidden;	text-overflow: ellipsis;	display: -webkit-box;	-webkit-line-clamp: 2;	-webkit-box-orient: vertical;">
                             <div style="overflow: hidden;	text-overflow: ellipsis;	display: -webkit-box;	-webkit-line-clamp: 2;	-webkit-box-orient: vertical;">
                                 {{scope.row[item.prop]}}
                                 {{scope.row[item.prop]}}
                             </div>
                             </div>

@@ -201,18 +201,9 @@ export default {
         }
         }
 
 
         let getTextContent = (val) =>{
         let getTextContent = (val) =>{
-
-            // if(!val){
-            //     return val;
-            // }
-            // let arr = val.split('')
-            //
-            // let text = [];
-            // for(let i = 0;i < arr.length;i += 20){
-            //     text.push(arr.slice(i, i+20))
-            // }
-            // return text.join('\n')
-
+            if(val && val != '' && val != null){
+                val = val.replace(/[^\x00-\xff]/g,"$&\x01").replace(/.{50}\x01?/g,"$&<br/>").replace(/\x01/g,"");
+            }
             return val;
             return val;
 
 
         }
         }