zhaobao
/
layui_back


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209
							<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>隐患上报</title>
    <link rel="stylesheet" href="../../../assets/libs/layui/css/layui.css"/>
    <link rel="stylesheet" href="../../../assets/module/admin.css?v=312"/>
    <style>
        #tableTbImg + .layui-table-view .layui-table-body tbody > tr > td {
            padding: 0;
        }

        #tableTbImg + .layui-table-view .layui-table-body tbody > tr > td > .layui-table-cell {
            height: 60px;
            line-height: 60px;
        }

        .tdImg {
            width: 50px;
            height: 50px;
            max-width: none;
            cursor: zoom-in;
        }

        .layui-table-view {
            margin: 0;
        }
    </style>
</head>

<body>

<!-- 页面加载loading -->
<div class="page-loading">
    <div class="ball-loader">
        <span></span><span></span><span></span><span></span>
    </div>
</div>

<!-- 正文开始 -->
<div class="layui-fluid">
    <div class="layui-tab">
        <ul class="layui-tab-title">
          <li class="layui-this">新隐患</li>
          <li>已上报</li>
          <li>未上报</li>
        </ul>
    </div>  
    <div class="layui-card">
        <div class="layui-card-body">
			<table class="layui-table" id="adminTable" data-filter="0">
				<thead><tr><th>隐患名称</th><th>隐患等级</th><th>发现者</th><th>发现时间</th><th>所属危险源</th><th>操作</th></tr></thead>
				<tbody></tbody>
			</table>
            <div class="layui-table-body layui-table-main layui-none-wrap"></div>
        </div>
    </div>
</div>
<!--表格数据的模板jsrender -->
<script id="table_Template" type="text/html">
    {{#  layui.each(d, function(index, item){ }}
        <tr>
            <td>{{item.hdangerTile}}</td>             
            <td>{{item.hdangerLevel===1?"重大":(item.hdangerLevel===2?"较大":(item.hdangerLevel===3?"一般":(item.hdangerLevel===4?"较低":"--")))}}</td>
            <td>{{item.createdBy}}</td>
            <td> {{formatDate(item.createdTime)}}</td>
            <td οnclick="reportHandle(1,{{item.hdangerId}})"> {{item.dangerSrcName}}</td>
            <td>
                {{#  if(item.hdType!==1){ }}
                    <a class="layui-btn layui-btn-primary layui-btn-xs" onclick="reportHandle(1,{{item.hdangerId}})">允许</a>
                {{#  } }}               
                {{#  if(item.hdType=== 0){ }}
                    <a class="layui-btn layui-btn-danger layui-btn-xs"  onclick="reportHandle(2,{{item.hdangerId}})">禁止</a> 
                {{#  } }}                           
            </td>
        </tr>
    {{#  }); }}
    {{#  if(d.length === 0){ }}
        <div class="layui-none">无数据</div>
    {{#  } }}     
</script>
<!-- js部分 -->
<script type="text/javascript" src="../../../assets/libs/layui/layui.js"></script>
<script type="text/javascript" src="../../../assets/libs/jquery/jquery-3.2.1.min.js"></script>
<script>
$(function() {
	getPage();
    initTab();
})
//ajax请求后台数据
function getPage() {
	$.ajax({
		url: "http://www.xycqzj.com/report2plat/GetAllHdanger",
		success: function(res) {
            var hdType = $('#adminTable').attr('data-filter')
            var content = res.data.filter(item=>item.hdType===parseFloat(hdType))
            getPageInfo(content); 
		},
        complete(){
            $('.page-loading').hide()
        }
	}); 
}
//表格加载数据
function getPageInfo(data) {
    //获取模板
    layui.use(['layer','laytpl','jquery'], function () {
        var $ = layui.jquery;
        var layer = layui.layer;    
        var laytpl = layui.laytpl;
        var getTpl = $("#table_Template").html();     
        laytpl(getTpl).render(data, function(html){
            if(data&&data.length>0){
                $("#adminTable tbody").html(html);
                $(".layui-none-wrap").html("");
            }else{
                $("#adminTable tbody").html("");
                $(".layui-none-wrap").html(html);
            }
        });  
    })
};
function reportHandle(reportType,hdangerId){
    var url = 'http://www.xycqzj.com/report2plat/SetHdReportStatus';
    layui.use(['layer','laytpl','jquery'], function () {
        var layer = layui.layer;    
        if(reportType===1){
            layer.confirm('上报后无法撤销, 是否继续？', {
                skin: 'layui-layer-admin',
                shade: .1
            }
            , function (i) {
                layer.close(i);
                var load=layer.load();
                $.ajax({
                    url,
                    method:'post',
                    contentType: "application/json; charset=UTF-8",
                    data:JSON.stringify({
                        hdangerId,
                        reportType
                    }),
                    success(res){
                        layer.alert('操作成功')
                        getPage();
                    },
                    complete(){
                        layer.close(load);
                    }
                })
            });                
        }else{
            var load=layer.load();
            $.ajax({
                url,
                method:'post',
                contentType: "application/json; charset=UTF-8",
                data:JSON.stringify({
                    hdangerId,
                    reportType
                }),
                success(res){
                    layer.alert('操作成功')
                    getPage();
                },
                complete(){
                    layer.close(load);
                }
            })
        }                
    })    
}
function initTab(){
    $('.layui-tab li').click(function(){
        var index = $(this).index();
        $(this).addClass("layui-this").siblings('li').removeClass('layui-this')
        var hdType = $('#adminTable').attr('data-filter')
        var index = $(this).index();
        $('#adminTable').attr('data-filter',index)      
        getPage()
    }) 
}
function formatDate(time,format='YY-MM-DD hh:mm:ss'){
    var date = new Date(time);

    var year = date.getFullYear(),
        month = date.getMonth()+1,//月份是从0开始的
        day = date.getDate(),
        hour = date.getHours(),
        min = date.getMinutes(),
        sec = date.getSeconds();
    var preArr = Array.apply(null,Array(10)).map(function(elem, index) {
        return '0'+index;
    });

    var newTime = format.replace(/YY/g,year)
                        .replace(/MM/g,preArr[month]||month)
                        .replace(/DD/g,preArr[day]||day)
                        .replace(/hh/g,preArr[hour]||hour)
                        .replace(/mm/g,preArr[min]||min)
                        .replace(/ss/g,preArr[sec]||sec);

    return newTime;			
} 
</script>
</body>
</html>