fix : 主次账号消息框展示、审批记录优化、头像框组件优化

src/components/NameCircle.vue

@@ -3,7 +3,7 @@
     <slot name="pre"></slot>
     <div class="user-audit">
       <div class="circle-user">
-        <Tooltip :content="user.name" placement="bottom-start" width="45"/>
+        <Tooltip :content="user.name" placement="bottom-start" width="45px"/>
         <div v-if="user.icon"
              class="el-timeline-item__node" :style="{
                       backgroundColor: user.color

src/components/Tooltip.vue

@@ -5,7 +5,7 @@
       placement="bottom-start"
       :disabled="isShow"
   >
-    <div :class="lines?'content-lines':'content'" :style="{width: props.width+'px'}" @mouseover="isShowTooltip">
+    <div :class="lines?'content-lines':'content'" :style="{width: props.width}" @mouseover="isShowTooltip">
       <span ref="contentRef">
         <slot name="content">{{ props.content }}</slot>
       </span>
@@ -17,10 +17,12 @@ const props = defineProps({
   content: {
     type: String,
     default: ''
-  }, width: {
+  },
+  width: {
     type: String,
-    default: ''
-  }, lines: {
+    default: '100%'
+  },
+  lines: {
     type: Boolean,
     default: false
   }
@@ -40,6 +42,7 @@ const isShowTooltip = () => {
   overflow: hidden;
 }
 .content-lines{
+  word-break:break-all;
   overflow:hidden;
   text-overflow: ellipsis;
   -webkit-line-clamp: 2;