﻿<!DOCTYPE html>
<html>

<head lang="en">
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="Keywords" content="" />
    <meta name="description" content="" />
    <link rel="stylesheet" href="/Content/public/css/public.css" />

    <link rel="stylesheet" href="css/hall_detail.css?2" />
    <link rel="stylesheet" href="css/hero.css" />
    <title>商品详情</title>
    <style>
        [v-cloak] {
            display: none;
        }
        
        .select-box {
            /* //用div的样式代替select的样式 */
            width: 140px;
            height: 35px;
            line-height: 30px;
            padding: 0 6px;
            /* border-radius: 5px; */
            /* //盒子阴影修饰作用,自己随意 */
            /* box-shadow: 0 0 5px #ccc; */
            position: relative;
            display: inline-block;
            box-sizing: border-box;
            border: 1px solid #a9a9a9;
            font-size: 12px;
        }
        /* 使用伪类给select添加自己想用的图标 */
        
        .select-box::after {
            content: "";
            width: 14px;
            height: 8px;
            background: url('/Content/public/img/arrow_down.png') no-repeat center;
            /* 通过定位将图标放在合适的位置 */
            position: absolute;
            right: 10px;
            top: 41%;
            /* 给自定义的图标实现点击下来功能 */
            pointer-events: none;
            background-size: 100%;
        }
        
        .option-item:hover {
            background-color: #509df0;
            color: #fff;
        }
        
        .tip {
            padding: 2px 9px;
        }
        
        .hall-detail .account-tab .content .cont-img {
            width: 100%;
            overflow: hidden;
        }
        
        .hall-detail .account-tab .content .cont-img img {
            max-width: 100%;
        }
        
        .hall-detail {
            overflow-x: hidden;
        }
        
        .jb-icon {
            display: inline-block;
            width: 18px;
            height: 18px;
            background: url(/Content/public/img/index/jb.png) no-repeat;
            background-size: 100% 100%;
            vertical-align: text-bottom;
        }
        
        .like,
        .jubao {
            display: inline-block;
            cursor: pointer;
        }
        
        .like:hover,
        .jubao:hover {
            color: #2F80EC;
        }
        
        .jubao:hover .jb-icon {
            background: url(/Content/public/img/index/jb-1.png) no-repeat;
            background-size: 100% 100%;
        }
        
        .like-icon {
            display: inline-block;
            width: 18px;
            height: 18px;
            background: url(/Content/public/img/index/like.png) no-repeat;
            background-size: 100% 100%;
            vertical-align: middle;
        }
        
        .like:hover .like-icon {
            background: url(/Content/public/img/index/like-1.png) no-repeat;
            background-size: 100% 100%;
        }
        .btn.disabled{
            background: #ddd !important;
            cursor: not-allowed;
        }
		.colorful_details_box.show-right {
            left: -170px;
        }
        .expand-btn {
            width: 86px;
            height: 30px;
            background: #FFFFFF;
            border-radius: 2px;
            border: 1px solid #DCDCDC;
            font-family: Microsoft YaHei;
            font-weight: 400;
            font-size: 16px;
            color: #999999;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            margin: 5px auto 10px;
        }
        .expand-btn img {
            width: 15px;
            height: 8px;
            margin-left: 10px;
        }
        .skin_details_box {
            max-height: 400px;
            overflow-y: auto;
        }
        .w404 {
            width:420px;  
        }
        .zuhao-btn {
            z-index: 10;
        }
        .arms-box .section-header {
            display: flex;
            align-items: center;
            justify-content: space-between;
        }
       .section-tabs, .section-sub-tabs {
            display: flex;
            align-items: center;
            margin-top: 18px;
        }
        .section-header .section-tabs .section-tabs-item{
            font-size: 14px;
            color: #333;
            cursor: pointer;
            padding: 5px 12px;
            margin-right: 10px;
        }
        .section-header .section-tabs .section-tabs-item.active {
            background: #E6EFFF;
            border-radius: 2px;
            font-size: 16px;
            color: #2F80EC;
        }
        .section-sub-tabs .section-sub-tabs-item{
            font-size: 14px;
            color: #333;
            cursor: pointer;
            margin-right: 16px;
        }
        .section-sub-tabs .section-sub-tabs-item.active {
            color: #2F80EC;
        }
        .section-header-right .section-input-box {
            position: relative;
        }
        .section-header-right .section-input-box img {
            width: 18px;
            height: 18px;
            position: absolute;
            left: 16px;
            top: 11px;
        }
        .section-header-right .section-input-box input{
            width: 344px;
            height: 40px;
            background: #FFFFFF;
            border-radius: 2px;
            border: 1px solid #DCDCDC;
            padding-left: 50px;
            box-sizing: border-box;
            outline: none;
        }
        .section-header-right .search-text-btn {
            position: absolute;
            right: 20px;
            top: 11px;
            font-family: Microsoft YaHei;
            font-weight: 400;
            font-size: 16px;
            color: #333333;
            cursor: pointer;
        }
        .section-body {
            display: flex;
            align-items: center;
            flex-wrap: wrap;
        }
        .section-body .li-items{
            margin-top: 28px;
            margin-right: 46px;
            text-align: center;
        }
        .section-body .li-items:nth-child(5n + 5) {
             margin-right: 0;
        }
        .section-body .li-items img {
            /* width: 108px;
            height: 108px; */
            width: 163px;
            height: 72px;
            background-color: #f7f7f7;
            border-radius: 4px;
            object-fit: contain;

        }
        .section-body .li-items .text {
            font-weight: 400;
            font-size: 14px;
            color: #666666;
            line-height: 33px;
        }
        .arms-box .nodata {
            color: #666666;
            text-align: center;
            padding: 20px 0;
        }
    </style>
</head>

