<!DOCTYPE html
    PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="zh-CN" xml:lang="zh-CN">

<head>
    <meta charset="utf-8">
    <title>产权交易</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="keywords" content="" />
    <meta name="description" cxontent="" />
    <link href="../../static/css/main.css" rel="stylesheet" type="text/css" />
    <link href="../../static/css/index.css" rel="stylesheet" type="text/css" />
    <link href="../../static/css/supply.css" rel="stylesheet" type="text/css" />
    <link href="../../static/css/swiper-bundle.min.css" rel="stylesheet" type="text/css"/>
    <style type="text/css">
        .swiperDiv{
            border: 1px solid #eaeaea;
            margin-top: 20px;
        }

        .pc-slide {
            width: 37%;
            margin: 0 auto;
        }

        .view .swiper-container {
            width: 100%;
            height: 350px;
        }

        .view .arrow-left {
            background: url(../../static/images/feel3.png) no-repeat left top;
            position: absolute;
            left: 10px;
            top: 50%;
            margin-top: -25px;
            width: 30px;
            height: 30px;
            z-index: 10;
            background-size: 100%;
        }

        .view .arrow-right {
            background: url(../../static/images/feel4.png) no-repeat left bottom;
            position: absolute;
            right: 10px;
            top: 50%;
            margin-top: -25px;
            width: 30px;
            height: 30px;
            z-index: 10;
            background-size: 100%;
        }

        .preview {
            width: 100%;
            margin-top: 10px;
            position: relative;
        }

        .preview .swiper-container {
            width: calc(100% - 70px);
            height: 82px;
            margin-left: 35px;
        }

        .preview .swiper-slide {
            width: 87px;
            height: 82px;
        }

        .preview .slide6 {
            width: 82px;
        }

        .preview .arrow-left {
            background: url(../../static/images/feel6.png) no-repeat left top;
            position: absolute;
            left: 10px;
            top: 50%;
            margin-top: -9px;
            width: 9px;
            height: 18px;
            z-index: 10;
        }

        .preview .arrow-right {
            background: url(../../static/images/feel5.png) no-repeat left bottom;
            position: absolute;
            right: 10px;
            top: 50%;
            margin-top: -9px;
            width: 9px;
            height: 18px;
            z-index: 10;
        }

        .preview img {
            padding: 1px;
        }

        .preview .active-nav img {
            padding: 0;
            border: 1px solid #F00;
        }
    </style>
</head>

