<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org"
      xmlns:sec="http://www.thymeleaf.org/thymeleaf-extras-springsecurity4">
<head>
    <meta charset="UTF-8">
    <title>会议-详情</title>
    <meta name="viewport"
          content="width=device-width,initial-scale=1.0, maximum-scale=1.0, minimum-scale=0.5, user-scalable=no">

    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate"/>
    <meta http-equiv="Pragma" content="no-cache"/>
    <meta http-equiv="Expires" content="0"/>
    <meta name="sharetitle" content=""/>
    <meta name="sharedesc" content=""/>
    <meta name="sharepic" content=""/>
    <!--    <meta name="shareurl" :content="" />-->

    <script src="/static/js/jquery-3.5.1.min.js?v=" +Math.random()></script>
    <script src="/static/js/common.js?v=" +Math.random()></script>
    <script>
        document.write('<link href="/static/css/web/meeting/meeting-details.css?v=' + Math.random() + '" rel="stylesheet" type="text/css"/>');
    </script>
    <link rel="stylesheet" href="/static/css/web/live/live-index.css">
    <link rel="stylesheet" href="/static/css/swiper-bundle.min.css?v=" +Math.random()>

    <link href="/web/css/common.css" rel="stylesheet">
    <link href="/web/css/page.css" rel="stylesheet"/>
    <link href="/web/css/layer.css" rel="stylesheet">
    <link href="/web/css/new.css" rel="stylesheet">

    <script src="/static/js/swiper-bundle.min.js"></script>
    <script src="/static/web/js/layer.js"></script>

    <script type="text/javascript" src="/static/js/common.js"></script>
    <script src="/static/js/swiper-bundle.min.js?v=" +Math.random()></script>
    <script src=" /web/js/common.js "></script>

    <script src="/static/js/vue.js"></script>
    <!--引入 element-ui 的样式，-->
    <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
    <!-- 必须先引入vue，  后使用element-ui -->
    <script src="https://cdn.jsdelivr.net/npm/vue@2.5.17/dist/vue.js"></script>
    <!-- 引入element 的组件库-->
    <script src="https://unpkg.com/element-ui/lib/index.js"></script>
    <script src="/static/js/wxLogin.js?v=" +Math.random()></script>
    <script src="/static/js/md5.js?v=" +Math.random()></script>
    <script src="/static/web/js/common.js?v=" +Math.random()></script>

    <script>
        var _hmt = _hmt || [];
        (function () {
            var hm = document.createElement("script");
            hm.src = "https://hm.baidu.com/hm.js?0305f34866fc4fe377f1bec6dc84d92f";
            var s = document.getElementsByTagName("script")[0];
            s.parentNode.insertBefore(hm, s);
        })();
    </script>
</head>
<body>
<div th:include="web/common::common-header-web"></div>


