safesite/safesite/templates/traindetail.html

<div class="easyui-layout" id="result" style="width:100%;height:100%"></div>
<script type="text/html" id="text">
    {% verbatim %}
    <div id='southdiv' data-options="region:'south'" style="height:50px;text-align:center;padding:5px">
        <a iconCls="fa-close" class="easyui-linkbutton" onclick="closeForm()">关闭</a>
    </div>
    <div data-options="region:'center'" style="height:100%;">
        <div id="tt" class="easyui-tabs" border=false>
                <div title="培训信息" style="height:100%;padding:15px 15px;">
        <div class="labeldiv">流程信息</div>
        <p><span id="0">待评估</span><span id="1">-----已评估</span></p>
        <div class="labeldiv">培训详情</div>
        <table class='detailtable'>
            <tr>
                <td colspan="2">培训编号：{{trainnum}}</td>
            </tr>
            <tr>
                <td style="width:50%">培训级别：{{trainlevel__dicname}}</td>
                <td style="width:50%">培训类型：{{traintype__dickeyname}}</td>
            </tr>
            <tr>
                <td>培训名称：{{trainname}}</td>
                <td>人员类型：{{manlevel__dickeyname}}</td>
            </tr>
            <tr>
                <td>培训时间：{{starttime| dateFormat 'yyyy-MM-dd hh:mm:ss'}}</td>
                <td>培训地点：{{trainplace}}</td>
            </tr>
            <tr>
                <td>培训部门：{{trainpart}}</td>
                <td>授课人：{{teacher}}</td>
            </tr>
            <tr>
                <td>填报人：{{submituser__name}}</td>
                <td>填报时间：{{submittime| dateFormat 'yyyy-MM-dd hh:mm:ss'}}</td>
            </tr>
            <tr>
                <td colspan="2">培训内容：{{traincontent__dickeyname}}</td>
            </tr>
            <tr>
                <td colspan="2">具体内容：{{detailcontent}}</td>
            </tr>
            <tr>
                <td colspan="2">掌握人数：{{knownum}}</td>
            </tr>
            <tr>
                <td colspan="2">培训效果：{{pxxg}}</td>
            </tr>
            <tr>
                <td colspan="2">关联考试：{{examtest__num}} {{examtest__name}}</td>
            </tr>
        </table>
        <div class="labeldiv">相关附件</div>
        <table class='detailtable'>
            <thead>
                <tr>
                    <th style="width:10%">
                        序号
                    </th>
                    <th style="width:90%">
                        文件名
                    </th>
                </tr>
            </thead>
            {{each material}}
            <tr>
                <td>{{$index+1}}</td>
                <td><a  target='_blank' href='{{$value}}'>{{$value|gfilename}}</a></td>
            </tr>
            {{/each}}
        </table>
        <div class="labeldiv">签到二维码</div>
        <img src='{{checkqr}}' height=240px width=240px>
    </div>
    <div title="人员签到信息" style="height:100%;padding:15px 15px;">
            <table class='detailtable'>
                    <thead>
                        <tr>
                                <th style="width:10%">
                                        序号
                                    </th>
                            <th style="width:30%">
                                姓名
                            </th>
                            <th style="width:30%">
                                    部门
                                </th>
                            <th style="width:30%">
                                状态
                            </th>
                        </tr>
                    </thead>
                    {{each cjrydetail}}
                    <tr>
                        <td>{{$index+1}}</td>
                        <td>{{$value.participant__name}}</td>
                        <td>{{$value.participant__ubelongpart__partname}}</td>
                        {{if $value.checked==0}}
                        <td><font color="red">未微信签到</font></td>
                        {{else}}
                        <td><font color="green">已微信签到</font></td>
                        {{/if}}
                    </tr>
                    {{/each}}
                </table>
    </div>
    </div>
    </div>
    {% endverbatim %}
</script>
<script type="text/javascript" src="/static/safesite/mystatic/js/template-web.js"></script>
<script>
    var html;
    var state;
    var trainid = {{ trainid }};
    template.defaults.imports.dateFormat = function (date, format) {
        date = new Date(date);
        var map = {
            "M": date.getMonth() + 1, //月份
            "d": date.getDate(), //日
            "h": date.getHours(), //小时
            "m": date.getMinutes(), //分
            "s": date.getSeconds(), //秒
            "q": Math.floor((date.getMonth() + 3) / 3), //季度
            "S": date.getMilliseconds() //毫秒
        };
        format = format.replace(/([yMdhmsqS])+/g, function (all, t) {
            var v = map[t];
            if (v !== undefined) {
                if (all.length > 1) {
                    v = '0' + v;
                    v = v.substr(v.length - 2);
                }
                return v;
            }
            else if (t === 'y') {
                return (date.getFullYear() + '').substr(4 - all.length);
            }
            return all;
        });
        return format;
    };
    template.defaults.imports.gfilename = function (value) {
        x = value.split('/').pop();
        return x;
    }
    $.ajax({
        type: "get",
        url: "pxhandle?a=detail",
        data: { trainid: trainid },
        async: false,    // ajax同步使用false
        success: function (data) {
            html = template('text', data);
            state = data.state;
        }
    });

    $('#result').html(html);
    $("#" + state).css({ "color": "red", "font-weight": "bold" });
</script>