|
|
@@ -25,18 +25,15 @@
|
|
|
</div>
|
|
|
<van-cell title="单位" :value="selectedUser.companyName"></van-cell>
|
|
|
<van-cell title="出入事由" :value="selectedUser.reasons"></van-cell>
|
|
|
- <div class="upload-box" v-if="selectedUser.letterFile && selectedUser.letterFile.length > 0">
|
|
|
- <span>介绍信</span>
|
|
|
- <van-cell >
|
|
|
- <div
|
|
|
- class="nfc-img van-hairline--surround"
|
|
|
- v-for="(v, i) in selectedUser.letterFile"
|
|
|
- :key="v.url"
|
|
|
- @click="preView(v.imgPath)">
|
|
|
- <img :src="imgUrl(v.imgPath)" alt="" />
|
|
|
+ <van-cell title="介绍信" v-if="selectedUser.letterFile && selectedUser.letterFile.length > 0">
|
|
|
+ <template #right-icon>
|
|
|
+ <div class="file-box">
|
|
|
+ <p class="van-ellipsis" v-for="(v, i) in selectedUser.letterFile"
|
|
|
+ :key="v.url"
|
|
|
+ @click="previewFile(v.url)">{{v.name}}</p>
|
|
|
</div>
|
|
|
- </van-cell>
|
|
|
- </div>
|
|
|
+ </template>
|
|
|
+ </van-cell>
|
|
|
<van-cell title="出入类型" :value="getDictLabel(selectedUser.type,'out_in_type')"></van-cell>
|
|
|
<van-cell title="陪同人员" :value="selectedUser.accompanyingPerson"></van-cell>
|
|
|
<div class="upload-box" v-if="selectedUser.checkImage && selectedUser.checkImage.length > 0">
|
|
|
@@ -140,6 +137,9 @@ export default {
|
|
|
this.selectedUser.letterFile = letterFile;
|
|
|
})
|
|
|
},
|
|
|
+ previewFile(file){
|
|
|
+ this.openFilePreview(file);
|
|
|
+ },
|
|
|
preView(val) {
|
|
|
if(Array.isArray(val)){
|
|
|
let arr = val.map(v=>{
|
|
|
@@ -264,6 +264,12 @@ export default {
|
|
|
.big-btn-box{
|
|
|
padding: 20px;
|
|
|
}
|
|
|
+.file-box{
|
|
|
+ width: 70%;
|
|
|
+ display: flex;
|
|
|
+ justify-content: flex-end;
|
|
|
+ color:#008cd6;
|
|
|
+}
|
|
|
.nfc-img {
|
|
|
display: inline-block;
|
|
|
width: 140px;
|