<body>

    <div class="hall-detail  self-scroll-bar" id="productInfo" v-show="!loading" v-cloak>
        <p class="bread font16"><a href="javascript:window.parent.GoToUrl('../hall/hall.html');" class="color-999">租号大厅 > </a><a class="color-2F80EC">商品详情</a></p>
        <div v-if="eGameChannelState">
            <div class="goods-info">
                <dl class="goods-info-left">
                    <dt style="width: 280px;height: 280px;overflow: hidden;"><img :src="imgSrc" id="img" alt="" /></dt>
                    <dd>
                        <!-- <a href="javascript:;" class="jubao"><img src="/Content/public/img/jubao.png" style="width:18px;" />举报</a>
                        <a href="javascript:;" id="like" onclick="clickHandle(this);"><img src="/Content/public/img/no-liked.png" style="width:18px;" />收藏</a> -->
                        <div class="jubao font14 color-666">
                            <span class="jb-icon"></span>
                            <span>举报</span>
                        </div>
                        <!-- <div id="like" class="like font14 color-666 rt" onclick="clickHandle(this);">
                            <span class="like-icon"></span>
                            <span>收藏</span>
                        </div> -->
                    </dd>
                </dl>
                <ul class="goods-info-right" style="padding-bottom: 20px;width: 700px;">
                    <li class="preoduct_a ellipsis-3" :data-title="productInfo.Description" onmouseover="showPop(this,2)" onmouseout="removePop(this)"><span class="title-tag" v-if="prime==1|| prime==6">{{prime == 1? '精选': '特价'}}</span>{{productInfo.Description}}</li>
                    <li class="preoduct_b">
                        <span>游戏区服：</span>
                        <span class="color-333">{{productInfo.GameName}} / {{productInfo.GameClassNameQ}} / {{productInfo.GameClassNameF}}</span>
                    </li>
                    <div style="height: 1px;border-top:1px solid #DADADA;margin: 10px 0;"></div>
                    <li class="preoduct_b">
                        <span>卖家服务：</span>
                        <!-- <div class="tag-box">
                            <div class="left">
                                <img src="/Content/public/img/index/code2.png" alt="">
                            </div>
                            <div class="right">已验号</div>
                        </div> -->
                        <i v-if="productInfo.ErrorReparation>0" class="tag2 tag-E6EFFF" data-title="账号密码正确保证" onmouseover="showPop(this)" onmouseout="removePop(this)">赔</i>
                        <i v-if="productInfo.IsSeller >0" class="tag2 tag-E6EFFF" data-title="商户认证" onmouseover="showPop(this)" onmouseout="removePop(this)">商</i>
                        <i v-if="productInfo.ReachTime =='允许'" class="tag2 overTime-tag" data-title="订单时间结束，未有其他因素影响（下一个租客租借，号主验号，商品巡检等）可继续体验" onmouseover="showPop(this)" onmouseout="removePop(this)">到时不下线</i>
                        <!-- <i v-if="productInfo.Song!=''&&productInfo.IsSong ==1" class="tag2 song-tag" :data-title="b(productInfo.Song)" onmouseover="showPop(this,1)" onmouseout="removePop(this)">{{ a(productInfo.Song)}}</i> -->
                    </li>
                    <li class="preoduct_b">
                        <span>登号方式：</span>
                        <span style="color:#2F80EC;font-weight: 400;">{{(productInfo.GameTypeID==1||(productInfo.GameTypeID==2&&(productInfo.SpeedierLogin > 0 && productInfo.LoginWay == 1)))?'上号器上号':'账号密码登录'}}</span>
                    </li>
                    <li class="preoduct_b">
                        <span>租号限制：</span>
                        <span>
              <span v-for="item in attributeValue" v-if="item.AttributeName=='起租时间(小时)'&&item.AttributeValue>0">起租时间{{item.AttributeValue >= 2 ? item.AttributeValue : 2}}小时</span>，租号
                        <span class="color-F21E1E"> {{productInfo.RiseRentCount}}</span> 次及以上才可租用此号
                        </span>
                    </li>
                    <li class="preoduct_b">
                        <span>租号押金：</span>
                        <span v-if="productInfo.Bail>0" class="color-F21E1E">{{(productInfo.Bail-0).toFixed(2)}} </span>
                        <span v-else class="color-F21E1E">0元</span>
                        <span class="color-2F80EC">（请勿使用第三方软件外挂或浏览外挂网站，违反将会封平台账号和扣除押金）</span>
                    </li>
                    <li>
                        <ul class="pricePackage-box">
                            <li v-for="(item, index) in PricePackage" class="pricePackage-item" :key="index" :class="{'active':type === index}" @click="selectType(index)">                                   
                                <div class="pricePackage-item-top">
                                    <div class="color-F21E1E font24" style="font-weight: bold;"><span class="font14">￥</span>{{item.Pirce.toFixed(2)}}</div>
                                    <div class="original-price">￥{{item.OriginalPrice.toFixed(2)}}</div>
                                    <div class="pricePackage-count">{{item.Count}}小时</div>
                                </div>
                                <div class="pricePackage-item-bottom" v-if="type === index">
                                    <div>
                                        <!-- <div v-if="item.SongCount">租{{item.Count}}小时送{{item.SongCount}}小时</div>
                                        <div v-if="item.SongCount || (item.Count > 1)"><span v-if="item.SongCount">低至</span>{{item.CalculatedUnitPrice.toFixed(3)}}元/小时</div>
                                        <div v-if="item.SongCount">使用{{item.Count - item.SongCount}}小时后不退</div>
                                        <div v-if="!(item.SongCount || (item.Count > 1))">时租</div> -->
                                        <!-- <div v-if="item.SongCount">租{{item.Count - item.SongCount}}小时送{{item.SongCount}}小时</div> -->
                                        <div v-if="index === 0 && BestObj.Count">
                                            <div>租{{BestObj.Count}}小时</div>
                                            <div>低至{{BestObj.CalculatedUnitPrice.toFixed(2)}}元/小时</div>
                                        </div>
                                        <div v-else>
                                            <div>{{item.CalculatedUnitPrice.toFixed(2)}}元/小时</div>
                                            <div v-if="item.SongCount">使用{{item.Count - item.SongCount}}小时后不退</div>
                                        </div>
                                    </div>
                                </div>      
                                <div class="pricePackage-item-bottom" v-else>{{ timeMap[item.Count] || (item.Count + '小时')}}</div>
                            </li>
                            <!-- <li :class="{'active':type==1}" @click="selectType(1)">
                                <p class="m-time" data-key="1">时租</p>
                                <p class="m-money" style="line-height: 50px ;padding-top: 14px;">
                                    <span class="color-F21E1E font24" style="font-weight: bold;"><span class="font14">￥</span>{{(productInfo.AddPrice-0).toFixed(2)}}</span>                                   
                                </p>
                            </li>
                            <li :class="{'active':type==2}" @click="selectType(2)">
                                <p class="m-time" data-key="2">5小时</p>
                                <p class="m-money" style="line-height: 50px;padding-top: 14px;">
                                    <span class="color-F21E1E font24" style="font-weight: bold;"><span class="font14">￥</span>{{(productInfo.BaoYePrice-0).toFixed(2)}}</span>                                   
                                </p>
                            </li>
                            <li :class="{'active':type==3}" @click="selectType(3)">
                                <p class="m-time" data-key="3">10小时</p>
                                <p class="m-money" style="line-height: 50px;padding-top: 14px;">
                                    <span class="color-F21E1E font24" style="font-weight: bold;"> <span class="font14">￥</span>{{(productInfo.BaoTimePrice-0).toFixed(2)}}</span>                                   
                                </p>
                            </li>
                            <li :class="{'active':type==4}" @click="selectType(4)">
                                <p class="m-time" data-key="4">一天(24小时)</p>
                                <p class="m-money" style="line-height: 50px;padding-top: 14px;">
                                    <span class="color-F21E1E font24" style="font-weight: bold;"><span class="font14">￥</span>{{(productInfo.BaoDayPrice-0).toFixed(2)}}</span>                                    
                                </p>
                            </li>
                            <li :class="{'active':type==5}" @click="selectType(5)">
                                <p class="m-time" data-key="5">一周(168小时)</p>
                                <p class="m-money" style="line-height: 50px;padding-top: 14px;">
                                    <span class="color-F21E1E font24" style="font-weight: bold;"> <span class="font14">￥</span>{{(productInfo.BaoWeekPrice-0).toFixed(2)}}</span>                                  
                                </p>
                            </li> -->
                        </ul>
                    </li>
                    <li class="rt-bm t-right" style="position: relative;margin-top: 25px;padding-right: 12px;height: 46px;">
                        <!-- <div class="open-tip-box">
                            <span>{{vipInfo&&vipInfo.VIP==1?'您已开通VIP会员，尊享下单88折':'开通会员免费游戏，单单享折扣'}}</span>
                            <div class="open-btn" @click="open">{{vipInfo&&vipInfo.VIP==1?'立即续费':'立即开通'}}</div>
                        </div> -->
                        <a v-if="productInfo.States==2" id="zuhao-btn-red" href="javascript:;" @click="tiaoClick()" class="btn btn-red" :class="{'disabled': !productInfo.IsCreateOrder}">{{!productInfo.IsCreateOrder? (productInfo.NoCreateOrderButtonValue || '立即租号'):'立即租号'}}</a>
                        <a v-else-if="productInfo.States==5" href="javascript:;" class="btn btn-red">已出租</a>
                        <a v-else href="javascript:;" class="btn btn-red">已下架</a>
                    </li>
                </ul>
            </div>
            <div class="account-tab">
                <p class="tab-item">
                    <span class="item active">账号信息</span>
                    <span class="item">租号须知</span>
                </p>
                <div class="tab-content">
                    <div class="content active">
                        <p class="cont-title"><span>账号概要</span></p>
                        <ul class="cont-list-a">
                            <li v-for="item in attributeValue">
                                <p>{{item.AttributeName}}</p>
                                <p class="color-2F80EC">{{item.AttributeValue}}</p>
                            </li>
                        </ul>
                        <p class="cont-title"><span>游戏简介</span></p>
                        <div>{{productInfo.Description1}}</div>
                        <p class="cont-title" v-if="herosList.length"><span>英雄皮肤信息</span></p>
                        <div class="hero-box" v-if="herosList.length">
                            <div class="hero-tabs">
                                <div class="hero-tab-item" :class="{active: heroKey === '' }" @click="changeTab('')">全部英雄</div>
                                <div class="hero-tab-item" :class="{active: heroKey === 'tank' }" @click="changeTab('tank')">坦克</div>
                                <div class="hero-tab-item" :class="{active: heroKey === 'fighter' }" @click="changeTab('fighter')">战士</div>
                                <div class="hero-tab-item" :class="{active: heroKey === 'assassin' }" @click="changeTab('assassin')">刺客</div>
                                <div class="hero-tab-item" :class="{active: heroKey === 'mage' }" @click="changeTab('mage')">法师</div>
                                <div class="hero-tab-item" :class="{active: heroKey === 'marksman' }" @click="changeTab('marksman')">射手</div>
                                <div class="hero-tab-item" :class="{active: heroKey === 'support' }" @click="changeTab('support')">辅助</div>                                
                            </div>
                            <div class="hero-content">
                                <div class="hero-item-box" v-for="(item, index) in herosList" :key="index">
                                    <img :src="item.Icon" alt="">
                                    <div class="text">{{item.Name}}</div>
                                    <div class="skin_info_com" v-if="item.SkinsList.length">
                                        <div class="skin_details_box self-scroll-bar" :class="{w404:item.SkinsList.length > 1, skin_show_right2: (index+1)%10 > 6 ||  (index+1)%10 === 0}">
                                            <div class="skin_details_con">
                                                <h5>所含皮肤:</h5>
                                                <ul class="hint_skin_com">
                                                    <li v-for="(v, i) in item.SkinsList">
                                                        <img class="sk_lazy" :src="v.LargeIcon" style="display: inline;">
                                                        <h6 class="a-line">{{v.Name}}</h6>
                                                    </li>                                                    
                                                </ul>
                                            </div>
                                        </div>
                                    </div>
                                    <span class="num" v-if="item.SkinsList.length">{{item.SkinsList.length}}</span>
                                </div>
                            </div>
                            <div v-if="herosList.length < filterList.length" class="expand-btn" @click="expand">
                                <span>展开</span>
                                <img src="/Content/public/img/arrow-down.png" alt="">
                            </div>
                        </div>
                        <p class="cont-title" v-if="herosList.length"><span>炫彩皮肤</span></p>
                        <div class="skins-box" v-if="skinList.length">
                            <ul class="colorful_con">
                                <li data-key="0" v-for="(item, index) in skinList" :key="index">
                                    <img class="gd_lazy" :src="item.LargeIcon" style="display: inline;">
                                    <h4>{{item.Name}}</h4>
                                    <span class="hint_skin_num show" v-if="item.IsDefault">{{item.IsDefault}}</span>
                                    <div class="colorful_details_box" :class="{'show-right': (index + 1)%6 === 0 }" v-if="item.IsDefault">
                                        <div class="colorful_details_con">
                                            <dl>
                                                <dt>{{item.Name}}</dt>
                                                <dd v-for="(v, i) in item.HeroId.split(',')" :key="index">{{v}}</dd>
                                            </dl>
                                        </div>
                                    </div>
                                </li>
                            </ul>
                            <div v-if="skinList.length < filterList2.length" class="expand-btn" @click="expand2">
                                <span>展开</span>
                                <img src="/Content/public/img/arrow-down.png" alt="">
                            </div>
                        </div>
                        <p class="cont-title" v-if="cfgamedataList && cfgamedataList.length"><span>武器信息</span></p>
                        <div class="arms-box" v-if="cfgamedataList && cfgamedataList.length">
                            <div class="section-header">
                                <div class="section-header-left">
                                    <div class="section-tabs">
                                        <div v-if="productInfo.Skins.indexOf('武器') > -1" class="section-tabs-item" :class="{ active: selectIndex === 0 }" @click="selectTab(0)">武器</div>
                                        <div v-if="productInfo.Skins.indexOf('账号类型') > -1" class="section-tabs-item" :class="{ active: selectIndex === 1 }"  @click="selectTab(1)">账号类型</div>
                                        <div v-if="productInfo.Skins.indexOf('装饰品') > -1" class="section-tabs-item" :class="{ active: selectIndex === 2 }"  @click="selectTab(2)">装饰品</div>
                                        <div v-if="productInfo.Skins.indexOf('角色') > -1" class="section-tabs-item" :class="{ active: selectIndex === 3 }"  @click="selectTab(3)">角色</div>
                                        <div v-if="productInfo.Skins.indexOf('道具') > -1" class="section-tabs-item" :class="{ active: selectIndex === 4 }"  @click="selectTab(4)">道具</div>
                                    </div>
                                    <div class="section-sub-tabs" v-if="productInfo.Skins.indexOf('武器') > -1 && selectIndex === 0">
                                        <div class="section-sub-tabs-item" v-if="productInfo.Skins.indexOf('王者武器') > -1" :class="{ active: selectIndex2 === 0 }" @click="selectTab2(0)">王者武器</div>
                                        <div class="section-sub-tabs-item" v-if="productInfo.Skins.indexOf('英雄武器') > -1" :class="{ active: selectIndex2 === 1 }" @click="selectTab2(1)">英雄武器</div>
                                    </div>
                                </div>
                                <div class="section-header-right">
                                    <div class="section-input-box">
                                        <img src="https://newclientweb.ggzuhao.com/Content/public/img/search-icon.png" alt="Alternate Text" />
                                        <input type="type" name="name" v-model="keywords" placeholder="请输入武器装备关键词"/>
                                        <span class="search-text-btn" @click="search">搜索</span>
                                    </div>   
                                </div>
                            </div>
                            <div class="section-body">
                                <div class="li-items" v-for="item in cfList" :key="item.ID">
                                    <img :src="item.Icon" alt="Alternate Text" />
                                    <div class="text">{{item.Name}}</div>
                                </div>                                
                            </div>
                            <div class="nodata" v-if="!cfList.length">未找到您想要的数据</div>
                        </div>
                        <div v-if="cfList.length < filterList3.length" class="expand-btn" style="margin-top: 24px;" @click="expand3">
                            <span>展开</span>
                            <img src="/Content/public/img/arrow-down.png" alt="">
                        </div>
                        <p class="cont-title"><span>账号截图</span></p>
                        <div class="cont-img">
                            <img v-for="item in img" :src="item.Image" />
                        </div>                        
                    </div>
                    <div class="content content_daterr" style="margin-bottom: 30px;">
                        <p style="height:15px;"></p>
                        <p>湖南南澳网络科技有限公司（以下简称&ldquo;GG租号&rdquo;）依据出租协议的规定为用户提供服务，出租协议在用户和GG租号之间具有合同上的法律效力。我们在此特别提醒您认真阅读、充分理解出租协议各条款，特别是其中所涉及的免除及限制GG租号责任的条款以及对用户权利限制条款。</p>
                        <p>
                            <br>
                        </p>
                        <p><strong>第一章 GG租号提供的服务内容</strong></p>
                        <p>第一条 GG租号提供的服务是由湖南南澳网络科技有限公司基于APP或网站为技术平台所产生，具体服务内容主要包括：交易信息发布、提供交易管理服务、提供客户服务等，具体详情以GG游戏交易平台目前提供的服务内容为准。由于出租过程中会存在段位等属性的变化，如账号不能满足您的要求，可进行描述不符类型的售后。</p>
                        <p>
                            <br>
                        </p>
                        <p><strong>第二章 用户需要满足哪些条件。</strong></p>
                        <p>第三条 GG租号用户是指符合中华人民共和国法律规定的具有完全民事权利和民事行为能力，能够独立承担民事责任的自然人。在使用GG租号服务前，用户必须先在GG租号平台上进行注册。</p>
                        <p>第四条 用户承诺以下事项：</p>
                        <p>1、用户必须依照GG租号要求提供最新、真实、有效及完整的资料。</p>
                        <p>2、用户有义务维护并更新资料，确保其最新、真实、有效及完整。若用户提供任何过时、错误、虚假或不完整的资料，GG平台将暂停或终止用户的账户，并拒绝用户使用GG租号服务的部份或全部的功能。针对这种情况，如果出现任何损失，GG租号不会承担任何责任，一律由用户承担。</p>
                        <p>3、如果因为用户未及时更新相关资料，导致GG租号平台无法提供服务时发生错误所造成的损失，一律由用户承担，GG租号平台或者其他任何互联网平台不承担任何责任。</p>
                        <p>
                            <br>
                        </p>
                        <p><strong>第三章 用户的守法义务及承诺</strong></p>
                        <p>第五条 用户必须承诺绝不为任何非法目的或方式使用GG租号服务，并且必须遵守中国相关法律、法规及一切使用互联网的国际惯例，遵守所有与GG租号服务有关的网络协议、规则和程序。</p>
                        <p>第六条 用户同意并保证不得利用GG租号服务从事侵害他人权益或违法的行为，若有违反者应负所有法律责任。上述行为包括：</p>
                        <p>1、反对宪法所确定的基本原则，危害国家安全、泄漏国家秘密、颠覆国家政权、破坏国家统一的。</p>
                        <p>2、侵害他人名誉、隐私权、商业秘密、商标权、著作权、专利权、其他知识产权及其他权益。</p>
                        <p>3、违反依法律或合约所应负之保密义务。</p>
                        <p>4、冒用他人名义使用GG租号服务。</p>
                        <p>5、从事任何不法交易行为，如贩卖枪支、毒品、禁药、盗版软件或其他违禁物。</p>
                        <p>6、提供赌博资讯或以任何方式引诱他人参与赌博。</p>
                        <p>7、涉嫌洗钱、套现或进行传销活动的。</p>
                        <p>8、 从事任何可能含有电脑病毒或是可能侵害GG租号平台系統、资料等行为。</p>
                        <p>9、 利用GG租号平台进行可能对互联网或移动网正常运转造成不利影响之行为。</p>
                        <p>10、 侵犯GG租号的商业利益，包括发布非经许可的商业广告。</p>
                        <p>11、 利用GG租号平台上传、展示或传播虚假的、骚扰性的、中伤他人的、辱骂性的、恐吓性的、庸俗淫秽的或其他任何非法的信息资料。</p>
                        <p>12、 不允许存在私下刷单行为。</p>
                        <p>13、在平台涉嫌违规的账号余额将不予退还</p>
                        <p>
                            <br>
                        </p>
                        <p><strong>第四章 隐私权保护及授权条款</strong></p>
                        <p>第七条 GG租号平台提供的是虚拟物品的租借，依靠互联网信息技术平台，为广大用户提供租借服务，其中租借的内容涉及到个人游戏账号和密码，用户自愿把账号和密码提供给GG租号平台，GG租号平台有义务和责任对用户提供的信息进行保密不透露给其他任何人！</p>
                        <p>第八条 GG租号平台依据租号协议，把相关订单信息展示给该订单相关的用户，其中包括游戏账号和密码！</p>
                        <p>第九条 由于账号租借的特殊性，出租的用户自愿承担使用GG租号平台进行出租的所带来的风险，包括账号密码被盗取、账号里的虚拟物品被破坏，游戏账号被破坏等事项，出租用户愿意承担一切可能遭受到的损失，与GG租号平台或者apple store等其它互联网平台无关！</p>
                        <p>
                            <br>
                        </p>
                        <p><strong>第五章 知识产权的保护</strong></p>
                        <p>第十条 GG租号平台上所有内容，包括著作、图片、档案、资讯、资料、平台架构、平台画面的安排、网页设计，均由GG租号或其他权利人依法拥有其知识产权，包括商标权、专利权、著作权、商业秘密等。</p>
                        <p>第十一条 非经GG租号平台或者相关用户的同意，任何人不得擅自使用、修改、复制、公开传播、改变、散布、发行侵犯他人权利的内容。</p>
                        <p>第十二条 尊重知识产权是用户应尽的义务，GG租号平台将尽力保护每个用户的知识产权或版权内容。</p>
                        <p><strong>第五章 知识产权的保护</strong></p>
                        <p>第十条 GG租号平台上所有内容，包括著作、图片、档案、资讯、资料、平台架构、平台画面的安排、网页设计，均由GG租号或其他权利人依法拥有其知识产权，包括商标权、专利权、著作权、商业秘密等。</p>
                        <p>第十一条 非经GG租号平台或者相关用户的同意，任何人不得擅自使用、修改、复制、公开传播、改变、散布、发行侵犯他人权利的内容。</p>
                        <p>第十二条 尊重知识产权是用户应尽的义务，GG租号平台将尽力保护每个用户的知识产权或版权内容。</p>
                        <p>
                            <br>
                        </p>
                        <p><strong>第六章 订单售后说明</strong></p>
                        <p>1.密码错误。</p>
                        <p>解决：上号器上号时，点击登陆后请勿移动鼠标与键盘（如若有问题建议多重复尝试几次），如您确认密码错误，请及时进行投诉，投诉时选择密码错误选项，客服人员会尽快处理，经核实后如果确认是密码错误将返还全部租金，如有押金也一并返还。</p>
                        <p>2.无法登陆（非密码错误问题）</p>
                        <p>解决：检查上号器是否最新版本</p>
                        <p>请查看正确的上号操作方式</p>
                        <p>如果还有问题请及时联系在线客服</p>
                        <p>如果是账号因安全问题而不能登录，请及时投诉，注明是登陆限制。</p>
                        <p>3.账号与实际描述不符</p>
                        <p>解决：账号中存在一些小误差在所难免，如商品属性/商品描述存在差异（游戏账号的属性信息在游戏使用过程中会发生变化，如：段位，等级，装备，皮肤等），但如果差距较大，请选择账号与实际描述不符进行投诉，描述中请说明差距，对比依据将以号主描述为主，严禁自编自造，连续多次恶意投诉将关闭GG租号账号。</p>
                        <p>4.被挤号（顶号）了</p>
                        <p>解决：如碰到被挤号，请及时截图，进行投诉并上传截图证明，客服会进行核对，如果确认是号主顶号，一个月内超5次将删除此帐号，如果是租客恶意投诉或不能提供证明，超3次将封停帐号。</p>
                        <p>5.租错号了</p>
                        <p>解决：请及时进行投诉，投诉原因为：租错号或租错时间了，15钟内退全款，超时将按时间扣除租金（超过15分钟按一个小时收取，超过一小时按2小时收取以此类推），连续3单租错无故撤单者将视为恶意投诉并且扣除租金。注：超过15分钟并且有游戏记录按照不想玩了进行仲裁。</p>
                        <p>明文账号密码租错系统（IOS/安卓）导致租客无法使用此账号游戏，考虑此现象并不是号主责任，客服核实后会收取一半租金作为对号主的补偿，然后进行撤单。如撤单后租客还有使用此账号现象，号主可上传登录记录进行申诉追回资金，并对租客进行封号处理。</p>
                        <div style="font-weight: 700;color: #000;">
                            <p>6.不想玩了或其它理由不玩了</p>
                            <p>解决：租方在游戏期间因个人原因不想玩了或其它理由无法进行游戏，投诉原因为：不想玩了或其他理由，</p>
                            <p>端游：</p>
                            <p>（1）存在游戏记录且订单时间超过15分钟，默认为您认可该笔订单游戏账号中的属性，平台不再退还剩余租金，请合理安排游戏时间，谨慎选择投诉类型。</p>
                            <p>（2）如租客订单未超过十五分钟且没有登陆游戏客户端，将返还全部租金，并提醒租客下次合理安排游戏时间。</p>
                            <p>手游：</p>
                            <p>手游不想玩了处理与端游不同，手游上号方式为一键上号以及明文密码方式上号</p>
                            <p>（1）手游非账号商品问题，不支持退单，若是账号商品原因请选择正确的投诉类型进行投诉</p>
                            <p>注：请亲合理安排游戏时间</p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="modal-jubao hide">
                <div class="jubao-content">
                    <div class="jubao-header">
                        <span class="text">举报</span>
                        <img src="/Content/public/img/icon-close-1.jpg" class="close" />
                        <img src="/Content/public/img/icon-line-1.jpg" class="line" />
                    </div>
                    <div class="jubao-body">
                        <form>
                            <div class="f-row">
                                <label for="typeSelect">举报类型：</label>
                                <div class="select-box">
                                    <span id="selComplainType" value="1">虚假或广告宣传</span>
                                    <div style="display:none;width: 140px;position: absolute;left: -1px;top:33px;border:1px solid #ccc;background-color: #fff;box-sizing: border-box;" id="select-box">
                                        <div value="1" style="padding: 4px;line-height: 16px;" class="option-item">虚假或广告宣传</div>
                                        <div value="2" style="padding: 4px;line-height: 16px;" class="option-item">已封号或冻结</div>
                                        <div value="3" style="padding: 4px;line-height: 16px;" class="option-item">价格炒作</div>
                                        <div value="4" style="padding: 4px;line-height: 16px;" class="option-item">恶意刷单</div>
                                    </div>
                                </div>
                            </div>
                            <div class="f-row">
                                <label for="jubaoReason">举报理由：</label>
                                <span class="color-red">限100字以内</span>
                                <textarea name="" id="txtComplaintContent" class="jubao-text"></textarea>
                            </div>
                            <div class="f-row t-center">
                                <input type="button" class="btn btn-lg jubao-btn" onclick="Save()" value="立即举报">
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
        <div class="t-center" style="padding: 200px 0;" v-else>
            <img src="/Content/public/img/nodata.png" />
            <p style="padding: 15px 0;color:#999;font-size: 14px;">{{errMsg}}</p>
        </div>
    </div>
    <div style="display:none">
        <script>
            var _hmt = _hmt || [];
            (function() {
                var hm = document.createElement("script");
                hm.src = "https://hm.baidu.com/hm.js?1cd36ca5b93066b0112c88b37f5438e3";
                var s = document.getElementsByTagName("script")[0];
                s.parentNode.insertBefore(hm, s);
            })();
        </script>
        <script>
            var _czc = _czc || [];
            (function () {
                var um = document.createElement("script");
                um.src = "https://s4.cnzz.com/z.js?id=1281356450&async=1";
                var s = document.getElementsByTagName("script")[0];
                s.parentNode.insertBefore(um, s);
            })();
        </script>
    </div>
    <script src="/Content/libs/jquery-1.11.3.min.js"></script>
    <script src="/Content/libs/vue.js"></script>
    <script src="/Content/libs/promise.js"></script>
    <script src="/Content/libs/axios.js"></script>
    <script src="/Content/libs/jquery.cookie.js"></script>
    <script src="/Content/libs/Common.js"></script>
    <script src="/Content/libs/Cryptojs/src/core.js"></script>
    <script src="/Content/libs/Cryptojs/src/md5.js"></script>
    <script src="/Content/libs/Cryptojs/src/enc-base64.js"></script>
    <script src="/Content/libs/Cryptojs/src/cipher-core.js"></script>
    <script src="/Content/libs/Cryptojs/src/aes.js"></script>
    <script src="/Content/libs/Cryptojs/src/mode-ecb.js"></script>
    <script src="/Content/libs/layer/layer.js"></script>
    <script>
        var _userInfo;
        var id = "";
        var productNumber = "";
        var type = "1";
        var IsRiseRent = 0;
        function filerData () {
            let list = JSON.parse(JSON.stringify(product.allHerosList))
            if (product.heroKey) {
                list = list.filter(function (v) {
                    return v.Roles.indexOf(product.heroKey) > -1
                })
            }
            list.forEach(function(v) {
                v.SkinsList = v.Skins.filter(function(item) {
                    return product.productInfo.Skins.indexOf(item.Name) > -1
                })
            })
            product.filterList = list
            product.herosList = list.slice(0, 40);
        }
        function LoadProduct() {
            var params = new Object();
            _userInfo = GetLoginUserCookie();
            if (_userInfo != null) {
                params.userid = _userInfo.UserID;
            }
            params.id = GetQueryString('id');
            var _index = layer.msg('加载中，请稍候', {
                icon: 16,
                time: false,
                shade: 0.1
            });
            HttpGet("/product/ProductDetail", params).then(function(result) {
                //alert(JSON.stringify(result))
                console.log(result, '商品详情');
                var that = this;
                if (result.Code == "0") {
                    layer.close(_index)
                    product.PricePackage = result.PricePackage                    
                    product.eGameChannelState = result.eGameChannelState;
                    product.loading = false;
                    product.errMsg = result.eGameChannelMsg;
                    product.productInfo = result.productInfo;
                    product.attributeValue = result.attributeValue;
                    product.allHerosList = result.herosList || []
                    filerData()
                    product.filterList2 = result.skinList || []
                    product.skinList = (result.skinList || []).slice(0, 30)
                    product.cfgamedataList = result.cfgamedataList || []                                       
                    if (result.cfgamedataList && result.cfgamedataList.length) {
                        product.filerData()
                    }
                    product.img = result.img;
                    product.accelerator = result.accelerator;
                    product.IsCreateOrder = result.IsCreateOrder;
                    product.NoCreateOrderAlert = result.NoCreateOrderAlert;
                    product.acceleratorPrice = (result.accelerator.length ? (result.accelerator[0].split('_')[1] - 0) : 0);
                    // $("#img").attr("src", product.img[0].Image);         
                    //$("#img").attr("src", 'http://img.ggzuhao.com/img/ImgProc/ProcImg/'+product.productInfo.GameID+'.jpg'); 
                    product.imgSrc = 'http://img.ggzuhao.com/img/ImgProc/ProcImg/' + product.productInfo.GameID + '.jpg';
                    result.attributeValue && result.attributeValue.forEach(function(item) {
                        if (item.AttributeName === "适用系统") {
                            if (item.AttributeValue === "苹果" && product.productInfo.SpeedierLogin > 0 && product.productInfo.LoginWay == 1) {
                                product.isIOS = true;
                            }
                        }
                    })
                    if (product.productInfo.BestHour) {
                        product.PricePackage.forEach(function(v,i) {
                            if ((v.Count - v.SongCount) === product.productInfo.BestHour) {
                                console.log(v,i)
                                product.type = i
                                product.BestObj = v
                            }
                        })
                    }
                    if (!result.accelerator.length) {
                        $('#accelerator').parent().hide()
                    }
                    id = product.productInfo.ProductID;
                    productNumber = product.productInfo.ProductNumber
                    if (result.orderCount < product.productInfo.RiseRentCount) {
                        IsRiseRent = product.productInfo.RiseRentCount;
                    }
                    isCollecte();
                    setTimeout(function() {
                        $('#select-box').on('click', 'div', function(e) {
                            e.stopPropagation();
                            console.log(e)
                                // debugger
                            $('#select-box').hide();
                            $("#selComplainType").attr('value', $(e.currentTarget).attr('value'));
                            console.log($(e.currentTarget).attr('value'))
                            $('#selComplainType').text(e.currentTarget.innerText);
                        })


                        $('.select-box').click(function(e) {
                            e.stopPropagation();
                            if ($('#select-box').css('display') !== 'none') {
                                $('#select-box').hide();
                            } else {
                                $('#select-box').show();
                            }
                        })
                        $(document).click(function() {
                            $('#select-box').hide();
                        })


                        $(".jubao").click(function() {
                            $(".modal-jubao").show();
                        }).mouseenter(function(e) {
                            $(e.currentTarget).find('img').attr('src', '/Content/public/img/jubao-1.png')
                        }).mouseleave(function(e) {
                            $(e.currentTarget).find('img').attr('src', '/Content/public/img/jubao.png')
                        });
                        $('.close').on('click', function(e) {
                            $(".modal-jubao").hide();
                        })
                        $(".tab-item").on("click", ".item", function(e) {
                            $(this).addClass("active").siblings().removeClass("active");
                            $($(".tab-content .content")[$(this).index()]).addClass("active").siblings().removeClass("active");

                        });
                    }, 800);
                    setTimeout(function() {
                        console.log($('#zuhao-btn-red').offset())
                        product.offset = $('#zuhao-btn-red').offset()
                            // $('#zuhao-btn-red').css({
                            //     position:'fixed !important',

                        // })
                    })
                }
            }).catch(function(result) {

            });
        }

        var product = new Vue({
            el: '#productInfo',
            data: {
                eGameChannelState: false,
                errMsg: '该商品不存在或已下架',
                items: [],
                productInfo: '',
                attributeValue: [],
                img: [],
                accelerator: [],
                acceleratorPrice: 0,
                NoCreateOrderAlert: '',
                IsCreateOrder: false,
                type: 0,
                imgSrc: '',
                loading: true,
                isIOS: false,
                id: 0,
                offset: {},
                PricePackage: [],
                allHerosList: [],
                herosList: [],
                skinList: [],
                timeMap: {
                    1: '时租',
                    24: '1天',
                    168: '1周'
                },
                BestObj: {},
                heroKey: '',
                filterList: [],
                filterList2: [],
                filterList3: [],
                cfgamedataList: [],
                cfList: [],
                selectIndex: 0,
                selectIndex2: 0,
                tabName: '',
                keywords: '',
                typeMap: {
                    0: '武器',
                    1: '账号类型',
                    2: '装饰品',
                    3: '角色',
                    4: '道具'
                },
                typeMap2: {
                    0: '王者武器',
                    1: '英雄武器'
                }
            },
            created: function() {
                this.id = GetQueryString('id');
                this.prime = GetQueryString('prime');
                _czc.push(['_trackEvent', '商品详情', '网页', '访问量']);
                LoadProduct();
                if (localStorage.getItem('attributeList')) {
                    this.attributeList = localStorage.getItem('attributeList')
                    localStorage.removeItem('attributeList')
                }
            },
            mounted: function() {
                //zuhao-btn
                // setTimeout(function() {
                //     console.log($('#zuhao-btn-red').offset())
                // }, 600)
                // $(window).scroll(function() {
                //     console.log(this.offset)
                // })




                $('#productInfo').scroll(function(e) {
                    console.log($(this)[0].scrollTop)
                        // console.log($('#zuhao-btn-red').offset())
                    if ($(this)[0].scrollTop >= 411) {
                        $('#zuhao-btn-red').addClass('zuhao-btn')
                    } else {
                        $('#zuhao-btn-red').removeClass('zuhao-btn')
                    }
                })
            },
            methods: {
                expand: function () {
                    this.herosList = this.herosList.concat(this.filterList.slice(this.herosList.length, this.herosList.length + 40));
                },
                expand2: function () {
                    this.skinList = this.skinList.concat(this.filterList2.slice(this.skinList.length, this.skinList.length + 30));
                },
                expand3: function () {
                    this.cfList = this.cfList.concat(this.filterList3.slice(this.cfList.length, this.cfList.length + 30));
                },
                changeTab: function(key) {
                    this.heroKey = key
                    this.herosList = []
                    filerData()
                },
                filerData: function() {
                    var that = this
                    if (!this.filterList3.length) {
                        if (this.productInfo.Skins.indexOf('武器')> -1) {
                            if (this.productInfo.Skins.indexOf('王者武器')> -1) {
                                this.selectIndex = 0
                                this.selectIndex2 = 0
                            } else {
                                this.selectIndex = 0
                                this.selectIndex2 = 1
                            }                            
                        } else if (this.productInfo.Skins.indexOf('账号类型')> -1) {
                            this.selectIndex = 1
                        } else if (product.productInfo.Skins.indexOf('装饰品')> -1) {
                            this.selectIndex = 2
                        } else if (this.productInfo.Skins.indexOf('角色')> -1) {
                            this.selectIndex = 3
                        } else if (this.productInfo.Skins.indexOf('道具')> -1) {
                            this.selectIndex = 4
                        }
                    }                    
                    if (this.selectIndex === 0) {
                        this.tabName = this.typeMap2[this.selectIndex2]
                        this.filterList3 = (this.cfgamedataList || []).filter(function(item) {
                            return item.SuperiorClassName === that.tabName
                        })
                    } else {
                        this.tabName = this.typeMap[this.selectIndex]
                        this.filterList3 = (this.cfgamedataList || []).filter(function(item) {
                            return item.TopCategoryName === that.tabName
                        })
                    }                    
                    this.cfList = this.filterList3.slice(0, 30)
                },
                selectTab: function(type) {
                    this.selectIndex = type
                    if (type === 0) {
                        this.selectIndex2 = 0
                    }
                    this.keywords = ''
                    this.filerData()
                },
                selectTab2: function(type) {
                    this.selectIndex = 0
                    this.selectIndex2 = type
                    this.keywords = ''
                    this.filerData()
                },
                search: function () {
                    var that = this
                    var arr = []
                    if (this.selectIndex === 0) {
                        var tabName = this.typeMap2[this.selectIndex2]
                        arr = (this.cfgamedataList || []).filter(function(item) {
                            return item.SuperiorClassName === tabName
                        })
                    } else {
                        var tabName = this.typeMap[this.selectIndex]
                        arr = (this.cfgamedataList || []).filter(function(item) {
                            return item.TopCategoryName === tabName
                        })
                    }
                    this.filterList3 = arr.filter(function(item) {
                        return that.keywords ? item.Name === that.keywords : item.Name
                    })
                    this.cfList = this.filterList3.slice(0, 30)                
                },
                tiaoClick: function(v) {
                    if (this.productInfo.IsCreateOrder) {
                        tiaoClick(v);
                    }                  
                },
                a: function(t) {
                    var ja = JSON.parse(t);
                    var song = "";
                    $(ja).each(function(k, v) {
                        if (song == "") {
                            song = "租" + v.split(':')[0] + "送" + v.split(':')[1];
                        } else {
                            song = song + "/租" + v.split(':')[0] + "送" + v.split(':')[1];
                        }
                    })
                    return song;
                },
                b: function(t) {
                    var ja = JSON.parse(t);
                    var song = "";
                    $(ja).each(function(k, v) {
                        if (song == "") {
                            song = "租 " + v.split(':')[0] + "小时送 " + v.split(':')[1] + "小时 = " + (v.split(':')[0] / 1 + v.split(':')[1] / 1) + " 小时";
                        } else {
                            song = song + "/租 " + v.split(':')[0] + "小时送 " + v.split(':')[1] + "小时 = " + (v.split(':')[0] / 1 + v.split(':')[1] / 1) + " 小时";
                        }
                    })
                    return song;
                },
                selectType: function(n) {
                    this.type = n;
                    type = n;
                }
            }
        });

        function LoadOrderStatusCount() {
            var loginUserInfo = GetLoginUserCookie();
            var orderStatusCountParams = {
                CreateBy: loginUserInfo && loginUserInfo.UserID ? loginUserInfo.UserID : '',
                keyWord: "",
                beginTime: "",
                endTime: ""
            };
            var url = 'order/GetMyZuHaoOrderStatusCount'; //url地址
            HttpGet(url, orderStatusCountParams)
                .then(function(result) {
                    //这里处理成功回调
                    if (result.Code == "0") {
                        if (result['已冻结']) {
                            layer.alert('已有订单冻结，为避免订单再次冻结，请处理完后再进行下单，请联系客服！', {
                                btn: ['立即联系客服处理', '继续下单'],
                                title: '信息',
                                btn1: function() {
                                    OpenWindowIEUrl("https://clientweb.ggzuhao.com/html/web/kefu.html");
                                },
                                btn2: function() {
                                    var checked = $('#accelerator')[0].checked ? 1 : 0;
                                    location.href = 'to_pay.html?id=' + id + "," + type + '&accelerator=' + checked;
                                }
                            });
                        } else {
                            var checked = $('#accelerator')[0].checked ? 1 : 0;
                            location.href = 'to_pay.html?id=' + id + "," + type + '&accelerator=' + checked;
                        }
                    } else {
                        layer.alert("数据异常", {
                            title: '提示',
                            icon: 5
                        });
                    }
                })
                .catch(function(result) {
                    //这里处理失败回调
                    layer.alert("服务器异常", {
                        title: '提示',
                        icon: 5
                    });
                });
        }

        function tiaoClick() {
            if (_userInfo == null) {
                // window.parent.$('#loginBox').addClass('active').find(":password").val(''); 
                // window.parent.$('#loginBox_pone').siblings().not('.box-content-header,.box-content-footer').hide()
                // window.parent.$('#loginBox_pone').show()   
                //window.parent.WXLogin()   
                window.parent.ShowBox(0)
                _czc.push(['_trackEvent', '登录注册', '窗口', '展现量'])
                return;
            }

            if (IsRiseRent != 0) {
                _czc.push(['_trackEvent', '下单失败', '商品详情', '起租次数限制']);
                // _czc.push(['_trackEvent', '下单失败', '出现次数', '起租次数限制']);
                // _czc.push(['_trackEvent', '下单失败', '出现次数', '合计']);
                layer.msg(IsRiseRent + "次可租用此号");
                return;
            }

            if (product.IsCreateOrder) {
                _czc.push(['_trackEvent', '下单失败', '商品详情', product.NoCreateOrderAlert]);
                // _czc.push(['_trackEvent', '下单失败', '出现次数', product.NoCreateOrderAlert]);
                // _czc.push(['_trackEvent', '下单失败', '出现次数', '合计']);
                layer.msg(product.NoCreateOrderAlert);
                return;
            }
            // if(product.productInfo.GameTypeID==1){
            //   LoadOrderStatusCount();  
            // }else{
            //   location.href = 'to_pay.html?id=' + id + "," + type;
            // }  
            if (product.isIOS) {
                layer.msg('该商品不支持使用端游上号器，换个商品试试看吧！')
                return;
            }
            _czc.push(['_trackEvent', '确认下单', '网页', '访问量'])
                //var checked = $('#accelerator')[0].checked ? 1 : 0;
                //location.href = 'to_pay.html?id=' + id + "," + type + '&accelerator=' + checked;
                var timeMap = {
                    5: 2,
                    10: 3,
                    24: 4,
                    168: 5
                }
                var priceType = timeMap[product.PricePackage[product.type].Count] || 1
                location.href = 'to_pay.html?selectindex=' + product.type + '&id=' + id + "," + priceType + '&productNumber=' + productNumber + '&prime=' + GetQueryString('prime')
        }

        function Save() {
            _userInfo = GetLoginUserCookie();
            if (_userInfo == null) {
                window.parent.$('#loginBox').addClass('active').find(":password").val('');
                return;
            }
            if ($("#txtComplaintContent").val() == "") {
                layer.msg("内容不能为空！");
                return;
            }
            if ($("#txtComplaintContent").val().length >= 100) {
                layer.msg("内容不能超过100");
                return;
            }
            var params = new Object();
            // params.type = $("#sltComplaintType").val();
            params.type = $("#selComplainType").attr('value');
            params.id = id;
            params.userID = _userInfo.UserID;
            params.txt = $("#txtComplaintContent").val();
            //debdebugger
            HttpGet("/product/ProductComplaint", params).then(function(result) {
                if (result.Code == "0") {
                    $(".modal-jubao").hide();
                    layer.msg(result.Message);

                }
            });
        }

        function GoToUrl(e) {
            console.log(window.parent)
            window.parent.GoToUrl($(e).attr('data-href'));
            //window.parent.sfa.src=$(id).attr('data-href');
        }

        function showPop(e, type) {
            //alert(1)
            var str = '';
            var top = $(e).offset().top;
            var left = $(e).offset().left;
            var text = $(e).attr('data-title');
            if (type == 1) {
                str += '<div class="popover" style="left:' + left + 'px;top:' + (top + 32) + 'px;"><div style="overflow:hidden;max-width:360px;width:' + (left > 476 ? '273px' : '360px') + ';">' + text + '</div></div>';
            } else if (type == 2) {
                str += '<div class="popover" style="left:' + left + 'px;top:' + (top + 30) + 'px;"><div style="overflow:hidden;max-width:500px;width:500px;">' + text + '</div></div>';
            } else {
                str += '<div class="popover" style="left:' + left + 'px;top:' + (top + 32) + 'px;"><div style="overflow:hidden;">' + text + '</div></div>';
            }

            $('body').append(str);

        }

        function removePop(e) {
            console.log($(e).find('.popover'))
            $('.popover').remove();
        }

        function collecte(e) {
            _userInfo = GetLoginUserCookie();
            if (_userInfo == null) {
                window.parent.$('#loginBox').addClass('active').find(":password").val('');
                return;
            }
            var params = new Object();
            params.productId = id;
            params.userId = _userInfo.UserID;
            HttpGet("/ClientUser/AddLike", params).then(function(result) {
                //debugger
                console.log(result);
                if (result.Code == "0") {
                    product.isCollected = true;
                    layer.msg('收藏成功');
                    $(e).find('img').attr('src', '/Content/public/img/liked.png')
                } else {
                    layer.msg(result.Message)
                }
            }).catch(function(result) {
                layer.msg(result.Message)
            });
        }

        function cancelCollecte(e) {
            _userInfo = GetLoginUserCookie();
            if (_userInfo == null) {
                window.parent.$('#loginBox').addClass('active').find(":password").val('');
                return;
            }
            var params = new Object();
            params.productId = id;
            params.userId = _userInfo.UserID;
            HttpGet("/ClientUser/DelLike", params).then(function(result) {
                console.log(result);
                if (result.Code == "0") {
                    product.isCollected = false;
                    layer.msg('取消收藏');
                    $(e).find('img').attr('src', '/Content/public/img/no-liked.png')
                } else {
                    layer.msg(result.Message)
                }
            }).catch(function(result) {
                layer.msg(result.Message)
            });
        }

        function clickHandle(e) {
            if (product.isCollected) {
                cancelCollecte(e)
            } else {
                collecte(e)
            }
        }

        function isCollecte(e) {
            _userInfo = GetLoginUserCookie();
            if (_userInfo == null) {
                return;
            }
            var params = new Object();
            params.productId = id;
            params.userId = _userInfo.UserID;
            HttpGet("/ClientUser/IsUuserProductLike", params).then(function(result) {
                console.log(result);
                if (result.Code == "0") {
                    product.isCollected = true;
                    $('#like img').attr('src', '/Content/public/img/liked.png');
                } else {
                    product.isCollected = false;
                }
            });
        }
    </script>
</body>

</html>