﻿<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
    <meta name="viewport" content="width=device-width,user-scalable=no,initial-scale=1.0,maximum-scale=1.0">
    <link rel="stylesheet" type="text/css" href="/web/html4/css/index.css">
    <script>document.domain='ccf.org.cn';</script>
    <style>
        .wother span {
            color: #fff;
            /*margin: 0px 15px;*/
        }
        .wother a {
            color: #fff;
            margin: 0px 4px 0 2px;
            display: inline-block;
            height: 30px;
            line-height: 30px;
        }
        .wother a.type1{
            background: url(/web/html4/images/bpho18.png) no-repeat left center;
            padding-left: 32px;
        }
        .wother a.type3 {
            background: url(/web/html4/images/bpho17_f.png) no-repeat left center;
            padding-left: 32px;
        }
        .wother a.type2 {
            background: url(/web/html4/images/bpho15.png) no-repeat left center;
            padding-left: 32px;
        }
        .wother a.type4 {
            background: url(/web/html4/images/bpho16.png) no-repeat left center;
            padding-left: 32px;
        }
        .wother {
            float: right;
            height: 80px;
            line-height: 80px;
            margin:0 10px;
        }
        .min_all{
            display: flex;
            /*width: 1200px;*/
            margin: auto;
            background: #fff;
            align-items: center;
            border-top: 1px solid #EEEEEE;
            padding-top: 10px;

        }
        .l_btnbottom{
            width: 120px;
            height: 40px;
            line-height: 40px;
            border-radius: 22.5px;
            /* background: #FF9600; */
            background: #2c83d2;
            text-align: center;
            font-size: 16px;
            color: #ffffff;
            /*margin: 11px 10px 0 0;*/
            color: #fff;
        }
        .meetingStaus{
            flex: 1;
            text-align: left;
            margin-top: 0;
            padding-top: 10px;
        }
        .l_btnbottom a{
            color: #fff !important;
            background-color: #2c83d2 !important;
        }
        .meetingStaus{
            padding-bottom: 0px;
        }

        #signupnum{
            color: #e52d2d;
            margin-right: 5px;
        }

        .type2 {
            background: url(./images/2018031509.jpg) no-repeat left center;
            padding-right: 10px;
        }
        .type22{
            padding-left: 30px;
        }
    </style>

</head>
<body style="background-color:#F0F0F4;">
<div class="nav" id="cncc_menu" TEMPLATE_STYLE="4" style="display: none;">
    <ul class="clearfix">
        <li>
            <a href="../html4/HYJS.html" CHANNEL_TYPE="5">会议简介</a>
        </li>
        <li>
            <a href="../html4/HYRC.html" CHANNEL_TYPE="5">会议日程</a>
        </li>
    </ul>
</div>
<!-- 头部 -->
<div id="app" style="display: none;">

<div class="tempCenter wsignup wmeet3">
    <div class="MeetTop wtop" id="MeetTop">
        <div class="MeetCenter clearfix">
            <div class="MeetTitle"><img src="/web/html4/images/logo_default.png" alt=""><i>{{meetingName}}</i></div>
            <div class="MeetOther wother" >
                <!--				<div class="signMsg">-->
                <!--					<a href="#" class="type5">报名信息-->
                <!--						<i></i>-->
                <!--					</a>-->
                <!--				</div>-->
                <a id="denlu" href="">登录</a>
                <!--<i>|</i>-->
                <a id="zhuce" href="javascript:(window.location.href = 'https://member.csfcm.org.cn/user/UserRegister?from='+window.btoa(location.href))">注册</a>
            </div>
            <div class="wother" data-original-title="" title="" id="loginClass" style="display: none;">
                <!--<a href="" class="type3" id="meetingList" data-original-title="" title="">会议列表</a>
                <a href="" class="type1" id="mine" data-original-title="" title="">我的会议</a>
                <<a href="" class="type3" id="myMeeting" data-original-title="" title="">会议管理</a>
                <a href="" class="type4" id="home" data-original-title="" title="">业务门户</a>-->
                <!--				<a href="//m.zhiyus.com/conf/logout" class="type2" id="logout" data-original-title="" title="">退出</a>-->
                <span data-original-title="" title="">欢迎您：<a id="username">hlladmin</a></span>
                <a href="//m.zhiyus.com/web/logout.jsp" class="type2" id="logout" data-original-title="" title="">退出</a>
            </div>
            <a class="l_language" v-if="status_.IF_ENGLISH==2||status_.IF_ENGLISH==3" :href="web_url_download + '/html9/index.html?globalId=' + meetingId + 'EN&type=1'">EN</a>

        </div>
        <div id="menu" class="menu">
                <!-- <i class="l_menu_i"></i>             -->
        </div>
    </div>
</div>
<!--手机头部-->
<div class="phone_header">
    <a href="//m.zhiyus.com/conf/conf/index.htm" class="left"></a>
    会议详情
    <a href="//m.zhiyus.com/conf/conf/signup/list.htm"  target=" _parent"   class="right"></a>
    <a class="l_language" v-if="status_.IF_ENGLISH==2||status_.IF_ENGLISH==3" :href="web_url_download + '/html9/index.html?globalId=' + meetingId + 'EN&type=1'">EN</a>

