<%@ 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>
        .layui-form-select dl{
            max-height:200px;
            width: 80%;
        }
        html {
            background-color: #fff;
        }
        .layui-table td, .layui-table th {
            text-align: center;
        }
        .lookBtn{
            color: #2890ac;
            width: 10px;
            padding: 11px;
        }
        .bj-img{width: 80px;
            height: 80px;
            border: 1px solid #ddd;
            float: inherit;
            margin-right: 20px;
            display: inline-block;
            position: relative;
        }
    </style>
</head>
<body>
<div class="aaa" id="LAY_app">
    <div class="layui-form">
        <div class="layui-card-body over pt-20 pb-40 h-350" action="" id="detailSet">
            <div class="layui-col-xs12 mb-10 pr-30">
                <div class="layui-row">
                    <div class="layui-inline layui-col-xs4">
                        <label class="layui-form-label w-130"><c:if test="${readOnly ne '1'}"><i class="red">*</i></c:if>设计方案：</label>
                        <div class="layui-input-block ">
                            <c:if test="${entry.schemeType eq '1'}"><input class="layui-input layui-bg-gray" value="标准方案" disabled/> </c:if>
                            <c:if test="${entry.schemeType eq '2'}"><input class="layui-input layui-bg-gray" value="组合方案" disabled/></c:if>
                        </div>
                    </div>
                </div>
                <c:forEach var="item" items="${lists}" varStatus="vs">
                    <div class="layui-row">
                        <div class="layui-col-lg3 layui-col-sm3">
                            <label class="layui-form-label"><c:if test="${readOnly ne '1'}"><i class="mark">*</i></c:if>方案类型：</label>
                                <div class="layui-input-block">
                                    <input type="text" class="layui-input layui-bg-gray" value="${item.columns.plan_type}" disabled>
                                </div>
                        </div>
                        <div class="layui-col-lg3 layui-col-sm3 ">
                            <label class="layui-form-label"><c:if test="${readOnly ne '1'}"><i class="mark">*</i></c:if>方案名称：</label>
                            <div class="layui-input-block">
                                <input type="text" class="layui-input layui-bg-gray" value="${item.columns.name}" disabled>
                            </div>

                        </div>
                        <div class="layui-col-lg3 layui-col-sm3 ">
                            <label class="layui-form-label"><c:if test="${readOnly ne '1'}"><i class="mark">*</i></c:if>参考图纸：</label>
                            <div class="layui-input-block pos-r view-attachment">
                                <c:if test="${not empty item.columns.attach}"> <a class="h-32 lh-32 layui-span-unit lookBtn" target="_blank" href="${commonStaticImgPath}${item.columns.attach}" style="color: #2890ac;">查看</a></c:if>
                                <c:if test="${not empty item.columns.attach2}"> <a class="h-32 lh-32 layui-span-unit lookBtn" target="_blank" href="${commonStaticImgPath}${item.columns.attach2}" style="color: #2890ac;">查看</a></c:if>
                            </div>
                        </div>
                    </div>
                </c:forEach>
                <div class="layui-row">
                    <div class="layui-inline layui-col-xs12">
                        <label class="layui-form-label w-130"><c:if test="${readOnly ne '1'}"><i class="red">*</i></c:if>设计图纸：</label>
                        <div class="layui-input-block ">
                            <%--<a class="h-32 lh-32 ml-5 layui-span-unit" href="${commonStaticImgPath}${entry.designDrawings}" style="color: #2890ac;">查看</a>
                        --%>
                                <div id="attachFile">
                                    <c:if test="${not empty entry.designDrawings}">
                                        <c:forEach var="imgStr" items="${fn:split(entry.designDrawings,',')}">
                                            <c:choose>
                                                <c:when test="${fns:checkIfImg(imgStr)}">
                                                    <div class="bj-img imgSpan">
                                                        <img src="${commonStaticImgPath}${imgStr}" data-img="${commonStaticImgPath}${imgStr}" height="700" width="1200"/>
                                                        <input type="hidden" class="attachFileImg" value="${imgStr}"/>
                                                    </div>
                                                </c:when>
                                                <c:otherwise>
                                                    <a class="h-32 lh-32 layui-span-unit lookBtn" href="${commonStaticImgPath}${imgStr}" target="_blank">查看</a>
                                                    <input type="hidden" class="attachFileImg" value="${imgStr}"/>
                                                </c:otherwise>
                                            </c:choose>
                                        </c:forEach>

                                    </c:if>
                                </div>
                        </div>
                    </div>
                </div>
                <c:forEach var="item" items="${assemblyList}" varStatus="vs">
                    <div class="layui-row">
                        <div class="layui-col-lg5 layui-col-sm7">
                            <label class="layui-form-label"><c:if test="${readOnly ne '1'}"><i class="mark">*</i></c:if>组件：</label>
                            <div class="layui-input-block">
                                <div class="layui-inline">
                                    <input type="text" class="layui-input layui-bg-gray" style="width: 105px;" value="${item.columns.model}" disabled>
                                    <span class="pos-a h-32 lh-32 layui-span-unit">W</span>
                                </div>
                                <span class="layui-inline">X </span>
                                <div class="layui-inline">
                                    <input type="text" class="layui-input layui-bg-gray" style="width: 85px;" value="${item.columns.num}" disabled>
                                </div>
                            </div>
                        </div>
                    </div>
                </c:forEach>
                <c:forEach var="item" items="${inverterList}" varStatus="vs">
                    <div class="layui-row">
                        <div class="layui-col-lg5 layui-col-sm7">
                            <label class="layui-form-label"><c:if test="${readOnly ne '1'}"><i class="mark">*</i></c:if>逆变器：</label>
                            <div class="layui-input-block">
                                <div class="layui-inline">
                                    <input type="text" class="layui-input layui-bg-gray" style="width: 105px;" value="${item.columns.model}" disabled>
                                </div>
                                <span class="layui-inline">X </span>
                                <div class="layui-inline">
                                    <input type="text" class="layui-input layui-bg-gray" style="width: 85px;" value="${item.columns.num}" disabled>
                                </div>
                            </div>
                        </div>
                    </div>
                </c:forEach>
                <c:forEach var="item" items="${gridConnectionList}" varStatus="vs">
                    <div class="layui-row">
                        <div class="layui-col-lg5 layui-col-sm7">
                            <label class="layui-form-label"><c:if test="${readOnly ne '1'}"><i class="mark">*</i></c:if>并网箱：</label>
                            <div class="layui-input-block">
                                <div class="layui-inline">
                                    <input type="text" class="layui-input layui-bg-gray" style="width: 105px;" value="${item.columns.model}" disabled>
                                </div>
                                <span class="layui-inline">X </span>
                                <div class="layui-inline">
                                    <input type="text" class="layui-input layui-bg-gray" style="width: 85px;" value="${item.columns.num}" disabled>
                                </div>
                            </div>
                        </div>
                    </div>
                </c:forEach>
                <c:forEach var="item" items="${gridSupportList}" varStatus="vs">
                    <div class="layui-row">
                        <div class="layui-col-lg5 layui-col-sm7">
                            <label class="layui-form-label"><c:if test="${readOnly ne '1'}"><i class="mark">*</i></c:if>支架：</label>
                            <div class="layui-input-block">
                                <div class="layui-inline">
                                    <input type="text" class="layui-input layui-bg-gray" style="width: 105px;" value="${item.columns.model}" disabled>
                                </div>
                                <span class="layui-inline">X </span>
                                <div class="layui-inline">
                                    <input type="text" class="layui-input layui-bg-gray" style="width: 85px;" value="${item.columns.num}" disabled>
                                </div>
                            </div>
                        </div>
                    </div>
                </c:forEach>


                <div class="layui-row">
                    <div class="layui-col-xs12">
                        <label class="layui-form-label">方案备注：</label>
                        <div class="layui-input-block">
                                    <textarea name="schemeRemarks" id="schemeRemarks" class="layui-textarea layui-bg-gray" lay-verify="required" disabled>${entry.schemeRemarks}</textarea>
                        </div>
                    </div>
                </div>

