Browse Source

研究方向详情

luyanan 7 years ago
parent
commit
d89f0587a0
3 changed files with 42 additions and 83 deletions
  1. 0 8
      app/html/consultlist.html
  2. 14 14
      app/html/researchArea.html
  3. 28 61
      app/js/researchArea.js

+ 0 - 8
app/html/consultlist.html

8
    <link rel="stylesheet" type="text/css" href="../css/iconfont.css"/>
8
    <link rel="stylesheet" type="text/css" href="../css/iconfont.css"/>
9
    <link href="../css/app.css" rel="stylesheet"/>
9
    <link href="../css/app.css" rel="stylesheet"/>
10
    <style type="text/css">
10
    <style type="text/css">
11
    	/*控制未读消息*/
12
    	.displayNone {
13
    		display: none;
14
    	}
15
    	.displayBlock {
16
    		display: block;
17
    	}
18
    	
19
    	/*筛选div*/
11
    	/*筛选div*/
20
    	.filterbox2.filterdiv {
12
    	.filterbox2.filterdiv {
21
    		z-index: 9;
13
    		z-index: 9;

+ 14 - 14
app/html/researchArea.html

16
</style>
16
</style>
17
</head>
17
</head>
18
<body>
18
<body>
19
<div class="mui-content researchAreaBox mui-scroll-wrapper" id="pullrefresh" >
19
<div class="mui-content researchAreaBox mui-scroll-wrapper searchTab" id="pullrefresh" >
20
	<div class="mui-scroll">
20
	<div class="mui-scroll">
21
	<div class="researchArea" id="researchArea"></div>
22
	<p class="littip">以下用户认可了他的研究</p>
23
	<ul class="mui-table-view protable" id="table">
24
        <!--<li class="mui-table-view-cell mui-media">
25
            <div class="proinfor">
26
                <img class="mui-media-object mui-pull-left headimg headRadius" src="../images/default-photo.jpg">
27
                <div class="mui-media-body">
28
                    <div><span class="listtit">专家姓名<em class="authicon authicon-pro"></em></span></div>
29
                	<p class="listtit2"><span>职称</span><span>,职位</span><span>,所在机构</span><span> | 所在城市</span></p>
30
                </div>
31
            </div>
32
        </li>-->
33
    </ul>
21
		<div class="researchArea" id="researchArea"></div>
22
		<p class="littip">以下用户认可了他的研究</p>
23
		<ul class="mui-table-view protable" id="table">
24
			<!--<li class="mui-table-view-cell">
25
				<div class="flexCenter OflexCenter mui-clearfix">
26
					<div class="madiaHead useHead"></div>
27
					<div class="madiaInfo">
28
						<p><span class="h1Font">张某某</span><em class="authicon authicon-pro" title="科袖认证专家"></em></p>
29
						<p class="mui-ellipsis-2 h2Font">文章名称章名称文章名称</p>
30
					</div>
31
				</div>
32
			</li>-->
33
	    </ul>
34
	</div>
34
	</div>
35
</div>
35
</div>
36
<script src="../js/public/mui.min.js"></script>
36
<script src="../js/public/mui.min.js"></script>

+ 28 - 61
app/js/researchArea.js

21
	personalMessage();
21
	personalMessage();
22
	/*进入为学术领域点赞人的浏览页面*/
22
	/*进入为学术领域点赞人的浏览页面*/
23
	mui("#table").on('tap', 'li', function() {
23
	mui("#table").on('tap', 'li', function() {
24
		var professId = this.getAttribute("professorId");
24
		var professId = this.getAttribute("data-id");
25
		var authentication = this.getAttribute("authentication");
25
		var authentication = this.getAttribute("authentication");
26
		var authType = this.getAttribute("authType");
26
		var authType = this.getAttribute("authType");
27
		console.log(authentication)
27
		console.log(authentication)
112
			var img = "../images/default-photo.jpg";
112
			var img = "../images/default-photo.jpg";
113
		}
113
		}
114

114

115
		var title = "";
116
		var office = "";
117
		var orgName = "";
118
		var address = "";
119
		if(item.title && item.office && item.orgName && item.address) {
120
			title = item.title + ",";
121
			office = item.office + ",";
122
			orgName = item.orgName + " | ";
123
			address = item.address;
124
		} else if(!item.title && item.office && item.orgName && item.address) {
125
			office = item.office + ",";
126
			orgName = item.orgName + " | ";
127
			address = item.address;
128
		} else if(item.title && !item.office && item.orgName && item.address) {
129
			title = item.title + ",";
130
			orgName = item.orgName + " | ";
131
			address = item.address;
132
		} else if(item.title && item.office && !item.orgName && item.address) {
133
			title = item.title + ",";
134
			office = item.office + " | ";
135
			address = item.address;
136
		} else if(item.title && item.office && item.orgName && !item.address) {
137
			title = item.title + ",";
138
			office = item.office + ",";
139
			orgName = item.orgName;
140
		} else if(!item.title && !item.office && item.orgName && item.address) {
141
			orgName = item.orgName + " | ";
142
			address = item.address;
143
		} else if(!item.title && item.office && !item.orgName && item.address) {
144
			office = item.office + " | ";
145
			address = item.address;
146
		} else if(!item.title && item.office && item.orgName && !item.address) {
147
			office = item.office + ",";
148
			orgName = item.orgName;
149
		} else if(item.title && !item.office && !item.orgName && item.address) {
150
			title = item.title + " | ";
151
			address = item.address;
152
		} else if(item.title && !item.office && item.orgName && !item.address) {
153
			office = item.title + ",";
154
			address = item.orgName;
155
		} else if(item.title && item.office && !item.orgName && !item.address) {
156
			title = item.title + ",";
157
			office = item.office;
158
		} else if(!item.title && !item.office && !item.orgName && item.address) {
159
			address = item.address;
160
		} else if(!item.title && !item.office && item.orgName && !item.address) {
161
			orgName = item.orgName;
162
		} else if(!item.title && item.office && !item.orgName && !item.address) {
163
			office = item.office;
164
		} else if(item.title && !item.office && !item.orgName && !item.address) {
165
			title = item.title;
115
		var otherIn = "";
116
		if(item.title) {
117
			if(item.orgName) {
118
				otherIn = item.title + "," + item.orgName;
119
			} else {
120
				otherIn = item.title;
121
			}
122
		} else {
123
			if(item.office) {
124
				if(item.orgName) {
125
					otherIn = item.office + "," + item.orgName;
126
				} else {
127
					otherIn = item.office;
128
				}
129
			} else {
130
				if(item.orgName) {
131
					otherIn = item.orgName;
132
				}
133
			}
166
		}
134
		}
167
		var typeTname = '';
135
		var typeTname = '';
168
		var oSty = autho(item.authType, item.orgAuth, item.authStatus);
136
		var oSty = autho(item.authType, item.orgAuth, item.authStatus);
170
		
138
		
171

139

172
		var li = document.createElement('li');
140
		var li = document.createElement('li');
173
		li.className = 'mui-table-view-cell mui-media';
174
		li.setAttribute("professorId", item.id);
141
		li.className = 'mui-table-view-cell';
142
		li.setAttribute("data-id", item.id);
175
		li.setAttribute("authentication", item.authentication);
143
		li.setAttribute("authentication", item.authentication);
176
		li.setAttribute("authType", item.authType);
144
		li.setAttribute("authType", item.authType);
177
		li.innerHTML = '<a class="proinfor" data-id="' + item.id + '"' +
178
			'<p><img class="mui-media-object mui-pull-left headimg headRadius" src="' + img + '"></p>' +
179
			'<div class="mui-media-body">' +
180
			'<span class="listtit">' + item.name + typeTname + '</span>' +
181
			'<p class="listtit2"><span>' + title + '</span><span>' + office + '</span><span>' + orgName + '</span><span>' + address + '</span></p>' +
182
			'</div></a></li>';
183

145
		li.innerHTML = '<div class="flexCenter OflexCenter mui-clearfix">'+
146
					'<div class="madiaHead useHead" style="background-image:url(' + img + ')"></div>'+
147
					'<div class="madiaInfo">'+
148
						'<p><span class="h1Font">' + item.name + typeTname + '</p>'+
149
						'<p class="mui-ellipsis-2 h2Font">'+ otherIn +'</p>'+
150
					'</div></div>';
184
		table.appendChild(li, table.firstChild);
151
		table.appendChild(li, table.firstChild);
185

152

186
	});
153
	});