<%@ 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}/lib/layuiAdmin/dist/layuiadmin/dist/viewer.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;
        }
    </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>
                <%--<c:if test="${7 != userType && 6!= userType}">
                    <li>审批过程</li>
                </c:if>--%>
            </ul>

            <div class="layui-tab-content">
                <div class="layui-tab-item layui-show">
                    <input hidden name="id" value="${apply.id}">
                    <div class="layui-col-xs8 mb-5">
                        <label class="layui-form-label"><i class="mark ">*</i>仓库名称：</label>
                        <div class="layui-input-block">
                            <input type="text" id="name" name="name" class="layui-input " lay-verify="required" disabled
                                   value="${apply.name}">
                        </div>
                    </div>
                    <div class="layui-col-xs4 mb-5">
                        <label class="layui-form-label"><i class="mark ">*</i>仓库属性：</label>
                        <div class="layui-input-block">
                            <select class="attribute" id="attribute" name="attribute" disabled
                                    lay-filter="attribute"  lay-verify="required">
                                <option value="">请选择仓库属性</option>
                                <option value="1" <c:if test="${apply.attribute eq '1'}" >selected</c:if> >自有仓库</option>
                                <option value="2" <c:if test="${apply.attribute eq '2'}" >selected</c:if>>租赁仓库</option>
                            </select>
                        </div>
                    </div>

                    <input hidden name="ascriptionName" value="${apply.ascriptionName}">

                    <div class="layui-col-xs6 mb-5">
                        <label class="layui-form-label"><i class="mark ">*</i>接货人：</label>
                        <div class="layui-input-block">
                            <input type="text" name="personInCharge" id="personInCharge" class="layui-input " disabled
                                   lay-verify="required" value="${apply.personInCharge}">
                        </div>
                    </div>
                    <div class="layui-col-xs6 mb-5">
                        <label class="layui-form-label"><i class="mark ">*</i>联系方式：</label>
                        <div class="layui-input-block">
                            <input type="text" id="mobile" name="mobile" class="layui-input " lay-verify="telephone" disabled
                                   value="${apply.mobile}">
                        </div>
                    </div>

                    <div class="layui-col-xs12 mb-5">
                        <label class="layui-form-label"><i class="red">*</i>仓库地址：</label>
                        <div class="layui-input-block ml-130">
                            <div class="layui-col-xs4 pr-20">
                                <select class="province" id="province" name="province" disabled
                                        lay-filter="province"  lay-verify="required">
                                    <option value="">请选择省</option>
                                    <c:forEach items="${province}" var="pro">
                                        <option value="${pro.columns.ProvinceName}" title="${pro.columns.ProvinceID}"
                                                <c:if test="${apply.province == pro.columns.ProvinceName}">selected</c:if>>${pro.columns.ProvinceName}</option>
                                    </c:forEach>
                                </select>
                            </div>
                            <div class="layui-col-xs4 pr-20">
                                <select class="city" name="city" id="city" lay-filter="city" disabled
                                        lay-verify="required">
                                    <option value="">请选择市</option>
                                    <c:forEach items="${city}" var="cityList">
                                        <option value="${cityList.columns.CityName}" title="${cityList.columns.CityID}"
                                                <c:if test="${apply.city==cityList.columns.CityName}">selected</c:if>>${cityList.columns.CityName}</option>
                                    </c:forEach>
                                </select>
                            </div>
                            <div class="layui-col-xs4">
                                <select class="area" name="area" id="area" lay-filter="area" disabled
                                        lay-verify="required">
                                    <option value="">请选择县/区</option>
                                    <c:forEach items="${area}" var="areaList">
                                        <option value="${areaList.columns.DistrictName}"
                                                <c:if test="${apply.area==areaList.columns.DistrictName}">selected</c:if>>${areaList.columns.DistrictName}</option>
                                    </c:forEach>
                                </select>
                            </div>
                            <div class="layui-col-xs12 mt-20">
                                <input type="text" id="detailAddress" name="address" disabled
                                       class="layui-input layui-col-lg2"
                                       value="${apply.address}" lay-verify="required">
                            </div>
                        </div>
                    </div>

                    <div class="layui-col-xs4  mb-5">
                        <label class="layui-form-label">
                            授权委托书：<br>
                            <%--<p style="margin-right: 25px"><a style="color:#D9B589;"  href="https://sky-energy.oss-cn-beijing.aliyuncs.com/energy_img/prohibitDeletion/%E4%BB%A3%E7%90%86%E5%95%86%E6%94%B6%E8%B4%A7%E4%BA%BA%E6%8E%88%E6%9D%83%E5%A7%94%E6%89%98%E4%B9%A6.docx" style="line-height: 28px; font-size: 12px; margin-left: 10px; color: #0099ff">模板下载</a></p>--%>
                        </label>
                        <div class="layui-input-block">
                            <div id="imgsDiv">
                                <c:if test="${not empty apply.imgs}">
                                    <div class="bj-img imgSpan">
                                      <%--  <span class="layui-icon-close layui-icon" ></span>--%>
                                        <img src="${commonStaticImgPath}${apply.imgs}" height="700" width="1200">
                                        <input type="hidden" class="imgPicker" value="${apply.imgs}">
                                    </div>
                                </c:if>
                            </div>
                            <div class="upload-container" <c:if test="${not empty apply.imgs}">hidden</c:if>>
                                <img src="" alt="img placeholder" >
                            </div>
                        </div>
                    </div>

                    <div class="layui-col-xs4  mb-5">
                        <label class="layui-form-label evidenceClass">产权证书：</label>
                        <div class="layui-input-block">
                            <div id="evidenceImgsDev">
                                <c:if test="${not empty apply.evidence}">
                                    <div class="bj-img imgSpan">
                                      <%--  <span class="layui-icon-close layui-icon" ></span>--%>
                                        <img src="${commonStaticImgPath}${apply.evidence}" height="700" width="1200">
                                        <input type="hidden" class="evidence" value="${apply.evidence}">
                                    </div>
                                </c:if>
                            </div>
                            <div class="upload-container" <c:if test="${not empty apply.evidence}">hidden</c:if>>
                                <img src="" alt="img placeholder" >
                            </div>
                        </div>
                    </div>

                    <c:if test="${apply.attribute eq '2'}">
                        <div class="layui-col-xs4 mb-5">
                            <label class="layui-form-label evidenceClass">租赁协议：</label>
                            <div class="layui-input-block">
                                <div id="leaseImgsDev">
                                    <c:if test="${not empty apply.leaseImg}">
                                        <div class="bj-img imgSpan">
                                            <img src="${commonStaticImgPath}${apply.leaseImg}" height="700" width="1200">
                                            <input type="hidden" class="evidence" value="${apply.leaseImg}">
                                        </div>
                                    </c:if>
                                </div>
                                <div class="upload-container" <c:if test="${not empty apply.leaseImg}">hidden</c:if>>
                                    <img src="" alt="img placeholder" >
                                </div>
                            </div>
                        </div>
                    </c:if>

                    <div class="layui-col-xs12 layui-form-item  mb-5">
                        <label class="layui-form-label">仓库照片：</label>
                        <div class="layui-input-block">
                            <div id="qualificationsImgsDev">
                                <c:if test="${not empty apply.qualificationsImgs}">
                                    <c:forEach var="quaim" items="${apply.qualificationsImgs.split(',')}">
                                        <div class="bj-img imgSpan">
                                           <%-- <span class="layui-icon-close layui-icon" ></span>--%>
                                            <img src="${commonStaticImgPath}${quaim}" height="700" width="1200">
                                            <input type="hidden" class="quaImgPicker" value="${quaim}">
                                        </div>
                                    </c:forEach>
                                </c:if>
                            </div>
                            <div class="upload-container" <c:if test="${not empty apply.qualificationsImgs}">hidden</c:if>>
                                <img src="" alt="img placeholder" >
                            </div>
                        </div>
                    </div>

                    <%--<div class="layui-col-xs12 layui-form-item  mb-5">
                        <label class="layui-form-label">备注：</label>
                        <div class="layui-input-block">
                            <textarea name="remarks" id="remarks" disabled placeholder="" class="layui-textarea" >${apply.remarks}</textarea>
                        </div>
                    </div>--%>

                    <%--<div class="layui-col-xs12 mb-15 pr-30 mt-10">
                        <label class="layui-form-label w-130">备注：</label>
                        <div class="layui-input-block">
                            <c:choose>
                                <c:when test="${from eq 'audit'}">
                                    <input type="text" name="auditRemarks" id="auditRemarks" autocomplete="off" placeholder="" class="layui-input" value="">
                                </c:when>
                                <c:otherwise>
                                    <input type="text" autocomplete="off" placeholder="" class="layui-input layui-bg-gray" disabled value="${apply.examineOpinion}">
                                </c:otherwise>
                            </c:choose>
                        </div>
                    </div>--%>

                    <c:if test="${from eq 'audit'}">
                        <div class="layui-col-xs12 mb-15 pr-30 mt-10">
                            <label class="layui-form-label w-130">备注：</label>
                            <div class="layui-input-block">
                                <input type="text" name="auditRemarks" id="auditRemarks" autocomplete="off" placeholder="" class="layui-input" value="">
                            </div>
                        </div>

                    </c:if>
                </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>


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

        <input type="hidden" id="processInstanceId" value="${apply.processInstanceId}">
        <input type="hidden" id="status" value="${apply.status}">--%>
        <div class="layui-col-xs12 mb-20 pr-30 mt-20">
        </div>
    </div>
    <input hidden id="imgs" value="${apply.imgs}">
    <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 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;

        /*if (imgsCount>=3) {
            $("#uploader").hide();
        }*/

        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);
                            }
                        },
                    }) ;
                }
            }*/

        });

        //通过
        var fg=false;
        $("#approve").click(function (){
            if(fg){
                return ;
            }
            var index= layer.load(2, {shade: [0.5,'#fff'], content:''});

            $("#approve").attr("disabled","true");
            var id=$("#id").val();
            var taskId=$("#taskId").val();
            var content=$("#auditRemarks").val();
            var voucher=$("#imgs").val();
           /* if(isBlank(voucher)){
                layer.msg("支付凭证不能为空！",{icon:"2"});
                return ;
            }*/
            fg=true;

            $.ajax({
                type:"POST",
                url:"${ctx}/apply/warehouseApply/examineWarehouseApplyApprove",
                data:{
                    id:id,
                    taskId:taskId,
                    content:content,
                    voucher:voucher
                },
                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");
                        fg=false;
                    }
                },
                complete: function () {
                    layer.close(index);
                },
                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/warehouseApply/rejectWarehouseApplyTask",
                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) {
                }
            }) ;
        })

        var uploadInst = upload.render({
            elem: '#uploader' //绑定元素
            , url: '${ctx}/common/uploadFile' //上传接口
            ,before: function(obj){
                //预读本地文件示例，不支持ie8
                obj.preview(function (index, file, result) {

                });
            }
            , done: function (res) {
                /* imgs+=res.path+',';
                 $("#imgs").val(imgs);*/
                //上传完毕回调
                addImg(res.path);
            }
            , error: function () {
                //请求异常回调
            }
        });


    })

    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;
    }

    function addImg(data){
        imgs = '';
        imgsCount++;
        if (imgsCount >= 3) {
            $("#uploader").hide();
        }else{
            $("#uploader").show();
        }
        var html = '<div class="bj-img imgSpan"><span class="layui-icon-close layui-icon" onclick="delImg(this)"></span>';
        html += '<img src="${commonStaticImgPath}'+data+'" height="700" width="1200"/>';
        html += '<input type="hidden" class="imgPicker" value="'+data+'"/> </div>';
        $("#imgsDiv").append(html);
        var imgSelector = $(".imgPicker");
        imgSelector.each(function (index) {
            var img = $(this).val();
            if (!isBlank(img)) {
                imgs += img + ",";
            }
        });
        console.log(imgs);
        $("#imgs").val(imgs);
    }

    function delImg(that){
        imgsCount--;
        if (imgsCount < 3) {
            $("#uploader").show();
        }
        $(that).parent().remove();
        var imgSelector = $(".imgPicker");
        imgSelector.each(function (index) {
            var img = $(this).val();
            if (!isBlank(img)) {
                imgs += img + ",";
            }
        });
        $("#imgs").val(imgs);
    }

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