<%--                <div class="layui-inline layui-col-xs4">--%>
<%--                    <label class="layui-form-label w-130"><i class="red">*</i>组件规格：</label>--%>
<%--                    <div class="layui-input-block ">--%>
<%--                        <input type="text" disabled  name="code" lay-verify="required" autocomplete="off" placeholder="请输入方案编号" class="layui-input layui-disabled" value="${entry.componentSpec}">--%>
<%--                    </div>--%>
<%--                </div>--%>
<%--                <div class="layui-inline layui-col-xs4">--%>
<%--                    <label class="layui-form-label w-130"><i class="red">*</i>总组件块数：</label>--%>
<%--                    <div class="layui-input-block w-200" >--%>
<%--                        <input type="text" disabled name="name" lay-verify="required" autocomplete="off" placeholder="请输入方案名称" class="layui-input layui-disabled" value="">--%>
<%--                    </div>--%>
<%--                </div>--%>

<%--                <div class="layui-inline layui-col-xs4">--%>
<%--                    <label class="layui-form-label w-130">匹配时间：</label>--%>
<%--                    <div class="layui-input-block w-200" >--%>
<%--                        <input type="text" readonly autocomplete="off" class="layui-input layui-disabled" value='<fmt:formatDate value="${matchTime}" pattern="yyyy-MM-dd HH:mm:ss"/>' />--%>
<%--                    </div>--%>
<%--                </div>--%>

