lw_test/app/admin/view/human/institution_detail.html

<style>
    .mt10{margin-top:10px;}
    .pre {white-space:pre-wrap;}
    .image {width:50px;height:50px;margin-right: 10px;}
</style>
<div class="layui-fluid">
    <div class="layui-row layui-col-space15">
        <div class="layui-col-md12">
            <div class="layui-card">
                <div class="layui-card-header">参会机构</div>
                <div class="layui-card-body" pad15>
                    <div class="layui-row">
                        <div class="layui-col-md3">
                            机构名
                        </div>
                        <div class="layui-col-md9">
                            {$info.name}
                        </div>
                    </div>
                    <div class="layui-row mt10">
                        <div class="layui-col-md3">
                            参会人
                        </div>
                        <div class="layui-col-md9">
                            {$info.join}
                        </div>
                    </div>
                    <div class="layui-row mt10">
                        <div class="layui-col-md3">
                            参会手机号
                        </div>
                        <div class="layui-col-md9">
                            {$info.join_mobile}
                        </div>
                    </div>
                    <div class="layui-row mt10">
                        <div class="layui-col-md3">
                            微信号
                        </div>
                        <div class="layui-col-md9">
                            {$info.wechat}
                        </div>
                    </div>
                    <div class="layui-row mt10">
                        <div class="layui-col-md3">
                            业务范围
                        </div>
                        <div class="layui-col-md9">
                            {volist name="info.cooperate" id="vo"}
                            <button type="button" class="layui-btn layui-btn-sm">{$vo}</button>
                            {/volist}
                        </div>
                    </div>
                    <div class="layui-row mt10">
                        <div class="layui-col-md3">
                            联系电话
                        </div>
                        <div class="layui-col-md9">
                            {$info.tel}
                        </div>
                    </div>
                    <div class="layui-row mt10">
                        <div class="layui-col-md3">
                            机构地址
                        </div>
                        <div class="layui-col-md9">
                            {$info.address}
                        </div>
                    </div>
                    <div class="layui-row mt10">
                        <div class="layui-col-md3">
                            机构介绍
                        </div>
                        <div class="layui-col-md9 pre">{$info.describe}</div>
                    </div>
                    <!--<div class="layui-row mt10">
                        <div class="layui-col-md3">
                            网址
                        </div>
                        <div class="layui-col-md9">
                            {$info.url}
                        </div>
                    </div>
                    <div class="layui-row mt10">
                        <div class="layui-col-md3">
                            附件
                        </div>
                        <div class="layui-col-md9">
                            {volist name="info.images" id="image"}
                            <img src="{$image}" class="image" data-index="{$key}">
                            {/volist}
                        </div>
                    </div>-->
                    <div class="layui-row mt10">
                        <div class="layui-col-md3">
                            对本次活动想说的话
                        </div>
                        <div class="layui-col-md9 pre">{$info.suggestion}</div>
                    </div>
                    <div class="layui-row mt10">
                        <div class="layui-col-md3">
                            报名时间
                        </div>
                        <div class="layui-col-md9">
                            {$info.create_time}
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<script>
    layui.use(['index', 'form'], function () {
        const $ = layui.$;

        $('.image').click(function(){
            const index = $(this).data('index');
            layer.photos({
                photos: {
                    "title": "附件", //相册标题
                    "id": 123, //相册id
                    "start": index, //初始显示的图片序号，默认0
                    "data": [   //相册包含的图片，数组格式
                        {volist name="info.images" id="image"}
                        {
                            "alt": "",
                            "pid": {$key}, //图片id
                            "src": "{$image}", //原图地址
                            "thumb": "" //缩略图地址
                        },
                        {/volist}
                    ]
                }
                ,anim: 5 //0-6的选择，指定弹出图片动画类型，默认随机（请注意，3.0之前的版本用shift参数）
            });
        });

    });
</script>