| | |
| | | <zt-table-wraper query-url="/sysPictureBase/page" |
| | | :paging='false' |
| | | v-slot="{ table }"> |
| | | <el-form :inline="true" :model="dataForm" @keyup.enter.native="table.query()"> |
| | | </el-form> |
| | | <el-table v-loading="table.dataLoading" :data="table.dataList" height="100px" v-adaptive="{bottomOffset:70}" |
| | | border |
| | | @row-dblclick="selectedPicture" |
| | |
| | | <el-table-column prop="name" label="图片名称"/> |
| | | <el-table-column label="图片" align="center"> |
| | | <template v-slot="{ row }"> |
| | | <el-image v-if="row.accessoryMap" :src="getPath(row)" style="height: 50px;width: 50px"></el-image> |
| | | <el-image v-if="row.id" :src="url+row.id" style="height: 50px;width: 50px"></el-image> |
| | | </template> |
| | | </el-table-column> |
| | | </el-table> |
| | |
| | | </template> |
| | | |
| | | <script> |
| | | import Cookies from 'js-cookie' |
| | | |
| | | export default { |
| | | data() { |
| | | return { |
| | | url: `${window.SITE_CONFIG['apiURL']}/sysPictureBase/getSvgImage?token=${Cookies.get('token')}&id=`, |
| | | name: 'SelectPicture', |
| | | type: '', |
| | | dataForm: { |
| | | id:'', |
| | | contentType: '', |
| | | systemMark: '', |
| | | productType:'', |
| | | sortNo: '' |
| | | }, |
| | | } |
| | |
| | | components: {}, |
| | | methods: { |
| | | init(type) { |
| | | this.type = type |
| | | }, |
| | | getPath(row) { |
| | | if (row.accessoryMap) { |
| | | for (let key in row.accessoryMap) { |
| | | return key |
| | | } |
| | | } |
| | | this.dataForm.productType = type |
| | | console.log(this.dataForm.productType) |
| | | }, |
| | | async selectedPicture(row) { |
| | | await this.$tip.success() |
| | | this.$refs.dialog.close() |
| | | this.$emit('setPicture', row, this.type) |
| | | this.$emit('setPicture', row) |
| | | } |
| | | } |
| | | } |