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

src/views/workflow/common/OperationRender.vue

@@ -8,6 +8,9 @@
                         size="large"
                         placement="top">
         <el-card>
+          <div>
+            当前节点: {{ operation.operationName }}
+          </div>
           <div class="card">
             <div v-for="(user,index) in operation.userInfo" :key="index" class="avatar_name">
               <div>
@@ -17,15 +20,15 @@
               <div>
                 <div class="remark">{{ operation.remark }}</div>
                 <div>
-                  <div>{{ operation.operationName }}：</div>
+                  <div>审批人：</div>
                   <div>{{ user.name }}</div>
                 </div>
                 <div v-if="user.auditOpinion">
                   <div style="margin-bottom: 10px;color: #909399">{{ user.operationTime }}</div>
-                  <Tooltip :content="user.auditOpinion" placement="bottom-start" width="140" :lines="true"/>
+                  <el-text v-text="user.auditOpinion" style="word-break: break-all">
+                  </el-text>
                 </div>
               </div>
-
             </div>
           </div>
         </el-card>
@@ -270,9 +273,10 @@ init()
 
     > div:first-child {
       display: flex;
-      width: 200px;
+
 
       > span {
+        width: 100px;
         color: #2a99ff;
         margin-left: 10px;
         margin-right: 20px;
@@ -307,20 +311,21 @@ init()
   right: 1px;
 }
 
-//.username {
-//  //width: 90px;
-//  margin-top: 10px;
-//  background: #f5f5f5;
-//  padding: 5px;
-//
-//  .el-tooltip__trigger {
-//    width: 90px;
-//    text-align: center;
-//    //padding-top: 2px;
-//    //text-align: center;
-//    text-overflow: ellipsis;
-//    white-space: nowrap;
-//    overflow: hidden
-//  }
-//}
+.username {
+  //width: 90px;
+  margin-top: 10px;
+  background: #f5f5f5;
+  padding: 12px;
+  overflow: hidden;
+
+  //.el-tooltip__trigger {
+  //  width: 90px;
+  //  text-align: center;
+  //  //padding-top: 2px;
+  //  //text-align: center;
+  //  text-overflow: ellipsis;
+  //  white-space: nowrap;
+  //  overflow: hidden
+  //}
+}
 </style>

src/views/workflow/process/common/AvatarEllipsis.vue

@@ -7,7 +7,7 @@
       <div v-for="(user,index) in userInfo" :key="index" class="avatar_name">
         <div class="user">
           <div class="circle-user">
-            <Tooltip :content="user.name" placement="bottom-start" width="45">
+            <Tooltip :content="user.name" placement="bottom-start" width="45px">
             </Tooltip>
           </div>
           <div v-if="user.icon && mode === 'preview'"