</div>
    <!--<div style="height:80px;"></div>-->

    <!-- 中间 -->
    <div class="tempMiddle">
        <div class="tempCenter">
            <!--<template v-for="item in datas">-->
            <div class="tempInfo"> <!--v-if="item.CHANNEL_NAME=='会议基本信息'"-->
                <div class="infoLeft">
                    <img class="signupImg" v-if="picture" :src="webUrl + picture.PATH"  />
                    <img class="signupImg" v-else-if="status_.COVER_IMG_PATH&&status_.COVER_IMG_PATH!='image/wanneng.jpg'" :src="host_url + status_.COVER_IMG_PATH"  />
                    <!--<img v-else src="https://conf2.ccf.org.cn/ccfFileManager/image/wanneng.jpg"/>-->
                    <img class="signupImg" v-else src="/web/html4/images/office.png"/>
                    <!--<div>
                        <span class="l">距离开会时间还有<i id="days"></i>天</span>
                    </div>-->
                </div>

                <div class="infoDetail">
                    <h3 id="mtitle" v-if="status_&&status_.MEETING_TITLE">{{status_.MEETING_TITLE}}</h3>
                    <ul>
                        <li><span class="li_lf">举办时间：</span>
                            <!--<span class="li_rt" v-if="status_&&status_.START_TIME">
                                <template v-if="status_.START_TIME==status_.END_TIME">
                                    {{status_.START_TIME}}
                                </template>
                                <template v-else>{{status_.START_TIME}}  ~  {{status_.END_TIME}} </template>
                            </span>-->
                            <span class="li_rt" v-if="status_&&status_.ING_TIME" v-html="status_.ING_TIME">
                            </span>
                        </li>
                        <li><span class="li_lf">报名时间：</span>
                            <span class="li_rt" v-if="status_&&status_.SIGNUP_START_TIME">
                                <template v-if="status_.SIGNUP_START_TIME==status_.SIGNUP_END_TIME">
                                    <a signupStartTime signupEndTime>{{status_.SIGNUP_START_TIME}}</a>
                                </template>
                                <template v-else>
                                    <a signupStartTime>{{status_.SIGNUP_START_TIME}}</a>  ~  <a signupEndTime>  {{status_.SIGNUP_END_TIME}} </a>
                                </template>
                            </span></li>
                        <li><span class="li_lf">会议地点：</span>
                            <span class="li_rt">
                                <template v-if="status_&&status_.PROVINCE">{{status_.PROVINCE}}</template>
                                <template v-if="status_&&status_.CITY">{{status_.CITY}}</template>
                                <template v-if="status_&&status_.ADDRESS">{{status_.ADDRESS}}</template>
                            </span>
                        </li>
                        <!--<li v-if="status_&&status_.ADDRESS"><span class="li_lf">详细地址：</span><span class="li_rt">{{status_.ADDRESS}}</span></li>-->
                        <li v-if="status_&&status_.ORGANIZER"><span class="li_lf">主办单位：</span><span class="li_rt">{{status_.ORGANIZER}}</span></li>
                        <li v-if="status_&&status_.ORGANIZER1"><span class="li_lf">承办单位：</span><span class="li_rt">{{status_.ORGANIZER1}}</span></li>
                        <li v-if="status_&&status_.ORGANIZER2"><span class="li_lf">协办单位：</span><span class="li_rt">{{status_.ORGANIZER2}}</span></li>
                    </ul>

                </div>

                <div class="min_all">
                    <div class="meetingStaus" >

                        距离开始时间还有<i id="days"></i>天

                    </div>
<!--                    -->
                    <span class="type2" v-if="status_&&status_.IF_NUM==1" >
                        <div class="type22">
                            <i id="signupnum"></i>人已报名
                        </div>
                        </span>
                    <div class="appitema">
                        <div class="l_btnbottom"  v-if="status_&&status_.IF_USE_SIGNUP=='1'" >
                            <!--                      -->
                            <a href="javascript:void(0)"  class="signup signupBtn" signupurl onclick="signup()">立即报名</a>
                            <!--                        <a v-if="status_&&status_.IF_ARTICLE==1&&(compareTime(status_.ARTICLE_START_TIME,status_.ARTICLE_END_TIME)||compareTime(status_.ABSTRACT_START_TIME,status_.ABSTRACT_END_TIME))" href="javascript:void(0)" class="l_applyBtn2" onclick="tougao()">在线投稿</a>-->
                            <!--                        <span class="type1" v-if="status_&&status_.IF_PV==1"><i id="pv"></i>人浏览过</span>-->

                        </div>
                        <div class="l_btnbottom l_btnbottomitem"  v-if="status_&&status_.IF_ARTICLE==1" >
