<!--  2016-1-14 添加星级样式 -------start------- -->

<style>
    #asideBox .bq1 { background: url("<?=STATIC_SOURCE_URL?>/zsb/images/v1.0/bq_sprites.png") no-repeat 0 -138px ;}
    #asideBox .on .bq1{ background: url("<?=STATIC_SOURCE_URL?>/zsb/images/v1.0/bq_sprites.png") no-repeat 0 0 ;}
    .bq-record{border-collapse: collapse; border-spacing: 0;table-layout: fixed;margin:20px 10px;}
    .bq-record td,.bq-record th{border: solid 1px #d9d9d9; padding: 3px;text-align: center;height: 30px;width: 5%;}
    .bq-record th{color:#333;background-color: #ebebeb;}
    .bq-record td{color: #333;}
    .scoreStatisticalIndex{
        height: 16px;
        margin-top: 2px;
        margin-bottom: 1px;
    }
    .scoreStatisticalIndex .star_level{
        display: inline-block;width: 16px;
        height: 16px;background: url("<?=STATIC_SOURCE_URL?>/zsb/images/v1.0/xing_add_2016_1_14.png") no-repeat 0px -29px;
    }
    .scoreStatisticalIndex .on{
        display: inline-block;width: 16px;
        height: 16px;background: url("<?=STATIC_SOURCE_URL?>/zsb/images/v1.0/xing_add_2016_1_14.png") no-repeat 0px 0px;
    }

    .fl{
        float: left;
    }
    .yx_start_level{
        margin-right: 44px;float: left;
    }
    .yx_info_p{
        line-height: 21px;
    }
    .personalPInner .item .yx_info_p_wid{
        width: 261px;
    }

    .personalPInner .item .clorG{
        color: #52c06c;
    }
    .personalPInner .item .clorY_p{
        display: inline-block;
        line-height: 24px;
        *line-height:21px;
    }
</style>

<!--  2016-1-14 添加星级样式 -------end------- -->


<!--  2016-1-14 添加星级样式 -------end------- -->
<div id="centre" class="layout">
    <div class="centreInner ">
        <div class="mainInner radius5 collect-con">
            <div class="belongBox belongBox_p radius5">
                <div class="personalPInner clearfix">
                    <p class="collect-icon">楼盘达人征集开始啦</p>
                    <ul class="collect-voice">
                        <li>&middot; 拿起手机拍拍拍，独到见解秀出来，丰厚奖励乐开怀! we need you!</li>
                        <li>&middot; 参与步骤：认领小区 - 拍摄楼栋图片 - 提交等待审核 - 领取奖励！</li>
                        <li>&middot; 房豆标签、微信推广，更可获得对应小区房源展示，入住小区首页资格！还不赶快行动！</li>
                    </ul>
                    <p align="right">
                        <a target="_blank" href="#" class="collect-a">查看活动专题>></a>
                    </p>
                </div>

            </div>
            <div class="belongBox belongBox_p radius5 collect-wap">
                <div class="personalPInner clearfix">
                    <div class="titleTabBox">
                        <div class="titleTab">
                            <div class="titleTabB clearfix">
                                <dl class="list">
                                    <dd class="item ">
                                        <a class="link" href="/personal_house/loupan_talent"> 楼盘图片</a>
                                    </dd>
                                    <?php if($explain_switch){?>
                                    <dd class="item itemOn">
                                        <a class="link" href="/personal_house/loupan_read"> 多维解读</a>
                                    </dd>
                                    <?php }?>
                                    <dd class="item">
                                        <a class="link" href="/personal_house/loupan_my_contribution"> 我的贡献</a>
                                    </dd>
                                </dl>
                            </div>
                        </div>
                    </div>

                    <form id="form2" name="form2">
                    <div class="cf collect-read">

                        <script>
                            $(document).ready(function() {

                                //图片
                                //setTimeout('delayimg()', 200);
                                $(".bigpic").hover(function(){
                                    $(this).children(".showpic").fadeIn();
                                    if($(this).children(".showpic").children("img").width() <= $(this).children(".showpic").children("img").height()){
                                        $(this).children(".showpic").children("img").height(360);
                                    }else{
                                        $(this).children(".showpic").children("img").width(360);
                                    }
                                },function(){
                                    $(this).children(".showpic").hide();
                                })

                            });

                        </script>
                        <div class="collect-rp">
                            <input id="new_block_id" value="<?php echo $claim_data[0]['new_block_id'];?>" name="new_block_id" type="hidden">
                            <p>当前认领小区：<span class="orange"><?php echo $claim_data[0]['blockname'];?></span></p>
                            <p>认领截止日期：<span class="orange"><?php $time =4*86400+$claim_data[0]['explain_time'];echo date('Y-m-d',$time);?></span></p>
                        </div>
                        <p class="collect-tit">1.小区优点</p>
                        <div class="clearfix jd-upload">
                            <label class="fl">户型解读：</label>
                            <div class="fl">
                                <div class="clearfix mt10 fl">
                                    <div class="fields">
                                        <div id="thumbnails"></div>
                                    </div>
                                </div>
                                <div class="bd aleft aupload" style="position:relative">

                                    <div id="spanButtonPlaceholder" style="display:none;"></div>
                                    <span style="font-size: 12px;height: 32px; position:absolute;left:100px;top:2px">上传标准户型图</span>
                                </div>
                                <div class="clearfix">
                                </div>
                                <textarea placeholder="请输入描述..." name="house_read" id="house_read" ><?php echo $templateinfo[0]['house_read'];?></textarea>
                            </div>
                        </div>
                        <div class="clearfix jd-upload">
                            <label class="fl">配套设施：</label>
                            <div class="fl">
                                <textarea placeholder="请输入描述..." name="mating_facility" id="mating_facility"><?php echo $templateinfo[0]['mating_facility'];?></textarea>
                            </div>
                        </div>
                        <p class="collect-tit">2.小区缺点</p>
                        <div class="clearfix jd-upload">
                            <label class="fl">小区缺点：</label>
                            <div class="fl">
                                <div class="clearfix mt10 fl">
                                    <div class="fields">
                                        <div id="thumbnails1"></div>
                                    </div>
                                </div>
                                <div class="bd aleft aupload1" style="position:relative">
                                    <!-- <a class="btn radius5 btnCon" href="####">图片上传</a> -->
                                    <div id="spanButtonPlaceholder1" style="display:none;"></div>
                                    <span style="font-size: 12px;height: 32px; position:absolute;left:100px;top:2px">上传小区内景图</span>
                                </div>
                                <div class="clearfix">
                                </div>
                                <textarea placeholder="请输入描述..." name="block_defect" id="block_defect"><?php echo $templateinfo[0]['block_defect'];?></textarea>
                            </div>
                        </div>
                        <p class="collect-tit">3.楼栋分布</p>
                        <div class="clearfix jd-upload">
                            <label class="fl">楼栋分布：</label>
                            <div class="fl">
                                <div class="clearfix mt10 fl">
                                    <div class="fields">
                                        <div id="thumbnails2"></div>
                                    </div>
                                </div>
                                <div class="bd aleft aupload2" style="position:relative">
                                    <div id="spanButtonPlaceholder2" style="display:none;"></div>
                                    <span style="font-size: 12px;height: 32px; position:absolute;left:100px;top:2px">上传楼栋分布图</span>
                                </div>
                                <div class="clearfix">
                                </div>
                                <textarea placeholder="请输入描述..." name="build_dist" id="build_dist"><?php echo $templateinfo[0]['build_dist'];?></textarea>

                            </div>
                        </div>
                        <p class="collect-tit">4.物业管理</p>
                        <div class="clearfix jd-upload">
                            <label class="fl">安全防范：</label>
                            <div class="fl">
                                <div class="clearfix mt10 fl">
                                    <div class="fields">
                                        <div id="thumbnails3"></div>
                                    </div>
                                </div>
                                <div class="bd aleft aupload3" style="position:relative">
                                    <!-- <a class="btn radius5 btnCon" href="####">图片上传</a> -->
                                    <div id="spanButtonPlaceholder3" style="display:none;"></div>
                                    <span style="font-size: 12px;height: 32px; position:absolute;left:100px;top:2px">上传小区内景图（门头照）</span>
                                </div>
                                <div class="clearfix">
                                </div>
                                <textarea placeholder="请输入描述..." name="safe_keep" id="safe_keep"><?php echo $templateinfo[0]['safe_keep'];?></textarea>
                            </div>
                        </div>
                        <div class="clearfix jd-upload">
                            <label class="fl">卫生保障：</label>
                            <div class="fl">

                                <textarea placeholder="请输入描述..." name="health_keep"  id="health_keep"><?php echo $templateinfo[0]['health_keep'];?></textarea>
                            </div>
                        </div>
                        <div class="clearfix jd-upload">
                            <label class="fl">停车管理：</label>
                            <div class="fl">
                                <textarea placeholder="请输入描述..." name="park_manage" id="park_manage"><?php echo $templateinfo[0]['park_manage'];?></textarea>
                            </div>
                        </div>
                        <div class="clear btnFBbox" align="center">
                            <a href="####" class="btnB radius5 collect-btn">确定提交</a>
                        </div>
                        <div class="jd-rule">
                            <h1>多维解读的入住规则：</h1>
                            <p>小区的贡献度达到小区总栋数的百分之六十以上（包含百分之六十），即可获得入住多维解读的机会。<br/>
                                同一个小区，同一个经纪人仅有一次提交解读的机会，一旦被审核人员驳回，则取消其入住该小区的资格，请慎重填写哦！<br/>
                                经纪人提交的解读内容，一定是真实、可信的，请不提交虚假信息，以免误导用户。<br/>
                                经纪人提交的解读内容，不可抄袭其他同类型网站的相似内容。<br/>
                                解读内容内的每一类别，提交的文字数量不得少于20个字符，上限为200个字符。</p>
                        </div>
                        <p class="c9 l28 mt10">温馨提示：如果您对入住规则有任何疑问，都可以咨询我们的客服小姐姐哦！</p>
                        <p class="c9 l28">咨询热线：18662715825（同微信）。</p>
                    </div>
                    </form>
                </div>

            </div>
        </div>

    </div>
</div>
<script>

    $(".collect-btn").on("click",function(){
        var house_read = $("#house_read").val();
        var house_read_str = house_read.length;
        if(house_read_str<20 || house_read_str>200)
        {
            alert("户型解读描述不少于20字符且不超过200个字符");return false;
        }

        var mating_facility = $("#mating_facility").val();
        var mating_facility_str = mating_facility.length;

        if(mating_facility_str<20 || mating_facility_str>200)
        {
            alert("配套设施描述不少于20字符且不超过200个字符");return false;
        }

        var block_defect = $("#block_defect").val();
        var block_defect_str = block_defect.length;

        if(block_defect_str<20 || block_defect_str>200)
        {
            alert("小区缺点描述不少于20字符且不超过200个字符");return false;
        }


        var build_dist = $("#build_dist").val();
        var build_dist_str = build_dist.length;

        if(build_dist_str<20 || build_dist_str>200)
        {
            alert("楼栋分布描述不少于20字符且不超过200个字符");return false;
        }

        var safe_keep = $("#safe_keep").val();
        var safe_keep_str = safe_keep.length;
        if(safe_keep_str<20 || safe_keep_str>200)
        {
            alert("安全防范描述不少于20字符且不超过200个字符");return false;
        }


        var health_keep = $("#health_keep").val();
        var health_keep_str = safe_keep.length;
        if(health_keep_str<20 || health_keep_str>200)
        {
            alert("卫生保障描述不少于20字符且不超过200个字符");return false;
        }


        var park_manage = $("#park_manage").val();
        var park_manage_str = park_manage.length;
        if(park_manage_str<20 || park_manage_str>200)
        {
            alert("停车管理描述不少于20字符且不超过200个字符");return false;
        }


        var picNum =  $("#thumbnails .deltextFg3Img").length;
        var picNum1 = $("#thumbnails1 .deltextFg3Img").length;
        var picNum2 = $("#thumbnails2 .deltextFg3Img").length;
        var picNum3 = $("#thumbnails3 .deltextFg3Img").length;
        if(picNum<1 || picNum1<1 || picNum2<1 || picNum3<1)
        {
            alert("请完善解读内容后提交");return false;
        }

        openWin("dialogtc2");
    })

    $("#dialog_url_read").live("click",function(){
        var new_block_id    = $("#new_block_id").val();
        var house_read      = $("#house_read").val();
        var mating_facility = $("#mating_facility").val();
        var block_defect    = $("#block_defect").val();
        var build_dist      = $("#build_dist").val();
        var safe_keep       = $("#safe_keep").val();
        var health_keep     = $("#health_keep").val();
        var park_manage     = $("#park_manage").val();

        var block_advantage_pic     = $("#block_advantage_pic").val();
        var block_defect_pic        = $("#block_defect_pic").val();
        var build_dist_pic          = $("#build_dist_pic").val();
        var property_manage_pic     = $("#property_manage_pic").val();

        var url = '/personal_house/set_read_loupan/';
        $.ajax({
            url : url,
            type : 'post',
            dataType:'json',
            data : {new_block_id:new_block_id,house_read:house_read,mating_facility:mating_facility,block_defect:block_defect,build_dist:build_dist,safe_keep:safe_keep,health_keep:health_keep,park_manage:park_manage,block_advantage_pic:block_advantage_pic,block_defect_pic:block_defect_pic,build_dist_pic:build_dist_pic,property_manage_pic:property_manage_pic},

            success : function(data){
                openWin("dialogtc3");
                window.setTimeout("window.location.href='/personal_house/loupan_talent'; ",1000);
            }
        });

    })
</script>
<!--脚部-->

<div id="dialogtc2" class="dialog radius5" style="width: 400px;height: 200px;">
    <div class="hd">
        <h3 class="h3">提示</h3>
        <span title="关闭" class="close close-win">&Chi;</span> </div>
    <div class="mod">
        <div  style="background:none;text-align:center;font-size: 16px;color: red;padding-top: 10px;" id="dialogSaveDiv1"></div>
        <div class="text" id="dialogSaveDiv2" style="text-align:center;background:none;padding: 0
10px 0 12px">解读内容提交后将无法修改，是否确定提交?</div>
        <div style="padding: 20px 0 0 125px;">
            <a href="###" class="btn savePrjoect btnConColor radius5" id="dialog_url_read" >确定</a>
            <a href="####" class="btn btnCon radius5 close-win">取消</a>
            <!--<input type="hidden" id="dialog2_id" value="" />-->
        </div>
    </div>
</div>


<div id="dialogtc3" class="dialog radius5" style="width: 400px;height: 200px;">
    <div class="hd">
        <h3 class="h3">提示</h3>
        <span title="关闭" class="close close-win">&Chi;</span> </div>
    <div class="mod">
        <div  style="background:none;text-align:center;font-size: 16px;color: red;padding-top: 10px;" id="dialogSaveDiv1"></div>
        <div class="text" id="dialogSaveDiv2" style="text-align:center;background:none;padding: 0
10px 0 12px">多维解读设置成功!</div>

    </div>
</div>