<body>
    <div class="main bg-f4" id="page">
        <!--    顶部导航    -->
        <div class="topTab">
            <div class="w-1200">
                <p class="fl">农村经营主体综合供求信息网</p>
                <ul class="fl m-l-30">
                    <li><a href="../../index.html">首页</a></li>
                    <li><a href="../supply/index.html">供求信息</a></li>
                    <li><a href="../price/index.html">价格看板</a></li>
                    <li class="active"><a href="index.html">农技服务</a></li>
                    <li><a href="../supplyChain/index.html">供应链</a></li>
                    <li><a href="../finance/index.html">金融服务</a></li>
                    <li><a href="../directories/index.html">项目指南</a></li>
                </ul>
                <div class="fr">
                    <img src="../../static/images/icon_map.png" class="fl m-r-20" style="margin-top: 9px;cursor: pointer;" alt="" onclick="window.location='view/map/index.html'"/>

                    <img src="../../static/images/user_tips.png" class="block fl m-r-20" style="margin-top: 6px;" alt=""/>
                    <img src="../../../static/images/member.png" onclick="window.location='../record/information.html'" class="block fl" alt=""/>
                </div>
                <div class="clear"></div>
            </div>
        </div>
        <div class="partition"></div>
        <div class="w-1200">
            <p class="crumbs">首页 > 农技服务 > 农技培训 > 活动详情</p>
            <script id="technologyData" type="text/html">
                <p class="recommendTit"><i class="lvd"></i>{{technologyDetail.trainingName}}<span style="float: right;font-size: 14px;line-height: 26px;">NO.{{technologyDetail.periods}} 培训活动</span></p>
                <div class="detail_box_comm">
                    <div class="pc-slide fl">
                        <div class="view">
                            <div class="swiper-container">
                                <a class="arrow-left" href="#"></a>
                                <a class="arrow-right" href="#"></a>
                                <div class="swiper-wrapper">
                                    {{each technologyDetail.masterMap as value i}}
                                        {{if technologyDetail.masterMap == ''}}
                                            <div class="swiper-slide">
                                                <a href="javascript:void(0);" ><img src="../../static/images/zwtp.jpg" alt=""></a>
                                            </div>
                                        {{else}}
                                            <div class="swiper-slide">
                                                <a href="javascript:void(0);" ><img src="{{value}}" alt=""></a>
                                            </div>
                                        {{/if}}
                                    {{/each}}
                                </div>
                            </div>
                        </div>
                        <div class="preview">
                            <a class="arrow-left" href="#"></a>
                            <a class="arrow-right" href="#"></a>
                            <div class="swiper-container">
                                <div class="swiper-wrapper">
                                    {{each technologyDetail.masterMap as value i}}
                                        {{if technologyDetail.masterMap == ''}}
                                            <div class="swiper-slide active-nav">
                                                <img src="../../static/images/zwtp.jpg" alt="">
                                            </div>
                                        {{else}}
                                            <div class="swiper-slide {{i==0?'active-nav':''}}">
                                                <img src="{{value}}" alt="">
                                            </div>
                                        {{/if}}
                                    {{/each}}
                                </div>
                            </div>
                        </div>
                    </div>

                    <table class="fr" width="60%">
                        <tr>
                            <td>培训名称</td>
                            <td colspan="3">{{technologyDetail.trainingName}}<i class="bq">{{technologyDetail.trainingType}}</i></td>
                        </tr>
                        <tr>
                            <td>培训地址</td>
                            <td colspan="3">{{technologyDetail.trainingSite}}</td>
                        </tr>
                        <tr>
                            <td>培训类别</td>
                            <td colspan="3">{{technologyDetail.trainingType}}</td>
                        </tr>
                        <tr>
                            <td>主讲专家</td>
                            <td>{{technologyDetail.keynoteSpeaker}}</td>
                            <td>最大人数</td>
                            <td>{{technologyDetail.planNumber}}人</td>
                        </tr>
                        <tr>
                            <td>联系人</td>
                            <td>{{technologyDetail.keynoteSpeaker}}</td>
                            <td>已报名人数</td>
                            <td>{{technologyDetail.attendance}}人</td>
                        </tr>
                        <tr>
                            <td>培训时间</td>
                            <td>{{technologyDetail.startTime}}</td>
                            <td>联系电话</td>
                            <td>{{technologyDetail.tal}}</td>
                        </tr>
                    </table>
                    <div class="clear"></div>
                </div>
                <div class="detail_box_imgList m-t-30">
                    <p class="recommendTit"><i class="lvd"></i>详情描述</p>
                    <div class="m-t-25" id="detailBox"></div>
                </div>
                <p class="recommendTit"><i class="lvd"></i>报名人员信息</p>
                <div class="detail_box_table">
                    <ul>
                        <li>姓名</li>
                        <li>联系电话</li>
                        <li>性别</li>
                        <li>状态</li>
                        <li>操作</li>
                        <div class="clear"></div>
                    </ul>
                    {{each technologyDetail.tEntityTrainStudentsList as value i}}
                        <ul>
                            <li>{{value.name}}</li>
                            <li>{{value.phone}}</li>
                            <li>{{value.sex == 0 ? '男' : '女'}}</li>
                            {{if value.applyState.indexOf("未通过")!=-1}}
                                <li><span class="fail" onclick="document.getElementById('failDialog').style.display = 'block'">{{value.applyState}}</span></li>
                            {{else}}
                                <li>{{value.applyState}}</li>
                            {{/if}}
                            <li>
                                <img src="../../static/images/delete.png" onclick="goDelete({{i}})"/>
