|
@@ -0,0 +1,32 @@
|
|
|
+import { VXETable } from 'vxe-table'
|
|
|
+
|
|
|
+// 超链接渲染
|
|
|
+VXETable.renderer.add('XLink', {
|
|
|
+ // 默认显示模板
|
|
|
+ renderDefault(renderOpts, params) {
|
|
|
+ const { row, column } = params
|
|
|
+ const { events = {} } = renderOpts
|
|
|
+ return (
|
|
|
+ <a class="link" onClick={() => events.click(params)}>
|
|
|
+ {row[column.field]}
|
|
|
+ </a>
|
|
|
+ )
|
|
|
+ }
|
|
|
+})
|
|
|
+
|
|
|
+// 图片渲染
|
|
|
+VXETable.renderer.add('XImg', {
|
|
|
+ // 默认显示模板
|
|
|
+ renderDefault(_renderOpts, params) {
|
|
|
+ const { row, column } = params
|
|
|
+ return (
|
|
|
+ <el-image
|
|
|
+ style="width: 80px; height: 50px"
|
|
|
+ src={row[column.field]}
|
|
|
+ key={row[column.field]}
|
|
|
+ fit="contain"
|
|
|
+ lazy
|
|
|
+ ></el-image>
|
|
|
+ )
|
|
|
+ }
|
|
|
+})
|