| | |
|---|
| | | <el-image |
|---|
| | | style="width: 95%; height: 90%" |
|---|
| | | :src="invoicepdfimg" |
|---|
| | | :preview-src-list="invoicepdfimgsrcList" |
|---|
| | | @click="invoicehandleImageClick(initialIndex)" |
|---|
| | | > |
|---|
| | | <!-- <div slot="error" class="image-slot"> |
|---|
| | | <i class="el-icon-picture-outline"></i> |
|---|
| | | </div> --> |
|---|
| | | </el-image> |
|---|
| | | <custom-image-viewer |
|---|
| | | :url-list="invoicepdfimgsrcList" |
|---|
| | | :initial-index="invoicecurrentIndex" |
|---|
| | | :visible="invoiceviewerVisible" |
|---|
| | | @update:visible="invoiceviewerVisible = $event" |
|---|
| | | @close="invoicehandleViewerClose" |
|---|
| | | /> |
|---|
| | | </div> |
|---|
| | | <div v-else class="pdfimgmins">{{ hintitle }}</div> |
|---|
| | | </div> |
|---|
| | |
|---|
| | | invoicepdfimg: "", |
|---|
| | | invoicepdfimgsrcList: [], |
|---|
| | | currentIndex: 0, // 初始索引 |
|---|
| | | invoicecurrentIndex: 0, // 初始索引 |
|---|
| | | initialIndex: 0, // 初始索引 |
|---|
| | | viewerVisible: false, // 控制预览组件显示 |
|---|
| | | invoiceviewerVisible: false, // 控制预览组件显示 |
|---|
| | | |
|---|
| | | //人员类别 |
|---|
| | | persontype: null, |
|---|
| | | //到达地 |
|---|
| | |
|---|
| | | this.currentIndex = index; |
|---|
| | | this.viewerVisible = true; |
|---|
| | | }, |
|---|
| | | invoicehandleImageClick(index) { |
|---|
| | | this.invoicecurrentIndex = index; |
|---|
| | | this.invoiceviewerVisible = true; |
|---|
| | | }, |
|---|
| | | handleViewerClose() { |
|---|
| | | this.viewerVisible = false; |
|---|
| | | }, |
|---|
| | | invoicehandleViewerClose() { |
|---|
| | | this.invoiceviewerVisible = false; |
|---|
| | | }, |
|---|
| | | handleImageError() { |
|---|
| | | console.error("图片加载失败"); |
|---|
| | | }, |
|---|
