huangzhidong
/
guoyao-jiankang


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154
							<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>{$info['title']}设备信息</title>
    <link rel="stylesheet" href="/static/bootstrap-3.3.7/css/bootstrap.min.css" />
    <style>
        table{
            font-size: 1.8rem;
        }
        tr{
            cursor: pointer;
        }
        .form-group{
            margin-top: 10px;
        }
    </style>
</head>
<body>
<div>
    <div class="ibox-content">
        <div class="form-group">
            <label class="col-xs-12 control-label">
                {if $info['imgs'] }
                {foreach $info['imgs'] as $k=>$v}
                <img src="{$v}" alt="" width="100px" height="100px" onclick="open_img(this)">
                {/foreach}
                {/if}
            </label>
        </div>
    </div>
    <p><br></p>
    <table class="table table-bordered text-center" style="width: 100%;">
        <tr>
            <th class="text-center" colspan="3">设备信息</th>
        </tr>
        <tr>
            <td>设备名称：</td>
            <td>{$info['title']}</td>
        </tr>
        <tr>
            <td>设备编号：</td>
            <td>{$info['sn']}</td>
        </tr>
        <tr>
            <td>设备型号：</td>
            <td>{$info['spec']}</td>
        </tr>
        <tr>
            <td>服务区域：</td>
            <td>{$info['area']}</td>
        </tr>
        <tr>
            <td>生产厂家：</td>
            <td>{$info['producer']}</td>
        </tr>
        <tr>
            <td>维保项：</td>
            <td style="max-width: 200px">{$info['device_form']}</td>
        </tr>
        <tr>
            <td>维修人员：</td>
            <td style="max-width: 200px">{$info['users']}</td>
        </tr>
        <tr>
            <td>设备详情：</td>
            <td style="max-width: 200px">{$info['content']}</td>
        </tr>
    </table>
    <table class="table table-striped text-center" style="width: 100%;">
        <tr>
            <th class="text-center" colspan="4" >
                工作任务
            </th>
        </tr>
        <tr>
            <th class="text-center">编号</th>
            <th class="text-center">检查人员</th>
            <th class="text-center">检查时间</th>
            <th class="text-center">操作</th>
        </tr>
        {notempty name="lists"}
        {volist name="lists" id="v"}
        <tr>

            <td>{$v.id}</td>
            <td>{$v.userName}</td>
            <td>{$v.create_time}</td>
            <td><a href="{:url('detail',['id'=>$v['id']])}">详情</a></td>
        </tr>
        {/volist}
        {else /}
        <tr>
            <td colspan="7">暂无数据</td>
        </tr>
        {/notempty}
    </table>
    {$page|raw}
    <p><br></p>
</div>
<script src="/static/jquery-1.11.3.min.js"></script>
<script src="/static/layer3.2.0/layer.js"></script>
<script>
    function gotourl(_self) {
        window.location.href = $(_self).attr('data-url');
    }
    //打开查看图片
    function open_img(_self) {
        var src = $(_self).attr('src');
        var img = new Image();
        img.src = src;
        var width = $(window).width()*0.8;
        var height = $(window).height()*0.8;
        img.onload = function(){
            var imgw = img.width;
            var imgh = img.height;
            if(imgw > width&&imgh < height){
                imgh = imgh*width/imgw;
                imgw = width;
            }else if(imgw < width&&imgh > height){
                imgw = imgw*height/imgh;
                imgh = height;
            }else if(imgw > width&&imgh > height){
                var bl1 = width/height;
                var bl2 = imgw/imgh;
                if(bl1 < bl2){
                    imgh = imgh*width/imgw;
                    imgw = width;
                }else if(bl1 > bl2){
                    imgw = imgw*height/imgh;
                    imgh = height;
                }else{
                    imgh = height;
                    imgw = width;
                }
            }
            var imgs = '<img width="'+imgw+'" height="'+imgh+'" src="'+src+'" />';
            layer.open({
                type: 1,
                title: false,
                closeBtn: 1,
                area: [imgw+'px', imgh+'px'],
                skin: 'layui-layer-nobg', //没有背景色
                shadeClose: true,
                content: imgs
            });
        };
    }
</script>
</body>
</html>