<%@ 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/style/formSelects-v4.css" media="all">
    <style>
        html{background-color: #fff;padding-bottom: 50px;}
        .layui-form-select dl{
            max-height:200px;
            width: 80%;
        }
        .border-s{border: 1px #DDD dashed; padding: 20px 0; width: 95%; margin: 0 auto; border-radius: 10px;margin-bottom: 10px}
        .xm-select-parent .xm-select {
            min-height: 32px;
        }
        .layui-tab-title li {
            background-color:#f2f2f2;
            line-height: 40px;
        }
        .layui-tab-title .layui-this {
            background-color: #fff;
        }
        .tab-box{position: relative;}
        .tab-box button{position: absolute; right: 10px; top: 10px; background: #cd2323; color: #fff; border: none; padding: 3px 10px }
    </style>
</head>
<body>

<div class="layui-form">
    <div class="layui-card mt-10">
        <input name="id" value="${apply.columns.id}" hidden>
        <div id="anyDiv">
            <c:forEach var="item" items="${items}" varStatus="vs">
                <div class="layui-row border-s" data-type="projectIds">
                    <div class="layui-col-xs12">
                        <div class="layui-col-xs12 mb-10 pr-30">
                            <div class="layui-inline layui-col-xs6">
                                <label class="layui-form-label w-130"><i class="red">*</i>方案名称：</label>
                                <div class="layui-input-block">
                                    <input type="text" class="layui-input"  name="name" lay-verify="required" readonly value="${item.columns.name}">
                                </div>
                            </div>
                            <div class="layui-inline layui-col-xs6">
                                <label class="layui-form-label w-130"><i class="red">*</i>生效时间：</label>
                                <div class="layui-input-block">
                                    <div class="layui-col-xs5">
                                        <input type="text" name="createTime" id="createTime" class="layui-input"  lay-verify="required"   placeholder="yyyy-MM-dd"   value="<fmt:formatDate value="${item.columns.create_time}" pattern="yyyy-MM-dd" />">
                                    </div>
                                    <div class="layui-col-xs2 text-c lh-30">
                                        —
                                    </div>
                                    <div class="layui-col-xs5">
                                        <input type="text" name="endTime" id="endTime" class="layui-input"  lay-verify="required"  placeholder="失效日期" value="<fmt:formatDate value="${item.columns.end_time}" pattern="yyyy-MM-dd" />">
                                    </div>
                                </div>
                            </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"><i class="red">*</i>结算方式：</label>
                                <div class="layui-input-block ">
                                    <select name="type"  lay-verify="required" readonly="">
                                        <option value="">请选择</option>
                                        <option value="1" <c:if test="${item.columns.type eq 1}"> selected</c:if>>按组件单瓦</option>
                                        <option value="2" <c:if test="${item.columns.type eq 2}"> selected</c:if>>按组件单块</option>
                                    </select>
                                </div>
                            </div>
                            <div class="layui-inline layui-col-xs6">
                                <label class="layui-form-label w-130"><i class="red">*</i>结算价：</label>
                                <div class="layui-input-block w-200" >
                                    <input type="text" class="layui-input" name="amount" lay-verify="required" readonly value="${item.columns.amount}">
                                </div>
                            </div>
                        </div>

                    </div>

                </div>
            </c:forEach>
        </div>


        <div class="layui-col-xs12 mb-15 pr-30 mt-10">
            <div class="layui-tab">
                <div class="tab-box">
                    <ul class="layui-tab-title">
                        <li class="layui-this">
                            适用产品
                        </li>
                        <li>适用代理商</li>
                    </ul>
                </div>
                <div class="layui-tab-content">
                    <div class="layui-tab-item layui-show">
                        <table class="layui-table">
                            <thead>
                            <tr>
                                <th>序号</th>
                                <th>产品编号</th>
                                <th>产品名称</th>
                                <th>产品线</th>
                                <th>备案类型</th>
                                <th>操作</th>
                            </tr>
                            </thead>
                            <tbody id="optionalProjectBody">
                            <c:forEach items="${projects}" var="pro" varStatus="coe">
                                <tr  data-projectId="${pro.columns.id}">
                                    <td class="idx">${coe.count}</td>
                                    <td class="">${pro.columns.code}</td>
                                    <td class="">${pro.columns.name}</td>
                                    <td class="">${pro.columns.productLineName}</td>
                                    <td class="">${pro.columns.filing_type eq '1' ?'农户备案':'项目公司备案'}</td>
                                    <td class="">---</td>
                                </tr>
                            </c:forEach>
                            </tbody>
                        </table>
                    </div>
                    <div class="layui-tab-item">
                        <table class="layui-table">
                            <thead>
                            <tr>
                                <th>序号</th>
                                <th>代理商名称</th>
                                <th>操作</th>
                            </tr>
                            </thead>
                            <tbody id="traderListBody">
                            <c:forEach items="${traders}" var="tra" varStatus="coe">
                                <tr  data-projectId="${tra.columns.id}">
                                    <td class="idx">${coe.count}</td>
                                    <td class="">${tra.columns.name}</td>
                                    <td class="">---</td>
                                </tr>
                            </c:forEach>
                            </tbody>
                        </table>

                    </div>
                </div>
            </div>

        </div>

    </div>
    <div class="operate-footer">
        <input type="button"   value="取消" class="layui-btn layui-btn-primary " onclick="closeDiv();" >
    </div>
</div>



<script src="${ctxPlugin}/lib/layuiAdmin/dist/layuiadmin/layui/layui.js"></script>
<script type="text/javascript">
    //初始数据
    var $form;
    var form;
    var upload;
    var $;
    layui.use(['form', 'table', 'upload', 'jquery','element'], function () {
        $ = layui.jquery;
        form = layui.form;
        upload = layui.upload;
        $form = $('form');
        var element = layui.element;
    })

    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>




