<!DOCTYPE html>
<html>

<head>
    {%include '../inc/header.html'%}
    <link href="{{static_url('mobile/css/logs.css')}}" rel="stylesheet">
</head>

<body>
    {%set data['topName'] = data['info']['name'] %}
    {%set data['topUrl'] = '/device' %}
	{%include '../inc/top.html'%}
    <section class="has-bbar">
        <h2 class="common-tit">设备日志记录</h2>
        <div class="form-group-head">设备清单</div>
        <ul>
            <li class="form-th">
                <p>设备名称</p>
                <p class="txt-m">数量</p>
                <p class="txt-m">日期</p>
            </li>
            {% for v in data['list'] %}
            <li class="form-tr">
                <p>{{v['name']}}</p>
                <p class="ora txt-m">{{v['num']}}</p>
                <p class="txt-m">{{v['cdate']}}</p>
            </li>
            {% end %}
        </ul>
        {% if 'pic' in data['info'] and data['info']['pic'] %}
        <div class="form-group-head">设备分布图纸</div>
        <section>
            <img src="{{data['info']['pic']}}" width="100%">
        </section>
        {% end %}

        {% if data['logs'] %}
        <div class="form-group-head">设备日志</div>
        <section id="dever-list">
        	{% for v in data['logs'] %}
            <dl class="msg-card">
                <dt><span class="warn">{{v['type']}}</span></dt>
                <dd>{{v['content']}}</dd>
                <dd class="date">{{v['cdates']}}</dd>
            </dl>
            {% end %}
        </section>
        {% end %}
    </section>
    {%include 'inc/menu.html'%}
{%include '../inc/script.html'%}
{%set url = data['url']['log'] %}
{%include '../inc/page.html'%}
</body>
</html>