浏览代码

研究方向详情

luyanan 7 年之前
父节点
当前提交
d89f0587a0
共有 3 个文件被更改,包括 42 次插入83 次删除
  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,14 +8,6 @@
8 8
    <link rel="stylesheet" type="text/css" href="../css/iconfont.css"/>
9 9
    <link href="../css/app.css" rel="stylesheet"/>
10 10
    <style type="text/css">
11
    	/*控制未读消息*/
12
    	.displayNone {
13
    		display: none;
14
    	}
15
    	.displayBlock {
16
    		display: block;
17
    	}
18
    	
19 11
    	/*筛选div*/
20 12
    	.filterbox2.filterdiv {
21 13
    		z-index: 9;

+ 14 - 14
app/html/researchArea.html

@ -16,21 +16,21 @@
16 16
</style>
17 17
</head>
18 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 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 34
	</div>
35 35
</div>
36 36
<script src="../js/public/mui.min.js"></script>

+ 28 - 61
app/js/researchArea.js

@ -21,7 +21,7 @@ mui.plusReady(function() {
21 21
	personalMessage();
22 22
	/*进入为学术领域点赞人的浏览页面*/
23 23
	mui("#table").on('tap', 'li', function() {
24
		var professId = this.getAttribute("professorId");
24
		var professId = this.getAttribute("data-id");
25 25
		var authentication = this.getAttribute("authentication");
26 26
		var authType = this.getAttribute("authType");
27 27
		console.log(authentication)
@ -112,57 +112,25 @@ function datalistEach(datalist) {
112 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 135
		var typeTname = '';
168 136
		var oSty = autho(item.authType, item.orgAuth, item.authStatus);
@ -170,17 +138,16 @@ function datalistEach(datalist) {
170 138
		
171 139

172 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 143
		li.setAttribute("authentication", item.authentication);
176 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 151
		table.appendChild(li, table.firstChild);
185 152

186 153
	});