<%--                <c:forEach var="complan" items="${lists}">--%>
<%--                    <div class="layui-inline layui-col-xs4">--%>
<%--                        <label class="layui-form-label w-130"><i class="red">*</i>方案编号：</label>--%>
<%--                        <div class="layui-input-block ">--%>
<%--                            <input type="text" disabled name="code" lay-verify="required" autocomplete="off" placeholder="请输入方案编号" class="layui-input layui-disabled" value="${complan.columns.code}">--%>
<%--                        </div>--%>
<%--                    </div>--%>
<%--                    <div class="layui-inline layui-col-xs4">--%>
<%--                        <label class="layui-form-label w-130"><i class="red">*</i>方案名称：</label>--%>
<%--                        <div class="layui-input-block w-200" >--%>
<%--                            <input type="text" disabled name="name" lay-verify="required" autocomplete="off" placeholder="请输入方案名称" class="layui-input layui-disabled" value="${complan.columns.name}">--%>
<%--                        </div>--%>
<%--                    </div>--%>

<%--                    <div class="layui-inline layui-col-xs4">--%>
<%--                        <label class="layui-form-label w-130">组件块数：</label>--%>
<%--                        <div class="layui-input-block w-200" >--%>
<%--                            <input type="text" readonly autocomplete="off" class="layui-input layui-disabled" value='${complan.columns.component_num}' />--%>
<%--                        </div>--%>
<%--                    </div>--%>

<%--                </c:forEach>--%>

<%--            <c:forEach var="complan" items="${lists}">--%>
<%--                <c:if test="${not empty complan.columns.attach}">--%>
<%--                <div class="layui-inline layui-col-xs3">--%>
<%--                    <div class="layui-input-block" >--%>
<%--                        <a href="javascript:downloadAttach('${complan.columns.attach}')" style="color: #01AAED">${complan.columns.attach_name}</a>--%>
<%--                    </div>--%>
<%--                </div>--%>
<%--            </c:if>--%>
<%--                <c:if test="${not empty complan.columns.attach2}">--%>
<%--                <div class="layui-inline layui-col-xs3">--%>
<%--                    <div class="layui-input-block" >--%>
<%--                        <a  href="javascript:downloadAttach('${complan.columns.attach2}')" style="color: #01AAED">${complan.columns.attach_name2}</a>--%>
<%--                    </div>--%>
<%--                </div>--%>
<%--                </c:if>--%>
<%--            </c:forEach>--%>

            </div>
