新版个人用户以及修改

app/css/app.css

@@ -24,6 +24,7 @@
.icon-shoucang{width:22px;background-image: url("../images/article_button_shoucang_nor@3x.png");}
.icon-yishoucang{width:22px;background-image: url("../images/article_button_shoucang_hig@3x.png");}
.icon-fenxiang{width:22px;background-image: url("../images/article_button_fenxiang_nor@3x.png");}
.icon-address{width:11px;height:14px;background-image: url("../images/personal_icon_dizhi_nor@3x.png");background-size:cover;line-height: 14px;}
img{color:transparent;font-size:0;vertical-align:middle;-ms-interpolation-mode:bicubic;border:0;padding:0; margin:0;}
@@ -36,6 +37,18 @@ input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {color: #99
/*清除mui部分原有样式*/
html{-webkit-text-size-adjust: none;}
body,.mui-content{background:#f4f6f8;}
.mui-ellipsis-5
{
    display: -webkit-box;
    overflow: hidden;
    white-space: normal !important;
    text-overflow: ellipsis;
    word-wrap: break-word;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
}
.mui-bar-nav{box-shadow: none;-webkit-box-shadow: none;}
.mui-input-group:before{background: none;}
.mui-input-group:after{background: none;}
@@ -45,7 +58,8 @@ body,.mui-content{background:#f4f6f8;}
.mui-table-view-chevron .mui-table-view-cell{padding-right:30px;}
.mui-table-view-chevron .mui-table-view-cell>a:not(.mui-btn){margin-right:-30px}
.setblock .mui-table-view-cell:after{right: 0;bottom: 0;left: 8px;}
.setblock .mui-table-view-cell:after{right: 0;bottom: 0;left:15px;background: #E5E5E5}
.setblock .useHead{width: 42px;height: 42px;border: 1px solid #E5E5E5;background-image: url(../images/default-photo.jpg);border-radius: 50%;background-size: cover;}
/*.mui-table-view-cell .mui-media-body{padding-bottom:10px; border-bottom:1px solid #CCCCCC;}*/
.mui-input-group .mui-input-row:last-child:after{ background: none;}
.mui-input-group .mui-input-row:after{left:10px; background-color: #E6E6E6;}/*登录注册等表单的横线*/
@@ -95,17 +109,21 @@ body{ color: #666666; font-size:14px;line-height:20px;}
.marginbox{ margin: 10px 0; padding:0; }
.marginbox:first-child{margin: 0;}
.mainbox{width: 96%; margin:2% auto;}
.mainbox{margin:10px auto;}
.mainbox:before{ position:static;}
/*div模拟textarea多行文本框*/
div.textareabox{font-size:14px;padding:2px;-webkit-user-select:text;-webkit-user-modify: read-write-plaintext-only;}
div.textareaboxEmp:empty:before {content: attr(placeholder);font-size:14px;display: block;color: #AAAAAA;}
div.textareaboxEmp:focus{content:none;}
div.textareaboxEmp:focus:before{content:none;}
div.textareabox>span.tipword{color: #AAAAAA;}
.borderarea{border-bottom: 1px solid #F0F0F0;}
.limitBox{margin:0 15px 30px;}
.limitNum{font-size:13px;text-align: right;color:#BBBBBB;}
/*必填项样式*/
.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%;}
.requiredThis{color:#FF0000;}
/*功能icon样式*/
.actionicon{/*display: block; width: 20px; height: 20px;*/ font-size:20px;margin-right:6px;}
/*主题色开关样式*/
@@ -158,7 +176,7 @@ div.textareaboxEmp:focus:before{content:none;}
/*/////////认证身份标识///////////*/
/*认证标识相关*/
.authicon{position:absolute; bottom:2px;display: inline-block;width:16px;height:16px;margin-left:4px;background-position: center;background-repeat: no-repeat;}
.authicon{position:relative; bottom:-2px;display: inline-block;width:16px;height:16px;margin-left:4px;background-position: center;background-repeat: no-repeat;}
.authicon-pro{background-image:url(../images/porfile_icon_zhuanjia_nor.png);background-size: cover;}/*科袖认证专家*/
.authicon-com-ok{background-image:url(../images/porfile_icon_qiye_hig.png);background-size: cover;}/*认证企业*/
.authicon-com-no{background-image:url(../images/porfile_icon_qiye_nor.png);background-size: cover;}/*未认证企业*/
@@ -201,6 +219,9 @@ div.textareaboxEmp:focus:before{content:none;}
.exitbtn{ border:none; margin: 0; color:#FF0000; font-size: 14px; line-height: 40px; border-radius: 0;}
.pompmsg{ font-size: 12px; color: #CCCCCC;}
.frmdelete{color:#f36133;background:#E5E5E5;border:none}
.frmdelete.mui-btn.mui-active:active,.frmdelete.mui-btn:enabled:active{color:#f36133;background:#E5E5E5;border:none}
/*///////////////common公共样式///////////////////////*/
/***********************登录注册相关页面*******************/
@@ -223,11 +244,11 @@ div.textareaboxEmp:focus:before{content:none;}
.setfindbox{ margin: 20% auto;}
/*完善信息*/
.maincon{ padding:4% 2%; overflow: hidden;}
.maincon{ padding:10px 15px; overflow: hidden;}
.maincon .headbox{ text-align: center;}
.headbox .headimg{width: 20%;}
.maincon .pinfor{ color: #888888; font-size: 13px;}
.maincon ul {margin:0; padding:0;padding-left:3%;}
.maincon ul {margin:0; padding:0;/*padding-left:3%;*/}
.maincon ul li{ list-style: none;padding-left: 2%;font-size: 14px;line-height: 22px; overflow: hidden;}
.boxnav-title{font-size: 14px; color:#888; font-weight: normal;position:relative;padding-left:6%;}
ul.boxnav{ overflow: hidden;width:100%; padding: 0 3%;}
@@ -312,11 +333,25 @@ ul.boxnav li.set span:before{font-family:"iconfont";content: "\e733";font-size:1
.levelbox .mui-icon{ font-size: 14px; color: #CCCCCC;}
.levelbox .icon-favorfill{ color:#F4C600;}
/*专家相关信息*/
.infocontit{font-size:14px; position: relative;}
.infocon{padding:6px 10px; font-size: 14px;color:#888888;}
.infocon .breifinfo{/*line-height: 22px;*/}
.infocontit{font-size:16px;line-height: 40px;min-height:40px;border-bottom: 1px solid #E5E5E5; position: relative;padding-left: 26px;color:#333}
.infocontit:before{position:absolute;top:50%;margin-top:-10px;left: 15px;;display:inline-block;content:"";width:4px;height:18px;border-radius:10px;background:#ff9900;}
.infocontitM{padding-left: 15px;}
.infocontitM:before{content: none;}
.OnetitM{border-color: transparent;}
.infocon{padding:15px; font-size: 14px;color:#666;}
.infocon .breifinfo{line-height: 22px;}
.infocon ul{ padding:0; margin: 0; overflow: hidden;}
.infosubject li{ list-style: none; padding:4px 10px; margin:4px; border:1px solid #BBBBBB; border-radius: 6px; float: left;}
.infocon ul>li{list-style: none;}
.infocon.listArea>ul{overflow: hidden;margin-right: -10px;margin-top:-10px;}
.infocon.listArea>ul>li{float: left;margin-right: 10px;margin-top:10px;border:1px solid #E5E5E5;border-radius:6px;padding:2px 12px;}
.infocon.madiaBlock>ul{margin:-15px;}
.infocon.madiaBlock>ul>li{padding-left:15px;}
.seeMore{cursor:pointer;text-align:center;font-size:14px;color:#999;line-height:40px;height:40px;border-top:1px solid #E5E5E5;position: relative;}
.seeMore em{font-style: normal;position:absolute;left:50%;margin-left: -24px;padding-right:5px;}
.seeMore em:before{border: solid transparent;border-left-color:#ccc;border-width: 7px;content: " ";position: absolute;left: 100%;top: 12px;}
.seeMore em:after{border: solid transparent;border-left-color:#fff;border-width: 5px;content: " ";position: absolute;left: 100%;top: 14px;}
.detailInfo>ul>li{color:#333;padding-left:0;}
.detailInfo>ul>li>span{color:#666}
.listbox{ margin:5px 0;max-width:100%; overflow:hidden;}
.listbrowse{border: 1px solid #FF9900; border-radius: 0 6px 6px 0; text-align:center;font-size:13px;line-height:27px; float:left;padding-right: 8px; max-width:60%; overflow:hidden;}
@@ -329,11 +364,8 @@ ul.boxnav li.set span:before{font-family:"iconfont";content: "\e733";font-size:1
.likepeople img{ width:100%; height:100%;}
.likemore{ display: block; width: 26px; height: 26px; border:1px solid #CCCCCC;}
.maincon .infoapply li{position: relative; padding-left:9px;padding-right:2px; width: 50%; float: left;}
.maincon .infoapply li:before{content:''; background: #AAAAAA;display: block;width: 4px;height: 4px;border-radius: 50%; position: absolute;top:8px;left:0;}
.maincon .infoapply.infoapplyW li{width: 100%;}
.resouinfobox .infoapply li{position: relative;list-style: none; padding-left:9px;padding-right:2px; width: 50%; float: left;}
.resouinfobox .infoapply li:before{content:''; background: #AAAAAA;display: block;width: 4px;height: 4px;border-radius: 50%; position: absolute;top:8px;left:0;}
.infoapply li{position: relative; padding-left:12px;padding-right:2px;}
.infoapply li:before{content:''; background: #999;display: block;width: 4px;height: 4px;border-radius: 50%; position: absolute;top:8px;left:0;}
.gotonext{ width:140px; margin: auto; font-size: 14px; color: #FF9900; overflow: hidden;}
.gotonext2{ width: 110px;}
@@ -347,17 +379,20 @@ ul.boxnav li.set span:before{font-family:"iconfont";content: "\e733";font-size:1
.attentbtn em{font-size: 20px;line-height: 24px;color:#F6DC00;}
.attentbtn.attentbtn2 em{color:#ff9900;}
/*更多详细信息*/
.maincon2{padding-right:0;}
.infocon2{padding:0;}
.listitembox{ position: static;width: 100%;}
.listitembox .listitem{padding: 10px;padding-right: 0;}
.listitembox .listitem .mui-media-body{padding:0 40px 4px 6px;}
.listitembox .listitem .mui-media-body .resbrief{ width: 90%;}
.listitembox .listitem .iconposition{ border-radius: 50%; max-width:60px; height:60px; margin: 1% 0; margin-right: 10px;}
.listitembox .listitem>a .mutlinebox{ white-space:normal; overflow: auto;word-break:break-word; }
.listitembox .listitem.mui-table-view-cell:after{right: 0;bottom: 0;left:46px;background:#F0F0F0;}
.listitembox .listitem.mui-table-view-cell>a:not(.mui-btn).mui-active{background:none;}
.listitembox{ position: static;width: 100%;}
.listitembox>.listitem{border-left: 2px solid #efefef; padding: 4px 15px;padding-left: 16px;margin-left: 6px;overflow: visible;}
.listitembox>.listitem .h4Tit{position:relative;padding:2px 0;}
.listitembox>.listitem .h4Tit:before{content:"";position: absolute;left:-23px;top:8px;width:12px; height:12px;background:#ff9900;border-radius: 50%;}
.listitem .listtit2{color:#333;}
.listitem .listtit3{color:#999}
/*.listitembox .listitem .iconposition{ border-radius: 50%; max-width:60px; height:60px; margin: 1% 0; margin-right: 10px;}*/
.listitembox .listitem .mutlinebox{ white-space:normal; overflow: auto;word-break:break-word; color:#666}
.listitembox .listitem.mui-table-view-cell:after{background:none;}
.listitembox .listitem.mui-table-view-cell.mui-active{background:none;}
.listitembox>.listitemExit{padding:8px 0 15px}
.listitembox>.listitemExit.mui-table-view-cell:after{background:none;border-top:2px dashed #b5b5b5;left:0;}
.listitembox>.listitemExit.mui-table-view-cell:last-child:after{border-top:none}
/*合作资源*/
.resinfo{padding:10px 0;}
.resinfo li{margin:4px 4px;padding:10px 0;}
@@ -385,7 +420,7 @@ ul.boxnav li.set span:before{font-family:"iconfont";content: "\e733";font-size:1
.toProicon{ color:#ff00ba;}
.seticon{color:#ACACB4;}
.attenticon{ color:#FF9900;}
.rightword{ position: absolute; right:40px; font-size:13px; color: #999999;}
.rightword{ position: absolute; right:32px; font-size:13px; color: #999999;}
/*已认证*/
.verified{ color: #FF9900;}
@@ -417,22 +452,27 @@ ul.boxnav li.set span:before{font-family:"iconfont";content: "\e733";font-size:1
.generalinfo span{letter-spacing:normal;}
.generalinfo .letspace{font-style:normal;letter-spacing: 2em;}
.updatebox{ position: absolute; height:21px;right:1%;font-size: 13px;line-height:21px;color: #FF9900;}
.updatebox2{right:7%; top:20px; }
.updatebox{ position: absolute; height:21px;right:0;font-size: 13px;line-height:21px;color: #FF9900;}
.updatebox>em{position:relative;top:2px;right:4px;display: inline-block;width: 14px;height: 14px;background-image: url(../images/personal_icon_bianji_nor@3x.png);background-size: cover;}
/*.updatebox2{right:7%; top:20px; }
.updatebox:hover,.updatebox:active,.updatebox:link{ color: #FF9900;}
.updatebox .updatebtn{font-size:20px;position: absolute;top:0;left:-18px;}
.updatebox .updatebtn{font-size:20px;position: absolute;top:0;left:-18px;}*/
.addinfobox{ position: absolute;right: 10px; font-size: 13px;line-height:21px;color: #FF9900;}
.addinfobox:hover,.addinfobox:active,.addinfobox:link{ color: #FF9900;}
.addinfobox .addinfobtn{font-size:15px;line-height:17px;position: absolute;top:50%; margin-top:-8px;left:-15px;}
.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;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;}
.labelbox{padding-bottom: 20px;}
.addlabel{margin:15px 0;position: relative;}
.addlabel .frmtype{border:1px solid #CCCCCC; border-radius: 6px; margin-right:2%; width: 100%; height: 40px;}
.addlabel .addlabelbtn{position: absolute;right: 0;background:#FF9900; color: #fff; border-radius:0 6px 6px 0;border-color: #FF9900;  width: 18%; height: 40px;}
/*.labelarea{ margin: 20px 0;}*/
.labelshow{ margin: 0; padding:0;overflow: hidden;margin-right: -10px;}
.maincon .labelshow li{ list-style: none;padding-left:8px;border-radius:6px;margin-right:10px;margin-bottom:10px;background:#e5e5e5;font-size: 13px;float:left}
.maincon .labelshow li .mui-icon{ color: #FF9900; font-size:20px; margin-left: 10px;}
.maincon .labelshow li .closeThis{display:inline-block;background: #ff9900;color:#fff;padding:4px 8px;margin-left: 8px;}
.maincon .labelshow li .numThis{display:inline-block;background: #ff9900;color:#fff;padding:4px 8px;margin-right: 8px;min-width: 30px;text-align: center;}
.maincon .labelshowT li{padding:0; border-radius:0 6px 6px 0;}
.selectbox{padding:0;/* margin: 4px 0;*/}
.downarrow{ position:absolute; right:10px; top:50%; margin-top:-12px; color: #999999;}
@@ -948,7 +988,6 @@ footer.chatFooter .mui-icon-paperplane {font-size: 16px;word-break: keep-all;lin
.searchTab .madiaHead.companyHead{background:#fff;}
.searchTab .madiaHead.companyHead .boxBlock{width: 90px;height:60px;}
.searchTab .madiaInfo{padding-left:62px; width: 100%;}
.searchTab .madiaInfo .authicon{position:relative;bottom:-2px;}
.searchTab .madiaInfo.OmadiaInfo{padding-left: 102px;}
@@ -972,7 +1011,8 @@ footer.chatFooter .mui-icon-paperplane {font-size: 16px;word-break: keep-all;lin
.frmboxNew .frm-input .frmtype{height:48px;}
.mui-input-group.frmboxNew .mui-input-row{height:48px;}
.mui-input-group.frmboxNew .mui-input-row:after{left: 0;}
.mui-content-padded.frmboxNew{margin-top:18px;}
.mui-content-padded.frmboxNew{margin-top:40px;}
.mui-content-padded.frmboxNew +.mui-content-padded.frmboxNew{margin-top:10px;}
.otherWordNew{overflow:hidden;padding:8px 4px;line-height: 21px; font-size: 13px;color: #666;}
.frmboxNew .getCode{background: #ff9900;color:#FFFFFF;}
.frmboxNew .mui-row.mui-input-row:after{display: block;}
@@ -1048,14 +1088,15 @@ ul.tagList>li .h2Font{color: #666; -webkit-user-select:text;}
.madiaBlock ul.mui-table-view .mui-table-view-cell:after{left:15px;}
.madiaBlock .madiaTit{position:relative;font-size:16px;color:#666;padding-left:10px;margin-top:15px;}
.madiaBlock .madiaTit:before{display:inline-block;content:"";width:4px;height: 16px;position:absolute;top:1px;left:0;background: #ff9900;}
.madiaBlock .madiaHead{position:absolute;border:1px solid #E5E5E5;top:50%;background-position: center;background-size: cover;}
.madiaBlock .madiaHead{width:90px;height:60px;margin-top:-30px;position:absolute;border:1px solid #E5E5E5;top:50%;background-position: center;background-size: cover;}
.madiaBlock .madiaHead.useHead{width: 50px;height:50px;margin-top:-25px;background-image: url(../images/default-photo.jpg);border-radius: 50%;}
.madiaBlock .madiaHead.resouseHead{width:90px;height:60px;margin-top:-30px;background-image: url(../images/default-resource.jpg);border-radius:0;}
.madiaBlock .madiaHead.artHead{width:90px;height:60px;margin-top:-30px;background-image: url(../images/default-artical.jpg);border-radius:0;}
.madiaBlock .madiaHead.cmpHead{width: 50px;height:50px;margin-top:-25px;background-image: url(../images/default-icon.jpg);border-radius:0;}
.madiaBlock .madiaHead.resouseHead{background-image: url(../images/default-resource.jpg);}
.madiaBlock .madiaHead.artHead{background-image: url(../images/default-artical.jpg);}
.madiaBlock .madiaHead.cmpHead{width: 50px;height:50px;margin-top:-25px;background:#FFFFFF;border-radius:0;}
.madiaBlock .madiaHead.paperHead{background-image: url(../images/default-paper.jpg);}
.madiaBlock .madiaHead.patentHead{background-image: url(../images/default-patent.jpg);}
.madiaBlock .madiaInfo{padding-left:62px; width: 100%;padding-right:6px;}
.madiaBlock .madiaInfo span.h1Font{display: inline-block;max-width:86%;}
.madiaBlock .madiaInfo .authicon{position:relative;bottom:-2px;}
.madiaBlock .madiaInfo.OmadiaInfo{padding-left: 102px;}
.madiaBlock .flexCenter{min-height:54px;}
.madiaBlock .flexCenter.OflexCenter{min-height:70px;}
@@ -1076,6 +1117,7 @@ ul.tagList>li .h2Font{color: #666; -webkit-user-select:text;}
.mui-bar-tab.footbox .artfoot.mui-row>[class*=mui-col-]{}
.mui-bar-tab.footbox .artfoot.mui-row .mui-col-xs-8{text-align:left;margin-left:0;}
.mui-bar-tab.footbox .artfoot.mui-row .consultdiv{margin: -2px 0 0 -15px;font-size: 16px;background: #ff9900;color:#fff;line-height: 49px;}
.mui-bar-tab.footbox .artfoot.mui-row .notopen{background: #E5E5E5;color:#999}
.mui-bar-tab.footbox .artfoot.mui-row .inputShow{width:90%;border:1px solid #E0E0E0;border-radius:4px;margin:6px 0 0;height: 32px;}
.mui-bar-tab.footbox .artfoot.mui-row .inputShow span{color:#999;font-size: 14px;line-height: 30px;padding-left: 10px;}
.mui-bar-tab.footbox .artfoot.mui-row textarea{margin:6px 0 0;font-size:14px;line-height: 20px;height: 80px;width: 100%;margin-bottom:0;padding: 8px 10px;
@@ -1119,4 +1161,16 @@ ul.tagList>li .h2Font{color: #666; -webkit-user-select:text;}
.showMainP .showTit:before{content: none;}
.showMainP .showCon{color: #333;}
/*新版用户和企业相关*/
.showCardI{overflow:hidden;background: url(../images/personal_img_bg_nor@3x.png) center 0 no-repeat;background-size:100% 130px;}
.cardTop{position:relative;text-align:center;min-height:140px;margin:15px 15px 6px;padding:40px 40px 20px;
		background: rgba(256,256,256,.6);background: linear-gradient( rgba(256,256,256,.6), rgba(256,256,256,.9));border-radius:6px;box-shadow: 0px 2px 4px 1px rgba(0,0,0,.1);}
.cardImg{position: absolute;left:50%;margin-left: -31px;width: 62px;height: 62px;overflow: hidden;background-size: cover;border:1px solid #E5E5E5;}
.cardImg.userCard{background-image:url(../images/default-photo.jpg);border-radius: 50%;}
.cardImg.cmpCard{border-radius:4px;}
.cardImg.cmpCard .boxBlock{width: 60px;height: 60px;}
.cardInfo{margin-top:82px;}
.cardInfo .h1Font{font-size:16px;}
.cardInfo .h2Font{font-size:14px;color: #666;}
.cardInfo .h3Font{font-size:13px;line-height: 16px;color: #666;}
.cardInfo .icon-address{position:relative;top:2px;}

app/html/updateAcad.html

@@ -0,0 +1,56 @@
<!doctype html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>编辑学术领域</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="../css/mui.min.css" rel="stylesheet" />
		<link href="../css/mui.picker.min.css" rel="stylesheet" />
		<link href="../css/app.css" rel="stylesheet" />
		<style>
			html,body{height: 100%;margin:0;padding:0px;overflow: hidden;}
			.mui-content{height:100%;overflow: auto;}
		</style>
	</head>
	<body>
		<header class="mui-bar mui-bar-nav toptitbox">
		    <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left topback"></a>
		    <h1 class="mui-title toptit">学术领域</h1>
		</header>
		<div class="mui-content">
			<div class="mui-input-group mainbox">
				<div class="maincon">
					<div class="labelbox">
						<div class="addlabel mui-clearfix">
							<input type="text" class="mui-pull-left frmtype" placeholder=" 如：腐蚀防护、石墨烯、纳米材料"/>
							<button class="mui-btn mui-pull-left addlabelbtn">添加</button>
						</div>
	                    <div class="labelarea">
	                    	<ul class="labelshow">
					       		<li>dshfjk<span class="closeThis">删除</span></li>
					       		<li>dshfjk<span class="closeThis">删除</span></li>
					       	</ul>
	                    </div>
						
				    </div>
			   </div>
		    </div>
			<div class="mui-content-padded frmboxNew">
				<button id="login" class="mui-btn mui-btn-block frmbtn frmactive" disabled="">保存</button>
			</div>
		</div>
		<script src="../js/public/mui.min.js"></script>
		<script src="../js/public/zepto.min.js"></script>
		<script src="../js/public/mui.picker.min.js"></script>
		<script src="../js/public/city.data.js"></script>
		<script src="../js/public/base.js"></script>
		<script type="text/javascript" src="../js/updateinfo1.js"></script>		
		<script type="text/javascript"> 
			//处理iOS下弹出软键盘后头部会随页面的滚动条消失问题
		    iosheader();
		</script>
	</body>
</html>

app/html/updateBasic-city.html

@@ -0,0 +1,65 @@
<!doctype html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>编辑个人资料-所在城市</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="../css/mui.min.css" rel="stylesheet" />
		<link href="../css/mui.picker.min.css" rel="stylesheet" />
		<link href="../css/app.css" rel="stylesheet" />
		<style>
			html,body{height: 100%;margin:0;padding:0px;overflow: hidden;}
			.mui-content{height:100%;overflow: auto;}
		</style>
	</head>
	<body>
		<header class="mui-bar mui-bar-nav toptitbox">
		    <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left topback"></a>
		    <h1 class="mui-title toptit">所在城市</h1>
		</header>
		<div class="mui-content">
			<div class="mui-input-group mainbox">
    			<div class="infocontit infocontitM OnetitM">使用当前位置 </div>
 		    </div>
 		    <div class="mui-input-group mainbox">
	 		    <div class="infocontit infocontitM OnetitM mui-navigate-right mui-clearfix" id="showCityPicker">
					<span class="mui-pull-left">省市</span>
				    <span class="rightword" id="cityResult">北京市-北京市</span>
				</div>
			</div>
			<div class="mui-content-padded frmboxNew">
				<button id="login" class="mui-btn mui-btn-block frmbtn frmactive">保存</button>
			</div>
		</div>
		<script src="../js/public/mui.min.js"></script>
		<script src="../js/public/mui.picker.min.js"></script>
		<script src="../js/public/city.data.js"></script>
		<script src="../js/public/base.js"></script>
		<script type="text/javascript"> 
			//处理iOS下弹出软键盘后头部会随页面的滚动条消失问题
		    iosheader();
		    (function($, doc) {
				$.init();
				$.ready(function() {
				    //级联示例
					var cityPicker = new $.PopPicker({
						layer: 2
					});
					cityPicker.setData(cityData);
					var showCityPickerButton = doc.getElementById('showCityPicker');
					var cityResult = doc.getElementById('cityResult');
					showCityPickerButton.addEventListener('tap', function(event) {
						cityPicker.show(function(items) {
							cityResult.innerText = items[0].text + "-" + items[1].text;
							//返回 false 可以阻止选择框的关闭
							//return false;
						});
					}, false);
				});
			})(mui, document);
		</script>
	</body>
</html>

app/html/updateBasic-depart.html

@@ -0,0 +1,47 @@
<!doctype html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>编辑个人资料-所属部门</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="../css/mui.min.css" rel="stylesheet" />
		<link href="../css/mui.picker.min.css" rel="stylesheet" />
		<link href="../css/app.css" rel="stylesheet" />
		<style>
			html,body{height: 100%;margin:0;padding:0px;overflow: hidden;}
			.mui-content{height:100%;overflow: auto;}
		</style>
	</head>
	<body>
		<header class="mui-bar mui-bar-nav toptitbox">
		    <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left topback"></a>
		    <h1 class="mui-title toptit">所属部门</h1>
		</header>
		<div class="mui-content">
			<div class="mui-input-group mainbox">
				<div class="infocon">
					<div class="textareabox" contenteditable="true"></div> 
				</div>
		    </div>
			<div class="limitBox">
				<p class="limitNum"><span>0</span>/20</p>
			</div>
			<div class="mui-content-padded frmboxNew">
				<button id="login" class="mui-btn mui-btn-block frmbtn frmactive" disabled="">保存</button>
			</div>
		</div>
		<script src="../js/public/mui.min.js"></script>
		<script src="../js/public/zepto.min.js"></script>
		<script src="../js/public/mui.picker.min.js"></script>
		<script src="../js/public/city.data.js"></script>
		<script src="../js/public/base.js"></script>
		<script type="text/javascript" src="../js/updateinfo1.js"></script>		
		<script type="text/javascript"> 
			//处理iOS下弹出软键盘后头部会随页面的滚动条消失问题
		    iosheader();
		</script>
	</body>
</html>

app/html/updateBasic-email.html

@@ -0,0 +1,47 @@
<!doctype html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>编辑个人资料-联系邮箱</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="../css/mui.min.css" rel="stylesheet" />
		<link href="../css/mui.picker.min.css" rel="stylesheet" />
		<link href="../css/app.css" rel="stylesheet" />
		<style>
			html,body{height: 100%;margin:0;padding:0px;overflow: hidden;}
			.mui-content{height:100%;overflow: auto;}
		</style>
	</head>
	<body>
		<header class="mui-bar mui-bar-nav toptitbox">
		    <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left topback"></a>
		    <h1 class="mui-title toptit">联系邮箱</h1>
		</header>
		<div class="mui-content">
			<div class="mui-input-group mainbox">
				<div class="infocon">
					<div class="textareabox" contenteditable="true"></div> 
				</div>
		    </div>
			<div class="limitBox">
				<p class="limitNum"><span>0</span>/50</p>
			</div>
			<div class="mui-content-padded frmboxNew">
				<button id="login" class="mui-btn mui-btn-block frmbtn frmactive" disabled="">保存</button>
			</div>
		</div>
		<script src="../js/public/mui.min.js"></script>
		<script src="../js/public/zepto.min.js"></script>
		<script src="../js/public/mui.picker.min.js"></script>
		<script src="../js/public/city.data.js"></script>
		<script src="../js/public/base.js"></script>
		<script type="text/javascript" src="../js/updateinfo1.js"></script>		
		<script type="text/javascript"> 
			//处理iOS下弹出软键盘后头部会随页面的滚动条消失问题
		    iosheader();
		</script>
	</body>
</html>

app/html/updateBasic-org.html

@@ -0,0 +1,47 @@
<!doctype html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>编辑个人资料-所在机构</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="../css/mui.min.css" rel="stylesheet" />
		<link href="../css/mui.picker.min.css" rel="stylesheet" />
		<link href="../css/app.css" rel="stylesheet" />
		<style>
			html,body{height: 100%;margin:0;padding:0px;overflow: hidden;}
			.mui-content{height:100%;overflow: auto;}
		</style>
	</head>
	<body>
		<header class="mui-bar mui-bar-nav toptitbox">
		    <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left topback"></a>
		    <h1 class="mui-title toptit">所在机构</h1>
		</header>
		<div class="mui-content">
			<div class="mui-input-group mainbox">
				<div class="infocon">
					<div class="textareabox" contenteditable="true"></div> 
				</div>
		    </div>
			<div class="limitBox">
				<p class="limitNum"><span>0</span>/50</p>
			</div>
			<div class="mui-content-padded frmboxNew">
				<button id="login" class="mui-btn mui-btn-block frmbtn frmactive" disabled="">保存</button>
			</div>
		</div>
		<script src="../js/public/mui.min.js"></script>
		<script src="../js/public/zepto.min.js"></script>
		<script src="../js/public/mui.picker.min.js"></script>
		<script src="../js/public/city.data.js"></script>
		<script src="../js/public/base.js"></script>
		<script type="text/javascript" src="../js/updateinfo1.js"></script>		
		<script type="text/javascript"> 
			//处理iOS下弹出软键盘后头部会随页面的滚动条消失问题
		    iosheader();
		</script>
	</body>
</html>

app/html/updateBasic-post.html

@@ -0,0 +1,47 @@
<!doctype html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>编辑个人资料-职位</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="../css/mui.min.css" rel="stylesheet" />
		<link href="../css/mui.picker.min.css" rel="stylesheet" />
		<link href="../css/app.css" rel="stylesheet" />
		<style>
			html,body{height: 100%;margin:0;padding:0px;overflow: hidden;}
			.mui-content{height:100%;overflow: auto;}
		</style>
	</head>
	<body>
		<header class="mui-bar mui-bar-nav toptitbox">
		    <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left topback"></a>
		    <h1 class="mui-title toptit">职位</h1>
		</header>
		<div class="mui-content">
			<div class="mui-input-group mainbox">
				<div class="infocon">
					<div class="textareabox" contenteditable="true"></div> 
				</div>
		    </div>
			<div class="limitBox">
				<p class="limitNum"><span>0</span>/20</p>
			</div>
			<div class="mui-content-padded frmboxNew">
				<button id="login" class="mui-btn mui-btn-block frmbtn frmactive" disabled="">保存</button>
			</div>
		</div>
		<script src="../js/public/mui.min.js"></script>
		<script src="../js/public/zepto.min.js"></script>
		<script src="../js/public/mui.picker.min.js"></script>
		<script src="../js/public/city.data.js"></script>
		<script src="../js/public/base.js"></script>
		<script type="text/javascript" src="../js/updateinfo1.js"></script>		
		<script type="text/javascript"> 
			//处理iOS下弹出软键盘后头部会随页面的滚动条消失问题
		    iosheader();
		</script>
	</body>
</html>

app/html/updateBasic-tel.html

@@ -0,0 +1,47 @@
<!doctype html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>编辑个人资料-联系电话</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="../css/mui.min.css" rel="stylesheet" />
		<link href="../css/mui.picker.min.css" rel="stylesheet" />
		<link href="../css/app.css" rel="stylesheet" />
		<style>
			html,body{height: 100%;margin:0;padding:0px;overflow: hidden;}
			.mui-content{height:100%;overflow: auto;}
		</style>
	</head>
	<body>
		<header class="mui-bar mui-bar-nav toptitbox">
		    <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left topback"></a>
		    <h1 class="mui-title toptit">联系电话</h1>
		</header>
		<div class="mui-content">
			<div class="mui-input-group mainbox">
				<div class="infocon">
					<div class="textareabox" contenteditable="true"></div> 
				</div>
		    </div>
			<div class="limitBox">
				<p class="limitNum"><span>0</span>/50</p>
			</div>
			<div class="mui-content-padded frmboxNew">
				<button id="login" class="mui-btn mui-btn-block frmbtn frmactive" disabled="">保存</button>
			</div>
		</div>
		<script src="../js/public/mui.min.js"></script>
		<script src="../js/public/zepto.min.js"></script>
		<script src="../js/public/mui.picker.min.js"></script>
		<script src="../js/public/city.data.js"></script>
		<script src="../js/public/base.js"></script>
		<script type="text/javascript" src="../js/updateinfo1.js"></script>		
		<script type="text/javascript"> 
			//处理iOS下弹出软键盘后头部会随页面的滚动条消失问题
		    iosheader();
		</script>
	</body>
</html>

app/html/updateBasic-title.html

@@ -0,0 +1,47 @@
<!doctype html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>编辑个人资料-职称</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="../css/mui.min.css" rel="stylesheet" />
		<link href="../css/mui.picker.min.css" rel="stylesheet" />
		<link href="../css/app.css" rel="stylesheet" />
		<style>
			html,body{height: 100%;margin:0;padding:0px;overflow: hidden;}
			.mui-content{height:100%;overflow: auto;}
		</style>
	</head>
	<body>
		<header class="mui-bar mui-bar-nav toptitbox">
		    <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left topback"></a>
		    <h1 class="mui-title toptit">职称</h1>
		</header>
		<div class="mui-content">
			<div class="mui-input-group mainbox">
				<div class="infocon">
					<div class="textareabox" contenteditable="true"></div> 
				</div>
		    </div>
			<div class="limitBox">
				<p class="limitNum"><span>0</span>/20</p>
			</div>
			<div class="mui-content-padded frmboxNew">
				<button id="login" class="mui-btn mui-btn-block frmbtn frmactive" disabled="">保存</button>
			</div>
		</div>
		<script src="../js/public/mui.min.js"></script>
		<script src="../js/public/zepto.min.js"></script>
		<script src="../js/public/mui.picker.min.js"></script>
		<script src="../js/public/city.data.js"></script>
		<script src="../js/public/base.js"></script>
		<script type="text/javascript" src="../js/updateinfo1.js"></script>		
		<script type="text/javascript"> 
			//处理iOS下弹出软键盘后头部会随页面的滚动条消失问题
		    iosheader();
		</script>
	</body>
</html>

app/html/updateBasic.html

@@ -0,0 +1,95 @@
<!doctype html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>编辑个人资料</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="../css/mui.min.css" rel="stylesheet" />
		<link href="../css/mui.picker.min.css" rel="stylesheet" />
		<link href="../css/app.css" rel="stylesheet" />
		<style>
			html,body{height: 100%;margin:0;padding:0px;overflow: hidden;}
			.mui-content{height:100%;overflow: auto;}
		</style>
	</head>
	<body>
		<header class="mui-bar mui-bar-nav toptitbox">
		    <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left topback"></a>
		    <h1 class="mui-title toptit">编辑个人资料</h1>
		</header>
		<div class="mui-content">
			<div class="mui-input-group marginbox setblock">
				<ul class="mui-table-view">
				    <li class="mui-table-view-cell" style="line-height: 42px;">
				        	<span class="mui-pull-left">头像</span>
				        	<div class="mui-pull-right">
				        		<div class="useHead"></div>
				        	</div>
				    </li>
				    <li class="mui-table-view-cell">
			        	<span class="mui-pull-left">姓名</span>
			        	<div class="mui-pull-right">程学群</div>
				    </li>
				    <li class="mui-table-view-cell">
				        <a class="mui-navigate-right">
				        	<span class="mui-pull-left">职称</span>
				        	<div class="rightword">请填写最高职位</div>
				        </a>
				    </li>
				    <li class="mui-table-view-cell">
				        <a class="mui-navigate-right">
				        	<span class="mui-pull-left">所在机构</span>
				        	<div class="rightword">请填写当前就职的机构</div>
				        </a>
				    </li>
				    <li class="mui-table-view-cell">
				        <a class="mui-navigate-right">
				        	<span class="mui-pull-left">所属部门</span>
				        	<div class="rightword">请填写当前就职的部门</div>
				        </a>
				    </li>
				    <li class="mui-table-view-cell">
				        <a class="mui-navigate-right">
				        	<span class="mui-pull-left">职位</span>
				        	<div class="rightword">请填写当前担任的职位</div>
				        </a>
				    </li>
				    <li class="mui-table-view-cell">
				        <a class="mui-navigate-right">
				        	<span class="mui-pull-left">所在城市</span>
				        	<div class="rightword">请选择所在城市</div>
				        </a>
				    </li>
				    <li class="mui-table-view-cell">
				        <a class="mui-navigate-right">
				        	<span class="mui-pull-left">联系电话</span>
				        	<div class="rightword">请填写手机/办公电话</div>
				        </a>
				    </li>
				    <li class="mui-table-view-cell">
				        <a class="mui-navigate-right">
				        	<span class="mui-pull-left">联系邮箱</span>
				        	<div class="rightword">请填写电子邮箱</div>
				        </a>
				    </li>
				</ul>
		    </div>
			<div class="mui-content-padded frmboxNew">
				<button id="login" class="mui-btn mui-btn-block frmbtn frmactive" disabled="">保存</button>
			</div>
		</div>
		<script src="../js/public/mui.min.js"></script>
		<script src="../js/public/zepto.min.js"></script>
		<script src="../js/public/mui.picker.min.js"></script>
		<script src="../js/public/city.data.js"></script>
		<script src="../js/public/base.js"></script>
		<script type="text/javascript" src="../js/updateinfo1.js"></script>		
		<script type="text/javascript"> 
			//处理iOS下弹出软键盘后头部会随页面的滚动条消失问题
		    iosheader();
		</script>
	</body>
</html>

app/html/updateEdu-edit.html

@@ -0,0 +1,150 @@
<!doctype html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>编辑教育背景</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="../css/mui.min.css" rel="stylesheet" />
		<link href="../css/mui.picker.min.css" rel="stylesheet" />
		<link href="../css/app.css" rel="stylesheet" />
		<style>
			html,body{height: 100%;margin:0;padding:0px;overflow: hidden;}
			.mui-content{height:100%;overflow: auto;}
		</style>
	</head>
	<body>
		<header class="mui-bar mui-bar-nav toptitbox">
		    <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left topback"></a>
		    <h1 class="mui-title toptit">教育背景</h1>
		</header>
		<div class="mui-content">
			<div class="mui-input-group mainbox">
				<div class="infocontit infocontitM">学校名称<span class="requiredThis"> *</span></div>
				<div class="infocon">
					<div class="textareabox textareaboxEmp" contenteditable="true" placeholder="请填写就读的学校(50个字以内)"></div>  
				</div>
		    </div>
		    <div class="mui-input-group mainbox">
				<div class="infocontit infocontitM">院系名称</div>
				<div class="infocon">
					<div class="textareabox textareaboxEmp" contenteditable="true" placeholder="请填写就读的院系(20个字以内)"></div>   
				</div>
		    </div>
		    <div class="mui-input-group mainbox">
				<div class="infocontit infocontitM">专业名称</div>
				<div class="infocon">
					<div class="textareabox textareaboxEmp" contenteditable="true" placeholder="请填写就读的专业(20个字以内)"></div>  
				</div>
		    </div>
		    <div class="mui-input-group mainbox">
				<div class="infocontit infocontitM OnetitM mui-navigate-right mui-clearfix" id="showDegreePicker">
    				<span class="mui-pull-left">学位</span>
				    <span class="rightword" id="degreeResult">请选择获得的学位</span>
    			</div>
		    </div>
		    <div class="mui-input-group mainbox">
				<div class="infocontit infocontitM OnetitM mui-navigate-right mui-clearfix" id='showYearPicker' data-options='{"type":"year"}'>
    				<span class="mui-pull-left">毕业时间</span>
				    <span class="rightword" id="yearResult">请选择毕业时间</span>
    			</div>
		    </div>
		   
		    <div class="mui-content-padded frmboxNew">
				<button id="login" class="mui-btn mui-btn-block frmbtn frmactive" disabled="">保存</button>
			</div>
			<div class="mui-content-padded frmboxNew">
				<button id="login" class="mui-btn mui-btn-block frmbtn frmdelete">删除</button>
			</div>
		</div>
		<script src="../js/public/mui.min.js"></script>
		<script src="../js/public/mui.picker.min.js"></script>
		<script src="../js/public/city.data.js"></script>
		<script src="../js/public/base.js"></script>
		<script type="text/javascript"> 
			//处理iOS下弹出软键盘后头部会随页面的滚动条消失问题
		    iosheader();
		    (function($, doc) {
				$.init();
				$.ready(function() {
					/**
					 * 获取对象属性的值
					 * 主要用于过滤三级联动中，可能出现的最低级的数据不存在的情况，实际开发中需要注意这一点；
					 * @param {Object} obj 对象
					 * @param {String} param 属性名
					 */
					var _getParam = function(obj, param) {
						return obj[param] || '';
					};
					//普通示例
					var userPicker = new $.PopPicker();
					userPicker.setData([{
						value: '1',
						text: '博士'
					}, {
						value: '2',
						text: '硕士'
					}, {
						value: '3',
						text: '学士'
					}, {
						value: '4',
						text: '大专'
					}, {
						value: '5',
						text: '其他'
					}]);
					var showUserPickerButton = doc.getElementById('showDegreePicker');
					var userResult = doc.getElementById('degreeResult');
					showUserPickerButton.addEventListener('tap', function(event) {
						userPicker.show(function(items) {
							userResult.innerText = items[0].text;
							//返回 false 可以阻止选择框的关闭
							//return false;
						});
					}, false);
				});
				//==========年份选择==========
				var result = doc.getElementById('yearResult');
				var btns = doc.getElementById('showYearPicker');
				btns.addEventListener('tap', function() {
					var optionsJson = this.getAttribute('data-options') || '{}';
					var options = JSON.parse(optionsJson);
					var id = this.getAttribute('id');
					/*
					 * 首次显示时实例化组件
					 * 示例为了简洁，将 options 放在了按钮的 dom 上
					 * 也可以直接通过代码声明 optinos 用于实例化 DtPicker
					 */
					var picker = new $.DtPicker(options);
					picker.show(function(rs) {
						/*
						 * rs.value 拼合后的 value
						 * rs.text 拼合后的 text
						 * rs.y 年，可以通过 rs.y.vaue 和 rs.y.text 获取值和文本
						 * rs.m 月，用法同年
						 * rs.d 日，用法同年
						 * rs.h 时，用法同年
						 * rs.i 分（minutes 的第二个字母），用法同年
						 */
						result.innerText =  rs.y.text +"年";
						/* 
						 * 返回 false 可以阻止选择框的关闭
						 * return false;
						 */
						/*
						 * 释放组件资源，释放后将将不能再操作组件
						 * 通常情况下，不需要示放组件，new DtPicker(options) 后，可以一直使用。
						 * 当前示例，因为内容较多，如不进行资原释放，在某些设备上会较慢。
						 * 所以每次用完便立即调用 dispose 进行释放，下次用时再创建新实例。
						 */
						picker.dispose();
					});
				}, false);
				
			})(mui, document);
		</script>
	</body>
</html>

app/html/updateEdu.html

@@ -0,0 +1,50 @@
<!doctype html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>编辑教育背景</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="../css/mui.min.css" rel="stylesheet" />
		<link href="../css/mui.picker.min.css" rel="stylesheet" />
		<link href="../css/app.css" rel="stylesheet" />
		<style>
			html,body{height: 100%;margin:0;padding:0px;overflow: hidden;}
			.mui-content{height:100%;overflow: auto;}
		</style>
	</head>
	<body>
		<header class="mui-bar mui-bar-nav toptitbox">
		    <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left topback"></a>
		    <h1 class="mui-title toptit">教育背景</h1>
		</header>
		<div class="mui-content">
			<div class="mui-input-group mainbox">
		       <div class="infocon">
			       <ul class="mui-table-view noactiveTab listitembox">
			           <li class="mui-table-view-cell listitemExit">
	                       <div class="h4Tit listtit2">学校名称 <span class="updatebox mui-clearfix"><em></em>修改</span></div>
	                       <p class="listtit3 mutlinebox">学位，专业，学院</p>
						   <p class="listtit3">毕业年份</p>
			           </li>
			       </ul>	
		       </div>
		    </div>
		    <div class="mui-content-padded frmboxNew">
				<button id="login" class="mui-btn mui-btn-block frmbtn frmactive">添加教育背景</button>
			</div>
		</div>
		<script src="../js/public/mui.min.js"></script>
		<script src="../js/public/zepto.min.js"></script>
		<script src="../js/public/mui.picker.min.js"></script>
		<script src="../js/public/city.data.js"></script>
		<script src="../js/public/base.js"></script>
		<script type="text/javascript" src="../js/updateinfo1.js"></script>		
		<script type="text/javascript"> 
			//处理iOS下弹出软键盘后头部会随页面的滚动条消失问题
		    iosheader();
		</script>
	</body>
</html>

app/html/updateHonor-edit.html

@@ -0,0 +1,98 @@
<!doctype html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>编辑荣誉奖项</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="../css/mui.min.css" rel="stylesheet" />
		<link href="../css/mui.picker.min.css" rel="stylesheet" />
		<link href="../css/app.css" rel="stylesheet" />
		<style>
			html,body{height: 100%;margin:0;padding:0px;overflow: hidden;}
			.mui-content{height:100%;overflow: auto;}
		</style>
	</head>
	<body>
		<header class="mui-bar mui-bar-nav toptitbox">
		    <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left topback"></a>
		    <h1 class="mui-title toptit">荣誉奖项</h1>
		</header>
		<div class="mui-content">
			<div class="mui-input-group mainbox">
				<div class="infocontit infocontitM">奖项名称<span class="requiredThis"> *</span></div>
				<div class="infocon">
					<div class="textareabox textareaboxEmp" contenteditable="true" placeholder="请填写奖项名称(50个字以内)"></div>  
				</div>
		    </div>
		    <div class="mui-input-group mainbox">
				<div class="infocontit infocontitM OnetitM mui-navigate-right mui-clearfix" id='showYearPicker' data-options='{"type":"year"}'>
    				<span class="mui-pull-left">获奖时间</span>
				    <span class="rightword" id="yearResult">请选择获奖时间</span>
    			</div>
		    </div>
		    <div class="mui-input-group mainbox">
				<div class="infocontit infocontitM">获奖描述</div>
				<div class="infocon">
					<div class="textareabox textareaboxEmp" contenteditable="true" placeholder="请填写获奖描述(200个字以内)"></div>  
				</div>
		    </div>
		    <div class="mui-content-padded frmboxNew">
				<button id="login" class="mui-btn mui-btn-block frmbtn frmactive" disabled="">保存</button>
			</div>
			<div class="mui-content-padded frmboxNew">
				<button id="login" class="mui-btn mui-btn-block frmbtn frmdelete">删除</button>
			</div>
		</div>
		<script src="../js/public/mui.min.js"></script>
		<script src="../js/public/mui.picker.min.js"></script>
		<script src="../js/public/city.data.js"></script>
		<script src="../js/public/base.js"></script>
		<script type="text/javascript"> 
			//处理iOS下弹出软键盘后头部会随页面的滚动条消失问题
		    iosheader();
		    (function($, doc) {
				//==========年份选择==========
				var result = doc.getElementById('yearResult');
				var btns = doc.getElementById('showYearPicker');
				btns.addEventListener('tap', function() {
					var optionsJson = this.getAttribute('data-options') || '{}';
					var options = JSON.parse(optionsJson);
					var id = this.getAttribute('id');
					/*
					 * 首次显示时实例化组件
					 * 示例为了简洁，将 options 放在了按钮的 dom 上
					 * 也可以直接通过代码声明 optinos 用于实例化 DtPicker
					 */
					var picker = new $.DtPicker(options);
					picker.show(function(rs) {
						/*
						 * rs.value 拼合后的 value
						 * rs.text 拼合后的 text
						 * rs.y 年，可以通过 rs.y.vaue 和 rs.y.text 获取值和文本
						 * rs.m 月，用法同年
						 * rs.d 日，用法同年
						 * rs.h 时，用法同年
						 * rs.i 分（minutes 的第二个字母），用法同年
						 */
						result.innerText =  rs.y.text +"年";
						/* 
						 * 返回 false 可以阻止选择框的关闭
						 * return false;
						 */
						/*
						 * 释放组件资源，释放后将将不能再操作组件
						 * 通常情况下，不需要示放组件，new DtPicker(options) 后，可以一直使用。
						 * 当前示例，因为内容较多，如不进行资原释放，在某些设备上会较慢。
						 * 所以每次用完便立即调用 dispose 进行释放，下次用时再创建新实例。
						 */
						picker.dispose();
					});
				}, false);
				
			})(mui, document);
		</script>
	</body>
</html>

app/html/updateHonor.html

@@ -0,0 +1,55 @@
<!doctype html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>编辑荣誉奖项</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="../css/mui.min.css" rel="stylesheet" />
		<link href="../css/mui.picker.min.css" rel="stylesheet" />
		<link href="../css/app.css" rel="stylesheet" />
		<style>
			html,body{height: 100%;margin:0;padding:0px;overflow: hidden;}
			.mui-content{height:100%;overflow: auto;}
		</style>
	</head>
	<body>
		<header class="mui-bar mui-bar-nav toptitbox">
		    <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left topback"></a>
		    <h1 class="mui-title toptit">荣誉奖项</h1>
		</header>
		<div class="mui-content">
			<div class="mui-input-group mainbox">
		       <div class="infocon">
			       <ul class="mui-table-view noactiveTab listitembox">
			           <li class="mui-table-view-cell listitemExit">
	                       <div class="listtit2">获奖名称 <span class="updatebox mui-clearfix"><em></em>修改</span></div>
	                       <p class="listtit3">发表年份</p>
							<p class="listtit3 mutlinebox">详细描述</p>
			           </li>
			           <li class="mui-table-view-cell listitemExit">
	                       <div class="listtit2">获奖名称<span class="updatebox mui-clearfix"><em></em>修改</span></div>
	                       <p class="listtit3">发表年份</p>
							<p class="listtit3 mutlinebox">详细描述</p>
			           </li>
			       </ul>	
		       </div>
		    </div>
		    <div class="mui-content-padded frmboxNew">
				<button id="login" class="mui-btn mui-btn-block frmbtn frmactive">添加荣誉奖项</button>
			</div>
		</div>
		<script src="../js/public/mui.min.js"></script>
		<script src="../js/public/zepto.min.js"></script>
		<script src="../js/public/mui.picker.min.js"></script>
		<script src="../js/public/city.data.js"></script>
		<script src="../js/public/base.js"></script>
		<script type="text/javascript" src="../js/updateinfo1.js"></script>		
		<script type="text/javascript"> 
			//处理iOS下弹出软键盘后头部会随页面的滚动条消失问题
		    iosheader();
		</script>
	</body>
</html>

app/html/updateJob-edit.html

@@ -0,0 +1,112 @@
<!doctype html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>编辑工作经历</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="../css/mui.min.css" rel="stylesheet" />
		<link href="../css/mui.picker.min.css" rel="stylesheet" />
		<link href="../css/app.css" rel="stylesheet" />
		<style>
			html,body{height: 100%;margin:0;padding:0px;overflow: hidden;}
			.mui-content{height:100%;overflow: auto;}
		</style>
	</head>
	<body>
		<header class="mui-bar mui-bar-nav toptitbox">
		    <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left topback"></a>
		    <h1 class="mui-title toptit">工作经历</h1>
		</header>
		<div class="mui-content">
			<div class="mui-input-group mainbox">
				<div class="infocontit infocontitM">机构名称 <span class="requiredThis"> *</span></div>
				<div class="infocon">
					<div class="textareabox textareaboxEmp" contenteditable="true" placeholder="请填写就职的机构(50个字以内)"></div>  
				</div>
		    </div>
		    <div class="mui-input-group mainbox">
				<div class="infocontit infocontitM">部门名称</div>
				<div class="infocon">
					<div class="textareabox textareaboxEmp" contenteditable="true" placeholder="请填写就职的部门(20个字以内)"></div> 
				</div>
		    </div>
		    <div class="mui-input-group mainbox">
				<div class="infocontit infocontitM">职位 <span class="requiredThis"> *</span></div>
				<div class="infocon">
					<div class="textareabox textareaboxEmp" contenteditable="true" placeholder="请填写担任的职位(20个字以内)"></div>  
				</div>
		    </div>
		    <div class="mui-input-group mainbox">
				<div class="infocontit infocontitM OnetitM mui-navigate-right mui-clearfix showMPicker" data-options='{"type":"month"}'>
    				<span class="mui-pull-left">起始时间</span>
				    <span class="rightword MResult">请选择起始时间</span>
    			</div>
		    </div>
		    <div class="mui-input-group mainbox">
				<div class="infocontit infocontitM OnetitM mui-navigate-right mui-clearfix showMPicker" data-options='{"type":"month"}'>
    				<span class="mui-pull-left">结束时间</span>
				    <span class="rightword MResult">请选择结束时间</span>
    			</div>
		    </div>
		    
		    <div class="mui-content-padded frmboxNew">
				<button id="login" class="mui-btn mui-btn-block frmbtn frmactive" disabled="">保存</button>
			</div>
			<div class="mui-content-padded frmboxNew">
				<button id="login" class="mui-btn mui-btn-block frmbtn frmdelete">删除</button>
			</div>
		</div>
		<script src="../js/public/mui.min.js"></script>
		<script src="../js/public/mui.picker.min.js"></script>
		<script src="../js/public/city.data.js"></script>
		<script src="../js/public/base.js"></script>
		<script type="text/javascript"> 
			//处理iOS下弹出软键盘后头部会随页面的滚动条消失问题
		    iosheader();
		    (function($, doc) {
				//==========年份选择==========
				var result = $('.MResult');
				var btns = $('.showMPicker');
				btns.each(function(i, btn) {
					btn.addEventListener('tap', function() {
						var optionsJson = this.getAttribute('data-options') || '{}';
						var options = JSON.parse(optionsJson);
						var id = this.getAttribute('id');
						/*
						 * 首次显示时实例化组件
						 * 示例为了简洁，将 options 放在了按钮的 dom 上
						 * 也可以直接通过代码声明 optinos 用于实例化 DtPicker
						 */
						var picker = new $.DtPicker(options);
						picker.show(function(rs) {
							/*
							 * rs.value 拼合后的 value
							 * rs.text 拼合后的 text
							 * rs.y 年，可以通过 rs.y.vaue 和 rs.y.text 获取值和文本
							 * rs.m 月，用法同年
							 * rs.d 日，用法同年
							 * rs.h 时，用法同年
							 * rs.i 分（minutes 的第二个字母），用法同年
							 */
							result[i].innerText =  rs.y.text +"年" + rs.m.text +"月";
							/* 
							 * 返回 false 可以阻止选择框的关闭
							 * return false;
							 */
							/*
							 * 释放组件资源，释放后将将不能再操作组件
							 * 通常情况下，不需要示放组件，new DtPicker(options) 后，可以一直使用。
							 * 当前示例，因为内容较多，如不进行资原释放，在某些设备上会较慢。
							 * 所以每次用完便立即调用 dispose 进行释放，下次用时再创建新实例。
							 */
							picker.dispose();
						});
					}, false);
				});
			})(mui, document);
		</script>
	</body>
</html>

app/html/updateJob.html

@@ -0,0 +1,55 @@
<!doctype html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>编辑工作经历</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="../css/mui.min.css" rel="stylesheet" />
		<link href="../css/mui.picker.min.css" rel="stylesheet" />
		<link href="../css/app.css" rel="stylesheet" />
		<style>
			html,body{height: 100%;margin:0;padding:0px;overflow: hidden;}
			.mui-content{height:100%;overflow: auto;}
		</style>
	</head>
	<body>
		<header class="mui-bar mui-bar-nav toptitbox">
		    <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left topback"></a>
		    <h1 class="mui-title toptit">工作经历</h1>
		</header>
		<div class="mui-content">
			<div class="mui-input-group mainbox">
		       <div class="infocon">
			       <ul class="mui-table-view noactiveTab listitembox">
			           <li class="mui-table-view-cell listitemExit">
	                       <div class="listtit2">北京科袖科技有限公司 <span class="updatebox mui-clearfix"><em></em>修改</span></div>
	                       <p class="listtit3">产品部经理，产品部</p>
							<p class="listtit3">2016年4月 - 至今</p>
			           </li>
			           <li class="mui-table-view-cell listitemExit">
	                       <div class="listtit2">机构名称<span class="updatebox mui-clearfix"><em></em>修改</span></div>
	                       <p class="listtit3">职位，所属部门</p>
						   <p class="listtit3">起始时间 - 结束时间</p>
			           </li>
			       </ul>	
		       </div>
		    </div>
		    <div class="mui-content-padded frmboxNew">
				<button id="login" class="mui-btn mui-btn-block frmbtn frmactive">添加工作经历</button>
			</div>
		</div>
		<script src="../js/public/mui.min.js"></script>
		<script src="../js/public/zepto.min.js"></script>
		<script src="../js/public/mui.picker.min.js"></script>
		<script src="../js/public/city.data.js"></script>
		<script src="../js/public/base.js"></script>
		<script type="text/javascript" src="../js/updateinfo1.js"></script>		
		<script type="text/javascript"> 
			//处理iOS下弹出软键盘后头部会随页面的滚动条消失问题
		    iosheader();
		</script>
	</body>
</html>

app/html/updateProfile.html

@@ -0,0 +1,47 @@
<!doctype html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>编辑个人简介</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="../css/mui.min.css" rel="stylesheet" />
		<link href="../css/mui.picker.min.css" rel="stylesheet" />
		<link href="../css/app.css" rel="stylesheet" />
		<style>
			html,body{height: 100%;margin:0;padding:0px;overflow: hidden;}
			.mui-content{height:100%;overflow: auto;}
		</style>
	</head>
	<body>
		<header class="mui-bar mui-bar-nav toptitbox">
		    <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left topback"></a>
		    <h1 class="mui-title toptit">个人简介</h1>
		</header>
		<div class="mui-content">
			<div class="mui-input-group mainbox">
				<div class="infocon">
					<div class="textareabox" contenteditable="true"></div> 
				</div>
		    </div>
			<div class="limitBox">
				<p class="limitNum"><span>0</span>/500</p>
			</div>
			<div class="mui-content-padded frmboxNew">
				<button id="login" class="mui-btn mui-btn-block frmbtn frmactive" disabled="">保存</button>
			</div>
		</div>
		<script src="../js/public/mui.min.js"></script>
		<script src="../js/public/zepto.min.js"></script>
		<script src="../js/public/mui.picker.min.js"></script>
		<script src="../js/public/city.data.js"></script>
		<script src="../js/public/base.js"></script>
		<script type="text/javascript" src="../js/updateinfo1.js"></script>		
		<script type="text/javascript"> 
			//处理iOS下弹出软键盘后头部会随页面的滚动条消失问题
		    iosheader();
		</script>
	</body>
</html>

app/html/updateProject-edit.html

@@ -0,0 +1,106 @@
<!doctype html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>编辑项目经历</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="../css/mui.min.css" rel="stylesheet" />
		<link href="../css/mui.picker.min.css" rel="stylesheet" />
		<link href="../css/app.css" rel="stylesheet" />
		<style>
			html,body{height: 100%;margin:0;padding:0px;overflow: hidden;}
			.mui-content{height:100%;overflow: auto;}
		</style>
	</head>
	<body>
		<header class="mui-bar mui-bar-nav toptitbox">
		    <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left topback"></a>
		    <h1 class="mui-title toptit">项目经历</h1>
		</header>
		<div class="mui-content">
			<div class="mui-input-group mainbox">
				<div class="infocontit infocontitM">项目名称 <span class="requiredThis"> *</span></div>
				<div class="infocon">
					<div class="textareabox textareaboxEmp" contenteditable="true" placeholder="请填写项目名称(50个字以内)"></div> 
				</div>
		    </div>
		    <div class="mui-input-group mainbox">
				<div class="infocontit infocontitM OnetitM mui-navigate-right mui-clearfix showMPicker" data-options='{"type":"month"}'>
    				<span class="mui-pull-left">起始时间</span>
				    <span class="rightword MResult">请选择起始时间</span>
    			</div>
		    </div>
		    <div class="mui-input-group mainbox">
				<div class="infocontit infocontitM OnetitM mui-navigate-right mui-clearfix showMPicker" data-options='{"type":"month"}'>
    				<span class="mui-pull-left">结束时间</span>
				    <span class="rightword MResult">请选择结束时间</span>
    			</div>
		    </div>
		    <div class="mui-input-group mainbox">
				<div class="infocontit infocontitM">项目描述</div>
				<div class="infocon">
					<div class="textareabox textareaboxEmp" contenteditable="true" placeholder="请填写项目描述(200个字以内)"></div> 
				</div>
		    </div>
		    
		    <div class="mui-content-padded frmboxNew">
				<button id="login" class="mui-btn mui-btn-block frmbtn frmactive" disabled="">保存</button>
			</div>
			<div class="mui-content-padded frmboxNew">
				<button id="login" class="mui-btn mui-btn-block frmbtn frmdelete">删除</button>
			</div>
		</div>
		<script src="../js/public/mui.min.js"></script>
		<script src="../js/public/mui.picker.min.js"></script>
		<script src="../js/public/city.data.js"></script>
		<script src="../js/public/base.js"></script>
		<script type="text/javascript"> 
			//处理iOS下弹出软键盘后头部会随页面的滚动条消失问题
		    iosheader();
		    (function($, doc) {
				//==========年份选择==========
				var result = $('.MResult');
				var btns = $('.showMPicker');
				btns.each(function(i, btn) {
					btn.addEventListener('tap', function() {
						var optionsJson = this.getAttribute('data-options') || '{}';
						var options = JSON.parse(optionsJson);
						var id = this.getAttribute('id');
						/*
						 * 首次显示时实例化组件
						 * 示例为了简洁，将 options 放在了按钮的 dom 上
						 * 也可以直接通过代码声明 optinos 用于实例化 DtPicker
						 */
						var picker = new $.DtPicker(options);
						picker.show(function(rs) {
							/*
							 * rs.value 拼合后的 value
							 * rs.text 拼合后的 text
							 * rs.y 年，可以通过 rs.y.vaue 和 rs.y.text 获取值和文本
							 * rs.m 月，用法同年
							 * rs.d 日，用法同年
							 * rs.h 时，用法同年
							 * rs.i 分（minutes 的第二个字母），用法同年
							 */
							result[i].innerText =  rs.y.text +"年" + rs.m.text +"月";
							/* 
							 * 返回 false 可以阻止选择框的关闭
							 * return false;
							 */
							/*
							 * 释放组件资源，释放后将将不能再操作组件
							 * 通常情况下，不需要示放组件，new DtPicker(options) 后，可以一直使用。
							 * 当前示例，因为内容较多，如不进行资原释放，在某些设备上会较慢。
							 * 所以每次用完便立即调用 dispose 进行释放，下次用时再创建新实例。
							 */
							picker.dispose();
						});
					}, false);
				});
			})(mui, document);
		</script>
	</body>
</html>

app/html/updateProject.html

@@ -0,0 +1,55 @@
<!doctype html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>编辑项目经历</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="../css/mui.min.css" rel="stylesheet" />
		<link href="../css/mui.picker.min.css" rel="stylesheet" />
		<link href="../css/app.css" rel="stylesheet" />
		<style>
			html,body{height: 100%;margin:0;padding:0px;overflow: hidden;}
			.mui-content{height:100%;overflow: auto;}
		</style>
	</head>
	<body>
		<header class="mui-bar mui-bar-nav toptitbox">
		    <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left topback"></a>
		    <h1 class="mui-title toptit">项目经历</h1>
		</header>
		<div class="mui-content">
			<div class="mui-input-group mainbox">
		       <div class="infocon">
			       <ul class="mui-table-view noactiveTab listitembox">
			           <li class="mui-table-view-cell listitemExit">
	                       <div class="listtit2">科袖网项目 <span class="updatebox mui-clearfix"><em></em>修改</span></div>
	                       <p class="listtit3">2016年4月 - 至今</p>
						   <p class="listtit3 mutlinebox">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</p>
			           </li>
			           <li class="mui-table-view-cell listitemExit">
	                       <div class="listtit2">项目名称<span class="updatebox mui-clearfix"><em></em>修改</span></div>
	                       <p class="listtit3">起始时间 - 结束时间</p>
						   <p class="listtit3 mutlinebox">详细描述</p>
			           </li>
			       </ul>	
		       </div>
		    </div>
		    <div class="mui-content-padded frmboxNew">
				<button id="login" class="mui-btn mui-btn-block frmbtn frmactive">添加项目经历</button>
			</div>
		</div>
		<script src="../js/public/mui.min.js"></script>
		<script src="../js/public/zepto.min.js"></script>
		<script src="../js/public/mui.picker.min.js"></script>
		<script src="../js/public/city.data.js"></script>
		<script src="../js/public/base.js"></script>
		<script type="text/javascript" src="../js/updateinfo1.js"></script>		
		<script type="text/javascript"> 
			//处理iOS下弹出软键盘后头部会随页面的滚动条消失问题
		    iosheader();
		</script>
	</body>
</html>

app/html/updateResearch.html

@@ -0,0 +1,56 @@
<!doctype html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>编辑研究方向</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="../css/mui.min.css" rel="stylesheet" />
		<link href="../css/mui.picker.min.css" rel="stylesheet" />
		<link href="../css/app.css" rel="stylesheet" />
		<style>
			html,body{height: 100%;margin:0;padding:0px;overflow: hidden;}
			.mui-content{height:100%;overflow: auto;}
		</style>
	</head>
	<body>
		<header class="mui-bar mui-bar-nav toptitbox">
		    <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left topback"></a>
		    <h1 class="mui-title toptit">研究方向</h1>
		</header>
		<div class="mui-content">
			<div class="mui-input-group mainbox">
				<div class="maincon">
					<div class="labelbox">
						<div class="addlabel mui-clearfix">
							<input type="text" class="mui-pull-left frmtype" placeholder=" 如：腐蚀防护、石墨烯、纳米材料"/>
							<button class="mui-btn mui-pull-left addlabelbtn">添加</button>
						</div>
	                    <div class="labelarea">
	                    	<ul class="labelshow labelshowT">
					       		<li><span class="numThis">234</span>dshfjk<span class="closeThis">删除</span></li>
					       		<li><span class="numThis">5</span>dshfjk<span class="closeThis">删除</span></li>
					       	</ul>
	                    </div>
						
				    </div>
			   </div>
		    </div>
			<div class="mui-content-padded frmboxNew">
				<button id="login" class="mui-btn mui-btn-block frmbtn frmactive" disabled="">保存</button>
			</div>
		</div>
		<script src="../js/public/mui.min.js"></script>
		<script src="../js/public/zepto.min.js"></script>
		<script src="../js/public/mui.picker.min.js"></script>
		<script src="../js/public/city.data.js"></script>
		<script src="../js/public/base.js"></script>
		<script type="text/javascript" src="../js/updateinfo1.js"></script>		
		<script type="text/javascript"> 
			//处理iOS下弹出软键盘后头部会随页面的滚动条消失问题
		    iosheader();
		</script>
	</body>
</html>

app/html/userInforShow-more.html

@@ -0,0 +1,105 @@
<!doctype html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>个人介绍</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="../css/mui.min.css" rel="stylesheet" />
		<link href="../css/iconfont.css" rel="stylesheet" />
		<link href="../css/app.css" rel="stylesheet" />
	</head>
	<body>
		<header class="mui-bar mui-bar-nav toptitbox">
		    <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left topback"></a>
		    <h1 class="mui-title toptit">个人介绍</h1>
		</header>
		
		<!-- 主页面内容容器 -->
    	<div class="mui-content">
    		<!-- 主界面具体展示内容 -->
    		<div class="mui-input-group mainbox" id="professorBreifinfo">
				<div class="infocontit infocontitM" id="detailProfessor">个人简介 </div>
				<div class="infocon">
					<span class="breifinfo">
			       		 利用卷曲纳米技术,制备了Ti/Cr、Cr/SiO、SiO/SiO、SiO/Cr 4种不同金属、氧化物组合的双层纳米薄膜微管,研究了不同组合和参数对微管结构的影响,结果表明纳米薄膜沉积温度、沉积速率和纳米薄膜的厚度以及材料本身的物理性质等因素对微管的半径大小影响显著。利用Ti/Pt双层纳米薄膜微管结构制备的催化微马达在HO溶液中依靠气泡推动,表现出超快的速度和强大的推动力,在靶向给药、人工智能机器人、生物传感等领域具有应用潜力。另外,通过斜掠角蒸渡和纳米卷曲技术结合,制备了另外一种三维结构-不同螺旋角的Ti金属弹簧。
			        </span>
				</div>
			</div>
		     <div class="mui-input-group mainbox" id="perfessorExperience">
				   <div class="infocontit infocontitM">项目经历</div>
			       <div class="infocon">
				       <ul class="mui-table-view listitembox" id="projectExperience">
				           <li class="mui-table-view-cell listitem">
		                       <div class="h4Tit listtit2">科袖网项目</div>
		                       <p class="listtit3">2016年4月 - 至今</p>
							   <p class="listtit3 mutlinebox">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</p>
				           </li>
				           <li class="mui-table-view-cell listitem">
		                       <div class="h4Tit listtit2">项目名称</div>
		                       <p class="listtit3">起始时间 - 结束时间</p>
							   <p class="listtit3 mutlinebox">详细描述</p>
				           </li>
				       </ul>	
			       </div>
		    </div>
		     <div class="mui-input-group mainbox" id="perfessorhonor">
				  <div class="infocontit infocontitM">荣誉奖项</div>
			       <div class="infocon">
				       <ul class="mui-table-view listitembox" id="honor">
				           <li class="mui-table-view-cell listitem">
		                       <div class="h4Tit listtit2">2008感动中国年度人物</div>
		                       <p class="listtit3">发表于2016年</p>
							   <p class="listtit3 mutlinebox">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</p>
				           </li>
				           <li class="mui-table-view-cell listitem">
		                       <div class="h4Tit listtit2">获奖名称</div>
		                       <p class="listtit3">发表年份</p>
							   <p class="listtit3 mutlinebox">详细描述</p>
				           </li>
				       </ul>	
			       </div>
		    </div>
		    <div class="mui-input-group mainbox" id="perfessorsoJob">
				   <div class="infocontit infocontitM">工作经历</div>
			       <div class="infocon">
				       <ul class="mui-table-view listitembox" id="soJob">
				           <li class="mui-table-view-cell mui-media listitem">
		                      <div class="h4Tit listtit2">北京科袖科技有限公司</div>
		                       <p class="listtit3">产品部经理，产品部</p>
							   <p class="listtit3">2016年4月 - 至今</p>
				           </li>
				           <li class="mui-table-view-cell mui-media listitem">
		                       <div class="h4Tit listtit2">机构名称</div>
		                       <p class="listtit3">职位，所属部门</p>
							   <p class="listtit3">起始时间 - 结束时间</p>
				           </li>
				       </ul>	
			       </div>
		    </div>
		    <div class="mui-input-group mainbox" id="perfessorEducation">
					<div class="infocontit infocontitM">教育背景</div>
			       <div class="infocon">
				       <ul class="mui-table-view listitembox" id="education">
				           <li class="mui-table-view-cell mui-media listitem">
		                       <div class="h4Tit listtit2">曼彻斯特大学</div>
		                       <p class="listtit3 mutlinebox">研究生，高级计算机科学与IT管理——信息管理，计算机学院</p>
							   <p class="listtit3">毕业于2016年</p>
				           </li>
				           <li class="mui-table-view-cell mui-media listitem">
		                       <div class="h4Tit listtit2">学校名称</div>
		                       <p class="listtit3 mutlinebox">学位，专业，学院</p>
							   <p class="listtit3">毕业年份</p>
				           </li>
				       </ul>	
			       </div>
		    </div>
        </div>
		
		
		<script src="../js/public/mui.min.js"></script>
		<script src="../js/public/base.js"></script>
		<script src="../js/proinfobrow-more.js"></script>
	</body>
</html>

app/html/userInforShow.html

@@ -0,0 +1,248 @@
<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>个人浏览</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="../css/mui.min.css" rel="stylesheet" />
		<link href="../css/iconfont.css" rel="stylesheet" />
		<link href="../css/app.css" rel="stylesheet" />
		<link rel="stylesheet" type="text/css" href="../css/previewImage.css"/>
	</head>
	<body>
		<div class="maskBlack" id="maskBlack"></div>
		<header class="mui-bar mui-bar-nav toptitbox">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left topback"></a>
			<h1 class="mui-title toptit" id="professorName">专家名称</h1>
			<a class="mui-icon iconfont icon-moreandroid mui-pull-right button topmore" id="BtnMore"></a>
		</header>
		<!--主页面底部菜单-->
		<nav class="mui-bar mui-bar-tab footbox">
			<div class="mui-row artfoot">
				<div class="mui-col-xs-9" id="consultBtn">
					<div class="consultdiv">咨询</div>
				</div>
				<div class="mui-col-xs-2" id="collectBtn">
					<span class="mui-icon iconfontnew icon-shoucang" id="ifCollect"></span><!--已收藏 icon-yishoucang-->
				</div>
				<div class="mui-col-xs-1" id="shareOut">
					<span class="mui-icon iconfontnew icon-fenxiang"></span>
				</div>
			</div>
		</nav>
		<!-- 主页面内容容器 -->
		<div class="mui-content">
			<!-- 主界面具体展示内容 -->
			<div class="showCardI">
				<div class="cardTop">
					<div class="cardImg userCard"></div>
					<div class="cardInfo">
						<p><span class="h1Font">张某某</span><em class="authicon authicon-pro" title="科袖认证专家"></em></p>
						<p class="mui-ellipsis h2Font">职称/职位，所属部门，所在机构</p>
						<p class="h3Font"><em class="mui-icon iconfontNew icon-address"></em> 北京</p>
					</div>		
				</div>
			</div>
			<div class="mui-input-group mainbox" id="professorBreifinfo">
					<div class="infocontit mui-navigate-right mui-clearfix" id="detailProfessor">个人介绍 </div>
					<div class="infocon">
						<span class="breifinfo mui-ellipsis-5">
				       		 利用卷曲纳米技术,制备了Ti/Cr、Cr/SiO、SiO/SiO、SiO/Cr 4种不同金属、氧化物组合的双层纳米薄膜微管,研究了不同组合和参数对微管结构的影响,结果表明纳米薄膜沉积温度、沉积速率和纳米薄膜的厚度以及材料本身的物理性质等因素对微管的半径大小影响显著。利用Ti/Pt双层纳米薄膜微管结构制备的催化微马达在HO溶液中依靠气泡推动,表现出超快的速度和强大的推动力,在靶向给药、人工智能机器人、生物传感等领域具有应用潜力。另外,通过斜掠角蒸渡和纳米卷曲技术结合,制备了另外一种三维结构-不同螺旋角的Ti金属弹簧。
				        </span>
					</div>
			</div>
			<div class="mui-input-group mainbox" id="professorInfosubject">
					<div class="infocontit">学术领域</div>
					<div class="infocon listArea">
						<ul>
							<li>领域1</li>
				       		<li>领域领域领域2</li>
				       		<li>领域领域领域领域3</li>
				       		<li>领域4</li>
				       		<li>领域领1</li>
				       		<li>领域1</li>
				       		<li>领域1</li>
						</ul>
					</div>
			</div>
			<div class="mui-input-group mainbox" id="professorReserachMess">
					<div class="infocontit">研究方向</div>
					<div class="infocon reserachMess">
					</div>
			</div>
			<div class="mui-input-group mainbox" id="professorinfoapply">
					<div class="infocontit">行业领域</div>
					<div class="infocon listArea">
						<ul id="industry1">
							<li>应用行业1</li>
				       		<li>领域领域领域域领域领域域领域领域域领域领域2</li>
				       		<li>领域领域3</li>
				       		<li>领域4</li>
				       		<li>领域领1</li>
				       		<li>领域1</li>
				       		<li>领域1</li>
						</ul>
					</div>
			</div>
			<div class="mui-input-group mainbox">
					<div class="infocontit">资源 (<span>0</span>)</div>
					<div class="infocon madiaBlock">
						<ul class="mui-table-view">
					        <li class="mui-table-view-cell">
					            <div class="flexCenter OflexCenter mui-clearfix">
					                <div class="madiaHead artHead"></div>
									<div class="madiaInfo OmadiaInfo">
										<p class="mui-ellipsis h1Font">名称</p>
										<p class="h2Font">用途：的萨芬的国防生的</p>
									</div>
					            </div>
					        </li>
					        <li class="mui-table-view-cell">
					            <div class="flexCenter OflexCenter mui-clearfix">
					                <div class="madiaHead artHead"></div>
									<div class="madiaInfo OmadiaInfo">
										<p class="mui-ellipsis h1Font">名称</p>
										<p class="h2Font">用途：的萨芬的国防生的</p>
									</div>
					            </div>
					        </li>
					    </ul>
					</div>
					<div class="seeMore"><em>查看更多</em></div>
			</div>
			<div class="mui-input-group mainbox">
					<div class="infocontit">专利 (<span>0</span>)</div>
					<div class="infocon madiaBlock">
						<ul class="mui-table-view">
					        <li class="mui-table-view-cell">
					            <div class="flexCenter OflexCenter mui-clearfix">
					                <div class="madiaHead artHead"></div>
									<div class="madiaInfo OmadiaInfo">
										<p class="mui-ellipsis h1Font">名称</p>
										<p class="h2Font">发明人：一，二，三</p>
									</div>
					            </div>
					        </li>
					        <li class="mui-table-view-cell">
					            <div class="flexCenter OflexCenter mui-clearfix">
					                <div class="madiaHead artHead"></div>
									<div class="madiaInfo OmadiaInfo">
										<p class="mui-ellipsis h1Font">名称</p>
										<p class="h2Font">发明人：一，二，三</p>
									</div>
					            </div>
					        </li>
					    </ul>
					</div>
					<div class="seeMore"><em>查看更多</em></div>
			</div>
			<div class="mui-input-group mainbox">
					<div class="infocontit">论文 (<span>0</span>)</div>
					<div class="infocon madiaBlock">
						<ul class="mui-table-view">
					        <li class="mui-table-view-cell">
					            <div class="flexCenter OflexCenter mui-clearfix">
					                <div class="madiaHead artHead"></div>
									<div class="madiaInfo OmadiaInfo">
										<p class="mui-ellipsis h1Font">名称</p>
										<p class="h2Font">作者：一，二，三</p>
									</div>
					            </div>
					        </li>
					        <li class="mui-table-view-cell">
					            <div class="flexCenter OflexCenter mui-clearfix">
					                <div class="madiaHead artHead"></div>
									<div class="madiaInfo OmadiaInfo">
										<p class="mui-ellipsis h1Font">名称</p>
										<p class="h2Font">作者：一，二，三</p>
									</div>
					            </div>
					        </li>
					    </ul>
					</div>
					<div class="seeMore"><em>查看更多</em></div>
			</div>
			<div class="mui-input-group mainbox">
					<div class="infocontit">文章 (<span>0</span>)</div>
					<div class="infocon madiaBlock">
						<ul class="mui-table-view">
					        <li class="mui-table-view-cell">
					            <div class="flexCenter OflexCenter mui-clearfix">
					                <div class="madiaHead artHead"></div>
									<div class="madiaInfo OmadiaInfo">
										<p class="mui-ellipsis-2 h1Font">文章名称章名称文章名称</p>
									</div>
					            </div>
					        </li>
					        <li class="mui-table-view-cell">
					            <div class="flexCenter OflexCenter mui-clearfix">
					                <div class="madiaHead artHead"></div>
									<div class="madiaInfo OmadiaInfo">
										<p class="mui-ellipsis-2 h1Font">文章名称章名称文章名称</p>
									</div>
					            </div>
					        </li>
					    </ul>
					</div>
					<div class="seeMore"><em>查看更多</em></div>
			</div>
		</div>
		
		<div class="shareBlock" id="shareBlock">
			<h2 class="shareTit"><span>分享到</span></h2>
			<ul class="mui-table-view noactiveTab">
				<li class="mui-table-view-cell">
					<em class="wayicon wechaticon"></em>
					<span>微信好友</span>
				</li>
				<li class="mui-table-view-cell">
					<em class="wayicon friendstericon"></em>
					<span>微信朋友圈</span>
				</li>
				<li class="mui-table-view-cell">
					<em class="wayicon sinaicon"></em>
					<span>新浪微博</span>
				</li>
			</ul>
			<button type="button" class="mui-btn mui-btn-block" id="cancelShare">取消</button>
		</div>
		<script src="../js/public/mui.min.js"></script>
		<script src="../js/public/base.js"></script>
		<script src="../js/public/mui.zoom.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/public/mui.previewimage.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/proinfobrow.js"></script>
		<script type="text/javascript"> 
			//处理iOS下弹出软键盘后头部会随页面的滚动条消失问题
		    iosheader();
		    
		    var BtnMore=document.getElementById("BtnMore");
		    var shareOut=document.getElementById("shareOut");
		    var cancelShare=document.getElementById("cancelShare");
		    var maskBlack=document.getElementById("maskBlack");
		    var shareBlock=document.getElementById("shareBlock");
		    
		    
		    BtnMore.addEventListener("tap",function(){
		    	maskBlack.style.display="block";
		    	shareBlock.style.display="block";
		    })
		    shareOut.addEventListener("tap",function(){
		    	maskBlack.style.display="block";
		    	shareBlock.style.display="block";
		    })
		    cancelShare.addEventListener("tap",function(){
		    	maskBlack.style.display="none";
		    	shareBlock.style.display="none";
		    })
		    maskBlack.addEventListener("tap",function(){
		    	this.style.display="none";
		    	shareBlock.style.display="none";
		    })
		</script>
	</body>
</html>

app/html/userInforUpdate.html

@@ -0,0 +1,119 @@
<!doctype html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>修改个人信息</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="../css/mui.min.css" rel="stylesheet" />
		<link href="../css/iconfont.css" rel="stylesheet" />
		<link href="../css/app.css" rel="stylesheet" />
	</head>
	<body>
		<header class="mui-bar mui-bar-nav toptitbox">
		    <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left topback"></a>
		    <h1 class="mui-title toptit">修改个人信息</h1>
		</header>
		
		<!-- 主页面内容容器 -->
    	<div class="mui-content">
    		<!-- 主界面具体展示内容 -->
    		<div class="mui-input-group marginbox searchTab">
    			<div class="infocontit infocontitM OnetitM mui-navigate-right mui-clearfix">
    				<div class="flexCenter mui-clearfix">
		                <div class="madiaHead useHead"></div>
						<div class="madiaInfo">
							<div class="h1Font">张某某</div>
							<div class="h2Font">编辑个人资料</div>
						</div>
		            </div>
    			</div>
 		    </div>
    		<div class="mui-input-group mainbox">
    			<div class="infocontit infocontitM OnetitM mui-navigate-right mui-clearfix">个人介绍 </div>
 		    </div>
 		    <div class="mui-input-group mainbox">
    			<div class="infocontit infocontitM mui-navigate-right mui-clearfix">
    				<span class="mui-pull-left">学术领域</span>
				    <span class="rightword">6</span>
    			</div>
    			<div class="infocontit infocontitM mui-navigate-right mui-clearfix">
    				<span class="mui-pull-left">研究方向</span>
				    <span class="rightword">2</span>
    			</div>
    			<div class="infocontit infocontitM OnetitM mui-navigate-right mui-clearfix">
    				<span class="mui-pull-left">行业领域</span>
				    <span class="rightword">3</span>
    			</div>
 		    </div>
		    <div class="mui-input-group mainbox" id="perfessorExperience">
				<div class="infocontit infocontitM mui-navigate-right mui-clearfix">项目经历</div>
		       <div class="infocon">
			       <ul class="mui-table-view listitembox" id="projectExperience">
			           <li class="mui-table-view-cell listitem">
		                       <div class="h4Tit listtit2">科袖网项目</div>
		                       <p class="listtit3">2016年4月 - 至今</p>
			           </li>
			           <li class="mui-table-view-cell listitem">
	                       <div class="h4Tit listtit2">项目名称</div>
	                       <p class="listtit3">起始时间 - 结束时间</p>
			           </li>
			       </ul>	
		       </div>
		    </div>
		     <div class="mui-input-group mainbox" id="perfessorhonor">
				<div class="infocontit infocontitM mui-navigate-right mui-clearfix">荣誉奖项</div>
		       <div class="infocon">
			       <ul class="mui-table-view listitembox" id="honor">
			           <li class="mui-table-view-cell listitem">
	                       <div class="h4Tit listtit2">2008感动中国年度人物</div>
	                       <p class="listtit3">发表于2016年</p>
			           </li>
			           <li class="mui-table-view-cell listitem">
	                       <div class="h4Tit listtit2">获奖名称</div>
	                       <p class="listtit3">发表年份</p>
			           </li>
			       </ul>	
		       </div>
		    </div>
		    <div class="mui-input-group mainbox" id="perfessorsoJob">
				<div class="infocontit infocontitM mui-navigate-right mui-clearfix">工作经历</div>
		       <div class="infocon">
			       <ul class="mui-table-view listitembox" id="soJob">
			           <li class="mui-table-view-cell mui-media listitem">
			                      <div class="h4Tit listtit2">北京科袖科技有限公司</div>
								   <p class="listtit3">2016年4月 - 至今</p>
			               </a>
			           </li>
			           <li class="mui-table-view-cell mui-media listitem">
			                       <div class="h4Tit listtit2">机构名称</div>
								   <p class="listtit3">起始时间 - 结束时间</p>
			           </li>
			       </ul>	
		       </div>
		    </div>
		    <div class="mui-input-group mainbox" id="perfessorEducation">
				<div class="infocontit infocontitM mui-navigate-right mui-clearfix">教育背景</div>
		       <div class="infocon">
			       <ul class="mui-table-view listitembox" id="education">
			           <li class="mui-table-view-cell mui-media listitem">
			                       <div class="h4Tit listtit2">曼彻斯特大学</div>
								   <p class="listtit3">毕业于2016年</p>
			           </li>
			           <li class="mui-table-view-cell mui-media listitem">
	                       <div class="h4Tit listtit2">学校名称</div>
						   <p class="listtit3">毕业年份</p>
			           </li>
			       </ul>	
		       </div>
		    </div>
        </div>
		
		
		<script src="../js/public/mui.min.js"></script>
		<script src="../js/public/base.js"></script>
		<script src="../js/public/upload-avatar.js"></script>
		<script type="text/javascript" src="../js/proinforupdate.js"></script>		
	</body>
</html>

app/js/public/base.js

@@ -1,7 +1,7 @@
//公共文件
mui.init();
//var baseUrl = "http://www.ekexiu.com",
var baseUrl = "http://192.168.3.233",
var baseUrl = "http://192.168.3.233:81",
//var baseUrl = "http:192.168.3.85:80",    
	toastStyle = {
		'verticalAlign': 'top',
@@ -183,16 +183,155 @@ function commenTime(startTime){
}
/*时间转换*/
function TimeTr(dealtime) {
	var myDate = new Date(); 
	var myDate = new Date();
	var s = dealtime;
	var y = s.substr(0, 4);
	var m = s.substr(4, 2);
	var d = s.substr(6, 2);
	var h = s.substr(8, 2);
	var minute = s.substr(10, 2);
	var formatTime = m.replace(/\b(0+)/gi, "") + "月" + d.replace(/\b(0+)/gi, "")+ "日 " + h + ":" + minute;
	if(y != myDate.getFullYear()){
		formatTime = y + "年" + m.replace(/\b(0+)/gi, "") + "月" + d.replace(/\b(0+)/gi, "")+ "日 " + h + ":" + minute;
	var formatTime;
	if(s.length <= 6) {
		formatTime = y + "年" + m.replace(/\b(0+)/gi, "") + "月";
	} else if(s.length > 6 && s.length <= 8) {
		formatTime = y + "年" + m.replace(/\b(0+)/gi, "") + "月" + d.replace(/\b(0+)/gi, "") + "日 ";
	} else {
		formatTime = m.replace(/\b(0+)/gi, "") + "月" + d.replace(/\b(0+)/gi, "") + "日 " + h + ":" + minute;
		if(y != myDate.getFullYear()) {
			formatTime = y + "年" + m.replace(/\b(0+)/gi, "") + "月" + d.replace(/\b(0+)/gi, "") + "日 " + h + ":" + minute;
		}
	}
	return formatTime;
}
//企业规模
var orgSizeShow = {
	'1': '50人以内',
	'2': '50-100人',
	'3': '100-200人',
	'4': '200-500人',
	'5': '500-1000人',
	'6': '1000人以上'
}
//企业类型
var orgTypeShow = {
	"2": "上市企业",
	"3": "外资企业",
	"4": "合资企业",
	"5": "独资企业",
	"6": "个体经营",
	"7": "政府机构",
	"8": "公益组织",
	"9": "协会学会",
	"10": "新闻媒体",
	"11": "教育机构",
	"undefined":""
}
//学位
var eduDegree = {
	"1": "博士",
	"2": "硕士",
	"3": "学士",
	"4": "大专",
	"5": "其他"
}
var userid;
/*判断是否收藏资源文章或者是否关注专家*/
function ifcollectionAbout(watchObject,num) {
	mui.ajax(baseUrl + '/ajax/watch/hasWatch', {
		data: {
			"professorId": userid,
			"watchObject": watchObject
		},
		dataType: 'json', //数据格式类型
		type: 'get', //http请求类型
		timeout: 10000,
		async: false,
		success: function(data) {
			if(data.success && data.data != null) {
				if(num=="1" || num == "6"){//已关注专家
					document.getElementById("ifAttend").classList.remove("icon-shoucang");
					document.getElementById("ifAttend").classList.add("icon-yishoucang");
				}else{//已收藏资源或文章
					document.getElementById("ifCollect").classList.remove("icon-shoucang");
					document.getElementById("ifCollect").classList.add("icon-yishoucang");
				}
			} else {
				if(num=="1" || num == "6"){//关注专家
					document.getElementById("ifAttend").classList.add("icon-shoucang");
					document.getElementById("ifAttend").classList.remove("icon-yishoucang");
				}else{//收藏资源或文章
					document.getElementById("ifCollect").classList.add("icon-shoucang");
					document.getElementById("ifCollect").classList.remove("icon-yishoucang");
				}
			}
		},
		error: function() {
			plus.nativeUI.toast("服务器链接超时", toastStyle);
		}
	});
}
/*收藏资源、文章或者关注专家*/
function collectionAbout(watchObject, num) {
	mui.ajax(baseUrl + '/ajax/watch', {
		data: {
			"professorId": userid,
			"watchObject": watchObject,
			"watchType": num
		},
		dataType: 'json', //数据格式类型
		type: 'POST', //http请求类型
		timeout: 10000,
		async: false,
		success: function(data) {
			if(data.success) {
				if(num=="1" || num == "6"){//关注专家
					document.getElementById("ifAttend").classList.remove("icon-shoucang");
					document.getElementById("ifAttend").classList.add("icon-yishoucang");
					plus.nativeUI.toast("关注成功", toastStyle);
				}else{//收藏资源或文章
					document.getElementById("ifCollect").classList.remove("icon-shoucang");
					document.getElementById("ifCollect").classList.add("icon-yishoucang");
					plus.nativeUI.toast("收藏成功", toastStyle);
				}
			}
		},
		error: function() {
			plus.nativeUI.toast("服务器链接超时", toastStyle);
		}
	});
}
/*取消收藏资源、文章或者取消关注专家*/
function cancelCollectionAbout(watchObject, num) {
	mui.ajax({
		url: baseUrl + '/ajax/watch/delete',
		data: {
			professorId: userid,
			watchObject: watchObject
		},
		dataType: 'json', //数据格式类型
		type: 'post', //http请求类型
		timeout: 10000,
		async: true,
		success: function(data) {
			console.log(data.success)
			if(data.success) {
				if(num=="1" || num == "6"){//关注专家
					document.getElementById("ifAttend").classList.add("icon-shoucang");
					document.getElementById("ifAttend").classList.remove("icon-yishoucang");
					plus.nativeUI.toast("已取消关注", toastStyle);
				}else{//收藏资源或文章
					document.getElementById("ifCollect").classList.add("icon-shoucang");
					document.getElementById("ifCollect").classList.remove("icon-yishoucang");
					plus.nativeUI.toast("已取消收藏", toastStyle);
				}
				
			}
		},
		error: function(data) {
			plus.nativeUI.toast("服务器链接超时", toastStyle);
		}
	});
}