<%@ page contentType="text/html;charset=UTF-8" %>
<%@ include file="/WEB-INF/views/include/taglib.jsp" %>
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport"
          content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <meta name="decorator" content="base"/>
    <link rel="stylesheet" href="${ctxPlugin}/lib/layuiAdmin/dist/layuiadmin/layui/css/layui.css" media="all">
    <link rel="stylesheet" href="${ctxPlugin}/lib/layuiAdmin/dist/layuiadmin/style/admin.css" media="all">
    <link rel="stylesheet" href="${ctxPlugin}/static/css/reset.css" media="all">
    <link rel="stylesheet" href="${ctxPlugin}/lib/layuiAdmin/dist/layuiadmin/dist/viewer.css" media="all">
    <style>
        html{background-color: #fff;padding-bottom: 50px;}
        .layui-form-select dl{
            max-height:200px;
            width: 80%;
        }
        .layui-text h3 {
            font-size: 14px !important;
        }
        .fontColor1{
            color: #409eff !important;
        }
    </style>
</head>
<body>

<div class="layui-form" id="LAY_app">
    <div class="layui-card mt-10">

        <div class="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief">
<%--            <ul class="layui-tab-title">--%>
<%--                <li class="layui-this">查看</li>--%>
<%--            </ul>--%>

            <div class="layui-tab-content">
                <div class="layui-tab-item layui-show">
                    <div class="layui-col-xs12 mb-15 pr-30">
                        <input name="id" value="${apply.columns.id}" hidden>
                        <label class="layui-form-label w-130"><i class="red">*</i>代理商名称：</label>
                        <div class="layui-input-block">
                            <input type="text" class="layui-input layui-bg-gray" value="${apply.columns.traderName}" id="traderName" disabled>
                        </div>
                    </div>

                    <div class="layui-col-xs12 mb-10 pr-30">
                        <div class="layui-inline layui-col-xs6">
                            <label class="layui-form-label w-130">联系人：</label>
                            <div class="layui-input-block ">
                                <input type="text" class="layui-input layui-bg-gray" value="${apply.columns.traderContacts}" id="contacts" disabled>
                            </div>
                        </div>
                        <div class="layui-inline layui-col-xs6">
                            <label class="layui-form-label w-130">联系电话：</label>
                            <div class="layui-input-block w-200" >
                                <input type="text" class="layui-input layui-bg-gray" value="${apply.columns.traderMobile}" id="mobile" disabled>
                            </div>
                        </div>
                    </div>
                    <div class="layui-col-xs12 mb-10 pr-30">
                        <label class="layui-form-label w-130">代理商地址：</label>
                        <div class="layui-input-block">
                            <input type="text"  class="layui-input layui-bg-gray" value="${apply.columns.traderAddress}" disabled id="traderAddress" >
                        </div>
                    </div>
<%--                    <div  class="openDivBottom">--%>
                        <blockquote class="layui-elem-quote" style="clear: both;">明细记录</blockquote>
                        <div class="layui-col-xs12 mt-10 mb-10 pr-30 pl-30">
                            <table class="layui-table">
                                <thead>
                                <th>序号</th>
                                <th>调整类型</th>
                                <th>调整金额(元)</th>
                                <th>申请人</th>
                                <th>所属部门</th>
                                <th>申请时间</th>
                                <th>变动时间</th>
                                <th>申请备注</th>
                                </thead>
                                <tbody id="materialTbody">
                                <c:forEach items="${details}" var="applyDetail" varStatus="vs">
                                    <tr data-id="${applyDetail.columns.id}"
                                        data-materialId="${applyDetail.columns.material_id}"
                                        data-applyAmount="${applyDetail.columns.apply_amount}">
                                        <td>${vs.count}</td>
                                        <td>${applyDetail.columns.adjust_type_name}</td>
                                        <td>${applyDetail.columns.amount}</td>
                                        <td>${applyDetail.columns.create_name}</td>
                                        <td>${applyDetail.columns.departmentName}</td>
                                        <td>${applyDetail.columns.createTime}</td>
                                        <td>${applyDetail.columns.finishTime}</td>
                                        <td>${applyDetail.columns.remarks}</td>
                                    </tr>
                                </c:forEach>
                                </tbody>
                            </table>
                        </div>
<%--                    </div>--%>
                </div>
            </div>

        </div>



        <input type="hidden" name="taskId" id="taskId" value="${apply.columns.task_id}">
        <input type="hidden" name="id" id="id" value="${apply.columns.id}">

        <input type="hidden" id="processInstanceId" value="${apply.columns.process_instance_id}">
        <input type="hidden" id="status" value="${apply.columns.status}">
        <div class="layui-col-xs12 mb-20 pr-30 mt-20">
        </div>
    </div>
    <div class="operate-footer">
        <input type="button"   value="取消" class="layui-btn layui-btn-primary " onclick="closeDiv();" >
    </div>
</div>

<div id="lookImg" class="hide pos-r">
    <div style="position:relative;width:90%;height:450px;">
        <div class="w-500 h-450 lookImg">
            <img src="" width="80%" id="image">
        </div>
    </div>
</div>
<script src="${ctxPlugin}/lib/layuiAdmin/dist/layuiadmin/layui/layui.js"></script>
<script src="${ctxPlugin}/lib/layuiAdmin/dist/layuiadmin/dist/viewer.js"></script>
<script type="text/javascript">
    var viewer = new Viewer(document.getElementById('LAY_app'));
    //初始数据
    var $form;
    var form;
    var upload;
    var $;
    var myreg=/^[1][3,4,5,6,7,8,9][0-9]{9}$/;
    layui.use(['form', 'table', 'upload', 'jquery','element'], function () {
        $ = layui.jquery;
        form = layui.form;
        upload = layui.upload;
        $form = $('form');
        var element = layui.element;

        element.on('tab(docDemoTabBrief)', function (data) {
            $('.layui-tab-content').eq(data.index).removeClass('layui-hide').siblings('.layui-tab-content').addClass('layui-hide');
        });
    })

    function  closeDiv() {
        var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
        parent.layer.close(index);
    }

    function isBlank(val) {
        if (val == null || val == '' || val == undefined) {
            return true;
        }
        return false;
    }

</script>
</body>
</html>