<!--                            <a href="javascript:void(0)"  class="signup signupBtn" signupurl onclick="tougao()">在线投稿</a>-->
                            <a  href="javascript:void(0)" class="applyBtn2" onclick="tougao()">在线投稿</a>


                        </div>
                    </div>

                    <div  v-if="status_&&status_.IF_ARTICLE==1">
                        <a href="javascript:void(0)" class="l_applyBtn2" onclick="tougao()">在线投稿</a>

                    </div>


                </div>
            </div>
            <!--</template>-->

        </div>

    </div>

    <!-- 内容 -->
    <div class="tempContent">
        <div class="tempCenter">
            <template v-for="(item,index) in datas">
                <div class="meetPart1" :id="'part'+ index" v-if="(item.FULONG_NAME=='INTRODUCTION')&&(item.FORM_DATA.length>0)&&(item.FORM_DATA[0].INTRODUCTION)"> <!--v-if="item.CHANNEL_NAME=='会议介绍'" -->
                    <div class="contentTil"><i v-html="item.CHANNEL_NAME">会议简介</i></div>
                    <div class="contentCon" v-html="item.FORM_DATA[0].INTRODUCTION"></div>
                </div>

                <div class="meetPart1" id="freeIntro" v-if="status_&&status_.IF_PAY==1&&(item.FULONG_NAME=='LINK_CONTENT')&&item.COLUMN_TYPE=='5'">
                    <div class="contentTil">
                        <i>收费说明</i>
                        <font class="l_unit">（单位：¥）</font>
                    </div>
                    <!--<a href="javascript:void(0)" class="wpay" onclick="jiaofei()">我要交费</a>-->
                    <div class="wtil">
                        会议门票
                    </div>
                    <!--pc端选择分会场-->
                    <ul class="l_ticketPlaces clearfix l_pcblock" v-if="showTab">
                        <li v-for="(place,index) in meetingPlaceTickets" :key="place.meetingPlaceId"
                            :class="index==active ? 'active':''" @click="active=index">{{place.meetingPlaceName}}
                        </li>
                    </ul>
                    <!--phone端选择分会场-->
                    <div class="l_phoneblock" v-if="showTab">
                        <p class="l_place_selected">
                            {{meetingPlaceTickets[active].meetingPlaceName}}
                            <img src="/web/common/images/select-right.png" />
                        </p>
                        <div class="l_placeitem_shadow">
                            <div class="l_placeitem">
                                <p v-for="(place,index) in meetingPlaceTickets" :key="place.meetingPlaceId" @click="active=index">{{place.meetingPlaceName}}</p>
                            </div>
                        </div>
                    </div>

                    <div class="meeting1">
                        <table>
                            <thead>
                            <tr class="tr1">
                                <th>门票类型</th>
                                <th>参会者身份</th>
                                <th v-for="th in meetingPlaceTickets[active].dynamicTimeHeads" :key="th.payTimeId">
                                    {{th.headName}}
                                </th>
                            </tr>
                            </thead>
                            <tbody>
                            <template v-for="(ticket,index) in meetingPlaceTickets[active].tickets">
                                <template v-if="ticket.ticketNature == '1'">
                                    <!--全场-->
                                    <tr>
                                        <td :rowspan="ticket.ticketRolePrices.length">
                                            {{ticket.ticketName}}
                                        </td>
                                        <td>
                                            {{ticket.ticketRolePrices[0].payRoleName}}
                                        </td>
                                        <td v-for="price in ticket.ticketRolePrices[0].ticketPrices"
                                            class="txtCenter grayText">
                                            {{price.price | formatPrice}}
                                        </td>
                                    </tr>
                                    <tr v-for="(prices,index1) in ticket.ticketRolePrices" v-if="index1>0">
                                        <td>
                                            {{prices.payRoleName}}
                                        </td>
                                        <td v-for="price in prices.ticketPrices">
                                            {{price.price | formatPrice}}
                                        </td>
                                    </tr>
                                </template>
                                <template v-else>
                                    <!--单日-->
                                    <tr>
                                        <td :rowspan="ticket.ticketRolePrices.length">
                                            {{ticket.ticketName}}
                                        </td>
                                        <td>
                                            {{ticket.ticketRolePrices[0].payRoleName}}
                                        </td>
                                        <td v-for="price in ticket.ticketRolePrices[0].ticketPrices">
                                            {{price.price | formatPrice}}
                                        </td>
                                    </tr>
                                    <tr v-for="(prices,index1) in ticket.ticketRolePrices" v-if="index1>0">
                                        <td>
                                            {{prices.payRoleName}}
                                        </td>
                                        <td v-for="price in prices.ticketPrices">
                                            {{price.price | formatPrice}}
                                        </td>
                                    </tr>
                                </template>
                            </template>
                            </tbody>
                        </table>
                    </div>
                    <div class="wtil" v-show="meetingPlaceTickets[active].ticketServices">
                        附加活动
                    </div>
                    <div class="meeting1" v-show="meetingPlaceTickets[active].ticketServices">
                        <table>
                            <thead>
                            <tr class="tr1">
                                <th>附加活动名称</th>
		<th>参会者身份</th>
                                <th v-for="th in meetingPlaceTickets[active].dynamicTimeHeads" :key="th.payTimeId">
                                    {{th.headName}}
                                </th>
                            </tr>
                            </thead>
                            <tbody>
                            <template v-for="(ticket,index) in meetingPlaceTickets[active].ticketServices">

								<!--全场-->
								<tr>
									<td :rowspan="ticket.ticketRolePrices.length">
										{{ticket.ticketName}}
									</td>
									<td>
										{{ticket.ticketRolePrices[0].payRoleName}}
									</td>
									<td v-for="price in ticket.ticketRolePrices[0].ticketPrices"
										class="txtCenter grayText">
										{{price.price | formatPrice}}
									</td>
								</tr>
								<tr v-for="(prices,index1) in ticket.ticketRolePrices" v-if="index1>0">
									<td>
										{{prices.payRoleName}}
									</td>
									<td v-for="price in prices.ticketPrices">
										{{price.price | formatPrice}}
									</td>
								</tr>
							</template>
                            </tbody>
                        </table>
                    </div>
                    <div class="l_flex" v-if="showTab">
                        <div v-for="(note,index) in meetingPlaceTickets" v-html="note.meetingPlaceRemark" v-show="index==active">
                        </div>
                    </div>
