64 lines
1.4 KiB
Vue
64 lines
1.4 KiB
Vue
import { h } from 'vue'
|
||
import { filterMultiDictText, getFileAccessHttpUrl } from '@/common/uitls'
|
||
|
||
const render = {
|
||
/**
|
||
* 渲染图片
|
||
* @param text
|
||
*/
|
||
renderImage: ({ text }) => {
|
||
if (!text) {
|
||
return ;
|
||
}
|
||
let avatarList = text.split(',')
|
||
return h(
|
||
'span',
|
||
avatarList.map((item) => {
|
||
return h(Image, {
|
||
src: getFileAccessHttpUrl(item),
|
||
width: 30,
|
||
height: 30,
|
||
style: { marginRight: '5px' },
|
||
})
|
||
}),
|
||
)
|
||
//update-end-author:taoyan date:2022-5-24 for: VUEN-1084 【vue3】online表单测试发现的新问题 41、生成的代码，树默认图大小未改
|
||
},
|
||
/**
|
||
* 渲染a标签
|
||
* @param text
|
||
*/
|
||
renderHref: ({ text }) => {
|
||
if (!text) {
|
||
return ''
|
||
}
|
||
const len = 20
|
||
if (text.length > len) {
|
||
text = text.substr(0, len)
|
||
}
|
||
return h('a', { href: text, target: '_blank' }, text)
|
||
},
|
||
/**
|
||
* 根据字典渲染
|
||
* @param v
|
||
* @param array
|
||
*/
|
||
renderDictNative: (v, array, renderTag = false) => {
|
||
let text = ''
|
||
let color = ''
|
||
let obj = array.filter((item) => {
|
||
return item.value == v
|
||
})
|
||
if (obj.length > 0) {
|
||
text = obj[0].label
|
||
color = obj[0].color
|
||
}
|
||
return h('span', text)
|
||
},
|
||
renderSwitch: (text, arr) => {
|
||
return text ? filterMultiDictText(arr, text) : ''
|
||
},
|
||
}
|
||
|
||
export { render }
|