mirror of
				https://github.com/YunaiV/ruoyi-vue-pro.git
				synced 2025-10-31 02:28:03 +08:00 
			
		
		
		
	feat: add vxe renderer
This commit is contained in:
		| @ -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> | ||||||
|  |     ) | ||||||
|  |   } | ||||||
|  | }) | ||||||
| @ -1,2 +1,3 @@ | |||||||
| import './dataTimePicker' | import './dataTimePicker' | ||||||
| import './dict' | import './dict' | ||||||
|  | import './default' | ||||||
|  | |||||||
		Reference in New Issue
	
	Block a user
	 xingyu4j
					xingyu4j