修复出入管理bug

src/views/menu/visitRegister/detail.vue

@@ -20,19 +20,15 @@
             <van-cell title="出入事由" :value="visitInfo.reasons"></van-cell>
             <van-cell title="访问日期" :value="visitInfo.startTimeStr"></van-cell>
             <van-cell title="结束日期" :value="visitInfo.endTimeStr"></van-cell>
-            <div class="upload-box" v-if="visitInfo.letterFile && visitInfo.letterFile.length > 0">
-              <span>介绍信文件</span>
-              <van-cell>
-                <div
-                  class="nfc-img van-hairline--surround"
-                  v-for="(v, i) in visitInfo.letterFile"
-                  :key="v.imgPath"
-                  @click="preView(v.imgPath)">
-                  <img :src="imgUrl(v.imgPath)" alt="" />
+            <van-cell title="介绍信"  v-if="visitInfo.letterFile && visitInfo.letterFile.length > 0">
+              <template #right-icon>
+                <div class="file-box">
+                  <p class="van-ellipsis" v-for="(v, i) in visitInfo.letterFile"
+                     :key="v.url"
+                     @click="previewFile(v.url)">{{v.name}}</p>
                 </div>
-                <!--                      <img class="nfc-img" v-for="v in item.imgData" :src="imgUrl(v.imgPath)" alt="" :key="v.id">-->
-              </van-cell>
-            </div>
+              </template>
+            </van-cell>
             <van-cell v-if="visitInfo.description" title="备注信息" :value="visitInfo.description"></van-cell>
           </div>
         </van-panel>
@@ -120,6 +116,9 @@ export default {
         this.userInfos = users;
       })
     },
+    previewFile(file){
+      this.openFilePreview(file);
+    },
     preView(val) {
       if(Array.isArray(val)){
        let arr = val.map(v=>{
@@ -234,6 +233,12 @@ export default {
 .big-btn-box{
   padding-bottom: 20px;
 }
+.file-box{
+  width: 70%;
+  display: flex;
+  justify-content: flex-end;
+  color:#008cd6;
+}
 .nfc-img {
   display: inline-block;
   width: 140px;