<!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>检查记录详情</title>
<link rel="stylesheet" href="/static/bootstrap-3.3.7/css/bootstrap.min.css" />
<style>
th{
width: 20%;
text-align: right;
padding-right: 50px;
}
</style>
</head>
<body>
<div>
<p><br></p>
<h3 class="text-center">检查记录详情 <a href="{:url('Todo/daily',['orgId'=>$orgId,'id'=>$info['daily_id']])}"><span class="text-muted" style="font-size: 14px;">返回上一页</span></a></h3>
<p><br></p>
<table class="table table-striped text-left" style="width: 100%">
<tr>
<th>编号</th>
<td>
{$info['id']}
</td>
</tr>
<tr>
<th>任务地点名称</th>
<td>
{$info['daily_name']}
</td>
</tr>
<tr>
<th>任务详情</th>
<td>
{$info['daily_details']}
</td>
</tr>
<tr>
<th>工作人员</th>
<td>
{$info['user_name']}
</td>
</tr>
<tr>
<th>时间</th>
<td>
{$info['create_time']}
</td>
</tr>
<tr>
<th>工作表单</th>
<td>
<table class="table table-bordered">
<thead>
<tr>
<th>序号</th>
<th>内容</th>
<th>完成</th>
</tr>
</thead>
<tbody>
{foreach $info['check_json'] as $k=>$v}
<tr>
<td>{$k+1}</td>
<td>{$v['title']}</td>
{if ($v['result'] == 1)}
<td><input type="checkbox" checked disabled></td>
{else}
<td><input type="checkbox" disabled></td>
{/if}
</tr>
{/foreach}
</tbody>
</table>
</td>
</tr>
<tr>
<th>内容</th>
<td>
{$info['content']}
</td>
</tr>
<tr>
<th>图片</th>
<td>
<img src="{$info['images']}" alt="" onclick="open_img(this)" style="width: 80px;height: 60px;" >
</td>
</tr>
</table>
<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>