|
@@ -47,20 +47,21 @@ export default {
|
|
}`
|
|
}`
|
|
)
|
|
)
|
|
},
|
|
},
|
|
|
|
+
|
|
{
|
|
{
|
|
key: 'listPreview',
|
|
key: 'listPreview',
|
|
- name: '图片',
|
|
|
|
|
|
+ name: '列表缩略图',
|
|
minWidth: this.$col.b,
|
|
minWidth: this.$col.b,
|
|
render: (h, { row }) => {
|
|
render: (h, { row }) => {
|
|
if (!row.listPreview) {
|
|
if (!row.listPreview) {
|
|
return h('span', '图片正在处理中请稍等...');
|
|
return h('span', '图片正在处理中请稍等...');
|
|
}
|
|
}
|
|
return h('img', {
|
|
return h('img', {
|
|
- class: 'pre-img',
|
|
|
|
style: {
|
|
style: {
|
|
width: '160px',
|
|
width: '160px',
|
|
height: '90px'
|
|
height: '90px'
|
|
},
|
|
},
|
|
|
|
+ class: 'pre-img',
|
|
attrs: {
|
|
attrs: {
|
|
src: row.listPreview
|
|
src: row.listPreview
|
|
},
|
|
},
|
|
@@ -74,6 +75,32 @@ export default {
|
|
}
|
|
}
|
|
},
|
|
},
|
|
{
|
|
{
|
|
|
|
+ key: 'detailPreview',
|
|
|
|
+ name: '详情缩略图',
|
|
|
|
+ minWidth: this.$col.b,
|
|
|
|
+ render: (h, { row }) => {
|
|
|
|
+ if (!row.detailPreview) {
|
|
|
|
+ return h('span', '图片正在处理中请稍等...');
|
|
|
|
+ }
|
|
|
|
+ return h('img', {
|
|
|
|
+ style: {
|
|
|
|
+ width: '160px',
|
|
|
|
+ height: '90px'
|
|
|
|
+ },
|
|
|
|
+ class: 'pre-img',
|
|
|
|
+ attrs: {
|
|
|
|
+ src: row.detailPreview
|
|
|
|
+ },
|
|
|
|
+ on: {
|
|
|
|
+ click: () =>
|
|
|
|
+ this.$AdvanceViewImageModal({
|
|
|
|
+ items: [{ src: row.detailPreview }]
|
|
|
|
+ })
|
|
|
|
+ }
|
|
|
|
+ });
|
|
|
|
+ }
|
|
|
|
+ },
|
|
|
|
+ {
|
|
key: 'createAt',
|
|
key: 'createAt',
|
|
name: '上传时间',
|
|
name: '上传时间',
|
|
width: this.$col.b
|
|
width: this.$col.b
|