<div class="l_flex" v-if="!showTab">
							<div  v-html="status_.MEETING_PALCE_REMARK">
							</div>
						</div>
                    <!--<div class="contentCon" v-html="table_data"></div>-->

                </div>

                <div class="meetPart1" :id="'part'+ index" v-if="(item.FULONG_NAME=='ONLINE_LIVE_URL')&&(item.FORM_DATA.length>0)&&(item.FORM_DATA[0].ONLINE_LIVE_URL)">
                    <div class="contentTil"><i v-html="item.CHANNEL_NAME">在线直播</i></div>
                    <iframe  id="livePage" title="直播栏目" :src="item.FORM_DATA[0].ONLINE_LIVE_URL" allow="fullscreen" allowfullscreen importance="high" height="550px" width="100%" style="border-width: 0">
                        <p>您的浏览器不支持iframe</p>
                    </iframe>

                    <div class="jiaru">
                        <div>
                            <!-- <a class="aniu" @click="topClick(item.FORM_DATA[0].ONLINE_LIVE_URL)">加入视频会议室</a> -->
                        </div>
                        <!-- <template  >
                            <div  @click="topClick(item.FORM_DATA[0].ONLINE_LIVE_URL)" style="text-align: right;flex: 1;" v-show="ishow">
                                 <img src="/web/html16/images/zhibo1.png" style="cursor: pointer;" class="y_intoUrl" >
                            </div>
                            <div v-show="!ishow" style="text-align: right;flex: 1;">
                                   <img src="/web/html16/images/123.gif" style="cursor: pointer;" class="y_intoUrl" >
                            </div>
                    </template> -->
                    </div>
                </div>

                <div class="meetPart1" :id="'part'+ index" v-if="(item.FULONG_NAME=='EASY_AGENDA_INFO')&&(item.FORM_DATA.length>0)&&(item.FORM_DATA[0].EASY_AGENDA_INFO)"> <!--v-if="item.CHANNEL_NAME=='会议介绍'" -->
                    <div class="contentTil"><i v-html="item.CHANNEL_NAME">简易日程</i></div>
                    <div class="contentCon" v-html="item.FORM_DATA[0].EASY_AGENDA_INFO"></div>
                </div>

                <div class="meetPart1" :id="'part'+ index" v-if="(item.FULONG_NAME=='AGENDA_INFO')&&(item.FORM_DATA.length>0)&&(item.FORM_DATA[0].AGENDA_INFO)">
                    <div class="contentTil"><i v-html="item.CHANNEL_NAME">日程安排</i></div>
                    <div class="contentCon" v-html="item.FORM_DATA[0].AGENDA_INFO"></div>
                </div>

                <div class="meetPart1" :id="'part'+ index" v-if="(item.FULONG_NAME=='ADDRESS_CONTENT')&&(item.FORM_DATA.length>0)&&(item.FORM_DATA[0].ADDRESS_CONTENT)"> <!--v-if="item.CHANNEL_NAME=='会议介绍'" -->
                    <div class="contentTil"><i v-html="item.CHANNEL_NAME">路线信息</i></div>
                    <div class="contentCon" v-html="item.FORM_DATA[0].ADDRESS_CONTENT"></div>
                </div>

                <div class="meetPart1" :id="'part'+ index" v-if="(item.FULONG_NAME=='LINK_CONTENT')&&(item.FORM_DATA.length>0)&&(item.FORM_DATA[0].LINK_CONTENT)"> <!--v-if="item.CHANNEL_NAME=='联系方式'">-->
                    <div class="contentTil"><i v-html="item.CHANNEL_NAME">联系信息</i></div>
                    <div class="contentCon contentCon2 clearfix meetingContt">
                        <div class="link" v-html="item.FORM_DATA[0].LINK_CONTENT">
                        </div>
                        <div class="map" v-if="status_.COORDINATE1&&status_.COORDINATE2"><div id="map"></div></div>
                    </div>
                </div>
                <div class="meetPart1" :id="'part'+ index" v-if="(item.FULONG_NAME=='FILE_MEETINGFILE')&&(item.FORM_DATA.length>0)&&(item.FORM_DATA[0].FILE_MEETINGFILE.length>0)"> <!--v-if="item.CHANNEL_NAME=='会议介绍'" -->
                    <div class="contentTil"><i v-html="item.CHANNEL_NAME">会议附件</i></div>
                    <div class="contentCon">
                        <div v-for="file in item.FORM_DATA[0].FILE_MEETINGFILE" class="l_meetingFile">
                            <a :href="'/web/formDes/download.action?filePath='+encodeURIComponent(file.PATH)+'&realFileName='+encodeURIComponent(file.FILE_NAME)" v-html="file.FILE_NAME"></a>
                        </div>
                    </div>
                </div>
            </template>
            <div class="meetPart1" v-if="distinguished_guest.length>0">
              <div v-for="item in distinguished_guest">
                    <div v-if="item.guestType=='01'" class="contentTil">主持人</div>
                        <div v-if="item.guestType=='02'" class="contentTil">联合主持人</div>
                        <div v-if="item.guestType=='03'" class="contentTil">主席</div>
                        <div v-if="item.guestType=='04'" class="contentTil">共同主席</div>
                        <div v-if="item.guestType=='05'" class="contentTil">讲者</div>
                        <div v-if="item.guestType=='06'" class="contentTil">嘉宾</div>
				<!-- <div class="contentTil">
					特邀嘉宾
				</div> -->
				<div class="contentCon clearfix">
					<div class="meetimgitemone" >
						<div class="meetingImage left y_boderno">
							<img :src="resourceUrl+item.guestPicPath"
								alt="">
								<!-- <img :src="fileUrl.replace('mobile','conf') + item.guestPicPath" alt=""> -->
						</div>
						<div class="meetingright lx_jia">
							<div class="meetingok">
								<h3>{{item.guestName}}</h3>
							</div>
                            <div class="meetingok" v-if="item.guestPositionDes!==''"> <span>{{item.guestPositionDes}}</span></div>
                            <div class="meetingokk" v-if="item.guestTitle!==''"> <h5>报告题目：{{item.guestTitle}}</h5></div>


                        </div>
                        <div class="content-a">
                            <div  class="meetingok" v-if="item.guestContent!==''"> <span>报告摘要：</span>{{item.guestContent}}</div>
                            <div  class="meetingok" v-if="item.guestDes!==''"><span>个人简介：</span>{{item.guestDes}}</div>
                        </div>
					</div>


				</div>
              </div>
			</div>

            <div class="meetPart1 l_pcshow1" kk="19" id="signup"  v-if="status_&&status_.IF_GROUP==2">
                <div class="contentTil"><i>团体报名</i></div>
                <div class="contentCon">
                    <div class="applyTime" style="border:none;">
                        <p class="intend">团体报名须知：<a v-html="status_.GROUP_INFO"></a></p>
                        <a href="javascript:void(0)" class="applyBtn" onclick="baoming1()" style="margin-right: 0">团报</a>
                    </div>
                </div>
            </div>
            <div class="meetPart1" kk="17" id="apply" v-if="(status_.IF_OPEN_FORUM==2)&&(apply_data.length>0)">
                <div class="contentTil"><i>活动申请</i></div>
                <div class="contentCon" v-for="item in apply_data">
                    <div class="applyTime">
                        <p class="intend">申请时间：<a applicationStart v-if="item.APPLICATION_START_TIME">{{item.APPLICATION_START_TIME | formatTime}}</a> ~ <a applicationEnd v-if="item.APPLICATION_END_TIME">{{item.APPLICATION_END_TIME | formatTime}}</a></p>
                        <a :href="'./../../conf/apply/applyPreview.action?applicationId=' + item.ID + '&pageType=1'" class="applyBtn"  target="_blank">申请</a>
                    </div>
                    <p class="intend l_padtop20">申请要求：</p>
                    <p class="intend" applicationRequire v-html="item.REQUIRE"></p>
                </div>
            </div>
            <!--<template v-for="item in datas">-->
            <div class="meetPart1" id="meetingPaper" v-if="status_&&status_.IF_ARTICLE==1"><!--v-if="item.CHANNEL_NAME=='会议投稿'">-->
                <div class="contentTil"><i>会议投稿</i></div>
                <div class="contentCon" >
                    <div class="applyTime clearfix">
