Home Explore Help
Register Sign In
bulomakaka
/
ekexiu.app
Watch 2
Star 1
Fork 0
Code Issues 0 Pull Requests 0 Commits 49 Releases 0 Wiki
Browse Source

资源详情页，资源进入咨询页

xiaoai_123 8 years ago
parent
583eb8fd95
commit
26874c1440
3 changed files with 39 additions and 36 deletions
Unified View Show Diff Stats
  1. 19 19
      app/html/resinforbrow.html
  2. 5 9
      app/js/consult.js
  3. 15 8
      app/js/consultapply.js

+ 19 - 19
app/html/resinforbrow.html
View File

12 
	<body>
 12 
	<body>
13 
		<header class="mui-bar mui-bar-nav toptitbox">
 13 
		<header class="mui-bar mui-bar-nav toptitbox">
14 
		    <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left topback"></a>
 14 
		    <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left topback"></a>
15 
		    <h1 class="mui-title toptit">资源名称</h1>
15 
		    <h1 class="mui-title toptit" id="resorcename">资源名称</h1>
16 
		    <a class="mui-icon iconfont icon-share mui-pull-right topmore" id="shareBtn">
 16 
		    <a class="mui-icon iconfont icon-share mui-pull-right topmore" id="shareBtn">
17 
		    	<ul class="sharebox" id="shareBox" style="display:none; color: #000000;">
 17 
		    	<ul class="sharebox" id="shareBox" style="display:none; color: #000000;">
18 
		    		<li>
 18 
		    		<li>
31
31
32 
		<!--主页面底部菜单-->
 32 
		<!--主页面底部菜单-->
33 
	     <nav class="mui-bar mui-bar-tab mui-clearfix footbox">
 33 
	     <nav class="mui-bar mui-bar-tab mui-clearfix footbox">
34 
		    <div class="dialogbtn mui-pull-left btnactive">
34 
		    <div class="dialogbtn mui-pull-left btnactive" id="consult">
35 
		    	<div>
 35 
		    	<div>
36 
			    	<em class="mui-iocn iconfont icon-community mui-pull-left"></em>
 36 
			    	<em class="mui-iocn iconfont icon-community mui-pull-left"></em>
37 
					<span class="mui-pull-left">咨询</span>
37 
					<span class="mui-pull-left" id="consultBtn">咨询</span>
38 
				</div>
 38 
				</div>
39 
			</div>
 39 
			</div>
40 
			<div class="attentbtn mui-pull-left">
 40 
			<div class="attentbtn mui-pull-left">
47 
    		<!-- 主界面具体展示内容 -->
 47 
    		<!-- 主界面具体展示内容 -->
48 
    		<div class="mui-input-group mainbox restopblock">
 48 
    		<div class="mui-input-group mainbox restopblock">
49 
    			<div class="resouimgbox mui-pull-left">
 49 
    			<div class="resouimgbox mui-pull-left">
50 
					<img src="../images/default-resource.jpg"/>
50 
					<img src="../images/default-resource.jpg"/ id="ziyuanimg">
51 
				</div>
 51 
				</div>
52 
				<div class="personblock mui-pull-left">
 52 
				<div class="personblock mui-pull-left">
53 
                    <img class="headimg" src="../images/default-photo.jpg">
54 
                    <p class="listtit">专家姓名<em class="mui-icon iconfont icon-vip authicon" style="font-size:16px;"></em></p>
55 
                    <p class="listtit2"><span>职称</span>，<span>职务</span></p>
56 
                    <p class="listtit3"><span>所属机构</span></p>
57 
                    <p class="listtit3"><span>所在地</span></p>
53 
                    <img class="headimg" src="../images/default-photo.jpg" id="proimg">
54 
                    <p class="listtit" id="proname">专家姓名<em class="mui-icon iconfont icon-vip " style="font-size:16px;" id="promodify"></em></p>
