diff --git a/project/pidu/app/AppSensitive/components/Detail.vue b/project/pidu/app/AppSensitive/components/Detail.vue
index 45ab60a2..8243630e 100644
--- a/project/pidu/app/AppSensitive/components/Detail.vue
+++ b/project/pidu/app/AppSensitive/components/Detail.vue
@@ -65,94 +65,96 @@
         </div>
       </div>
       <div class="content-right-info" @scroll='msgScroll'>
-        <div v-for="(item, index) in msgList" :key="index">
-          <div class="item" :class="item.userId == id ? 'item-right' : 'item-left'">
-            <!-- <p class="time" v-if="index == 0">{{item.msgSendTime}}</p> -->
-            <p class="user-name">{{item.userName}}<span>{{item.msgSendTime}}</span></p>
-            <div class="item-content-flex">
-              <i class="el-icon-warning" v-if="item.userId == id && item.isKeyword == 1"></i>
-              <img :src="item.userAvatar" alt="" class="user-img" v-if="item.userId != id">
-              <img src="./img/user-img.png" alt="" class="user-img" v-if="item.userId != id && !item.userAvatar">
+        <div ref="pdf">
+          <div v-for="(item, index) in msgList" :key="index">
+            <div class="item" :class="item.userId == id ? 'item-right' : 'item-left'">
+              <!-- <p class="time" v-if="index == 0">{{item.msgSendTime}}</p> -->
+              <p class="user-name">{{item.userName}}<span>{{item.msgSendTime}}</span></p>
+              <div class="item-content-flex">
+                <i class="el-icon-warning" v-if="item.userId == id && item.isKeyword == 1"></i>
+                <img :src="item.userAvatar" alt="" class="user-img" v-if="item.userId != id">
+                <img src="./img/user-img.png" alt="" class="user-img" v-if="item.userId != id && !item.userAvatar">
 
-              <div class="content" v-if="item.msgType == 'text'">
-                <span></span>
-                <p>{{item.content}}</p>
-              </div>
-
-              <div class="img-list" v-if="item.msgType == 'image'">
-                <img :src="item.sdkFileUrl" alt="" v-viewer>
-              </div>
-
-              <div class="voice-info" v-if="item.msgType == 'voice'">
-                <ai-audio :src="item.sdkFileUrl" skin="flat" />
-              </div>
-
-              <video style="width: 300px; object-fit: fill;" controls :src="item.sdkFileUrl" v-if="item.msgType == 'video'"></video>
-
-              <ai-file-list v-if="item.msgType == 'file'" 
-                :fileList="item.files"
-                :fileOps="{ name: 'name', size: 'fileSizeStr' }"
-              ></ai-file-list>
-
-              <div class="revoke-text" v-if="item.msgType == 'revoke'">{{item.userName}}撤回了一条消息</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="item.cardUserAvatar" alt="" v-if="item.cardUserAvatar">
-                    <img src="./img/user-img.png" alt="" v-else>
-                  </div>
+                <div class="content" v-if="item.msgType == 'text'">
+                  <span></span>
+                  <p>{{item.content}}</p>
                 </div>
-                <div class="bottom">个人名片</div>
-              </div>
 
-              <img :src="item.sdkFileUrl" alt="" v-if="item.msgType == 'emotion'" :style="[{width: item.width/2+'px'}, {height: item.height/2+'px'}]">
-
-              <div class="map-info" v-if="item.msgType == 'location'">
-                <div :id="`map${index}`" class="map-content"></div>
-                <div class="address-text">
-                  <p>{{item.title}}</p>
-                  <p>{{item.address}}</p>
+                <div class="img-list" v-if="item.msgType == 'image'">
+                  <img :src="item.sdkFileUrl" alt="" v-viewer>
                 </div>
-              </div>
 
-              <div class="card-info" v-if="item.msgType == 'weapp'">
-                <div class="top">
-                  <div class="card-left">
-                    <h3>{{item.displayName}}</h3>
+                <div class="voice-info" v-if="item.msgType == 'voice'">
+                  <ai-audio :src="item.sdkFileUrl" skin="flat" />
+                </div>
+
+                <video style="width: 300px; object-fit: fill;" controls :src="item.sdkFileUrl" v-if="item.msgType == 'video'"></video>
+
+                <ai-file-list v-if="item.msgType == 'file'" 
+                  :fileList="item.files"
+                  :fileOps="{ name: 'name', size: 'fileSizeStr' }"
+                ></ai-file-list>
+
+                <div class="revoke-text" v-if="item.msgType == 'revoke'">{{item.userName}}撤回了一条消息</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="item.cardUserAvatar" alt="" v-if="item.cardUserAvatar">
+                      <img src="./img/user-img.png" alt="" v-else>
+                    </div>
+                  </div>
+                  <div class="bottom">个人名片</div>
+                </div>
+
+                <img :src="item.sdkFileUrl" alt="" v-if="item.msgType == 'emotion'" :style="[{width: item.width/2+'px'}, {height: item.height/2+'px'}]">
+
+                <div class="map-info" v-if="item.msgType == 'location'">
+                  <div :id="`map${index}`" class="map-content"></div>
+                  <div class="address-text">
                     <p>{{item.title}}</p>
-                  </div>
-                  <div class="card-right">
-                    <img src="./img/app-icon.png" alt="" >
+                    <p>{{item.address}}</p>
                   </div>
                 </div>
-                <div class="bottom"><img src="./img/app-mini-icon.png" alt="" >小程序</div>
-              </div>
 
-              <div class="card-info pointer" v-if="item.msgType == 'link'" @click="openLink(item)">
-                <div class="top">
-                  <div class="card-left">
-                    <p>{{item.title}}</p>
-                    <div>{{item.username}}</div>
-                  </div>
-                  <div class="card-right" v-if="item.imageUrl">
-                    <img :src="item.imageUrl" alt="" >
+                <div class="card-info" v-if="item.msgType == 'weapp'">
+                  <div class="top">
+                    <div class="card-left">
+                      <h3>{{item.displayName}}</h3>
+                      <p>{{item.title}}</p>
+                    </div>
+                    <div class="card-right">
+                      <img src="./img/app-icon.png" alt="" >
+                    </div>
                   </div>
+                  <div class="bottom"><img src="./img/app-mini-icon.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 && item.isKeyword == 1"></i>
+                <div class="card-info pointer" v-if="item.msgType == 'link'" @click="openLink(item)">
+                  <div class="top">
+                    <div class="card-left">
+                      <p>{{item.title}}</p>
+                      <div>{{item.username}}</div>
+                    </div>
+                    <div class="card-right" v-if="item.imageUrl">
+                      <img :src="item.imageUrl" 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 && item.isKeyword == 1"></i>
+              </div>
             </div>
           </div>
         </div>