人员选择组件：人员编码脱敏显示

问题描述：

人员选择组件需求：人员编码脱敏显示

解决方案：

可使用人员选择组件—高级中的自定义渲染模板，代码参考如下：

<template  v-slot:customOption="data" >

<div style="display:flex;" @mouseover.stop> 

<img  v-if="data.type === 'emp'" src="./components/static/svg/user-tree.svg" />

<img  v-else-if="data.type === 'role'" src="./components/static/svg/role-tree.svg" />

<img  v-else="data.type === 'org'" src="./components/static/svg/org-tree.svg" />

<div style="margin-right: 8px">{{data.name}}</div>

<div  v-if="data.type !== 'emp'">{{(data.code ? ' ( ' + data.code + ' )' : '')}}</div>

<div v-else-if="data.code">

{{data.code[0]}}

***

{{data.code[data.code.length - 1]}}

</div>

</div>

</template>

更多请参见EOS Low-Code Platform 8