消息类型

project/pidu/app/AppSessionArchive/components/Detail.vue

@@ -85,6 +85,24 @@
 
               <div class="revoke-text" v-if="item.msgType == 'revoke'">{{item.userName}}{{item.msgSendTime.substring(0, 16)}}撤回了一条消息</div>
 
+              <div class="revoke-text" v-if="item.msgType == 'disagree'">对方不同意会话存档内容，你将无法继续提供服务</div>
+
+              <div class="revoke-text" v-if="item.msgType == 'agree'">对方同意会话存档内容，你可以继续提供服务</div>
+
+              <div class="card-info" v-if="item.msgType == 'card'">
+                <div class="top">
+                  <div class="card-left">
+                    <h3>{{item.cardCorpName}}</h3>
+                    <p>{{item.cardUserName}}</p>
+                    <div>{{item.cardUserId}}</div>
+                  </div>
+                  <div class="card-right">
+                    <img src="./img/user-img.png" alt="">
+                  </div>
+                </div>
+                <!-- <div class="bottom">个人名片</div> -->
+              </div>
+
               <img :src="item.userAvatar" alt="" class="user-img" v-if="item.userId == id">
               <!-- <i class="el-icon-warning" v-if="item.userId != id"></i> -->
             </div>
@@ -136,7 +154,7 @@
           {name: '文件', value: 'file'},
         ],
         searchMsg: '',
-        id: ''
+        id: 'LiuYe'
       }
     },
     computed: {
@@ -449,8 +467,8 @@
           }
           .img-list {
             img {
-              width: 200px;
-              height: 200px;
+              width: 400px;
+              height: 400px;
             }
           }
           .voice-info {
@@ -471,6 +489,52 @@
             color: #999;
             margin-top: 4px;
           }
+          .card-info {
+            width: 300px;
+            position: relative;
+            border-radius: 8px;
+            background-color: #fff;
+            border: 1px solid #eee;
+
+            .top {
+              display: flex;
+              padding: 16px;
+              .card-left {
+                width: calc(100% - 60px);
+                h3 {
+                  line-height: 60px;
+                  font-size: 24px;
+                  font-weight: 500;
+                  color: #333;
+                  margin-bottom: 10px;
+                }
+                p {
+                  color: #000;
+                  line-height: 24px;
+                  font-size: 18px;
+                }
+                div {
+                  color: #666;
+                  font-size: 14px;
+                  line-height: 24px;
+                }
+              }
+              .card-right {
+                img {
+                  width: 50px;
+                  height: 50px;
+                  border-radius: 4px;
+                }
+              }
+            }
+            .bottom {
+              padding-left: 16px;
+              line-height: 44px;
+              font-size: 16px;
+              color: #666;
+              border-top: 1px solid #eee;
+            }
+          }
         }
       }
       .item-left {