<!--                        <template v-if="status_.IF_PART=='0'">-->
                            <p class="intend" v-if="tgall==true">投稿日期：
                                <template >{{tglist.abstractStartTime}} ~ {{tglist.articleEndTime}}</template></p>
<!--                        </template>-->
<!--                        <template v-if="status_.IF_PART=='1'">-->
<!--                            <p class="intend" v-if="status_.ABSTRACT_START_TIME!=null">摘要投稿日期：<template v-if="status_.ABSTRACT_START_TIME==status_.ABSTRACT_END_TIME">{{status_.ABSTRACT_START_TIME}}</template>-->
<!--                                <template v-else>{{status_.ABSTRACT_START_TIME}} ~ {{status_.ABSTRACT_END_TIME}}</template></p>-->
<!--                            <p class="intend" v-if="status_.ARTICLE_START_TIME!=null">论文投稿日期：<template v-if="status_.ARTICLE_START_TIME==status_.ARTICLE_END_TIME">{{status_.ARTICLE_START_TIME}}</template>-->
<!--                                <template v-else>{{status_.ARTICLE_START_TIME}} ~ {{status_.ARTICLE_END_TIME}}</template></p>-->
<!--                        </template>-->

<!--
                        <p class="intend">投稿日期：<template v-if="status_.ARTICLE_START_TIME">{{status_.ARTICLE_START_TIME | formatTime}}</template>  ~  <template v-if="status_.ARTICLE_END_TIME">{{status_.ARTICLE_END_TIME | formatTime}}</template></p>
-->
                        <a v-if="tglist.abstractFlag==true" href="javascript:void(0)" class="applyBtn2" onclick="tougao()">在线投稿</a>
                    </div>
                    <div class="l_padtop20">
                        <p class="intend">投稿须知：</p>
                        <p class="intend l_width100" v-html="tghtml"></p>
                        <!--<p class="intend">论文应具有学术或实用价值，未在国内外学术期刊或会议发表过。</p>
                        <p class="intend">论文排版格式以及投稿方式详见网站说明。</p>
                        <p class="intend">审稿流程：本次会议采用先投稿，先送专家评审的方式进行，审稿周期约1-2周。</p>-->
                    </div>
                </div>
            </div>
            <!--</template>-->
            <!--<template v-for="item in datas">-->
            <!--<div class="meetPart1" id="contact"> &lt;!&ndash;v-if="item.CHANNEL_NAME=='联系方式'">&ndash;&gt;-->
            <!--<div class="contentTil">联系方式</div>-->
            <!--<div class="contentCon contentCon2">-->
            <!--<div class="link" v-html="status_.LINK_CONTENT">-->

            <!--</div>-->
            <!--<div class="map"><div id="map" style="width:600px;height:350px;"></div></div>-->
            <!--</div>-->
            <!--</div>-->
            <!--</template>-->


        </div>
    </div>
    <!-- 底部 -->
    <div class="meetFooter">
        <p><span>版权所有：中国复合材料学会</span><span>技术支持邮箱：huiyuanbu@csfcm.org.cn</span></p>
        <p>
            <a href="javascript:void(0)" >©COPYRIGHT  |  京ICP备13007835号-1 </a>
<!--            <a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11010802032778" target="_blank">-->
<!--                <img src="/web/common/images/icon-beian.png"/> 京公网安备 11010802032778号</a>-->
        </p>
    </div>