55 
                    <p class="listtit2" id="protitle"><span>职称</span><span id="prooffice">职务</span></p>
56 
                    <p class="listtit3"><span id="proorgName">所属机构</span></p>
57 
                    <p class="listtit3"><span id="proadress">所在地</span></p>
58 
                </div>
 58 
                </div>
59 
    		</div>
 59 
    		</div>
60 
    		<!--<div class="resomenubox">
60 
    		<!--<div class="resomenubox">
71 
						<div class="infocon">
 71 
						<div class="infocon">
72 
							<p style="color:#666666;">
 72 
							<p style="color:#666666;">
73 
								<span>资源名称：</span>
 73 
								<span>资源名称：</span>
74 
								<span class="listtit2">XXXXX资源名称XXXXX资源名称XX</span>
74 
								<span class="listtit2" id='resourceName'>XXXXX资源名称XXXXX资源名称XX</span>
75 
							</p>
 75 
							</p>
76 
							<p style="color:#666666;">
 76 
							<p style="color:#666666;">
77 
								<span>应用用途：</span>
 77 
								<span>应用用途：</span>
78 
								<span class="listtit2">应用用途应用用途应用用途应用用途应用用</span>
78 
								<span class="listtit2" id="yongtu">应用用途应用用途应用用途应用用途应用用</span>
79 
							</p>
 79 
							</p>
80 
						</div>
 80 
						</div>
81 
					</li>
 81 
					</li>
86 
					<li>
 86 
					<li>
87 
						<div class="infocontit">学术领域</div>
 87 
						<div class="infocontit">学术领域</div>
88 
						<div class="infocon">
 88 
						<div class="infocon">
89 
					       	<ul class="infosubject">
90 
					       		<li>领域1</li>
89 
					       	<ul class="infosubject" id="field">
90 
					       		<!--<li>领域1</li>
91 
					       		<li>领域领域领域2</li>
 91 
					       		<li>领域领域领域2</li>
92 
					       		<li>领域领域领域领域3</li>
 92 
					       		<li>领域领域领域领域3</li>
93 
					       		<li>领域4</li>
 93 
					       		<li>领域4</li>
94 
					       		<li>领域领1</li>
 94 
					       		<li>领域领1</li>
95 
					       		<li>领域1</li>
 95 
					       		<li>领域1</li>
96 
					       		<li>领域1</li>
96 
					       		<li>领域1</li>-->
97 
					       	</ul>
 97 
					       	</ul>
98 
				       </div>
 98 
				       </div>
99 
					</li>
 99 
					</li>
104 
					<li>
 104 
					<li>
105 
						<div class="infocontit">应用行业</div>
105 
						<div class="infocontit">应用行业</div>
106 
				        <div class="infocon">
 106 
				        <div class="infocon">
107 
					       	<ul class="infoapply">
108 
					       		<li class="mui-ellipsis">应用行业1</li>
107 
					       	<ul class="infoapply" id="apply">
108 
					       		<!--<li class="mui-ellipsis">应用行业1</li>
109 
					       		<li class="mui-ellipsis">领域领域领域域领域领域域领域领域域领域领域2</li>
 109 
					       		<li class="mui-ellipsis">领域领域领域域领域领域域领域领域域领域领域2</li>
110 
					       		<li class="mui-ellipsis">领域领域3</li>
 110 
					       		<li class="mui-ellipsis">领域领域3</li>
111 
					       		<li class="mui-ellipsis">领域4</li>
 111 
					       		<li class="mui-ellipsis">领域4</li>
112 
					       		<li class="mui-ellipsis">领域领1</li>
 112 
					       		<li class="mui-ellipsis">领域领1</li>
113 
					       		<li class="mui-ellipsis">领域1</li>
 113 
					       		<li class="mui-ellipsis">领域1</li>
114 
					       		<li class="mui-ellipsis">领域1</li>