<div class="index-box">
    <input type="hidden" th:value="${conferId}" id="conferId" class="conferId">
    <input type="hidden" th:value="${memToken}" id="memToken" class="memToken">
    <div class="top">
        <img :src="info.coverImg">
        <div>
            <div class="title">{{info.title}}</div>
            <div style="display: flex;justify-content: space-between">
                <div class="time">
                    <div class="greenPoint"></div>
                    {{info.province}} {{info.city}}
                </div>
                <div class="time">
                    <div class="greenPoint"></div>
                    {{info.bigenTime}}-{{info.endTime}}
                </div>
            </div>
            <div v-if="info.isSell==1" class="money">
                <span>¥</span>{{info.price}}
            </div>
            <div v-if="info.isSubscribe==0">
                <button v-if="isVip"
                        @click="subscribe">免费订阅
                </button>
                <span v-else>
                     <button v-if="(info.price == 0 && info.pointFlag == 0) || (info.price == 0 && info.pointFlag == 1 && info.point == 0)"
                             @click="subscribe">免费订阅
                </button>
                <button v-else @click="subscribe">打包购买</button>
                </span>

                <button :title="collect ? '已收藏，可在我的收藏中查看' : ''" type="button" class="collect-btn"
                        :class="collect ? 'collected' : ''" @click="collectFn()">
                    <img class="collectImg" :src="collectImgSrc"/>
                    {{collect ? '已收藏' : '收藏'}}
                </button>
            </div>
            <button v-else>已参与</button>
            <button v-if="info.isSubscribe != 0" :title="collect ? '已收藏，可在我的收藏中查看' : ''" type="button"
                    class="collect-btn" :class="collect ? 'collected' : ''" @click="collectFn()">
                <img class="collectImg" :src="collectImgSrc"/>
                {{collect ? '已收藏' : '收藏'}}
            </button>
            <!--            <button @click="share">分享</button>-->
        </div>
    </div>
    <div class="bottom">
        <div>
            <div class="menus">
                <div v-for="(item,index) in info.menus" @click.stop="chooseMenus(item,index)"
                     class="menusItem" :class="{'active': active == index  }"
                >
                    <img :src="item.menuImg">
                    <!--                    <div class="menuName">{{item.menuName}}</div>-->
                </div>
            </div>
            <div class="content">
                <iframe :src="src"></iframe>
            </div>
        </div>

        <div class="zhuanquxqbox">
            <!--        <div class="zqxqtopbox" style="width: 600px;float: left;">-->
            <!--            <div class="list">-->
            <!--                <div @click="gotoAdHtml(item.menuUrl)" v-for="(item,i) in info.menus" class="list-item float">-->
            <!--                    <img :src="item.menuImg" style="width: 400px;height: 300px"/>-->
            <!--                </div>-->
            <!--            </div>-->
            <!--        </div>-->
            <div class="in_main_rightbox kcxqrightbox">
                <!--加入圈子-->
                <div class="joinus">
                    <div class="tjtitle">加入圈子</div>
                    <div class="joinbox">
                        <div class="joinlistbox" v-for="(item,i) in queryQrCode">
                            <div class="qunnamne">{{item.name}}</div>
                            <div class="joinbtn">加入</div>
                            <div class="qewmbox">
                                <div class="qewmpic"><img :src="item.qrImg"></div>
                                <div class="qewmright">
                                    <span class="qunliaotitle">扫码加入群聊</span>
                                    <span class="qunliaotext">进群请备注一下您的姓名、城市、职称</span>
                                </div>
                                <div class="clear"></div>
                            </div>
                            <div class="clear"></div>
                        </div>
                    </div>
                </div>

                <!--广告位置-->
<!--                <div class="adboxright">-->
<!--                    <img src="/static/img/adtest.jpeg">-->
<!--                </div>-->

                <!--资讯推荐-->
                <div v-for="item in consulting" :key="item.posName">
                    <div v-if="item.rcmdData.length > 0">
                        <!--广告位置-->
                        <div v-if="item.adFlag === 1">
                            <!--                            <div class="adboxright" v-for="adver in item.rcmdData" :key="adver.rcmdImgpath"-->
                            <!--                                 @click="jumpTo(adver.rcmdUrl)">-->
                            <!--                                <img :src="adver.rcmdImgpath" alt="广告">-->
                            <!--                            </div>-->
                            <!--                        </div>-->
                            <div class="adboxright" v-if="item.rcmdData.length == 1">
                                <div v-for="(adver,index) in item.rcmdData" :key="index"
                                     @click="jumpTo(adver.rcmdUrl)">
                                    <img :src="adver.rcmdImgpath" alt="广告">
                                </div>
                            </div>
                            <div class="adboxrightSwiper" v-if="item.rcmdData.length > 1">
                                <div class="swiper-wrapper">
                                    <div class="swiper-slide" v-for="(adver,index) in item.rcmdData"
                                         @click="jumpTo(adver.rcmdUrl)">
                                        <img :src="adver.rcmdImgpath" alt="广告">
                                    </div>
                                </div>
                                <div class="swiper-pagination"></div>

                            </div>
                        </div>
                        <!--资讯推荐-->
                        <div class="zixunlistbox" v-if="item.adFlag === 0">
                            <div class="haveckgd">
                                <div class="tjtitle">资讯推荐</div>
                                <a class="lookmore" href="/view/index?from=web" target="_blank">查看更多</a>
                                <div class="clear"></div>
                            </div>
                            <div class="zxtjbox">
                                <div class="zxlisttext">
                                    <a class="zxtjtextbox" v-for="(consult,i) in item.rcmdData"
                                       :href="'/view/detail?from=web&artId=' + consult.rcmdObjId" target="_blank">
                                        <span class="zxtjlistnu threelist">{{ i + 1 }}</span>
                                        <div class="zxtjlistbitle">
                                            <div class="zxtitle">{{consult.rcmdTitle}}</div>
                                            <div class="zxdatabox">
                                                <span>{{consult.author}}</span>
                                                <!--									/view/detail?from=web&artId=32-->
                                                <span>{{consult.click}}阅读</span>
                                            </div>
                                        </div>
                                        <div class="clear"></div>
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>


                </div>


                <!--广告位置-->
