layui中列表用文字代表指定数字

谁借莪１个温暖的怀抱￠ 2021-09-23 12:54 234阅读 0赞

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xfZGVnZWdl_size_16_color_FFFFFF_t_70][]![20191210115521279.png][]

cols : [ [
    					{title: '主键',field : 'id',width : 35,checkbox : true},						
    					{title:'序号',type:'numbers',width:35},
    					{title: '用户名', field: 'user_code' },
            			{title: '姓名', field: 'user_name'},
    	        		{title: '所属部门', field: 'org_name'},
            			//{title: '职务', field: 'post' },
            			//{title: '项目管理组', field: 'pmt', width: '100' },
    	        		{title: '性别', field: 'sex',templet:'#sexStr'},
            			{title: '电话', field: 'tel'},
            			{title: '手机号码', field: 'mobile'},
            			{title: '邮箱', field: 'email'},
            			{title: '允许登录', field: 'allow_login',templet:'#numToStr' },																		
    					{title: '操作',fixed:'right',width : 180,align : 'left',toolbar : '#bar_maingrid'} // 这里的toolbar值是模板元素的选择器
    			] ]
    
    
    <script type="text/html" id="sexStr">
        {
       { d.sex == 1 ? '男' : '女' }}             
    </script>

二、layui数据表格显示图片/头像

[https://blog.csdn.net/jp\_567/article/details/89248730][https_blog.csdn.net_jp_567_article_details_89248730]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xfZGVnZWdl_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/20191210115559117.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xfZGVnZWdl,size_16,color_FFFFFF,t_70
[20191210115521279.png]: /images/20210923/4a94a0cfd82543eca8b85cd0550d49f3.png
[https_blog.csdn.net_jp_567_article_details_89248730]: https://blog.csdn.net/jp_567/article/details/89248730