<%--            <div class="layui-col-xs12 mb-20 pr-30 mt-20">--%>
<%--                <table class="layui-table">--%>
<%--                    <thead>--%>
<%--                        <tr>--%>
<%--                            <th>序号</th>--%>
<%--                            <th>料号</th>--%>
<%--                            <th>名称</th>--%>
<%--                            <th>规格</th>--%>
<%--                            <th>单位</th>--%>
<%--                            <th>数量</th>--%>
<%--                        </tr>--%>
<%--                    </thead>--%>
<%--                    <tbody id="materialTable">--%>
<%--                        <c:forEach items="${materials}" varStatus="vs" var="material">--%>
<%--                            <tr>--%>
<%--                                <td>${vs.count}</td>--%>
<%--                                <td>${material.columns.code}</td>--%>
<%--                                <td>${material.columns.name}</td>--%>
<%--                                <td>${material.columns.spec}</td>--%>
<%--                                <td>${material.columns.unit}</td>--%>
<%--                                <td>${material.columns.amount}</td>--%>
<%--                            </tr>--%>
<%--                        </c:forEach>--%>
<%--                    </tbody>--%>
<%--                </table>--%>
<%--            </div>--%>
        </div>

    </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 src="${ctxPlugin}/lib/base64.js"></script>
<script type="text/javascript">
    var viewer = new Viewer(document.getElementById('LAY_app'));
    //初始数据
    var $form;
    var form;
    var upload;
    var $;
    var imgs='';
    var myreg=/^[1][3,4,5,6,7,8,9][0-9]{9}$/;
    layui.use(['form', 'table', 'upload', 'jquery'], function () {
        $ = layui.jquery;
        form = layui.form;
        upload = layui.upload;
        $form = $('form');

        form.verify({
            details: function(){
              if($('#materialTable>tr').length === 0){
                  return "请导入物料信息";
              }
            },
            attach: function(value){
                if(isBlank(value)){
                    return "请上传附件";
                }
            }
        });

        if(${mode eq 'view'}){
            $('input').prop('disabled', true);
        }

        $(document).on('mouseenter', '#materialTable td', function(){
            var that = this;
            $(that).attr('title', $(that).text());
        });

        window.importMaterial = function(data){
            var html = "";
            for(var i=0; i<data.length; i++){
                html += "<tr>";
                html += '<td>' + (i+1) + '</td>';
                html += '<td>' + data[i].code + '</td>';
                html += '<td>' + data[i].name + '</td>';
                html += '<td>' + data[i].spec + '</td>';
                html += '<td>' + data[i].unit + '</td>';
                html += '<td>' + data[i].amount + '</td>';
                html += "</tr>";
            }

            $('#materialTable').empty().append(html);
        }

        $('#uploadFile').change(function () {
            var file = $(this)[0].files[0];
            if(isBlank(file)){
                return;
            }
            var formData = new FormData();
            formData.append("file", file);
            $.ajax({
                url: "${ctx}/common/uploadFile",
                type: 'POST',
                data: formData,
                processData: false,
                contentType: false,
                success: function (data) {
                    $('.uploadFileName').text(file.name).removeClass('layui-hide');
                    <%--$('#logo').attr('src', '${commonStaticImgPath}' + data.path);--%>
                    $('input[name=attach]').val(data.path);
                    $('input[name=attachName]').val(file.name);
                }
            });
        });
        $('#importPlan').click(function(){
            parent.layer.open({
                title: '导入物料',
                type: 2,
                area: ['550px', '300px'],
                content: '${ctx}/planManage/toImportMaterial'
            });
        });

        var saveFlag = true;
        form.on('submit(confirm)', function(data){
            if(!saveFlag){
                return;
            }
            var plan = {};
            plan.id = data.field.id;
            plan.code = data.field.code;
            plan.name = data.field.name;
            plan.attach = data.field.attach;
            plan.attachName = data.field.attachName;
            var arr = [];
            $('#materialTable>tr').each(function(){
                var material = {};
                material.code = $(this).find('td').eq(1).text();
                material.name = $(this).find('td').eq(2).text();
                material.spec = $(this).find('td').eq(3).text();
                material.unit = $(this).find('td').eq(4).text();
                material.amount = $(this).find('td').eq(5).text();
                arr.push(material);
            });
            plan.materialList = arr;
            console.log(plan);
            saveFlag = false;
            $.ajax({
                url:'${ctx}/planManage/add',
                method:'post',
                contentType: 'application/json',
                data:JSON.stringify(plan),
                dataType:'JSON',
                success:function(res){
                    if(res.code=="200"){
                        parent.layer.msg("保存成功",{time:1000});
                        closeDiv();
                        parent.table.reload('test');
                    } else if(res.code=="501") {
                        layer.msg(res.errMsg,{time:1500});
                    } else if(res.code == '422'){
                        layer.msg(res.msg,{time:1500});
                    } else{
                        layer.msg("保存失败",{time:1000});
                    }
                },
                complete: function(){
                    saveFlag = true;
                }
            }) ;
        });

        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 downloadAttach(attach){
        attach=decodeURI(attach);
        attach = attach.replace(/\+/g,"%2B"); //
        window.open('${commonStaticImgPath}'+attach)
       // window.location.href = '${commonStaticImgPaths}' + attach;
    }

    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 previewUrl(_url){
        if (!checkUrl(_url)) {
            return false;
        }
        var base = new Base64();
        var b64Encoded =  base.encode(_url);
        if(_url.endsWith('pdf')){
            window.open('http://47.98.203.224:8012/onlinePreview?url=' + encodeURIComponent(b64Encoded)+'&officePreviewType=pdf');
        }else{
            window.open('http://47.98.203.224:8012/onlinePreview?url=' + encodeURIComponent(b64Encoded));
        }
    }

    function checkUrl(url) {
        //url= 协议://(ftp的登录信息)[IP|域名](:端口号)(/或?请求参数)
        var strRegex = '^((https|http|ftp)://)'//(https或http或ftp)
            + '(([\\w_!~*\'()\\.&=+$%-]+: )?[\\w_!~*\'()\\.&=+$%-]+@)?' //ftp的user@  可有可无
            + '(([0-9]{1,3}\\.){3}[0-9]{1,3}' // IP形式的URL- 3位数字.3位数字.3位数字.3位数字
            + '|' // 允许IP和DOMAIN（域名）
            + '(localhost)|'	//匹配localhost
            + '([\\w_!~*\'()-]+\\.)*' // 域名- 至少一个[英文或数字_!~*\'()-]加上.
            + '\\w+\\.' // 一级域名 -英文或数字  加上.
            + '[a-zA-Z]{1,6})' // 顶级域名- 1-6位英文
            + '(:[0-9]{1,5})?' // 端口- :80 ,1-5位数字
            + '((/?)|' // url无参数结尾 - 斜杆或这没有
            + '(/[\\w_!~*\'()\\.;?:@&=+$,%#-]+)+/?)$';//请求参数结尾- 英文或数字和[]内的各种字符
        var re = new RegExp(strRegex, 'i');//i不区分大小写
        //将url做uri转码后再匹配，解除请求参数中的中文和空字符影响
        if (re.test(encodeURI(url))) {
            return (true);
        } else {
            return (false);
        }
    }
</script>
</body>
</html>