</div>
<script type="text/javascript" src="/web/cms/js/jquery-1.11.3.min.js"></script>
<script type="text/javascript" src="/web/util/conf/config.js"></script>
<script type="text/javascript" src="/web/util/layer/layer.js"></script>
<script type="text/javascript" src="/web/cms/js/vue.js"></script>
<script type="text/javascript" src="/web/html4/js/index.js"></script>
<script type="text/javascript" src="/web/common/js/sign.js"></script>
<script type="text/javascript" src="/web/common/js/moment.js"></script>
<script type="text/javascript" src="https://api.map.baidu.com/api?v=2.0&ak=1b216a2956131233230294d4c8328d6c"></script>
<script type="text/javascript">
    window.onload = function(){

        $.ajax({
            url : /*"http://ccf.fulong.cn"*/ config.get_host_url() + "/conf/frame/getInfo.action?meetingId="
                + meetingId,
            type : 'POST',
            success : function(data) {
                if(data.days=="-1")
                {
                    $("#days").parent().text("活动已结束");
                    $("#days").parent().css('color:#ff0000')
                }
                if(data.days=="0")
                {

                    $("#days").parent().text("活动进行中");
                    $("#days").parent().css('color:#ff0000')
                }
                if(data.days!="0"&&data.days!="-1")
                {
                    $("#days").text(data.days);
                }
                $("#signupnum").text(data.signupnum);
                $("#pv").text(data.pv);
            }
        });

        window.pageVue = new Vue({
            el:'#app',
            data:{
                datas:[],//所有数据
                status_:{},//显示状态
                table_data:'',//table数据
                webUrl:'',
                host_url:'',
                web_url_download:'',
                meeting_column:[],
                new_column_detail:'',
                apply_data:[],
                ifoutMember:false,
                ifoutMember1:true,
                version:'2.6',//版本号
                meetingName:'',//会议名称
                picture:'',//会议介绍图片
                meetingId:'',//会议id
                showTab: true, //是否展示会场选项卡
                meetingPlaceTickets: [{
                    dynamicTimeHeads: []
                }],
                distinguished_guest:[],
                active: 0,
                resourceUrl:'',
                ishow:true,
                tgall:false,
                tglist:[],
                tghtml:'',
            },
            beforeCreate:function() {
                that = this;
            },
            mounted:function(){
                this.resourceUrl=config.get_host_url()+"/resource/"
                $("#denlu").attr("href",window.denlu);
                $("#zhuce").attr("href",window.zhuce);
                $("#meetingList").attr("href",window.meetingList);
                $("#mine").attr("href",window.mine);
                $("#myMeeting").attr("href",window.myMeeting);
                $("#home").attr("href",window.home);
                $('.pcccf').attr("href",window.pcccf + '&source='+ meetingId +'&fro=' + encodeURIComponent(window.jpay + '?mid=' + meetingId  + '&return_url=' + window.location.href));
                $('.phoneccf').attr("href",window.phoneccf + '?source='+ meetingId + '&fro=' + encodeURIComponent(window.jpay + '?mid=' + meetingId  + '&return_url=' + window.location.href));

                //获取登陆状态cookie
                var getCookie = document.cookie.replace(/[ ]/g,"");  //获取cookie，并且将获得的cookie格式化，去掉空格字符
                var arrCookie = getCookie.split(";")  //将获得的cookie以"分号"为标识 将cookie保存到arrCookie的数组中
                var loginmsg = '_s_ua';  //声明变量tips
                for(var i=0;i<arrCookie.length;i++){   //使用for循环查找cookie中的tips变量
                    var arr=arrCookie[i].split("=");   //将单条cookie用"等号"为标识，将单条cookie保存为arr数组
                    if(loginmsg==arr[0]){  //匹配变量名称，其中arr[0]是指的cookie名称，如果该条变量为tips则执行判断语句中的赋值操作
                        let data;
                        $("#loginClass").show();
                        //$("#username").text(data);
                        $("#denlu").hide();
                        $("#denlu").next().hide();
                        $("#zhuce").hide();
                        data  = JSON.parse(decodeURIComponent(arr[1]));
                        $("#username").text(data.un);
                        /*if(data.hasOwnProperty("id")){
                            if(data.hasOwnProperty('cardNumber')){
                                if(data.hasOwnProperty('userState')&&data['userState']!='1'){
                                    ifoutMember = true;
                                }else{
                                    ifoutMember1 = false;
                                }
                            }
                        }*/
                        let signupMemberUrl = window.signupMemberUrl + '?source='+meetingId +'&mid=' + meetingId + '&url=' + encodeURIComponent(window.jpay + '?mid=' + meetingId + '&return_url=' + window.location.href);
                        console.log(signupMemberUrl)
                        if(data.us==1){//不展示
                            that.ifoutMember = false;
                            that.ifoutMember1 = false;
                        }
                        if(data.us==2){//展示短的
                            that.ifoutMember = true;
                            that.ifoutMember1 = false;
                            $('.toPay').attr("href",signupMemberUrl);
                        }
                        if(data.us==-1){//不展示
                            that.ifoutMember = false;
                            that.ifoutMember1 = true;
                            $('.pcccf').attr("href",signupMemberUrl);
                            $('.phoneccf').attr("href",signupMemberUrl);
                        }
                        break;   //终止for循环遍历

                    }
                }
                $('title').html(meetingName)
                let keywords = document.createElement('meta');
                keywords.name='keywords';
                keywords.content=meetingName+',中国复合材料学会，会议报名，电子签到，会议，会议签到，会议系统';
                document.getElementsByTagName('head')[0].appendChild(keywords);

                let copyright = document.createElement('meta');
                copyright.name='copyright';
                copyright.content='Copyright 京ICP备13007835号-1';
                document.getElementsByTagName('head')[0].appendChild(copyright);

                let publisher = document.createElement('meta');
                publisher.name='publisher';
                publisher.content='会议系统';
                document.getElementsByTagName('head')[0].appendChild(publisher);


                let company = document.createElement('meta');
                company.name='company';
                company.content='中国复合材料学会';
                document.getElementsByTagName('head')[0].appendChild(company);


                let subject = document.createElement('meta');
                subject.name='subject';
                subject.content=meetingName;
                document.getElementsByTagName('head')[0].appendChild(subject);



                let abstract = document.createElement('meta');
                abstract.name='abstract';
                abstract.content=meetingName;
                document.getElementsByTagName('head')[0].appendChild(abstract);
                $('#app').show();

                //会议介绍会议信息超出
                if($(window).width()>750)
                if($('.tempMiddle .infoDetail ul').length>0){
                    let img_heigt = $('.tempMiddle .tempInfo img').height();
                    let span_height = $('.tempMiddle .infoDetail ul').position().top + $('.tempMiddle .infoDetail ul').outerHeight();
                    if(img_heigt - span_height<40){
                        $('.l_btnbottom').css({'position':'relative','bottom':'auto'})
                        //$('.tempMiddle .infoDetail .signupBtn').css('margin-top','10px')
                    }
                }
                var vm = this;
                $.ajax({
                    url:window.ccftg+"/contribute/getAuditStartTime",
                    data:{meetingId:meetingId},
                    async:false,
                    type: 'post',
                    success: function (data) {
                        vm.tglist=data.data
                        vm.tgall=data.data.abstractFlag
                        console.log(this.tglist,'投稿时间')
                    }
                })
                $.ajax({
                    url:window.ccftg+"/setting/getArticleSet",
                    data:{meetingId:meetingId},
                    async:false,
                    type: 'post',
                    success: function (data) {

                        vm.tghtml=data.data.articleComment
                        // console.log(data,'投稿时间')
                    }
                })



            },
            watch:{

                status_:function(){
                    //显示地图
                    var map = new BMap.Map("map");
                    if(status_!=undefined&&status_.COORDINATE1!=''&&status_.COORDINATE2!=''){
                        var point = new BMap.Point(status_.COORDINATE1,status_.COORDINATE2);  // 创建点坐标
                        map.centerAndZoom(point, 15);
                        var marker = new BMap.Marker(point);  // 创建标注
                        map.addOverlay(marker);
                    }else{
                        map.centerAndZoom("昌平区",12);
                    }
                }
            },
            filters:{
                subTime:function(str){
                    if(str!=null){
                        return moment(str.substring(0,11)).format('YYYY.MM.DD');
                    }
                },
                formatTime: function (str) {
                    return moment(str).format('YYYY.MM.DD');
                },
                formatPrice: function (price) {
                    var not_select = '--';
                    if (price == not_select) {
                        return not_select;
                    } else {
                        return '￥' + price;
                    }
                }
            },
            methods:{
                compareTime:function(starttime,endtime){
                    //alert(starttime + '--------' + endtime)
                    let current_date = moment(new Date()).format('YYYY/MM/DD')
                    starttime = moment(starttime,'YYYY/MM/DD').format('YYYY/MM/DD')
                    endtime = moment(endtime,'YYYY/MM/DD').format('YYYY/MM/DD')
                    if(starttime==null||endtime==null){
                        return true
                    }
                    else{
                        //alert(starttime + '--------' + endtime)
                        //alert('current_date=' + current_date +',starttime=' + starttime + ',endtime=' + endtime +';between=' + moment(current_date).isBetween(starttime,endtime) + ',startsame=' +moment(current_date).isSame(starttime)+ ',endsame=' +moment(current_date).isSame(endtime))
                        return (moment(current_date).isBetween(starttime,endtime)||moment(current_date).isSame(starttime)||moment(current_date).isSame(endtime))
                    }
                },
                async topClick(url){
                    //url="https://live.ccf.org.cn/live?liveID=5c098267-bbb6-41c8-a83a-ce5ac3e11f78"
                    let p=url.split('?')[1]
                    let params=new URLSearchParams(p)
                    let id=params.get('liveID');
                    let _this=this
                    this.ishow=false

                     await $.ajax({
                        url: "/conf/api/activity/video/join.do?liveId="+id,
                        type: 'POST',
                        success: function (data) {
                            // $("#top").html(data);
                            console.log(_this.ishow,'------')
                            _this.ishow=true
                            console.log(_this.ishow,'+++++')
                            if(data.code==1) {

                                layer.alert('您的申请已审批通过，请点击“<a style="color: #114087;" href="' + data.data + '" target="_blank">进入会议室</ a>”等待发言', {
                                    cancel : function() {

                                    }
                                });

                                // alert("您的申请已提交，后台工作人员审批同意后，系统将通过短信或邮箱告知加入会议室的操作步骤，请您注意查收邮件或者短信信息。")
                            }else{

                                layer.alert(data.msg, {
                                    cancel : function() {

                                    }
                                });
                                //alert(data.msg)
                            }
                        }
                    });

                }
            },
            created:function(){
                this.webUrl = webUrl;
                this.host_url= host_url;
                this.web_url_download = web_url_download;
                if(typeof datas!= 'undefined'){
                    this.datas = datas;
                }
                if(typeof status_!= 'undefined'){
                    this.status_ = status_;
                    let that = this;
                    if(this.status_.START_TIME){
                        that.status_.START_TIME = this.$options.filters['subTime'](this.status_.START_TIME)
                    }
                    if(this.status_.END_TIME){
                        that.status_.END_TIME = this.$options.filters['subTime'](this.status_.END_TIME)
                    }
                    if(this.status_.SIGNUP_START_TIME){
                        that.status_.SIGNUP_START_TIME = this.$options.filters['subTime'](this.status_.SIGNUP_START_TIME)
                    }
                    if(this.status_.SIGNUP_END_TIME){
                        that.status_.SIGNUP_END_TIME = this.$options.filters['subTime'](this.status_.SIGNUP_END_TIME)
                    }
                    if(this.status_.ARTICLE_START_TIME){
                        that.status_.ARTICLE_START_TIME = this.$options.filters['subTime'](this.status_.ARTICLE_START_TIME)
                    }
                    if(this.status_.ARTICLE_END_TIME){
                        that.status_.ARTICLE_END_TIME = this.$options.filters['subTime'](this.status_.ARTICLE_END_TIME)
                    }
                    if(this.status_.ABSTRACT_START_TIME){
                        that.status_.ABSTRACT_START_TIME = this.$options.filters['subTime'](this.status_.ABSTRACT_START_TIME)
                    }
                    if(this.status_.ABSTRACT_END_TIME){
                        that.status_.ABSTRACT_END_TIME = this.$options.filters['subTime'](this.status_.ABSTRACT_END_TIME)
                    }

                }
                if(typeof distinguished_guest!= 'undefined'){
                    this.distinguished_guest = distinguished_guest;
                }
                if(typeof table_data!= 'undefined'){
                    this.table_data = table_data;
                }
                if(typeof new_column_detail!= 'undefined'){
                    this.new_column_detail = new_column_detail;
                }
                if(typeof meeting_column!= 'undefined'){
                    this.meeting_column = meeting_column;
                }
                if(typeof apply_data!= 'undefined'){
                    this.apply_data = apply_data;
                }
                /*if(typeof ifoutMember!= 'undefined'){
                    this.ifoutMember = ifoutMember;
                }
                if(typeof ifoutMember1!= 'undefined'){
                    this.ifoutMember1 = ifoutMember1;
                }*/
                if(typeof meetingName!= 'undefined'){
                    this.meetingName = meetingName;
                }
                //会议介绍图片
                if(typeof picture!= 'undefined'){
                    this.picture = picture;
                }
                if(typeof meetingId!= 'undefined'){
                    this.meetingId = meetingId;
                }
                if(typeof showTab!= 'undefined'){
                    this.showTab = showTab;
                }

                if(typeof meetingPlaceTickets!= 'undefined'){
                    this.meetingPlaceTickets = meetingPlaceTickets;
                }

            }
        });

        var template = $('.meetPart1');
        var menu = '<ul class="MettingNav clearfix">';
        for(j=0;j<template.length;j++){
            if($(template[j]).children('.contentTil').length>0){
                menu += '<li><a href="javascript:void(0);" link_="#'+ $(template[j]).attr('id') +'">'+ $(template[j]).children('.contentTil').find('i').text() +'</a></li>'
            }
        }
        menu+='</ul>'
        console.log(menu);
        $('#menu').append(menu)


        //是否在报名期内
        var star =  $("[signupStartTime]").text().replace(/\./g,"").replace(/:/g,"").replace(/ /g,"");
        var end  =  $("[signupEndTime]").text().replace(/\./g,"").replace(/:/g,"").replace(/ /g,"");
        var now =  getNowFormatDate().replace(/-/g,"").replace(/:/g,"").replace(/ /g,"");
        console.log(getNowFormatDate());
        if(star<=now&&now<=end)
        {
            console.log("在报名期内");
            $(".signup").attr("onclick","signup()");
            $(".signupImg").attr("onclick","signup()");
            /*$(".signup").css("background-color","	#ffa92d");*/
            $(".signup").css("background-color","#2c83d2");
        }else{
            // $(".signup").text("报名已结束");
            //$(".signup").removeAttr("onclick");
            $(".signupImg").removeAttr("onclick");
            $("[signupurl]").css("background-color","	#C0C0C0");
            $(".signup").css("background-color","	#C0C0C0");
        }
        if($("#signupnum").css("display")=="none")
        {
            $("#signupnum").parent().hide();
        }
        if($("#pv").css("display")=="none")
        {
            $("#pv").parent().hide();
        }
        $("[unitInfo]").val(function(a,b){return b = getFormatCode(b)});
        if($("[organizer]").text()=="")
        {
            $("[organizer]").closest("[_fulong_mark]").hide();
        }
        if($("[organizer1]").text()=="")
        {
            $("[organizer1]").closest("[_fulong_mark]").hide();
        }
        if($("[organizer2]").text()=="")
        {
            $("[organizer2]").closest("[_fulong_mark]").hide();
        }
        if($("[refundComment]").text()=="")
        {
            $("[refundComment]").closest(".refund").hide();
        }

        if($("[starttime]").text()==$("[endtime]").text())
        {

            var  outerHTML = $("[starttime]").prop('outerHTML');
            var  starttimeparent = $("[starttime]").parent();
            starttimeparent.empty();
            var url = window.location.href;
            starttimeparent.html(url.indexOf("mindex.html")>0?"举办时间："+outerHTML:outerHTML);
        }

        $(".sl_rightNav ul li").each(function(){
            var _move = $(this).attr("_move");

            if($(this).css("display")!="none")
            {
                $("[kk='"+_move +"']").hide();
            }
        });

        $(".comBar a").each(function () {
            $(this).attr("href",function (n,v) {
                return v.replace("..","http://mobile.ccf.org.cn/conf");
            });
        });

        //选择分会场
        $('body .l_place_selected').click(function(){
            $('.l_placeitem_shadow').show();
            $('.l_place_selected img').css({'transform':'rotate(-90deg)','transition':'all .2s'})
        })
        $('body .l_placeitem_shadow').click(function(){
            $('.l_placeitem_shadow').hide();
            $('.l_place_selected img').css({'transform':'rotate(0)','transition':'all .2s'})
        })
    }
</script>
<style>
    	.jiaru{
			display: flex;
			align-items: center;
			padding: 30px 14px;
            /* padding-bottom: 20px; */
		}
    .aniu {
        width: 137px;
        color: white;
        display: block;
        margin: 0px 10px;
        border-radius: 5px;
        text-align: center;
        height: 36px;
        line-height: 36px;
        margin-bottom: 0px;
        background: url(../images/s2_03.png) no-repeat center;
        background-color: #0f73c4;
        cursor: pointer;
    }
</style>
</body>
</html>

