<%@ page contentType="text/html;charset=UTF-8"%>
<%@ include file="/WEB-INF/views/include/taglib.jsp"%>
<!DOCTYPE html>
<html lang="en">
<head>
    <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">
    <link rel="stylesheet" href="${ctxPlugin}/static/css/common.css">
    <link rel="stylesheet" href="${ctxPlugin}/static/css/style.css">
    <title>产品保修卡</title>

</head>
<body>
<div class="back-ddd">
    <div class="back-fff">
        <!--logo-->
        <div class="logo">
            <img src="${ctxPlugin}/static/img/logo.png" alt="">
        </div>
        <!--bodyEr-->
        <div class="pl-50 pr-50">
            <div class="baoXiuKa mt-20">
                <img src="${ctxPlugin}/static/img/baoxiuka.png" alt="">
            </div>
            <div class="table-1 mt-20">
                <input class="layui-hide" id="orderId" value="${card.orderId}">
                <table class="table1" width="100%" border="0" cellspacing="0" cellpadding="0">
                    <tr>
                        <td>用户姓名</td>
                        <td colspan="5">${card.customerName}</td>
                    </tr>
                    <tr>
                        <td>联系地址</td>
                        <td colspan="2">${card.customerAddress}</td>
                        <td>联系人</td>
                        <td colspan="2">${card.contactName}</td>
                    </tr>
                    <tr>
                        <td>联系电话</td>
                        <td colspan="2" class="model">${card.customerMobile}</td>
                        <td>并网时间</td>
                        <td colspan="2"><fmt:formatDate value="${card.applianceBuyTime}" pattern="yyyy-MM-dd" /></td>
                        <%-- <td colspan="2">${order.applianceBuyTime}</td>--%>
                    </tr>
                    <c:forEach items="${list}" var="feedBack">
                        <tr class="feedBack">
                            <td>产品名称</td>
                            <td colspan="5" class="deviceName">${feedBack.columns.device_name}</td>
                        </tr>
                        <tr>
                            <td>规格型号</td>
                            <td colspan="5" class="deviceModel">${feedBack.columns.device_model}</td>
                        </tr>
                        <tr>
                            <td>机身编码</td>
                            <td colspan="5" class="deviceMachineCode">${feedBack.columns.device_machine_code}</td>
                        </tr>
                    </c:forEach>

                    <tr>
                        <td>发票号码</td>
                        <td colspan="5">${card.invoice}</td>

                    </tr>
                    <tr>
                        <td>销售商</td>
                        <td colspan="5">${card.pleaseReferMall}</td>

                    </tr>
                </table>
            </div>
            <div class="table-2 mt-20">
                <table class="table2" width="100%" border="0" cellspacing="0" cellpadding="0">
                    <tr>
                        <td width="102">产品名称</td>
                        <td width="102">质保年限</td>
                        <td width="102" colspan="4">质保范围</td>
                    </tr>
                    <tr>
                        <td>${card.productNameOne}</td>
                        <td>${card.inverterYears}年</td>
                        <td rowspan="${card.rowspan}">
                            <div class="row-p">
                                <p>
                                    1、未经拆修而发生故障，经公司指定单位确认后，可凭本卡为用户免费修检或更换零部件，由于运输不当或未按照使用说明方法操作及不可抗力等原因造成损伤，不在保修范围内。<br>
                                    2、未经生成厂商授权，擅自打开导致损伤者，不予保修。
                                </p>
                            </div>
                        </td>
                    </tr>
                    <c:if test="${not empty card.productNameTwo}">
                    <tr>
                        <td>${card.productNameTwo}</td>
                        <td>${card.assemblyYears}年</td>
                    </tr>
                    </c:if>
                    <c:if test="${not empty card.productNameThree}">
                    <tr>
                        <td>${card.productNameThree}</td>
                        <td>${card.bracketYears}年</td>
                    </tr>
                    </c:if>
                    <c:if test="${not empty card.productNameFour}">
                    <tr>
                        <td>${card.productNameFour}</td>
                        <td>${card.systemYears}年</td>
                    </tr>
                    </c:if>
                </table>
            </div>
            <div class="explain mt-20">
                <p class="fot-p">
                    1、如果购买我司整套系统，可享受以上整套产品质保；若只购买系统部分产品，按上述表格内对应产品进行年限质保。
                    2、如果在合同中约定其他保修条款的，按照合同保修条款执行。
                    3、质保起始时间以产品并网发电时间为准。
                    4、来函来电,请使用正楷字体写清楚上表内容，并清楚描述产品故障现象或相关服务，以免贻误时间。谢谢合作！
                    5、保修条款解释权归能辉科技有限公司。
                </p>
            </div>
            <div class="w-700 mt-20">
                <div class="map f-l">
                    <p class="fot-p">

                    </p>
                </div>
                <div class="zu-img f-r">
                    <img src="${ctxPlugin}/static/img/zu3.png" alt="">
                </div>
                <div class="clear"></div>
            </div>

        </div>

    </div>

</div>

<script src="${ctxPlugin}/lib/layuiAdmin/dist/layuiadmin/layui/layui.js"></script>
<script src="${ctxPlugin}/static/js/orderCommon.js"></script>
<script>
    layui.config({
        base: '${ctxPlugin}/lib/layuiAdmin/dist/layuiadmin/' //静态资源所在路径
    }).extend({
        index: 'lib/index' //主入口模块
    }).use(['index', 'form', 'layedit'], function () {
        $ = layui.$
            , element = layui.element
            , form = layui.form
    })
    function cancel(){
        var index=parent.layer.getFrameIndex(window.name);//获取当前弹出层的层级
        parent.layer.close(index);//关闭弹出层
    }

</script>
</body>

</html>
