safesite/safesite/templates/suggestdetail.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 id="exportjyword" onclick="exportjyword()" class="easyui-linkbutton" data-options="iconCls: 'fa-download'">导出</a>
        <a iconCls="fa-close" class="easyui-linkbutton" onclick="closeForm()">关闭</a>
    </div>
    <div data-options="region:'center'" style="height:100%;padding:15px 15px;">
        <div class="labeldiv">建议详情</div>
        <table class='detailtable'>
            <tr>
                <td>建议编号:{{jynum}}</td>
                <td>提交时间:{{submittime| dateFormat 'yyyy-MM-dd'}}</td>
            </tr>
            <tr>
                <td style="width:50%">建议部门:{{jybm__partname}}</td>
                <td style="width:50%">建议人:{{jyr__name}}</td>
            </tr>
            <tr>
                <td style="width:50%">所在区域:{{jyqy__name}}</td>
                <td style="width:50%">地点:{{jydd}}</td>
            </tr>
            <tr>
                <td colspan="2">建议类别:{{jylb__dickeyname}}</td>
            </tr>
            <tr>
                <td colspan="2">当前现状:{{dqxz}}</td>
            </tr>
            <tr>
                <td colspan="2">建议内容:{{jynr}}</td>
            </tr>
            <tr>
                <td colspan="2">期望效果:{{qwxg}}</td>
            </tr>
        </table>
        <div class="labeldiv">反馈与处理</div>
        <table class='detailtable'>
            <tr>
                <td colspan="2">反馈人:{{pgr__name}}</td>
            </tr>
            <tr>
                <td colspan="2">反馈意见:{{jyfk}}</td>
            </tr>
            <tr>
                <td colspan="2">处理人:{{clr__name}}</td>
            </tr>
            <tr>
                <td colspan="2">处理措施:{{clcs}}</td>
            </tr>
            <tr>
                <td colspan="2">处理描述:{{clms}}</td>
            </tr>
        </table>
        <div class="labeldiv">流程详情</div>
        <table class='detailtable'>
            <thead>
                <tr>
                    <th style="width:10%">
                        处理人
                    </th>
                    <th style="width:40%">
                        流程状态
                    </th>
                    <th style="width:20%">
                        时间
                    </th>
                </tr>
            </thead>
            {{each flow}}
            <tr>
                <td>{{$value.name}}</td>
                <td>{{$value.action}}</td>
                <td>{{$value.submittime|dateFormat 'yyyy-MM-dd hh:mm'}}</td>
            </tr>
            {{/each}}
        </table>
        <div class="labeldiv">图片信息</div>
        <table class='detailtable'>
            <tr>
                <td>
                    <table>
                        <thead>
                            <tr>
                                <th>现场照片</th>
                            </tr>
                        </thead>
                        {{each jyimg value index}}
                        <tr>
                            <td><img onclick='bigger(this)' class='tp' width="250" height="200" src='{{value}}' /></td>
                        </tr>
                        {{/each}}
                    </table>
                </td>
                <td>
                    <table>
                        <thead>
                            <tr>
                                <th>处理后照片</th>
                            </tr>
                        </thead>
                        {{each jyimg2  value index}}
                        <tr>
                            <td><img onclick='bigger(this)' class='tp' width="250" height="200" src='{{value}}' /></td>
                        </tr>
                        {{/each}}
                    </table>
                </td>
            </tr>
        </table>
    </div>
    {% endverbatim %}
</script>
<script type="text/javascript" src="/static/safesite/mystatic/js/template-web.js"></script>
<script>
    var html;
    var state;
    var jyid = {{ jyid }};
    var jydata
    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: "api/suggest?a=detail",
        data: { jyid: jyid },
        async: false,    // ajax同步使用false
        success: function (data) {
            html = template('text', data);
            state = data.state;
            jydata = data
        }
    });

    $('#result').html(html);
    function exportjyword() {
        let url = 'api/suggest?a=exportword&id='+jyid
        $('<form method="post" action="' + url + '"></form>').appendTo('body').submit().remove();
    }
</script>