| | |
| | | @row-update="rowUpdate" |
| | | @row-save="rowSave" |
| | | @row-del="rowDel" |
| | | @row-click="rowClick" |
| | | @search-change="searchChange" |
| | | @search-reset="searchReset" |
| | | @selection-change="selectionChange" |
| | |
| | | @size-change="sizeChange" |
| | | @refresh-change="refreshChange" |
| | | @on-load="onLoad"> |
| | | <template slot-scope="{ type, size, row }" slot="menu"> |
| | | <!-- <template slot-scope="{ type, size, row }" slot="menu"> |
| | | <el-button |
| | | v-if="row.imgUrl != null || row.imgUrl != ''" |
| | | icon="el-icon-view" |
| | |
| | | @click.stop="handleParcelPic(row)" |
| | | >查看包裹图片 |
| | | </el-button> |
| | | </template> |
| | | </template> --> |
| | | </avue-crud> |
| | | <template> |
| | | <div> |
| | | <!-- style="display:none" --> |
| | | <!-- <el-image |
| | | ref="preview" |
| | | :src="'data:image/png;base64,'+imgUrl" |
| | | :preview-src-list="['data:image/png;base64,'+imgUrl]" |
| | | z-index=9999></el-image> --> |
| | | <el-image-viewer |
| | | class="img" |
| | | v-if="showViewer" |
| | |
| | | }, |
| | | selectionList: [], |
| | | option: { |
| | | menu:false, |
| | | height:'auto', |
| | | calcHeight: 30, |
| | | tip: false, |
| | |
| | | this.selectionList = []; |
| | | this.$refs.crud.toggleSelection(); |
| | | }, |
| | | rowClick(row){ |
| | | var that=this; |
| | | getParcelPic(row.imgUrl).then(res => { |
| | | that.imgUrl = res.data.data.imgBase64; |
| | | this.showViewer = true |
| | | }); |
| | | }, |
| | | currentChange(currentPage){ |
| | | this.page.currentPage = currentPage; |
| | | }, |
| | |
| | | this.loading = false; |
| | | this.selectionClear(); |
| | | }); |
| | | }, |
| | | handleParcelPic(row) { |
| | | var that = this; |
| | | getParcelPic(row.imgUrl).then(res => { |
| | | that.imgUrl = res.data.data.imgBase64; |
| | | //that.$refs.preview.clickHandler(); |
| | | this.showViewer = true |
| | | }); |
| | | }, |
| | | // 关闭查看器 |
| | | closeViewer() { |