114 
					       		<li class="mui-ellipsis">领域1</li>-->
115 
					       	</ul>
 115 
					       	</ul>
116 
				        </div>
 116 
				        </div>
117 
					</li>
 117 
					</li>
122 
					<li>
 122 
					<li>
123 
				       <div class="infocontit">详细描述</div>
123 
				       <div class="infocontit">详细描述</div>
124 
				       <div class="infocon">
 124 
				       <div class="infocon">
125 
				       		<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>
125 
				       		<p class="listtit3 mutlinebox" id="detail">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>
126 
				       </div>
 126 
				       </div>
127 
					</li>
 127 
					</li>
128 
				</ul>
 128 
				</ul>
132 
		            <li>
 132 
		            <li>
133 
				       <div class="infocontit">合作备注</div>
133 
				       <div class="infocontit">合作备注</div>
134 
				       <div class="infocon">
 134 
				       <div class="infocon">
135 
				       		<p class="listtit3 mutlinebox"> Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar tempor. Cum sociis natoque</p>
135 
				       		<p class="listtit3 mutlinebox" id="hezuo"> Proin gravida dolor sit amet lacus accumsan et viverra justo commodo. Proin sodales pulvinar tempor. Cum sociis natoque</p>
136 
				       </div>
 136 
				       </div>
137 
				    </li>
 137 
				    </li>
138 
				</ul>
 138 
				</ul>

+ 5 - 9
app/js/consult.js
View File

