- <!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>
|