<!--                <div class="adboxright">-->
<!--                    <img src="../../../static/images/adtest.jpeg">-->
<!--                </div>-->
            </div>
        </div>
    </div>


    <el-dialog :visible.sync="dialogVisible" width="40%" :show-close="false">
        <div class="addPeople">

            <div v-for="(item,index) in isPayPeoples">
                <div class="info">
                    <div class="title">已缴费参会人信息</div>
                    <!--                    <div class="delete" v-if="index!=0" @click="deleteMenu(index)">删除</div>-->
                </div>

                <div>
                    <div class="item">
                        <span>姓名</span><input v-model="item.name" name="name" type="text" class="tel"
                                              autocomplete="off"
                                              placeholder="请输入姓名"/>
                    </div>
                    <div class="item">
                        <span>电话</span><input v-model="item.mobile" name="mobile" type="text" class="tel"
                                              autocomplete="off"
                                              placeholder="请输入手机号码"/>
                    </div>
                    <div class="item" v-for="(ques,i) in item.questionAnswers">
                        <span>{{ques.quTitle}}</span><input v-model="ques.answerContent" type="text" class="tel"
                                                            autocomplete="off"
                                                            placeholder="请输入答案"/>
                    </div>
                    <!--                    <div class="item">-->
                    <!--                        <span>自定义</span><input name="Text1" type="text" class="tel" autocomplete="off"-->
                    <!--                                               placeholder="请输入手机号码"/>-->
                    <!--                    </div>-->
                </div>

            </div>

            <div v-for="(item,index) in peopleList">
                <div class="info">
                    <div class="title">参会人信息</div>
                    <div class="delete" v-if="index!=0" @click="deleteMenu(index)">删除</div>
                </div>

                <div id="item">
                    <div class="item">
                        <span>姓名</span><input v-model="item.name" name="name" type="text" class="tel"
                                              autocomplete="off"
                                              placeholder="请输入姓名"/>
                    </div>
                    <div class="item">
                        <span>电话</span><input v-model="item.mobile" name="mobile" type="text" class="tel"
                                              autocomplete="off"
                                              placeholder="请输入手机号码"/>
                    </div>
                    <div class="item" v-for="(ques,i) in item.questionAnswers">
                        <span>{{ques.quTitle}}</span><input v-model="ques.answerContent" type="text" class="tel"
                                                            autocomplete="off"
                                                            placeholder="请输入答案"/>
                    </div>
                    <!--                    <div class="item">-->
                    <!--                        <span>自定义</span><input name="Text1" type="text" class="tel" autocomplete="off"-->
                    <!--                                               placeholder="请输入手机号码"/>-->
                    <!--                    </div>-->
                </div>

            </div>
            <div class="buttonBox">
                <button class="otherPeople" @click="addPeople">添加其他参会人信息</button>
                <button class="submit" @click="submit">立即提交</button>
            </div>

        </div>
    </el-dialog>


</div>
<div th:include="web/common::common-bottom-web"></div>
<!--返回顶部-->
<div th:include="web/common::common-back-web"></div>
</body>
<script type="text/javascript" src="/static/js/jquery.cookie.js"></script>
<script src="/static/js/web/formateTime.js"></script>

<script>
    document.write('<script src="/static/js/web/meeting/meeting-details.js?v=' + Math.random() + '"><\/script\>');
</script>
<script src="/static/web/js/common.js"></script>
<script src="/static/web/js/layer.js"></script>
</html>
