<%@ 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}/static/css/reset.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;
        }
        .border-s{border: 1px #DDD dashed; padding: 20px 0; width: 95%; margin: 0 auto; border-radius: 10px;margin-bottom: 10px}
        .layui-btn.black-cloth{display: block}
        .layui-card .layui-tab-brief .layui-tab-title.zdy li{background-color: #F2F2F2;}
        .layui-card .layui-tab-brief .layui-tab-title.zdy li.layui-this{ background-color: #FFF;}
        .layui-card .layui-tab-brief .layui-tab-title.zdy li{margin: 0; padding: 0 20px;}

    </style>
</head>
<body>

<div class="layui-form">
    <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>
               <%-- <li>流程路径</li>--%>
                <li>审批过程</li>
            </ul>

            <div class="layui-tab-content">
                <div class="layui-tab-item layui-show">
                    <input name="id" value="${apply.columns.id}" hidden>

                    <c:forEach var="item" items="${items}" varStatus="vs">
                        <div class="layui-row border-s" data-type="projectIds${vs.count}">
                            <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="生效日期" 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">
                                                <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" value="${item.columns.amount}">
                                        </div>
                                    </div>
                                </div>

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

                    <div class="layui-col-xs12 mb-15 pr-30 mt-10">
                        <div class="layui-tab">

                                <ul class="layui-tab-title zdy">
                                    <li class="layui-this">
                                        适用产品
                                    </li>
                                    <li>适用代理商</li>
                                </ul>

                            <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 class="layui-inline layui-col-xs12">
                            <label class="layui-form-label w-130">备注：</label>
                            <div class="layui-input-block w-200" >
                                <input type="text" class="layui-input" id="auditRemarks"  >
                            </div>
                        </div>
                    </div>
                </div>
<%--
                <div class="layui-tab-item licheng">
                    <ul class="layui-timeline" id="licheng">

                    </ul>
                </div>--%>

                <div class="layui-tab-item guocheng">
                    <ul class="layui-timeline">
                        <c:forEach items="${infos}" var="info">
                            <li class="layui-timeline-item">
                                <i class="layui-icon layui-timeline-axis"></i>
                                <div class="layui-timeline-content layui-text">
                                    <div class="layui-timeline-title"><fmt:formatDate value="${info.operateTime}" pattern="yyyy-MM-dd HH:mm:ss"/>&nbsp;&nbsp;&nbsp;${info.detail}</div>
                                </div>
                            </li>
                        </c:forEach>

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




        </div>

        <div  class="openDivBottom">
            <div class="layui-col-xs4">
                提交人：${apply.columns.create_name}
            </div>
            <div class="layui-col-xs4">
                所属部门：${apply.columns.department_name}
            </div>
            <div class="layui-col-xs4">
                申请时间：${apply.columns.createTime}
            </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">
        <c:if test="${from eq 'audit'}">
            <input type="button"  id="approve" class="layui-btn " value="同意">
            <input type="button"  id="back" class="layui-btn " value="驳回">
        </c:if>
        <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;

        element.on('tab(docDemoTabBrief)', function (data) {
            $('.layui-tab-content').eq(data.index).removeClass('layui-hide').siblings('.layui-tab-content').addClass('layui-hide');
          /*  if(data.index==1){
                var len=$("#licheng li").length;
                console.log("leng"+len);
                if(len==0){
                    var processInstanceId=$("#processInstanceId").val();
                    var status=$("#status").val();
                    $.ajax({
                        type:"POST",
                        url:"${ctx}/set/process/getBpmnModel",
                        data:{
                            processInstanceId:processInstanceId,
                            status:status,
                        },
                        success:function(res){
                            if(res.code=="200"){
                                var str=res.data;
                                var ht='';
                                for(var i=0;i<str.length;i++){
                                    var taski = str[i];
                                    console.log(taski);
                                    ht+='<li class="layui-timeline-item">';
                                    ht+='<i class="layui-icon layui-timeline-axis">&#xe63f;</i>';
                                    ht+='<div class="layui-timeline-content layui-text">';
                                    if(taski.status=='3'){
                                        ht+='<h3 class="layui-timeline-title fontColor1">'+taski.taskName+'</h3>'
                                        ht+='<p class="fontColor1">'+taski.approveUserName+'</p>';
                                    }else{
                                        ht+='<h3 class="layui-timeline-title">'+taski.taskName+'</h3>'
                                        ht+='<p>'+taski.approveUserName+'</p>';
                                    }
                                    ht+='</div>'
                                    ht+='</li>';
                                }

                                $("#licheng").html(ht);
                            }
                        },
                    }) ;
                }
            }*/

        });

        //通过
        $("#approve").click(function (){
            var id=$("#id").val();
            var taskId=$("#taskId").val();
            var content=$("#auditRemarks").val();
            $("#approve").attr("disabled","true");
            $.ajax({
                type:"POST",
                url:"${ctx}/apply/standardPrice/examineStandardPriceApplyApprove",
                data:{
                    id:id,
                    taskId:taskId,
                    content:content
                },
                success:function(res){
                    console.log(res+'----');
                    if(res.code=="200"){
                        parent.layer.msg("审核成功",{time:2000});
                        closeDiv();
                        parent.table.reload('test');
                    } else{
                        layer.msg(res.errMsg,{time:2000});
                        $("#approve").removeAttr("disabled");
                    }
                },
                error:function (data) {
                }
            }) ;
        })

        //驳回
        $("#back").click(function (){
            var id=$("#id").val();
            var taskId=$("#taskId").val();
            var content=$("#auditRemarks").val();
            if(isBlank(content)){
                layer.msg("请输入备注！",{icon:"2"});
                return ;
            }
            $("#back").attr("disabled","true");
            $.ajax({
                type:"POST",
                url:"${ctx}/apply/standardPrice/rejectStandardPriceApplyTask",
                data:{
                    id:id,
                    taskId:taskId,
                    content:content
                },
                success:function(res){
                    console.log(res+'++++++');
                    if(res.code=="200"){
                        parent.layer.msg("驳回成功",{time:2000});
                        closeDiv();
                        parent.table.reload('test');
                    } else{
                        layer.msg(res.errMsg,{time:2000});
                        $("#back").removeAttr("disabled");
                    }
                },
                error:function (data) {
                }
            }) ;
        })

    })

    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>



