完善星级评价，修改资源申请

app/css/app.css

@@ -31,7 +31,7 @@ body{ color: #666666; font-size:14px;}
.borderarea{border-bottom: 1px solid #F0F0F0;}
/*必填项样式*/
.requiredcon{ position: absolute; top:0; width: 8px; height:8px; background: url(../images/requiredicon.png) center center no-repeat; background-size: 100% 100%;}
.requiredcon{ position: absolute; top:0; margin-left:4px; width: 8px; height:8px; background: url(../images/requiredicon.png) center center no-repeat; background-size: 100% 100%;}
/*功能icon样式*/
.actionicon{/*display: block; width: 20px; height: 20px;*/ font-size:20px;margin-right:6px;}
/*主题色开关样式*/
@@ -76,7 +76,7 @@ body{ color: #666666; font-size:14px;}
.frmactive2{color:#fff;background-color:#ccc; border:1px solid transparent;}
.frmactive{color:#fff;background-color:#FF9900; border:1px solid #FF9900;}
.frmactiveok{color:#fff;background-color:#FF9900; border:1px solid #FF9900;}
.exitbtn{ border:none; margin: 0; color:#FF0000; font-size: 14px; border-radius: 0;}
.exitbtn{ border:none; margin: 0; color:#FF0000; font-size: 14px; line-height: 28px; border-radius: 0;}
.pompmsg{ font-size: 12px; color: #CCCCCC;}
/*///////////////common公共样式///////////////////////*/
@@ -125,7 +125,7 @@ body{ color: #666666; font-size:14px;}
.maincon .headbox{ text-align: center;}
.headbox .headimg{width: 20%;border-radius:50%;}
.maincon .pinfor{ color: #888888; font-size: 13px;}
.maincon .basicinfo {padding-left:4%; }
.maincon .basicinfo {margin:0; padding:0;padding-left:3%; }
.maincon .basicinfo li{ list-style: none;padding-left: 2%;font-size: 14px; overflow: hidden;}
/*.maincon .basicinfo>li:not(.basicfrm){ font-size: 13px; line-height: 42px;}*/
.maincon .basicinfo li.basicfrm{ position: relative; overflow: hidden; line-height: 20px;border-bottom:1px #F0F0F0 solid;margin-left: 2%;padding-left:0; }
@@ -145,9 +145,6 @@ body{ color: #666666; font-size:14px;}
/***********************登录注册相关页面*******************/
/***********************首页*******************/
/*.searchbox{position: relative;}
.searchbox .searchtxt{ position: absolute; height: 30px; top:50%; margin-top:-13px; border-radius: 6px; border:1px transparent solid; padding:0 30px; line-height: 20px; font-size: 14px;}
*/
.searchbox .mui-placeholder .mui-icon-search{font-size:18px; color: #999999;}
.mui-search input[type=search].searchtxt{background: #FFFFFF;}
.mui-search .mui-placeholder{ font-size: 14px; top:2px }
@@ -284,11 +281,11 @@ body{ color: #666666; font-size:14px;}
.addinfobox:hover,.addinfobox:active,.addinfobox:link{ color: #FF9900;}
.addinfobox .addinfobtn{display: block; margin-right:3px; width: 14px;height: 14px; background: url(../images/add.png) center center no-repeat; background-size:100% 100% ;}
.addlabel .frmtype{border:1px solid #CCCCCC; border-radius: 6px; margin-right:2%; width: 78%; height: 34px;}
.addlabel .addlabelbtn{ border-color:#FF9900; color: #FF9900; border-radius: 6px;  width: 18%;/*padding-left:20px; padding-right:20px;*/}
.addlabel .frmtype{border:1px solid #CCCCCC; border-radius: 6px; margin-right:2%; width: 78%; height: 30px;}
.addlabel .addlabelbtn{ border-color:#FF9900; color: #FF9900; border-radius: 6px;  width: 18%; height: 30px;/*padding-left:20px; padding-right:20px;*/}
.labelarea{ margin: 20px 0;}
.labelshow{ margin: 0; padding:0;}
.labelshow li{ list-style: none; padding:4px 10px; margin:4px; border:1px solid #FF9900; border-radius: 6px; float: left; }
.labelshow{ margin: 0; padding:0;overflow: hidden;}
.labelshow li{ list-style: none; padding:4px 10px; margin:4px; border:1px solid #FF9900; font-size: 13px; border-radius: 6px; float: left; }
.labelshow li .mui-icon{ color: #FF9900; font-size:20px; margin-left: 10px;}
.selectbox{padding:0;/* margin: 4px 0;*/}
@@ -360,7 +357,7 @@ body{ color: #666666; font-size:14px;}
/***********************搜索*******************/
/*********************** 咨询*******************/
.consultbox{ padding:20px 0px 60px 0px;}
.consultbox{ padding:20px 0px 20px 0px;}
.consultaim{ text-align: center; margin: auto; }
.consultaim ul{padding: 0; margin: 0; overflow: hidden; margin:1% auto; padding:0 4%; }
@@ -432,4 +429,14 @@ body{ color: #666666; font-size:14px;}
.resouinfobox{ padding:0;margin: 0;}
.resouinfobox>li{ list-style: none; margin:10px 4px; padding-left: 10px; font-size: 14px; line-height: 20px; word-break: break-all;}
/*********************** 资源信息浏览*******************/
/*********************** 资源信息浏览*******************/
/***********************评价*******************/
.feedback .row {width: 100%;background-color: #fff;font-size:14px;}
.feedback .hidden {display: none;}
.feedback .mui-inline{vertical-align: bottom;font-size: 14px;color: #888888;}
.feedback .question{border-bottom:1px solid #F0F0F0;padding:4px 16px;}
.icons.levelbox .icon-favor{color: #B5B5B5;font-size: 18px;}
.icons.levelbox .icon-favorfill{/*color: #FFB400;*/font-size: 18px;} 
.assessbox{margin:10px 0; background: #FFFFFF; padding:10px;padding-bottom: 30px;}
/***********************评价*******************/

app/html/chat-assess.html

@@ -0,0 +1,93 @@
<!doctype html>
<html lang="en" class="feedback">
	<head>
		<meta charset="UTF-8" />
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title></title>
		<link rel="stylesheet" type="text/css" href="../css/mui.min.css" />
		<link href="../css/iconfont.css" rel="stylesheet" />
		<link rel="stylesheet" type="text/css" href="../css/app.css" />
	</head>
	<body>
	    <header class="mui-bar mui-bar-nav toptitbox">
			<span class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left topback"></span>
			<h1 class="mui-title toptit">评价</h1>
			<span id="submit" class="mui-pull-right topsave">发送</span>
		</header>
	
		<div class="mui-content">
			<div class="assessbox">
				<div class="mui-content-padded ">
					<div class="mui-inline">整体评价</div>
					<div class="icons mui-inline levelbox" style="margin-left: 6px;">
						<span data-index="1" class="mui-icon iconfont icon-favor"></span>
						<span data-index="2" class="mui-icon iconfont icon-favor"></span>
						<span data-index="3" class="mui-icon iconfont icon-favor"></span>
						<span data-index="4" class="mui-icon iconfont icon-favor"></span>
						<span data-index="5" class="mui-icon iconfont icon-favor"></span>
					</div>
				</div>
				<div class="mui-content-padded">
					<div class="mui-inline">评价留言</div>
				</div>
				<div class="row mui-input-row">
					<div id='question' class="mui-input-clear question textareabox" contenteditable="true"></div>
				</div>
				
			</div>
		</div>
		<script src="../js/public/mui.min.js"></script>
		<script type="text/javascript">
			mui.init();
			mui('.mui-scroll-wrapper').scroll();
			(function() {
				var index = 1;
				var size = null;
				var imageIndexIdNum = 0;
				var starIndex = 0;
				var feedback = {
					question: document.getElementById('question'), 
					submitBtn: document.getElementById('submit')
				};
				/**
				 *提交成功之后，恢复表单项 
				 */
				feedback.clearForm = function() {
					feedback.question.value = '';
			
					index = 0;
					size = 0;
					imageIndexIdNum = 0;
					starIndex = 0;
					//清除所有星标
					mui('.icons span').each(function (index,element) {
						if (element.classList.contains('icon-favorfill')) {
							element.classList.add('icon-favor')
				  			element.classList.remove('icon-favorfill')
						}
					})
				};
				//应用评分
				 mui('.icons').on('tap','span',function(){
				  	var index = parseInt(this.getAttribute("data-index"));
				  	var parent = this.parentNode;
				  	var children = parent.children;
				  	if(this.classList.contains("icon-favor")){
				  		for(var i=0;i<index;i++){
			  				children[i].classList.remove('icon-favor');
			  				children[i].classList.add('icon-favorfill');
				  		}
				  	}else{
				  		for (var i = index; i < 5; i++) {
				  			children[i].classList.add('icon-favor')
				  			children[i].classList.remove('icon-favorfill')
				  		}
				  	}
				  	starIndex = index;
			  });
			 })();
		</script>
	</body>
</html>

app/html/consultapply.html

@@ -57,28 +57,52 @@
					</ul>
				</div>
				<div class="divline"></div>
				<table class="consultinfo">
					<tr>
						<td><span>咨询主题</span></td>
						<td><input type="text"/></td>
					</tr>
					<tr>
						<td><span>咨询内容</span></td>
						<td><textarea></textarea></td>
					</tr>
					<tr>
						<td colspan="2" class="sendbox">
							<button class="mui-btn mui-btn-block mui-btn-outlined frmbtn sendbtn">发送</button>
						</td>
					</tr>
				</table>	
				<div class="consultinfo">
					<div class="maincon" style=>
						<ul class="basicinfo" style="padding:0;">
							<li><label>咨询主题<em class="requiredcon"></em></label></li>
							<li class="basicfrm"><input type="text" name="comname" class="mui-input-clear frmtype"></li>
							<li><label>咨询内容<em class="requiredcon"></em></label></li>
							<li class="basicfrm">
								<div class="textareabox" contenteditable="true"></div> 
							</li>
						</ul>
			       </div>
				</div>
				
				<!--<table class="consultinfo">
					<tr>
						<td><span>咨询主题</span></td>
						<td><input type="text"/></td>
					</tr>
					<tr>
						<td><span>咨询内容</span></td>
						<td><textarea></textarea></td>
					</tr>
					<tr>
						<td colspan="2" class="sendbox">
							<button class="mui-btn mui-btn-block mui-btn-outlined frmbtn sendbtn">发送</button>
						</td>
					</tr>
				</table>-->
		    </div>
		    <div class="mui-input-group">
				<button class="mui-btn mui-btn-block frmbtn" style="border: none; border-radius: 0; line-height: 28px;">发送</button>
		   </div>
		</div>
		<script src=" ../js/public/mui.min.js"></script>
		<script type="text/javascript">
			mui.init()
			
			//鼠标点击联系目的li时添加liactive类
			mui(".aimclass").on('tap','li',function(e){
				var aimlist = document.querySelector('.aimclass').querySelectorAll("li");
				for(var i = 0 ; i < aimlist.length;i++){
					aimlist[i].classList.remove('liactive');
				}
				this.classList.add('liactive');
				
			})
			
			
		</script>
	</body>

app/html/resinforbrow.html

@@ -14,7 +14,7 @@
		    <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left topback"></a>
		    <h1 class="mui-title toptit">资源名称</h1>
		    <a class="mui-icon iconfont icon-share mui-pull-right topmore" id="shareBtn">
		    	<ul class="sharebox" style="display: block; color: #000000;">
		    	<ul class="sharebox" id="shareBox" style="display:none; color: #000000;">
		    		<li>
		    			<span class="mui-icon mui-icon-weixin"></span>
		    		</li>
@@ -143,6 +143,12 @@
		<script src=" ../js/public/mui.min.js"></script>
		<script type="text/javascript">
			mui.init();
			var shareBtn = document.getElementById("shareBtn");
			var shareBox = document.getElementById("shareBox");
			
			shareBtn.addEventListener("tap",function(){
				shareBox.toggle();
			})
		</script>
	</body>

app/html/updateinfo10.html

@@ -36,12 +36,11 @@
							<input type="url" name="url" class="mui-input-clear frmtype">
						</li>
					</ul>
			        <div class="mui-input-group">
						<button class="mui-btn mui-btn-block frmbtn exitbtn">删除此专利</button>
				    </div>
		        </div>
		       </div>
		    </div>
		    <div class="mui-input-group">
				<button class="mui-btn mui-btn-block frmbtn exitbtn">删除此专利</button>
		    </div>
		    
		</div>
		<script src="../js/public/mui.min.js"></script>
		<script type="text/javascript">

app/html/updateinfo11.html

@@ -32,12 +32,12 @@
							<div class="textareabox" contenteditable="true"></div> 
						</li>
					</ul>
			        <div class="mui-input-group">
						<button class="mui-btn mui-btn-block frmbtn exitbtn">删除此荣誉奖项</button>
				    </div>
			        
		        </div>
		    </div>
		    
		    <div class="mui-input-group">
				<button class="mui-btn mui-btn-block frmbtn exitbtn">删除此荣誉奖项</button>
		    </div>
		</div>
		<script src="../js/public/mui.min.js"></script>
		<script type="text/javascript">

app/html/updateinfo6.html

@@ -41,12 +41,12 @@
							<span class="mui-icon mui-icon-arrowdown downarrow"></span>
						</li>
					</ul>
			        <div class="mui-input-group">
						<button class="mui-btn mui-btn-block frmbtn exitbtn">删除此教育背景</button>
				    </div>
			        
		        </div>
		    </div>
		    
		    <div class="mui-input-group">
				<button class="mui-btn mui-btn-block frmbtn exitbtn">删除此教育背景</button>
		    </div>
		</div>
		<script src="../js/public/mui.min.js"></script>
		<script type="text/javascript">

app/html/updateinfo7.html

@@ -38,12 +38,12 @@
							</div>
						</li>
					</ul>
			        <div class="mui-input-group">
						<button class="mui-btn mui-btn-block frmbtn exitbtn">删除此工作经历</button>
				    </div>
			       
		        </div>
		    </div>
		    
		    <div class="mui-input-group">
				<button class="mui-btn mui-btn-block frmbtn exitbtn">删除此工作经历</button>
		    </div>
		</div>
		<script src="../js/public/mui.min.js"></script>
		<script type="text/javascript">

app/html/updateinfo8.html

@@ -38,12 +38,12 @@
							<div class="textareabox" contenteditable="true"></div> 
						</li>
					</ul>
			        <div class="mui-input-group">
						<button class="mui-btn mui-btn-block frmbtn exitbtn">删除此项目经历</button>
				    </div>
			        
		        </div>
		    </div>
		    
		    <div class="mui-input-group">
				<button class="mui-btn mui-btn-block frmbtn exitbtn">删除此项目经历</button>
		    </div>
		</div>
		<script src="../js/public/mui.min.js"></script>
		<script type="text/javascript">

app/html/updateinfo9.html

@@ -36,12 +36,12 @@
							<input type="url" name="url" class="mui-input-clear frmtype">
						</li>
					</ul>
			        <div class="mui-input-group">
						<button class="mui-btn mui-btn-block frmbtn exitbtn">删除此著作/论文/文章</button>
				    </div>
			        
		        </div>
		    </div>
		    
		    <div class="mui-input-group">
				<button class="mui-btn mui-btn-block frmbtn exitbtn">删除此著作/论文/文章</button>
		    </div>
		</div>
		<script src="../js/public/mui.min.js"></script>
		<script type="text/javascript">

app/index.html

@@ -29,7 +29,7 @@
	var subpages = ['html/index_home.html', 'html/consultlist.html', 'html/myaccount.html'];
	var subpage_style = {
		top: '0px',
		bottom: '45px'
		bottom: '50px'
	};
	var aniShow = {};
	//创建子页面，首个选项卡页面显示，其它均隐藏；