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
Split 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,7 +12,7 @@
12 12 
	<body>
13 13 
		<header class="mui-bar mui-bar-nav toptitbox">
14 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 16 
		    <a class="mui-icon iconfont icon-share mui-pull-right topmore" id="shareBtn">
17 17 
		    	<ul class="sharebox" id="shareBox" style="display:none; color: #000000;">
18 18 
		    		<li>
 
@ -31,10 +31,10 @@
31 31
32 32 
		<!--主页面底部菜单-->
33 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 35 
		    	<div>
36 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 38 
				</div>
39 39 
			</div>
40 40 
			<div class="attentbtn mui-pull-left">
 
@ -47,14 +47,14 @@
47 47 
    		<!-- 主界面具体展示内容 -->
48 48 
    		<div class="mui-input-group mainbox restopblock">
49 49 
    			<div class="resouimgbox mui-pull-left">
50 
					<img src="../images/default-resource.jpg"/>
50 
					<img src="../images/default-resource.jpg"/ id="ziyuanimg">
51 51 
				</div>
52 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 58 
                </div>
59 59 
    		</div>
60 60 
    		<!--<div class="resomenubox">

@ -71,11 +71,11 @@
71 71 
						<div class="infocon">
72 72 
							<p style="color:#666666;">
73 73 
								<span>资源名称：</span>
74 
								<span class="listtit2">XXXXX资源名称XXXXX资源名称XX</span>
74 
								<span class="listtit2" id='resourceName'>XXXXX资源名称XXXXX资源名称XX</span>
75 75 
							</p>
76 76 
							<p style="color:#666666;">
77 77 
								<span>应用用途：</span>
78 
								<span class="listtit2">应用用途应用用途应用用途应用用途应用用</span>
78 
								<span class="listtit2" id="yongtu">应用用途应用用途应用用途应用用途应用用</span>
79 79 
							</p>
80 80 
						</div>
81 81 
					</li>
 
@ -86,14 +86,14 @@
86 86 
					<li>
87 87 
						<div class="infocontit">学术领域</div>
88 88 
						<div class="infocon">
89 
					       	<ul class="infosubject">
90 
					       		<li>领域1</li>
89 
					       	<ul class="infosubject" id="field">
90 
					       		<!--<li>领域1</li>
91 91 
					       		<li>领域领域领域2</li>
92 92 
					       		<li>领域领域领域领域3</li>
93 93 
					       		<li>领域4</li>
94 94 
					       		<li>领域领1</li>
95 95 
					       		<li>领域1</li>
96 
					       		<li>领域1</li>
96 
					       		<li>领域1</li>-->
97 97 
					       	</ul>
98 98 
				       </div>
99 99 
					</li>
 
@ -104,14 +104,14 @@
104 104 
					<li>
105 105 
						<div class="infocontit">应用行业</div>
106 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 109 
					       		<li class="mui-ellipsis">领域领域领域域领域领域域领域领域域领域领域2</li>
110 110 
					       		<li class="mui-ellipsis">领域领域3</li>
111 111 
					       		<li class="mui-ellipsis">领域4</li>
112 112 
					       		<li class="mui-ellipsis">领域领1</li>
113 113 
					       		<li class="mui-ellipsis">领域1</li>
114 
					       		<li class="mui-ellipsis">领域1</li>
114 
					       		<li class="mui-ellipsis">领域1</li>-->
115 115 
					       	</ul>
116 116 
				        </div>
117 117 
					</li>
 
@ -122,7 +122,7 @@
122 122 
					<li>
123 123 
				       <div class="infocontit">详细描述</div>
124 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 126 
				       </div>
127 127 
					</li>
128 128 
				</ul>
 
@ -132,7 +132,7 @@
132 132 
		            <li>
133 133 
				       <div class="infocontit">合作备注</div>
134 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 136 
				       </div>
137 137 
				    </li>
138 138 
				</ul>

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

@ -44,8 +44,8 @@ if(mui.os.plus) {
44 44 
function getaData() {
45 45 
    mui.plusReady(function() {
46 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 49 
        mui.ajax(baseUrl+'/ajax/consult/pq', {
50 50 
            data: {
51 51 
                "professorId":userid, //专家ID

@ -118,10 +118,11 @@ function initdata() {
118 118 
            success: function(data) {
119 119 
                if (data.success) {
120 120 
                    console.log("成功");
121 
                    /*plus.webview.currentWebview().show("slide-in-right",150);*/
122 
					/*plus.nativeUI.closeWaiting();*/
121 123 
                    var datalist = data.data.data;
122 124 
                    console.log(datalist.length);
123
124
125
125 126 
	                table.innerHTML = '';//清空容器
126 127 
                    eachData(userid,datalist);
127 128 
                    mui('#pullrefresh').pullRefresh().refresh(true);//重置下拉加载

@ -152,11 +153,6 @@ mui(".mui-table-view").on('tap','.itemBtn',function(){
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 158 
var statuslist = document.querySelectorAll('.status-1');

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

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