<!--                                <p class="delete" onclick="goDelete({{i}})">-</p>-->
                            </li>
                            <div class="clear"></div>
                        </ul>
                    {{/each}}
                    {{each trainStudentsList as value i}}
                        <ul>
                            <li><input type="text" placeholder="请输入姓名" id="name{{i}}" oninput="inputNameChange({{i}})"/></li>
                            <li><input type="text" placeholder="请输入电话" id="phone{{i}}" oninput="inputPhoneChange({{i}})"/></li>
                            <li><input type="text" placeholder="请输入性别" id="sex{{i}}" oninput="inputSexChange({{i}})"/></li>
                            <li></li>
                            {{if i==(trainStudentsList.length-1)}}
                            <li>
                                <img src="../../static/images/add.png" onclick="goAdd()"/>
                                <img src="../../static/images/submit.png" onclick="goSubmit({{i}})" />
                            </li>
                            {{else}}
                            <li>
                                <img src="../../static/images/delete.png" onclick="goStudentsDelete({{i}})"/>
                            </li>
                            {{/if}}
                            <div class="clear"></div>
                        </ul>
                    {{/each}}
                </div>
            </script>
            <div class="detail_box" id="technologyContent"></div>
        </div>
        <div class="failDialog" id="failDialog">
            <p class="failTit">提示<span onclick="document.getElementById('failDialog').style.display = 'none'">×</span></p>
            <div class="tipsBox">
                <p>未通过原因</p>
                <p>活动达到最大参与人数，请下次报名</p>
                <p onclick="document.getElementById('failDialog').style.display = 'none'">确定</p>
            </div>
        </div>
        <!--底部链接  -->
        <div class="bottomLink">
            <div class="w-1200">
                <div class="w-1000 fl">
                    <p class="bottomLink-tit"><img src="../static/images/newBusinessEntities/icon_link.png" alt=""/>友情链接</p>
                    <div class="bottomLink-linkList">
                        <a href="javascript:void(0);" target="_blank">农燊高科新型经营主体网站</a>
                        <a href="javascript:void(0);" target="_blank">农燊高科新型经营主体网站</a>
                        <a href="javascript:void(0);" target="_blank">农燊高科新型经营主体网站</a>
                        <a href="javascript:void(0);" target="_blank">农燊高科新型经营主体网站</a>
                        <a href="javascript:void(0);" target="_blank">农燊高科新型经营主体网站</a>
                        <a href="javascript:void(0);" target="_blank">农燊高科新型经营主体网站</a>
                        <a href="javascript:void(0);" target="_blank">农燊高科新型经营主体网站</a>
                        <a href="javascript:void(0);" target="_blank">农燊高科新型经营主体网站</a>
                        <a href="javascript:void(0);" target="_blank">农燊高科新型经营主体网站</a>
                        <a href="javascript:void(0);" target="_blank">农燊高科新型经营主体网站</a>
                    </div>
                    <p class="ba" id="webConfigRecord">鲁公网安备  12011502000077号            京ICP备 17061038号-1</p>
                    <p class="ba" id="webConfigAddress">左云县农村产权交易网      联系地址：北京紫竹书院技术基地        联系电话：400-060-123</p>
                </div>
                <div class="ewm fr">
                    <img src="../../../static/images/ewm.jpg" width="110" height="110" alt="" />
                    <p class="ewmtit">关注公众号 了解详情</p>
                </div>
                <div class="clear"></div>
            </div>
        </div>
    </div>
</body>
<script src="../../static/js/common/require.js" data-main="../../static/js/common/main.js?t=101" id="require-page"
        target-module="../../static/js/project/train/detail.js" defer type="text/javascript"></script>

</html>
