@{
    ViewBag.Title = "Index";
    Layout = "~/Views/Shared/_content.cshtml";
}

<style>
    .self-table-click td {
        background-color: #f3ebbc;
    }

    .auditimg {
        width: 200px;
        height: 200px;
    }

    ul.imglist {
        margin: 0 auto;
        width: 400px;
        overflow: hidden
    }

        ul.imglist li {
            float: left;
            padding: 4px 8px;
            width: 160px;
            border: 5px solid white;
            border-radius: 5px;
        }

            ul.imglist li span i {
                display: none;
            }

            ul.imglist li:hover {
                border: 5px solid #e2dfdf;
            }

                ul.imglist li:hover span i {
                    display: block;
                    cursor: pointer;
                }

            ul.imglist li img {
                display: block;
                width: 160px;
                height: 90px
            }

            ul.imglist li span {
                display: block;
                width: 100%;
                height: 30px;
                line-height: 30px;
                background: #F6F6F6;
            }
</style>
<div class="x-body">
    <table class="layui-hide" id="tabl1" lay-filter="tabl1"></table>
</div>
<div id="AuditDialog" class="layui-form" style="display:none;">
    <div class="x-body">
        <form class="layui-form">
            <div class="layui-form-item">
                <div class="layui-inline">
                    <div class="layui-input-inline">
                        <ul class="imglist" id="imglist"></ul>
                    </div>
                </div>
            </div>
        </form>
    </div>
</div>
<div id="AttDialog" class="layui-form" style="display:none;">
    <div class="x-body" style="padding:25px;">
        <table class="layui-hide" id="tabl3" lay-filter="tabl3"></table>
    </div>