44 
function getaData() {
44 
function getaData() {
45 
    mui.plusReady(function() {
45 
    mui.plusReady(function() {
46 
    	var userid = plus.storage.getItem('userid');
46 
    	var userid = plus.storage.getItem('userid');
47 
    	console.log("刷新传参"+oneedval.value+otypeval.value+ostateval.value+osortval.value);
48 
    	console.log('加载页'+pageIndex)
47 
    	/*console.log("刷新传参"+oneedval.value+otypeval.value+ostateval.value+osortval.value);
48 
    	console.log('加载页'+pageIndex)*/
49 
        mui.ajax(baseUrl+'/ajax/consult/pq', {
49 
        mui.ajax(baseUrl+'/ajax/consult/pq', {
50 
            data: {
50 
            data: {
51 
                "professorId":userid, //专家ID
51 
                "professorId":userid, //专家ID
118 
            success: function(data) {
118 
            success: function(data) {
119 
                if (data.success) {
119 
                if (data.success) {
120 
                    console.log("成功");
120 
                    console.log("成功");
121 
                    /*plus.webview.currentWebview().show("slide-in-right",150);*/
122 
					/*plus.nativeUI.closeWaiting();*/
121 
                    var datalist = data.data.data;
123 
                    var datalist = data.data.data;
122 
                    console.log(datalist.length);
124 
                    console.log(datalist.length);
123
124
125
125 
	                table.innerHTML = '';//清空容器
126 
	                table.innerHTML = '';//清空容器
126 
                    eachData(userid,datalist);
127 
                    eachData(userid,datalist);
127 
                    mui('#pullrefresh').pullRefresh().refresh(true);//重置下拉加载
128 
                    mui('#pullrefresh').pullRefresh().refresh(true);//重置下拉加载
152 
	});
153 
	});
153 
});
154 
});
154
155
155 
mui.plusReady(function() {
156 
	var self = plus.webview.currentWebview();
157 
	console.log(self.id)
158 
})
159
160
156
161 
/*由聊天页面返回咨询列表,要更新咨询状态:::自定义事件*/
157 
/*由聊天页面返回咨询列表,要更新咨询状态:::自定义事件*/
162 
var statuslist = document.querySelectorAll('.status-1');
158 
var statuslist = document.querySelectorAll('.status-1');

+ 15 - 8
app/js/consultapply.js
View File

18 
 	var osaveconsultBtn = document.getElementById("saveconsultBtn");//保存咨询，发送按钮
 18 
 	var osaveconsultBtn = document.getElementById("saveconsultBtn");//保存咨询，发送按钮
19
19
20 
 	/*保存咨询*/
 20 
 	/*保存咨询*/
21 
 	function saveconsult(proId,userid) {
21 
 	function saveconsult(proId,userid,consultTitle) {
22 
 		var consultType = oconsulttype_ul.querySelector('.liactive').innerText;
 22 
 		var consultType = oconsulttype_ul.querySelector('.liactive').innerText;
23 
 		var consultTitle = oconsulttitle.value;
24 
 		var consultcon = oconsultcon.innerText;
 23 
 		var consultcon = oconsultcon.innerText;
25 
 		console.log(consultType);
 24 
 		console.log(consultType);
26 
 		console.log(consultTitle);
 25 
 		console.log(consultTitle);
58
57
59 
 			}
 58 
 			}
60 
 		});
 59 
 		});
61 
 	};
62
60 
 	};
63 
 	/*专家信息*/
 61 
 	/*专家信息*/
64 
 	function proinfo(proId) {
 62 
 	function proinfo(proId) {
65 
 		mui.ajax(baseUrl+'/ajax/professor/editBaseInfo/'+proId,{
 63 
 		mui.ajax(baseUrl+'/ajax/professor/editBaseInfo/'+proId,{
110
108
111 
 				/*是否认证*/
 109 
 				/*是否认证*/
112 
 				if(myData["authentication"] == true){
 110 
 				if(myData["authentication"] == true){
113 
 					/*opromodify.classList.remove('unauthicon');
114 
					opromodify.classList.add('authicon');*/
115 
					emele.classList.add('authicon');
 111 
					emele.classList.add('authicon');
116
112
117 
				}else if(myData["authentication"] == false){
 113 
				}else if(myData["authentication"] == false){
137
133
138 
 			},
 134 
 			},
139 
 			error:function(xhr,type,errorThrown){
 135 
 			error:function(xhr,type,errorThrown){
140
136 
 				plus.nativeUI.toast("服务器链接超时", toastStyle);
141 
 			}
 137 
 			}
142 
 		});
 138 
 		});
143 
 	}
 139 
 	}
148 
   		var userid = plus.storage.getItem('userid');
 144 
   		var userid = plus.storage.getItem('userid');
149 
   	    var self = plus.webview.currentWebview();
 145 
   	    var self = plus.webview.currentWebview();
150 
   	    var proId = self.proId;
 146 
   	    var proId = self.proId;
147 
   	    var flag = self.flag;
148 
   	    var consulttitle = self.consulttitle;//咨询主题（从资源页面传过来的）
149 
   	    console.log(consulttitle);
151 
   	    console.log(proId);
 150 
   	    console.log(proId);
152
151
153 
   	 	/*专家信息数据*/
 152 
   	 	/*专家信息数据*/
155
154
156 
   	    /*发送保存咨询*/
 155 
   	    /*发送保存咨询*/
157 
   	   	osaveconsultBtn.addEventListener('tap',function() {
 156 
   	   	osaveconsultBtn.addEventListener('tap',function() {
158 
			saveconsult(proId,userid);
157 
   	   		if(consulttitle){
158 
   	   			alert("从资源进入")
159 
   	   			var consulttitle = '关于'+consulttitle+"的咨询"
160 
   	   			saveconsult(proId,userid,consulttitle);
161 
   	   		}else {
162 
   	   			alert("从专家进入");
163 
   	   			saveconsult(proId,userid,oconsulttitle.value);
164 
   	   		}
165
159 
			/*返回专家信息*/
 166 
			/*返回专家信息*/
160 
			var proinfo = plus.webview.getWebviewById('proinforbrow.html');
 167 
			var proinfo = plus.webview.getWebviewById('proinforbrow.html');
161 
			proinfo.show();
 168 
			proinfo.show();