我的工作台样式和页面内容

src/main/webapp/css/workspace.css

@@ -61,7 +61,7 @@
.workhs{ width:34%; overflow:hidden;}
.workconleft{ width:82%;}
.workhead{ display:block; margin:10px; height:84%; height:84%;/* border:1px #ccc solid; */border-radius:50%; overflow:hidden;}
.workstat{ float:left; width:50%; text-align:center;}
.workstat{ float:left; width:100%; text-align:center;}
.workstat span{font-size:18px;line-height:30px; font-weight:bold;}
.workinfor{width:64%; margin-top:20px; padding:10px 16px;min-height:140px;}
@@ -75,8 +75,8 @@
.workcountup{ width:100%; overflow:hidden; padding:6px 0; text-align:center; margin:10px;}
.workcountup:nth-child(2){ border-top:1px solid #d6d6d6;}
.workcount{ padding:10px; width:50%; float:left;}
.workcount:nth-child(1){ border-right:1px solid #d6d6d6;}
.workcount{ padding:10px;}
.workcount:nth-child(1){ border-bottom:1px solid #d6d6d6;}
.workcountnum{ font-size:18px;line-height:30px; margin:6px; font-style: italic; }
.worksubblock{ width:50%; padding:0 10px;}
@@ -140,7 +140,7 @@
.workhandle span{ padding:2px 20px;border:1px #d7d7d7 solid;}
.workhandle .coultstate{background: #ff8400; position: relative;top:-10px;right: 20px; padding: 10px 30px; border-radius: 0 0 6px 6px;    border: solid 1px transparent;  box-shadow: 1px 1px 2px 1px #ccc; color: #fff; z-index: 20;}
.workhandle .coultstate em{ position: absolute; width: 0px; height: 0px;border-top: 6px solid transparent; border-bottom: 0px solid rgb(204, 106, 6); border-left: 0px solid transparent; border-right: 5px solid rgb(204, 106, 6);left: -6px; top: -1px;z-index: 10;}
#evastarbox .startStyle{background: url(../images/evastar.png) 0 1px no-repeat;}
.workhandle .replybtn:hover{ background:#ff8400;cursor:pointer;color:#fff;border:1px #ff8400 solid;}
.workhandle .moreopert:hover{ background:#ff8400;cursor:pointer;color:#fff;border:1px #ff8400 solid;}

src/main/webapp/workindex.html

@@ -9,27 +9,28 @@
            <div class="workblock">
                <div class="worksubblock floatL">
                    <div class=" workhs floatL">
                        <a class="workhead" ><img src="images/default-photo.jpg" width="100%" height="100%"></a>
                        <p class="workstat">接受咨询<br><span id="allConsultCount"></span>次</p>
                        <a class="workhead" ><img src=""class="imgProfess" width="100%" height="100%"></a>
                        <p class="workstat">已完成咨询<span id="allConsultCount"></span>次</p>
                        <p id="evastarbox"><span class="evastar2"></span><span class="evastar2"></span><span class="evastar2"></span><span class="evastar2"></span><span class="evastar2"></span></p>
                        <!-- <p class="workstat">合作<br><span>12</span>次</p> -->
                    </div>
                    <div class="workinfor floatL">
                        <h4><a  class="named" id="nameS"></a><img class="modifyicon" src="images/rz.png" width="30"></h4>
                        <h5><span id="title"></span><span></span></h5>
                        <h4><a  class="named" id="nameS"></a><img class="modifyicon" src="" width="30"></h4>
                        <h5><span id="office"></span><span id="title"></span></h5>
                        <h6><span id="department"></span><span id="organization"></span></h6>
                        <h6>所在地：<span></span></h6>
                        <h6><span id="address"></span></h6>
                        <a class="worklinkbtn" href="information.html">>>修改资料</a>
                    </div>
                </div>
                <div class="worksubblock floatL">
                    <div class="workcountup">
                        <div class="workcount">
                            <p><span class="workcountnum" id="unreadConsult"></span>条新的咨询信息</p>
                            <a class="worklinkbtn" id="lookMyConsult">>>查看我的咨询信息</a>
                            <p><span class="workcountnum" id="unreadConsult"></span>条未读的咨询消息</p>
                            <a class="worklinkbtn" id="lookMyConsult">>>查看我的咨询</a>
                        </div>
                        <div class="workcount">
                            <p><span class="workcountnum" id="workcontain">3</span>项合作正在进行</p>
                            <a href=""  class="worklinkbtn">>>查看我的科研资源</a>
                            <p><span class="workcountnum" id="workcontain">3</span>条正在进行的合作</p>
                            <a   class="worklinkbtn" id="worklinkre">>>查看我的资源</a>
                        </div>
                    </div>
                    <!-- <div class="workcountup">
@@ -42,17 +43,18 @@
            <div class="workblock">
                <div class="floatL worksubblock">
                    <div class="worktit">最新咨询<a class="worklinkbtn floatR" id="lookAllConsult">查看全部</a></div>
                    <div class="wbcon">
                    <div class="wbcon" id="wbcon1">
                        <div class="leftwb floatL">
                            <a href="" class="wbimg"><img src="images/default-photo.jpg" width="100%" height="100%"></a>
                            <p id="myFlatProName">专家姓名</p>
                            <p id="myFlatProTitle">职称，职位</p>
                            <p id="myFlatProDepartment">XXX学校，XXX机构</p>
                            <p id="myFlatProTitle"><span id="myReplyProOffice"></span><span id="myReplyProTitle"></span></p>
                            <p id="myFlatProDepartment"><span id="myReplyProDepartment"></span><span id="myReplyProOrgName"></p>
                       		<p id="myReplyAddress"></p>                      		
                        </div>
                        <div class="rightwb floatL">
                            <ul class="evasort">
                                <li class="worktopic">咨询时间：<span id="myFlatConsultTime"></span></li>
                                <li class="worktopic">咨询主题：<span id="myFlatConsultTitle"></span></li>
                                <li class="worktopic"><span id="myFlatConsultTime"></span></li>
                                <li class="worktopic"><span id="myFlatConsultTitle"></span></li>
                                <li class="workrecord"><span id="myFlatConsultContent"></span></li>
                            </ul>
                            <div class="writespan floatL">快速回复：</div>
@@ -64,19 +66,20 @@
                    </div>
                                
                </div> 
                <div class="floatL worksubblock">
                <div class="floatL worksubblock" id="repalyf">
                    <div class="worktit">最新回复<a class="worklinkbtn floatR" id="lookAllReply">查看全部</a></div>
                    <div class="wbcon">
                    <div class="wbcon" id="wbcon2">
                        <div class="leftwb floatL">
                            <a href="" class="wbimg"><img src="images/default-photo.jpg" width="100%" height="100%"></a>
                            <p id="myFlatReplyProName">专家姓名</p>
                            <p id="myFlatReplyProTitle">职称，职位</p>
                            <p id="myFlatReplyProDepartment">学校，机构</p>
                            <p id="myFlatReplyProTitle"><span id="myProOffice"></span><span id="myProTitle"></span></p>
                            <p id="myFlatReplyProDepartment"><span id="myProDepartment"></span><span id="myProOrgName"></p>
                        	<p id="myAddress"></p>
                        </div>
                        <div class="rightwb floatL">
                            <ul class="evasort">
                                <li class="worktopic">咨询时间：<span id="myFlatRelpyTime" ></span></li>
                                <li class="worktopic">咨询主题：<span id="myFlatRelpyTitle"></span></li>
                                <li class="worktopic"><span id="myFlatRelpyTime" ></span></li>
                                <li class="worktopic">回复：<span id="myFlatRelpyTitle"></span></li>
                                <li class="workrecord"><span id="myFlatRelpyContent"></span></li>
                            </ul>
                            <div class="writespan floatL">快速回复：</div>
@@ -90,7 +93,7 @@
            </div>
            <!--正在使用的资源-->
            <div class="workblock">
                <div class="worktit">正在使用的科研资源<a class="worklinkbtn floatR"id="allResource">查看全部</a></div>
                <div class="worktit">我的资源<a class="worklinkbtn floatR"id="allResource">查看全部</a></div>
                <div class="wbcon">
                    <div class="sharesrcbox11">