portal html css js resource

consultSure.html 4.7KB

    <div class="consultdialogbox"> <div class="consultdialog"> <div class="dialoghead"> <a class="backupbtn" id="backBtn"></a> <div class="dheadtit">咨询确认</div> </div> <div class="dialogcontain"> <div class="dialoginfo"> <div class="dialoginfotype clearfix"> <span class="dialogtitTopic floatL">咨询主题:</span> <span class="dialogtit dialogtitTopic floatL" id="dialog_consultTitle"> XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX </span> </div> <div class="dialoginfotype clearfix"> <span class="floatL" id="">发起时间:</span> <span class="dialogtit floatL" id="dialog_consultTime">2017年3月3日 18:00</span> </div> <div class="dialoginfotype clearfix"> <!--inline--> <span class="floatL" id="">咨询目的:</span> <span class="dialogtit floatL" id="dialog_consultType">技术咨询</span> </div> <div class="dialoginfotype clearfix" id="dialog_consultContentContainer"> <div class="floatL" id="dialog_consultContentTitle">咨询内容:</div> <div class="dialogtit floatL" id="dialog_consultContent"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean euismod bibendum laoreet. Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar tempor. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nam fermentum, nulla luctus pharetra vulputate, felis tellus mollis orci, sed rhoncus sapien nunc eget odio. </div> </div> </div> <div class="dialogstatus"><em></em><span id="dil_consultStatus">新咨询</span></div> </div> <div class="consultBasicInfor clearfix"> <div class="consultBasic floatL"> <h5 class="cBasicTit">咨询者信息</h5> <div class="workhs floatL"> <a class="workhead headRadius" ><img src="images/default-photo.jpg"class="imgProfess" width="100%" height="100%"></a> </div> <div class="workinfor floatL"> <h4><a class="named" id="nameS">用户姓名</a><a class="modifyicon authicon2 authicon-mana"></a></h4> <h5><span id="title">职称</span><span id="office">,职位</span><span id="organization">,所属机构</span></h5> </div> </div> <div class="consultBasic floatL"> <!--<h5 class="cBasicTit">机构信息</h5> <div class="workhs floatL"> <a class="workhead headRadius" ><img src="images/default-photo.jpg"class="imgProfess" width="100%" height="100%"></a> </div> <div class="workinfor floatL"> <h4><a class="named" id="nameS">用户姓名</a><a class="modifyicon authicon authicon-cu"></a></h4> <h5><span id="title">职称</span><span id="office">,职位</span><span id="organization">,所属机构</span></h5> </div>--> </div> </div> <div class="demandBox displayNone"> <ul class="basicinfo"> <li><label>请告知对方您谢绝的缘由(可多选)</label></li> <li class="divideSpace"> <ul class="chooseBox mutChecked clearfix"> <li><span>咨询内容与本人研究方向不相符</span></li> <li><span>最近工作安排比较繁忙</span></li> <li class="checkedLi"><span>设备资源暂时不可用</span></li> <li><span>对咨询内容表达不够清楚</span></li> <li><span>希望对方认证身份后再开始合作</span></li> </ul> </li> <li><label>其他补充</label></li> <li class="divideSpace" style="height:auto"> <textarea class="frmtype" name="rejectR" placeholder="请输入其他谢绝的缘由"></textarea> <div class="limitNum">您还能输入<span class="countNum">300</span> 字</div> </li> </ul> <div class="basicBtn"> <span>提交</span> </div> </div> <div class="basicBtn"> <span>接受咨询</span> <span class="rejectTo">婉言谢绝</span> </div> </div> </div> <script type="text/javascript"src="js/dialogs.js"></script> <script type="text/javascript"> $(".rejectTo").click(function(){ $(this).parent(".basicBtn").hide(); $(".demandBox").slideDown(); }) //谢绝缘由(多选) $(".mutChecked").on('click','li',function(){ var aimlist = $('.mutChecked li'); //aimlist.removeClass('checkedLi'); $(this).addClass('checkedLi'); }); </script>