</div>
<script>
    var selectRow = {};
    var table;
    layui.use(['table', 'form', 'layer', 'upload', 'laydate'], function () {
        table = layui.table;
        var form = layui.form;
        var layer = layui.layer;
        var upload = layui.upload;
        table.render({
            id: 'NewsList',//列表别名ID
            elem: '#tabl1',//表ID
            url: '/Cms/CmsUp/NewsLog?Id=@Html.Raw(ViewBag.Id)',
            method: 'POST',
            cols: [[
                { field: 'ID', title: 'ID',width:60 }
                , { field: 'NEWSTYPE', title: '类型', templet: '#typeTpl', width: 60 }
                , { field: 'TITLE', title: '标题' }
                , { field: 'DeptName', title: '部门' }
                , {
                    field: 'CONTENT', title: '链接', templet: function (d) {
                        if (d.CONTENT) {
                            if (d.CONTENT.indexOf("http") == 0) {
                                return '<div><a href="' + d.CONTENT + '" target="_blank" class="layui-table-link">' + d.CONTENT + '</a></div>'
                            } else {
                                return d.CONTENT;
                            }

                        } else {
                            return "";
                        }

                    }
                }
                , { field: 'ATT', title: '附件', templet: '#attTpl', width: 60 }
                , { field: 'REMARK', title: '内容' }
                , { field: 'CHANNELS', title: '渠道' }
                , { field: 'AUTHOR', title: '作者' }
                , { field: 'OPEVENT', title: '事件', width: 120 }
                , { field: 'CTIME', title: '时间' }
                , { field: 'OPNAME', title: '执行人' }
                , { field: 'CHECKREMARK', title: '审核备注' }
                , { field: 'ReasonStr', title: '驳回理由' }
                //, {
                //    field: 'AUDITIMG1', title: '审核图片', templet: function (d) {
                //        if (d.AUDITIMG1 || d.AUDITIMG2 || d.AUDITIMG3 || d.AUDITIMG4 || d.AUDITIMG5 || d.AUDITIMG6) {
                //            return "<a class=\"layui-table-link\" href='javascript:ShowImg(\"" + d.AUDITIMG1 + "\",\"" + d.AUDITIMG2 + "\",\"" + d.AUDITIMG3 + "\",\"" + d.AUDITIMG4 + "\",\"" + d.AUDITIMG5 + "\",\"" + d.AUDITIMG6 +"\")'>查看<a>";
                //        } else {
                //            return "<font color='#dddddd'>无</font>"
                //        }
                //    }
                //}
                , { field: 'RejectedReason', title: '驳回理由' }
                , {
                    field: 'AUDITIMG1', title: '审核附件', templet: function (d) {
                        if (d.ATTACHMENT && d.ATTACHMENT != '[]') {
                            return "<a class=\"layui-table-link\" href='javascript:ShowAtt()'>查看<a>";
                        } else {
                            return "<font color='#dddddd'>无</font>"
                        }
                    }
                }
            ]]

        });

        table.render({
            id: 'testReload3'//列表别名ID
            , elem: '#tabl3'//表ID
            , data: []
            , cols: [[
                { field: 'id', title: '序号', type: 'numbers', align: "center", width: 60 }
                , { field: 'fileName', title: '文件名称', align: "center", width: 250 }
                , { field: 'fileSize', title: '文件大小', align: "center", width: 100 }
                , { field: 'fileUrl', title: '操作', templet: '#fileTpl', width: 100, align: "center" }
                , { field: 'uploader', title: '上传人', align: "center", width: 100 }
                , { field: 'uploadTime', title: '上传时间', align: "center", width: 180 }
            ]]
            , limit: 15
        });

        $('#mytoolbar .layui-btn').on('click', function (data) {
            table.reload('NewsList', {
                page: { curr: 1 }
            });
        });

        //监听行单击事件
        table.on('row(tabl1)', function (obj) {
            var data = obj.data;
            obj.tr.addClass('self-table-click').siblings().removeClass('self-table-click');
            selectRow = data;
        });

        $('.layui-btn-group .layui-btn').on('click', function () {
            var othis = $(this), method = othis.data('method');
            active[method] ? active[method].call(this, othis) : '';
        });

    });
    function ShowLog(id) {
        alert(id);
    }
    function ShowAtt() {
        layui.use(['table', 'form', 'layer', 'upload', 'laydate'], function () {
            var layer = layui.layer;
            var data = JSON.parse(selectRow.ATTACHMENT);
            console.log(data);
            table.reload('testReload3', {
                data: data
            });
            layer.open({
                title: '查看审核附件',
                type: 1,
                content: $('#AttDialog'),
                area: ['850px', '500px']
                , btn: ['关闭']
                , yes: function (index, layero) {
                    layer.closeAll();
                    //$("#audit").click();
                }
            });
        });
    }
    function ShowImg(AuditImg1, AuditImg2, AuditImg3, AuditImg4, AuditImg5, AuditImg6) {
        $("#imglist").html("");
        var zxdurl = "@Html.Raw(ViewBag.Core_ZxdCoreUrl)";
        if (AuditImg1 && AuditImg1 != "null") {
            if (AuditImg1.indexOf("http") > -1) {
                $("#imglist").append('<li><a href="' + AuditImg1 + '" target="_blank"><img src="' + AuditImg1 + '" /></a></li>');
            } else {
                $("#imglist").append('<li><a href="' + zxdurl + AuditImg1 + '" target="_blank"><img src="' + zxdurl + AuditImg1 + '" /></a></li>');
            }
        }
        if (AuditImg2 && AuditImg2 != "null") {
            if (AuditImg2.indexOf("http") > -1) {
                $("#imglist").append('<li><a href="' + AuditImg2 + '" target="_blank"><img src="' + AuditImg2 + '" /></a></li>');
            } else {
                $("#imglist").append('<li><a href="' + zxdurl + AuditImg2 + '" target="_blank"><img src="' + zxdurl + AuditImg2 + '" /></a></li>');
            }
        }
        if (AuditImg3 && AuditImg3 != "null") {
            if (AuditImg3.indexOf("http") > -1) {
                $("#imglist").append('<li><a href="' + AuditImg3 + '" target="_blank"><img src="' + AuditImg3 + '" /></a></li>');
            } else {
                $("#imglist").append('<li><a href="' + zxdurl + AuditImg3 + '" target="_blank"><img src="' + zxdurl + AuditImg3 + '" /></a></li>');
            }
        }
        if (AuditImg4 && AuditImg4 != "null") {
            if (AuditImg4.indexOf("http") > -1) {
                $("#imglist").append('<li><a href="' + AuditImg4 + '" target="_blank"><img src="' + AuditImg4 + '" /></a></li>');
            } else {
                $("#imglist").append('<li><a href="' + zxdurl + AuditImg4 + '" target="_blank"><img src="' + zxdurl + AuditImg4 + '" /></a></li>');
            }
        }
        if (AuditImg5 && AuditImg5 != "null") {
            if (AuditImg5.indexOf("http") > -1) {
                $("#imglist").append('<li><a href="' + AuditImg5 + '" target="_blank"><img src="' + AuditImg5 + '" /></a></li>');
            } else {
                $("#imglist").append('<li><a href="' + zxdurl + AuditImg5 + '" target="_blank"><img src="' + zxdurl + AuditImg5 + '" /></a></li>');
            }
        }
        if (AuditImg6 && AuditImg6 != "null") {
            if (AuditImg6.indexOf("http") > -1) {
                $("#imglist").append('<li><a href="' + AuditImg6 + '" target="_blank"><img src="' + AuditImg6 + '" /></a></li>');
            } else {
                $("#imglist").append('<li><a href="' + zxdurl + AuditImg6 + '" target="_blank"><img src="' + zxdurl + AuditImg6 + '" /></a></li>');
            }
        }
        //$("#ImgListValue").val(imgurl);
        //if ($("#imglist").find("li").length > 5) {
        //    $("#uploadAuditImg").hide();
        //}
        layer.open({
            title: '查看审核图片',
            type: 1,
            content: $('#AuditDialog'),
            area: ['40%', '70%']
            , btn: ['关闭']
            , yes: function (index, layero) {
                layer.closeAll();
                //$("#audit").click();
            }
        });
    }
</script>
<script type="text/html" id="typeTpl">
    {{# if(d.NEWSTYPE == "activity"){ }}
    活动
    {{# } else if(d.NEWSTYPE == "plan"){ }}
    策划
    {{# } else if(d.NEWSTYPE == "ad"){ }}
    推广
    {{# }else if(d.NEWSTYPE == "service"){ }}
    客户服务内容
    {{# } }}
</script>
@{
    if (ViewBag.Eid == 10000 || ViewBag.Eid == 2001 || ViewBag.Eid == 2007)
    {
        <script type="text/html" id="eventBar">
            <a class="layui-btn layui-btn-xs layui-bg-red" lay-event="audit">审核</a>
        </script>
    }
}
<script type="text/html" id="statusTpl">
    {{# if(d.STATUS == 1){ }}
    <i class="layui-icon layui-icon-ok layui-bg-green"></i>
    {{# } else if(d.STATUS == -1) { }}
    <i class="layui-icon layui-icon-close layui-bg-red"></i>
    {{# } else { }}
    <i class="layui-icon layui-icon-more layui-bg-blue"></i>
    {{# } }}
</script>
<script type="text/html" id="attTpl">
    {{# if(d.ATT != null){ }}
    <a href="{{d.ATT}}" target="_blank" class="layui-table-link">下载</a>
    {{# } }}
</script>
<script type="text/html" id="fileTpl">
    {{# if(d.fileUrl != null){ }}
    <a href="{{d.fileUrl}}" target="_blank" class="layui-table-link" download="{{d.fileName}}">下载</a>
    {{# } }}
</script>