Accueil Explorer Aide
S'inscrire Connexion
bulomakaka
/
ekexiu.app
Suivre 2
Voter 1
Fork 0
Code Tickets 0 Pull Requests 0 Commits 1000 Publications 0 Wiki
Parcourir la Source

wenda。浏览页

luyanan 7 ans auparavant
Parent
777271f490
commit
665f8d800b
10 fichiers modifiés avec 114 ajouts et 670 suppressions
Vue séparée Afficher les stats Diff
  1. 0 194
      app/html/artical_01.html
  2. 0 181
      app/html/artical_02.html
  3. 0 263
      app/html/articleShow.html
  4. 1 1
      app/html/qa-answer-show.html
  5. 2 2
      app/js/discoverNew.js
  6. 3 1
      app/js/index.js
  7. 61 5
      app/js/qa-answer-show.js
  8. 1 1
      app/js/qa-my-wenda.js
  9. 2 1
      app/js/qa-my-wendaTT.js
  10. 44 21
      app/js/qa-question-show.js

+ 0 - 194
app/html/artical_01.html
Voir le fichier 

@ -1,194 +0,0 @@
1 
<!DOCTYPE html>
2 
<html>
3 
<head>
4 
<meta charset="UTF-8">
5 
<title></title>
6 
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
7 
<link href="../css/mui.min.css" rel="stylesheet" />
8 
<link href="../css/iconfont.css" rel="stylesheet" />
9 
<link href="../css/app.css" rel="stylesheet" />
10 
<style>
11 
	body,html,.mui-content{background: #FFFFFF;}
12 
	p{text-indent: 2em;}
13 
</style>
14 
</head>
15
16 
<body>
17 
<header class="mui-bar mui-bar-nav toptitbox">
18 
	<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left topback"></a>
19 
	<h1 class="mui-title toptit">精选文章</h1>
20 
</header>
21 
<div class="mui-content">
22 
	<div class="art_topicBox">
23 
		<div class="art_img" style="background: url(../images/banner/artical_01.jpg) center center no-repeat; background-size:100% auto;">
24
25 
		</div>
26
27 
		<div class="art_topicbox">
28 
			<h4 id="artical_topic" ><!--title-->李光福：为核电安全发展护航  腐蚀防护任重道远<!--title--></h4>
29 
		</div>
30 
	</div>
31 
	<div class="articalBox">
32 
		<div id="artical">
33 
			<div id="artical_sth" class="mui-clearfix">
34 
				<span class="mui-pull-left">作者：王元</span><span class="mui-pull-right">来源：中国腐蚀与防护网</span>
35 
			</div>
36 
		</div>
37 
		<div class="line01"></div>
38 
		<ul class="mui-table-view mui-table-view-chevron" id="proInfor">
39 
			<li class="mui-table-view-cell mui-media" style="padding:8px 20px 8px 10px;">
40 
				<a class="proinfor">
41 
					<div><img id="proHead" class="mui-media-object mui-pull-left headimg headRadius" src="../images/default-photo.jpg"></div>
42 
					<div class="mui-media-body">
43 
						<span class="listtit" ><span id="proName"></span><em class="authicon authicon-pro"> </em></span>
44 
						<div class="listtit2"><span id="proTitle"></span><span id="proOffice"></span><span id="proOrg"></span><span id="proAddress"></span></div>
45 
						<div class="mui-ellipsis listtit3" id="proRlist"></div>
46 
						<div class="mui-ellipsis listtit3" id="proZlist"></div>
47 
					</div>
48 
				</a>
49 
			</li>
50 
		</ul>
51 
		<div class="line01" style="margin:4px 0 10px 0;"></div>
52
53 
		<div id="artical_real">
54 
			<!--body-->
55 
			<div id="main_content">
56 
				<p>自从1954年苏联建成了世界第一座核电站以来，人类和平利用核能已经长达61年了。在这半个多世纪的时间里，核电技术经历了3次飞跃，共形成了4代技术，每一代核电站在经济性、安全性和高效性方面都取得了更大的突破。为了应对核扩散和恐怖势力，解决核燃料可持续性发展的问题，在第三代技术落地之前，第四代新型核能系统也提上日程。第四代核能系统是一种具有更好的安全性、经济竞争力，核废物量少，可有效防止核扩散的先进核能系统，代表了先进核能系统的发展趋势和技术前沿。随着世界核电技术在飞速地发展，核电安全问题也愈加受到各国的重视，提及2011年日本福岛核电站核泄漏事故大家仍心有余悸。因此核电发展必须建立在安全的基础上，而核电的安全与否又取决于核电设备的高度可靠性。核电设备一旦失效，轻则影响正常运行，重则导致重大事故，故而核电设备失效行为的研究显得尤为重要。由于核电站的特殊环境（高温、高压、强辐射，以及引发腐蚀的介质环境），材料腐蚀是引发核电设备失效的重要原因之一。在我国核电发展进入规模化批量化的新形势下，加强对核电材料的腐蚀与防护研究尤为重要。为了全面科普核电腐蚀与防护知识，为行业人士提供建议，让其预防并把问题解决在萌芽状态确保核电安全运行，记者特邀请到上海材料研究所教授级高级工程师，上海市工程材料应用评价重点实验室腐蚀实验室主任李光福教授做相关方面的精彩解读。</p>
57 
				<p class="indentNone">
58 
					<img src="../images/articalImg/liguanfu_01.jpg"><br/>
59 
					<span class="imgTit">上海材料研究所教授级高级工程师，上海市工程材料应用评价重点实验室腐蚀实验室主任李光福教授</span>
60 
				</p>
61
62 
				<p class="artSTit">顺应形势 发展核电关键材料</p>
63 
				<p>目前全世界正在研发多种核能技术，包括第四代核能和被称为‘人造太阳’聚变能，人们希望核能能满足世界能源的需求。可看到全世界核工业正在有力地发展，那么材料在核工业中发挥着怎样举足轻重的作用呢？</p>
64 
				<p>李教授表示，尽管有日本福岛以及前苏联切尔诺贝利和美国三里岛几次重大核事故和大量质疑，但全世界核工业正在有力地发展，比如我国正在批量化建设核电站、英国欣克利角项目合同正式签订、以及全世界正在研发多种核能技术，包括第四代核能和被称为‘人造太阳’聚变能，说明核电站的开发利用在当今人类社会发展中有坚实的基础。</p>
65 
				<p>20世纪人类最伟大的创举之一就是征服和有效利用核能，包括核能发电。电力消费水平是当今一个国家或者地区发展程度的重要标志，核能发电已经成为发达国家电力供应的主要形式之一，是经济合作与发展组织（OECD）国家最大的低碳电力来源，超过OECD国家电力生产份额的21%，占美国低碳电力的比例高达63%。国际原子能机构（IAEA）预计，2030年全球核电装机容量将达435~722 GWe。国际能源署（IEA）预测，2035年全球核电装机容量将达到578 GWe，核发电量将增加至4300 TWh，核发电量在全球总发电量中的份额约占12%。鉴于核电已成为可大规模开发利用的能源，是能有效解决能源需求增长与过度依赖化石燃料消费带来温室效应和污染问题的少数答案之一，我国大约十年前将政策从“适度发展核电”改变为“积极发展核电”， 截至目前，我国在役、在建核电机组总数达到55台，总装机容量5600多万千瓦，在役核电机组已经超过韩国、俄罗斯，仅次于美国、法国、日本，列全球第四。</p>
66 
				<p>世界和我国的主流堆型是压水堆核电站，一座这样的核电站有数百个系统、几万台（套）设备，按结构位置可分为核岛设备、常规岛设备与BOP（核电站配套子项）设备三大类，按照设备服役工况或使用功能的不同，可分为核一级、核二级、核三级和非核级。核电设备的质量与可靠性，决定了核电的安全性和经济性。制造有核级要求的设备（部件），其所用材料称为核电关键材料。</p>
67 
				<p>核电站是高安全可靠性要求、高投资、高回报，材料在核电站中有极其重要的作用，在不同位置材料的服役环境不同。作为核电站核心的核岛主设备包括反应堆压力容器、蒸汽发生器、稳压器、控制棒驱动机构、堆内构件、主管道、主泵等，是防止反应堆放射性外泄的第一道屏障，可靠性要求最高。由于长期在高温、高压和强辐射场条件下工作，对核电关键材料的要求也最严格，大量采用锆合金、奥氏体不锈钢、镍基合金和低合金钢等材料。常规岛设备和BOP设备材料主要为碳钢和低合金钢等，通常与放射性外泄关系不大，但由于核电的高度政治敏感性，一旦发生事故，即使与核安全无关，也会在社会上产生巨大反响。可以说材料在核工业中发挥着关键的作用。</p>
68
69 
				<p class="artSTit">确保安全  将核电防腐进行到底</p>
70 
				<p>作为项目主要负责人员，在核电材料腐蚀破裂问题方面，完成了多项国家和地方项目并作出重要贡献，谈及这些项目，李教授表示自80年代中期以来，他们上海材料研究所以杨武老师为首的团队开展了这方面的研究和应用，获得国家和地方不少奖，他2002年回国继承了这方面的工作，得到了杨老师很多帮助。这十多年来他们在国家科技部社会公益基金、973和能源局核电重大专项基金项目，以及上海市科委项目和产业界应用项目支持下，尽力在核电材料腐蚀破裂的研究和应用方面做工作，材料涉及镍基焊缝和不锈钢焊缝的异材焊接件、奥氏体不锈钢和反应堆压力容器用低合金钢，有知识创新和工程问题解决，包括协助核安全局评审以解决若干重大不符合项工程问题。算上前面在国外的经历，他在这个领域已有二十多年的耕耘，有不少感触。</p>
71 
				<p class="indentNone">
72 
					<img src="../images/articalImg/liguanfu_02.png"><br>
73 
	                <span class="imgTit">2006年与IAEA专家组在田湾核电站，协助解决蒸汽发生器传热管问题</span>
74 
				</p>
75 
				<p class="indentNone">
76 
					<img src="../images/articalImg/liguanfu_03.png"><br>
77 
					<span class="imgTit">在国内召开的核电站设备可靠性等国际研讨会上，为Peter Andresen等著名专家做大会翻译</span>
78 
				</p>
79 
				<p class="indentNone">
80 
					<img src="../images/articalImg/liguanfu_04.png"><br>
81 
	    			<span class="imgTit">2013年为秦山核电站泄露管线失效分析与模拟验证项目做现场调查</span>
82 
				</p>
83 
				<p>核安全至关重要。核电设备若发生重要失效，不仅影响核电站的正常运行，还可能导致重大核事故的发生。核电发达国家经验表明，材料腐蚀引发的核电设备失效行为占有很大的比重，损失或说耗费巨大，在核岛、常规岛和BOP不同结构位置服役条件不同，腐蚀的类型各有特色。瑞典核电监察机构的数据库STRYK对核电站材料各种失效事件的统计数据表明，腐蚀在1千多个失效事件中占绝对多数，首位是应力腐蚀破裂， 其次是磨蚀，第三位为热疲劳，第四位为振动疲劳。其余的是其它腐蚀、制造和安装错误、力学失效等。</p>
84 
				<p>美国在国会支持下于1999年开始对1998年度美国由于腐蚀导致的损失进行调查，于2002年发表了世界著名的调查报告，表明美国1998年腐蚀的直接耗费是1379亿美元，电力系统为69亿美元，其中核电42亿美元；火电19亿美元；水电及其它1.5亿美元；输电及分配6亿美元。</p>
85 
				<p>我国由于运行核电站的历史相对较短，关于其失效事件统计平台的国家级核电失效数据库还处于建设的起步阶段，尽管缺乏公开的统计数据，但已有许多腐蚀失效案例分析论文公开发表。预计随着核电站建设数量的增多和运行年数的增加，腐蚀问题会不断上升。</p>
86
87 
				<p class="artSTit">应力腐蚀  现代高端工程中常见的失效问题</p>
88 
				<p>李教授曾经在哈尔滨工业大学上研究生和工作期间，针对航天部火箭发动机壳体、紧固件和弹簧在自然环境以及氢作用下的延迟破裂问题，研究高强度钢环境破裂失效控制性因素并做出过贡献。他回忆说，1982年他考上哈尔滨工业大学硕士研究生，师从早年留苏学者吴忍畊教授和雷廷权教授，研究航天部产品用高强度钢应力腐蚀破裂和氢脆问题。当时这个问题在工程上产生了许多隐患和失效甚至灾难性后果。通常是产品通过各种检测后，在长期的服役或存放过程中，没有明显生锈但是慢慢长出裂纹，比如多种型号的火箭导弹发动机壳体出现所谓存放裂纹，高强度螺栓和弹簧电镀不电镀都有不同程度的延迟破裂现象。令他印象深刻的一次工程实践是参与火箭发动机壳体模拟件打压验证试验，监测到了第一次打压（代表过关检测）顺利通过但实际上小裂纹发生亚临界扩展，导致第二次打压（模拟正式使用时）发生低压爆破，体验了应力腐蚀氢脆在有关工程失效现象中起着关键作用。伴随浓厚兴趣的是研究的高难度，由于应力腐蚀发生在极其微小区域、氢扩散快又很难监测到，众多因素都会影响表观现象，工程问题复杂而实验室探索的结果常常出乎意料，大量文献里常见的是扑朔迷离的现象报道和不太周全的推理想象。</p>
89 
				<p>他们的努力最终在关键材料因素的学术探索上和工程问题解决上都有收获。这些高强度钢发生应力腐蚀和氢脆的一个特征是裂纹很敏感地在低应力下沿原奥氏体晶界萌生和扩展，当时国际上大量的透射电镜分析都未能在这些晶界上找到任何奇异相，有学者归因于晶界上有硫磷偏聚，有的认为是高强度导致。他们也做了大量的探索，最终是用超高真空里打断试样的俄歇探针和x线光电子谱分析，发现这些淬火及低温回火状态的高强钢沿原奥氏体晶界有一微层碳化物（基于晶体衍射原理的透射电镜分析包括高分辨技术也很难发现它），再根据碳化物与基体界面是氢的强陷阱的数据，提出了控制高强钢应力腐蚀和氢脆敏感性的碳化物与基体界面分布观点，对化学成分和热处理等因素的影响表现做出了新的解释。这些研究结果在国内外重要刊物上发表，到现在对他们做许多工程失效分析时还有重要作用。</p>
90
91 
				<p class="artSTit">核电腐蚀防护任重道远  师夷长技以自强</p>
92 
				<p>李教授曾经作为主要人员承担并完成了来自日本、美国、英国核电工业的若干研究项目，并取得不少成果。当问及这方面的经历和国内外核电防护的差别及需要改进的方面时，他回顾说，1994年到英国纽卡斯尔大学留学，获英国健康安全委员会（HSE）的核装置监察机构与英国核电公司联合资助，在Congleton博士领导的实验室研究压水堆非均质焊接件在压水堆各种高温高压水环境中的破裂、高温水电化学行为及使用安全性；1998年到日本东北大学工学部T.Shoji教授领导的断裂和可靠性研究所，主要研究核电环境中压力边界材料及堆内构件的环境破裂特性、辐照和水化学影响、裂尖微区的溶液和显微组织分析、定量预测模型等，并作为主要人员参与研究的立题、国际性研究项目的投标和项目完成的组织工作。2002年回国后，一直在该领域耕耘，对国内外情况有一定了解。</p>
93 
				<p>核电在经济上占重要地位的国家，如美国、日本、法国、瑞典、德国、英国、芬兰等，已充分认识到腐蚀失效是水堆核电站长期的、经常的、慢性的、损失巨大的工程问题，对电站的经济运行甚至核安全是重要挑战，而且随着越来越多的核电站进入设计寿命的中后期甚至延寿期，腐蚀问题与老化问题相交织使得这一挑战更加复杂，对此投入大量的人力物力研究其产生原因、过程、预测、防治和相关延寿方法，并普遍认为单靠某个组织甚至某个国家是难以做好的，因而组成了若干定期举行研讨会的会员制合作研究组织，如国际水堆材料环境促进破裂合作组织（International Cooperative Group on Environmentally Assisted Cracking of Light Water Reactor Materials，简称ICG-EAC）等，甚至为一些共性的关键问题合作建立更进一步的会员制组织，提出重要研究课题进行国际招标，比如美国电力研究院（EPRI）牵头建立的研究堆内构件辐照促进应力腐蚀破裂（IASCC）的CIR小组。部分研究结果公开发表在学术期刊和会议录里，但有大量结果以内部报告方式在相关机构存档或在某些封闭性合作研究组织如ICG-EAC的会议里交流。</p>
94 
				<p>这方面已取得的大量科研成果不仅为核电发展成人类关键能源产业之一做出重要贡献，也丰富和发展了腐蚀与防护科学，比如成功开发出了高温高压水环境中电化学测控技术和裂纹尖端采样分析的实验技术、长期监测腐蚀裂纹微小扩展的精密技术，发展了关于各种腐蚀失效的理论，特别是关于裂纹扩展及其影响因素和寿命预测的定性和定量模型和公式。长期细致的实验研究对SCC存在临界应力、有害离子临界浓度等传统观点提出了挑战。</p>
95 
				<p>随着越来越多的核电站进入设计寿命的中后期甚至延寿期，腐蚀与老化相交织使得问题更加复杂。鉴于腐蚀失效等问题任重道远，发达国家核电站多次突然出现压力边界等与核安全高度相关部位的腐蚀失效，导致多方面的严重损失，近年来以美日法瑞等国家为首的国际核能界倡导和积极推进材料退化主动评估计划和国际合作研究组织及计划，认为自从核电站开始运行，反应堆构件几乎就开始经历材料在水介质、高温、辐照等服役环境条件下的退化，尽管管理机构和工业界已经对发生的问题采取行动以保持安全可靠性，但开发的解决措施有时会带来新问题，更重要的是这些行动多为被动式反应，大大增加了财务和人力负担，影响了管理的有效性和效率，侵蚀了公众信心，有必要采取主动。</p>
96 
				<p>与发达国家相比，我国核电建设起步较晚，工程经验和科学研究与核电发达国家相比有不少差距，特别是在2005年前“适度发展核电”的期间，核电腐蚀破裂研究方面有一段低谷，我所是咬牙坚持挺过了这段低谷时期。2005年以来，我国积极发展核电，相应的工程经验快速积累。腐蚀破裂方面的科学研究也有了明显的发展，在国家973计划、核电重大专项等项目的大力支持下，由中国科学院沈阳金属所等单位牵头，联合包括我们所在内的近二十家科研院所、高等学校、核电装备制造企业和核电设计运行单位，系统深入地开展了核电关键设备材料环境失效行为研究，在材料失效机理、辐照影响、腐蚀监测和防护等许多方面做了不少工作，培养了一批高素质的人才，形成了一批优秀成果</p>
97 
				<p>我国不久将成为世界上核电机组最多的几个国家之一，部分核电站已经进入设计寿命的中后期，预计腐蚀问题会不断增多，有必要加强基础研究，注重工程应用解决实际问题，未雨绸缪，进一步加强国际合作，对于核安全密切相关的问题高度关注并采取主动，尽可能是预防并把问题解决在萌芽状态，确保核电站安全。</p>
98 
				<p style="margin:20px 0;"><span style="font-weight: bold;">后记：</span>“核电无小事”，广大行内人士应时刻保持警惕，一方面，要吸取福岛事故的教训，不断提高核安全预防和处置能力；另一方面，做好核电腐蚀与防护工作。在始终确保安全的前提下，让核电为我国可持续发展做出贡献！</p>
99
100 
				</div>
101 
			<!--body-->
102 
		</div>
103 
	</div>
104 
</div>
105 
<script src="../js/public/mui.min.js"></script>
106 
<script src="../js/public/base.js"></script>
107 
<script>
108 
	var professorId = "LXY0ZWA7JQLAOBNQ5AVVF8EYOYQHL003";//专家id 李光福
109 
	proInfoMain();
110
111 
	var proInfor = document.getElementById("proInfor"); //专家信息块
112 
	var proHead = document.getElementById("proHead"); //专家头像
113 
	var proName = document.getElementById("proName"); //专家名称
114 
	var proTitle = document.getElementById("proTitle"); //专家职称
115 
	var proOffice = document.getElementById("proOffice"); //专家职务
116 
	var proOrg = document.getElementById("proOrg"); //专家所属机构
117 
	var proAddress = document.getElementById("proAddress"); //专家所在地
118 
	var proRlist = document.getElementById("proRlist"); //专家研究方向
119 
	var proZlist = document.getElementById("proZlist"); //专家资源
120
121 
	function proInfoMain(){
122 
		mui.ajax(baseUrl + "/ajax/professor/info/" + professorId, {
123 
			dataType: 'json', //数据格式类型
124 
			type: 'GET', //http请求类型
125 
			timeout: 10000, //超时设置
126 
			success: function(data) {
127 
				//console.log(JSON.stringify(data))
128 
				var $info = data.data || {};
129 
				if(data.success && data.data) {
130 
					proName.innerText = $info.name || '';
131 
					if($info.title != "") {
132 
						$info.title = $info.title + " , ";
133 
					}
134 
					if($info.office != "") {
135 
						$info.office = $info.office + " , ";
136 
					}
137 
					if($info.orgName != "") {
138 
						$info.orgName = $info.orgName;
139 
					}
140 
					if($info.address != "") {
141 
						$info.address = " | " + $info.address;
142 
					}
143
144 
					($info.title != '') ? proTitle.innerText =$info.title: proTitle.innerText = '';
145 
					($info.office != '') ? proOffice.innerText =$info.office: proOffice.innerText = '';
146 
					($info.orgName != '') ? proOrg.innerText =$info.orgName: proOrg.innerText = '';
147 
					($info.address != '') ? proAddress.innerText =$info.address: proAddress.innerText = '';
148
149 
					var rlist="";
150 
					for(var n = 0; n < $info.researchAreas.length; n++) {
151 
						rlist = '<span>' + $info.researchAreas[n].caption + '</span>';
152 
					}
153
154 
					var zlist="";
155 
					for(var n = 0; n < $info.resources.length; n++) {
156 
						zlist = '<span>' + $info.resources[n].caption + '</span>';
157 
					}
158
159 
					($info.researchAreas != '') ? proRlist.innerHTML = rlist: proRlist.innerText = '';
160 
					($info.resources != '') ? proZlist.innerHTML = zlist: proZlist.innerText = '';
161
162 
					if($info.hasHeadImage == 1) {
163 
						proHead.setAttribute("src", baseUrl + "/images/head/" + $info.id + "_l.jpg");
164 
					} else {
165 
						proHead.setAttribute("src", baseUrl + "/images/default-photo.jpg");
166 
					}
167
168
169 
				}
170 
			},
171 
			error: function() {
172 
				plus.nativeUI.toast("服务器链接超时", toastStyle);
173 
				return;
174 
			}
175 
		});
176 
	}
177
178 
	proInfor.addEventListener('tap',function(){
179 
		mui.openWindow({
180 
			url: '../html/proinforbrow.html',
181 
			id: '../html/proinforbrow.html',
182 
			show: {
183 
				aniShow: "slide-in-right"
184 
			},
185 
			extras:{
186 
     			proid:professorId
187 
    		}
188
189 
		});
190
191 
	});
192 
</script>
193 
</body>
194 
</html>

+ 0 - 181
app/html/artical_02.html
Voir le fichier 

@ -1,181 +0,0 @@
1 
<!DOCTYPE html>
2 
<html>
3 
<head>
4 
<meta charset="UTF-8">
5 
<title></title>
6 
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
7 
<link href="../css/mui.min.css" rel="stylesheet" />
8 
<link href="../css/iconfont.css" rel="stylesheet" />
9 
<link href="../css/app.css" rel="stylesheet" />
10 
<style>
11 
	body,html,.mui-content{background: #FFFFFF;}
12 
	p{text-indent: 2em;}
13 
	.mui-bar-nav {
14 
     -webkit-box-shadow: 0 1px 6px rgba(0,0,0,.3);
15 
     box-shadow: 0 1px 6px rgba(0,0,0,.3); }
16 
</style>
17 
</head>
18
19 
<body>
20 
<header class="mui-bar mui-bar-nav toptitbox">
21 
	<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left topback"></a>
22 
	<h1 class="mui-title toptit">精选文章</h1>
23 
</header>
24 
<div class="mui-content">
25 
	<div class="art_topicBox">
26 
		<div class="art_img" style="background: url(../images/banner/artical_02.jpg) center center no-repeat; background-size:100% auto;">
27
28 
		</div>
29
30 
		<div class="art_topicbox">
31 
			<h4 id="artical_topic" ><!--title-->杜敏：走向深海大势趋 材料防腐须先行<!--title--></h4>
32 
		</div>
33 
	</div>
34 
	<div class="articalBox">
35 
		<div id="artical">
36 
			<div id="artical_sth" class="mui-clearfix">
37 
				<span class="mui-pull-left">作者：王元</span><span class="mui-pull-right">来源：《腐蚀防护之友》</span>
38 
			</div>
39 
		</div>
40 
		<div class="line01"></div>
41 
		<ul class="mui-table-view mui-table-view-chevron" id="proInfor">
42 
			<li class="mui-table-view-cell mui-media" style="padding:8px 20px 8px 10px;">
43 
				<a class="proinfor">
44 
					<div><img id="proHead" class="mui-media-object mui-pull-left headimg headRadius" src="../images/default-photo.jpg"></div>
45 
					<div class="mui-media-body">
46 
						<span class="listtit" ><span id="proName"></span><em class="authicon authicon-pro"> </em></span>
47 
						<div class="listtit2"><span id="proTitle"></span><span id="proOffice"></span><span id="proOrg"></span><span id="proAddress"></span></div>
48 
						<div class="mui-ellipsis listtit3" id="proRlist"></div>
49 
						<div class="mui-ellipsis listtit3" id="proZlist"></div>
50 
					</div>
51 
				</a>
52 
			</li>
53 
		</ul>
54 
		<div class="line01" style="margin:4px 0 10px 0;"></div>
55
56 
		<div id="artical_real">
57 
			<!--body-->
58 
			<div id="main_content">
59 
				<p>随着浅海资源长期开采日渐枯竭，从浅海走向深海已成为海洋资源开发的总趋势。海洋环境是一个严酷的腐蚀环境，根据工业发达国家的腐蚀调查结果估计，目前我国每年腐蚀所造成的经济损失可达到8000多亿元人民币。因此，海洋重大工程在设计和使用过程中都必须考虑海洋环境的腐蚀问题，加强对腐蚀与防护科学重要性的认知尤为重要。目前海洋材料腐蚀问题已成为我国海洋工程发展的制约瓶颈，为了科普深海腐蚀的重要性及应对措施，记者有幸邀请到中国海洋大学杜敏教授做相关解读。</p>
60 
				<p>杜敏，中国海洋大学教授，博士生导师。杜教授长期从事海洋腐蚀与防护技术方面的教学科研工作，曾多次负责国家自然科学基金和国家科技部“十一五”、“十二五”重大专项子课题在内的国家、地方和企业委托项目二十余项，在海洋阴极保护及其监测技术、腐蚀监测传感器、油气田用缓蚀剂等方面积累了较为丰富的经验。</p>
61 
				<p>杜教授的美丽、谦和、低调给记者留下了深刻的印象，“我只是一个普通的科研工作者，是众多科研工作者中的一员，从事阴极保护研究和应用的科技工作者须任重而道远。”杜教授说。</p>
62 
				<p>采访在一片温馨的气氛中度过……</p>
63
64 
				<p class="artSTit">任重道远 科研工作者继续前行</p>
65 
				<p>记者了解到杜教授长期从事阴极保护工作， 曾多次参加 “十一五” 、 “十二五”等国家重大项目的研究，在业内享有盛誉。当谈起时，杜教授谦和地说：“我只是一名普通的科技工作者，参与的项目都属于”大型油气田及煤层气开发“专项，主要做深海阴极保护和深海腐蚀监测的研究。由于是专项，涉及到的专业比较广，就需要我们多个专业配合，协调。比如，”十二五“课题四，涉及到十几个专业，八个合作单位。项目组织者的协调难度很大；在实施过程中需要我们多次交流、汇报、检查和验收，加强各个专业之间的交流和沟通，在这项项目中也学习了不少，为以后做工程项目积累了大量的宝贵经验。”让她最深的体会是重大专项要求从基础研究，到技术研究，到样机甚至工程化，是一个理想的过程，但步履艰难，未来从事阴极保护研究和应用的科技工作者任重而道远，为深海开发而努力。</p>
66
67 
				<p class="artSTit">深海开发 材料防护先行</p>
68 
				<p>许多深海结构如深海管线、锚泊系统、张力腿、套管等，由于结构载荷、风浪载荷、海流作用、残余应力等普遍存在局部拉应力；极易引发应力腐蚀而导致灾难性后果，严重威胁深海装备的安全性和可靠性。在海水环境中最常见的腐蚀形态包括：均匀腐蚀、点蚀、应力腐蚀、腐蚀疲劳、电偶腐蚀、缝隙腐蚀和冲刷腐蚀等。与表层海水相比，在深海环境下材料的腐蚀行为会发生显著的变化。因此，深海工程及装备在深海环境下的腐蚀失效具有与传统材料腐蚀失效体系完全不同的特点和复杂性。腐蚀控制方法主要通过合理的选材，牺牲阳极的阴极保护，保护涂层和化学处理。其中阴极保护是控制腐蚀必不可少的“法宝”，当谈起阴极保护技术时，杜教授说，阴极保护是一种“古老”而具有“生命力”的防护技术。所谓的“古老”是指它的历史悠久，工程化超过百年，在钻井、采油平台，海底管道，港口设施，钢板、钢管桩码头，船闸，舰船及其附属结构， 跨海大桥等海洋构筑；埋设管线、储罐等大部分土壤中的设施中成功的应用，并占有重要地位，成为不可取代的防护技术之一。“有生命力”</p>
69 
				<p> 是说尽管阴极保护的理论和技术相对成熟，但仍有很广泛的领域需要进一步研究与推广。比如说海洋环境，从水面、水下（浅海、深海）、海泥区，以及岩石层均离不开阴极保护技术。</p>
70 
				<p style="text-indent: 0.2em;">（1）全浸区，虽然有成熟的牺牲阳极阴极保护和外加电流阴极保护成功应用的实例，但随着深海开发，新材料的应用，对阴极保护提出了更高的要求，例如，牺牲阳极的适用性，高强度钢等特种钢材的保护准则以及阴极保护监测所需要的监测探头、数据采集和传输技术等方面，均对科技工作者提出了挑战。</p>
71 
				<p style="text-indent: 0.2em;">（2）海泥、岩石层，目前的保护状态并不乐观，需要更多的模拟研究和数值计算等方法进行优化。对于干湿交替环境，更是腐蚀与防护的重中之重，能否采用合理的阴极保护技术将水下的保护电流自发地引上来，实现自主保护是腐蚀研究者去探索。</p>
72 
				<p style="text-indent: 0.2em;">（3）阴极保护对于均匀腐蚀可测可控可操作，对于小孔腐蚀、缝隙腐蚀、应力腐蚀以及微生物腐蚀也可以起到保护作用，但是效果如何、防护机制如何，这些都是需要研究的热点问题。阴极保护优化设计、跟踪监测、维护与修复等全套的技术也有待于完善和推广。</p>
73 
				<p class="indentNone">
74 
					<img src="../images/articalImg/dumin_01.jpg"><br>
75 
				</p>
76 
				<p class="artSTit">取之精华 师夷长技以自强</p>
77 
				<p>杜教授曾在英国曼彻斯特大学腐蚀与防护中心的做访问学者，谈及曼彻斯特大学，杜教授表示曼彻斯特大学（简称曼大），位于世界第一座工业化城市的曼彻斯特市。属于世界五十强顶尖名校，在国际上享有很高声誉。其中，曼大的材料工程学院是欧洲最大的材料科学研究和教学中心，在材料领域的“科研力量”位居全英第一。回忆在英国的日子，杜教授如是说，曼大的基础设施和博士培养机制这两个方面给我留下了深刻的印象，这些方面是值得国内借签和学习的。曼大的基础服务非常好，比如，曼大材料学院的测试仪器以及仪器工程师，仪器有严格的培训和操作规则，每一个取得曼大身份的人，都可以通过培训，在网上预约后自己操作使用，工程师给予充分的培训和指导。在腐蚀中心有几个技术人员，分工明确，有负责实验物品的购置，有负责试样加工，也有专门负责安全，安全工程师要负责整个实验中心，包括归属于各个实验室的仪器。</p>
78 
				<p>导师和研究生只要有点子、有想法就能够很好地实施，科学家要做的事情就是思考。由于机缘巧合杜教授参加曼大博士答辩过程，曼大培养博士主要注重过程考核，机制过程严格，答辩个性化。博士生在培养过程中至少参加三次学院级的学术活动，第一次是文献报告会，由导师和外部专家 1 人参加评分，计入成绩。第二次是学院组织的学术活动，作报告，评比；第三次是答辩，答辩也是由导师和外部专家 1 人组成，另设 1 个秘书。前两次的活动在学术周进行，研究生们都要参加，报告或者展板，也可以提问、质疑，是很好的交流机会。</p>
79 
				<p>答辩非常人性化，是不公开的，在参加之前被警告不允许提问，答辩程序也是研究生汇报，包分为专家质疑 - 讨论 -出结果，过程很轻松。曼大更看中背景的分析和研究思路的论述，真正获得的研究成果并不一定比国内的博士生好，博士毕业不需要有文章发表，只要导师和外部专家认可即可，还可以评优，所以过程考核很重要。</p>
80
81 
				 <p class="artSTit">全员行动 科普宣传不间断</p>
82 
				<p>腐蚀与防护是多学科的交叉，涉及到化学、材料、冶金、机械、化工、海洋、力学、生物学等多个学科。腐蚀是自发过程，不可避免，因此腐蚀只能控制。所谓的腐蚀控制只是让这种过程减缓，减少损失、保障安全。包括优化材料，表面处理，改善腐蚀环境和电化学保护四个方面。当谈起如何宣传防腐时，杜教授表示，要从身边做起，每一次给本科生讲《腐蚀与防护》课，都会用一点时间宣传腐蚀与防护的重要性，希望大家重视，并做宣传。</p>
83 
				<p>关于腐蚀与防护的宣传，杜教授提出两点建议，第一、借助全国腐蚀调查的开展，利用网络资源尽可能多的发放问卷和科普问答，不管收不收的回来，发出去有人看就有作用。第二、重视科普，请“大家”撰写科普著作，可以形成系列，大家往往站得高，能够深入浅出，让更多的人接受和理解。</p>
84 
				<p>在采访的最后，杜教授说，随着科学技术的发展，越来越多的新材料、新工艺和新技术不断涌现，也有越来越多的青年科技人员参与进来，相信腐蚀科学与防护技术会有长足的发展。</p>
85 
				<p style="margin:20px 0;"><span style="font-weight: bold;">后记：</span>走向海洋， 投入前景光明的深海资源开发， 为国家繁荣富强而奋斗 ；防护先行，从战略高度上实施科技创新，为深海资源开发提供坚强的后盾。这是每个科研工作者的责任，让大家一起为祖国美好的明天努力吧！ </p>
86
87 
				</div>
88 
			<!--body-->
89 
		</div>
90 
	</div>
91 
</div>
92 
<script src="../js/public/mui.min.js"></script>
93 
<script src="../js/public/base.js"></script>
94 
<script>
95 
	var professorId = "LXY0ZWA7JQLAOBNQ5AVVF8EYOYQHL005";//专家id 李光福
96 
	proInfoMain();
97
98 
	var proInfor = document.getElementById("proInfor"); //专家信息块
99 
	var proHead = document.getElementById("proHead"); //专家头像
100 
	var proName = document.getElementById("proName"); //专家名称
101 
	var proTitle = document.getElementById("proTitle"); //专家职称
102 
	var proOffice = document.getElementById("proOffice"); //专家职务
103 
	var proOrg = document.getElementById("proOrg"); //专家所属机构
104 
	var proAddress = document.getElementById("proAddress"); //专家所在地
105 
	var proRlist = document.getElementById("proRlist"); //专家研究方向
106 
	var proZlist = document.getElementById("proZlist"); //专家资源
107
108 
	function proInfoMain(){
109 
		mui.ajax(baseUrl + "/ajax/professor/info/" + professorId, {
110 
			dataType: 'json', //数据格式类型
111 
			type: 'GET', //http请求类型
112 
			timeout: 10000, //超时设置
113 
			success: function(data) {
114 
				//console.log(JSON.stringify(data))
115 
				var $info = data.data || {};
116 
				if(data.success && data.data) {
117 
					proName.innerText = $info.name || '';
118 
					if($info.title != "") {
119 
						$info.title = $info.title + " , ";
120 
					}
121 
					if($info.office != "") {
122 
						$info.office = $info.office + " , ";
123 
					}
124 
					if($info.orgName != "") {
125 
						$info.orgName = $info.orgName;
126 
					}
127 
					if($info.address != "") {
128 
						$info.address = " | " + $info.address;
129 
					}
130
131 
					($info.title != '') ? proTitle.innerText =$info.title: proTitle.innerText = '';
132 
					($info.office != '') ? proOffice.innerText =$info.office: proOffice.innerText = '';
133 
					($info.orgName != '') ? proOrg.innerText =$info.orgName: proOrg.innerText = '';
134 
					($info.address != '') ? proAddress.innerText =$info.address: proAddress.innerText = '';
135
136 
					var rlist="";
137 
					for(var n = 0; n < $info.researchAreas.length; n++) {
138 
						rlist = '<span>' + $info.researchAreas[n].caption + '</span>';
139 
					}
140
141 
					var zlist="";
142 
					for(var n = 0; n < $info.resources.length; n++) {
143 
						zlist = '<span>' + $info.resources[n].caption + '</span>';
144 
					}
145
146 
					($info.researchAreas != '') ? proRlist.innerHTML = rlist: proRlist.innerText = '';
147 
					($info.resources != '') ? proZlist.innerHTML = zlist: proZlist.innerText = '';
148
149 
					if($info.hasHeadImage == 1) {
150 
						proHead.setAttribute("src", baseUrl + "/images/head/" + $info.id + "_l.jpg");
151 
					} else {
152 
						proHead.setAttribute("src", baseUrl + "/images/default-photo.jpg");
153 
					}
154
155
156 
				}
157 
			},
158 
			error: function() {
159 
				plus.nativeUI.toast("服务器链接超时", toastStyle);
160 
				return;
161 
			}
162 
		});
163 
	}
164
165 
	proInfor.addEventListener('tap',function(){
166 
		mui.openWindow({
167 
			url: '../html/proinforbrow.html',
168 
			id: '../html/proinforbrow.html',
169 
			show: {
170 
				aniShow: "slide-in-right"
171 
			},
172 
			extras:{
173 
     			proid:professorId
174 
    		}
175
176 
		});
177
178 
	});
179 
</script>
180 
</body>
181 
</html>

+ 0 - 263
app/html/articleShow.html
Voir le fichier 

@ -1,263 +0,0 @@
1 
<!DOCTYPE html>
2 
<html>
3
4 
	<head>
5 
		<meta charset="UTF-8">
6 
		<title>文章浏览-科袖</title>
7 
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
8 
		<link href="../css/mui.min.css" rel="stylesheet" />
9 
		<link href="../css/iconfont.css" rel="stylesheet" />
10 
		<link href="../css/app.css" rel="stylesheet" />
11 
		<style>
12 
			html,body{height: 100%;margin:0;padding:0px;overflow: hidden;background: #FFFFFF;}
13 
			.mui-content{height:100%;overflow: auto;background: #FFFFFF;}
14 
		</style>
15 
	</head>
16
17 
	<body>
18 
		<div class="maskBlack" id="maskBlack"></div>
19 
		<header class="mui-bar mui-bar-nav toptitbox">
20 
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left topback"></a>
21 
			<h1 class="mui-title toptit">文章</h1>
22 
			<a class="mui-icon iconfont icon-moreandroid mui-pull-right button topmore" id="BtnMore"></a>
23 
		</header>
24 
		<nav class="mui-bar mui-bar-tab footbox">
25 
			<div class="mui-row artfoot displayNone" id="textInput">
26 
				<div class="mui-col-xs-12">
27 
					<textarea name="" placeholder="说点什么吧…" id="textInputThis"></textarea>
28 
					<button class="mui-btn" disabled>发表</button>
29 
				</div>
30 
			</div>
31 
			<div class="mui-row artfoot" id="operCol">
32 
				<div class="mui-col-xs-8">
33 
					<div class="inputShow"><span>说点什么吧…</span></div>
34 
				</div>
35 
				<div class="mui-col-xs-1">
36 
					<span class="mui-icon iconfontnew icon-liuyan"><em class="mui-badge">16</em></span>
37 
				</div>
38 
				<div class="mui-col-xs-2">
39 
					<span class="mui-icon iconfontnew icon-shoucang"></span><!--已收藏 icon-yishoucang-->
40 
				</div>
41 
				<div class="mui-col-xs-1" id="shareOut">
42 
					<span class="mui-icon iconfontnew icon-fenxiang"></span>
43 
				</div>
44 
			</div>
45 
		</nav>
46 
		<div class="mui-content">
47 
		    <div class="showDetail">
48 
		    		<div class="h1Font hWeight">文章题目文章题目文章题目文章题目文章题目文章题目</div>
49 
		    		<div class="madiaBlock">
50 
		    			<ul class="mui-table-view noactiveTab" style="margin:0 -15px;">
51 
					        <li class="mui-table-view-cell">
52 
					            <div class="flexCenter mui-clearfix">
53 
					                <div class="madiaHead useHead"></div>
54 
									<div class="madiaInfo">
55 
										<p><span class="h1Font">张某某</span><em class="authicon authicon-pro" title="科袖认证专家"></em></p>
56 
										<p class="h3Font">14分钟前</p>
57 
									</div>
58 
					            </div>
59 
					            <span class="mui-icon attenSpan">关注</span>
60 
					        </li>
61 
					    </ul>
62 
		    		</div>
63 
			    	<!--文章内容区-->
64 
					<div class="showMain">
65 
	<p>分享，是我觉得对我熟人圈的亲戚朋友同事们有用，所以发布出来让大家看到的内容，最简单的就是鸡汤、各种鸡汤，养生，各种养生，因为这是关乎心灵和身体健康的东西。位居其后的，是我认为重要的信息。什么是重要的信息，后面我会专门展开来讲。
66 
	以展示和分享为主要目的的传播特征，使得社交媒体上发布的信息很像是美图秀，是无意中被刻意挑选过的。</p><p>因为朋友圈中发布的信息其实是有某种强烈的筛选机制。虽然理论上任意两个人都可以通过非常有限的朋友圈建立联系，它看上去像是开发的，但实际上，每个人的朋友圈基本上都是处于半开放的，因为虽然互相关注，但你可以选择他是否可以看你发布的内容，以及你是否看他发布的内容。
67 
	所以，任意一个朋友圈都是特定观念和偏好的集合，信息是在特定人群中间传播。一个坚持买《环球时报》的人，很少看到南方系的内容，反之亦然，一个热爱中医养生的人，很少看到科普党人反中医的文章，反之亦然，一个热爱唐装盘手串的人，很少看到整天攻击中国传统文化的内容，反之亦然。</p>
68 
	<p>所谓展示，指的是我通过信息的发布，展示我的生活方式生活态度和精神面目，一个人展示出来的东西，其实是他希望和想象的理想状态，通常是比实际情况要高一档次，比如一个人一周要吃五次卤煮，他肯定不会秀自己整天吃卤煮，但是，他要吃了一次日本料理，就一定会秀出来。去动物园服装批发市场买衣服，他不会秀，但他去了一次东京银座，即使不购物也会展示出来。他跑了五公里会秀，但宅在家里两天不出门灰头土脑一定不会秀。同样的，晒娃、晒猫狗、秀恩爱也是基于同样的心理，我希望通过这些信息，来展示我是一个多么热爱生活，当然，重要是生活品质很高，并且关心社会的一个面貌。</p>
69 
					</div>
70 
		    		<!--标签模块-->
71 
					<ul class="tagList">
72 
						<li>
73 
							<span class="h2Font">金属材料工程与腐</span>
74 
						</li>
75 
						<li>
76 
							<span class="h2Font">金属材料工程与腐蚀</span>
77 
						</li>
78 
						<li>
79 
							<span class="h2Font">金属材</span>
80 
						</li>
81 
						<li>
82 
							<span class="h2Font">金属材料工程与</span>
83 
						</li>
84 
						<li>
85 
							<span class="h2Font">金属材料</span>
86 
						</li>
87 
					</ul>
88 
					<div class="madiaBlock">
89 
						<div class="madiaTit">相关专家</div>
90 
						<ul class="mui-table-view">
91 
					        <li class="mui-table-view-cell">
92 
					            <div class="flexCenter mui-clearfix">
93 
					                <div class="madiaHead useHead"></div>
94 
									<div class="madiaInfo">
95 
										<p><span class="h1Font">张某某</span><em class="authicon authicon-pro" title="科袖认证专家"></em></p>
96 
										<p class="mui-ellipsis h2Font">职称/职位,所在机构</p>
97 
									</div>
98 
					            </div>
99 
					        </li>
100 
					        <li class="mui-table-view-cell">
101 
					            <div class="flexCenter mui-clearfix">
102 
					                <div class="madiaHead useHead"></div>
103 
									<div class="madiaInfo">
104 
										<p><span class="h1Font">张某某</span><em class="authicon authicon-pro" title="科袖认证专家"></em></p>
105 
										<!--<p class="mui-ellipsis h2Font">职称/职位</p>-->
106 
									</div>
107 
					            </div>
108 
					        </li>
109 
					    </ul>
110 
					</div>
111 
					<div class="madiaBlock">
112 
						<div class="madiaTit">相关资源</div>
113 
						<ul class="mui-table-view">
114 
					        <li class="mui-table-view-cell">
115 
					            <div class="flexCenter OflexCenter mui-clearfix">
116 
					                <div class="madiaHead resouseHead"></div>
117 
									<div class="madiaInfo OmadiaInfo">
118 
										<p class="mui-ellipsis h1Font">资源名称资源名称资源名称资源名称</p>
119 
										<p class="mui-ellipsis h2Font">用途：资源用途资源用途资源用途资源用途资源用途</p>
120 
										<p><span class="h2Font">张某某</span><em class="authicon authicon-pro" title="科袖认证专家"></em></p>
121 
									</div>
122 
					            </div>
123 
					        </li>
124 
					        <li class="mui-table-view-cell">
125 
					            <div class="flexCenter OflexCenter mui-clearfix">
126 
					                <div class="madiaHead resouseHead"></div>
127 
									<div class="madiaInfo OmadiaInfo">
128 
										<p class="mui-ellipsis h1Font">资源名称资源名称资源名称资源名称</p>
129 
										<p class="mui-ellipsis h2Font">用途：资源用途资源用途资源用途资源用途资源用途</p>
130 
										<p><span class="h2Font">张某某</span><em class="authicon authicon-pro" title="科袖认证专家"></em></p>
131 
									</div>
132 
					            </div>
133 
					        </li>
134 
					    </ul>
135 
					</div>
136 
					<!--点赞模块-->
137 
					<div class="thumbBlock">
138 
						<span class="thumbBtn">赞 200</span><!-- thumbedBtn 已赞 201-->
139 
					</div>
140 
					<!--您可能感兴趣的文章-->
141 
					<div class="madiaBlock">
142 
						<div class="madiaTit">您可能感兴趣的文章</div>
143 
						<ul class="mui-table-view">
144 
					        <li class="mui-table-view-cell">
145 
					            <div class="flexCenter OflexCenter mui-clearfix">
146 
					                <div class="madiaHead artHead"></div>
147 
									<div class="madiaInfo OmadiaInfo">
148 
										<p class="mui-ellipsis-2 h1Font">文章名称章名称文章名称</p>
149 
										<p><span class="h2Font">张某某</span><em class="authicon authicon-pro" title="科袖认证专家"></em></p>
150 
									</div>
151 
					            </div>
152 
					        </li>
153 
					        <li class="mui-table-view-cell">
154 
					            <div class="flexCenter OflexCenter mui-clearfix">
155 
					                <div class="madiaHead artHead"></div>
156 
									<div class="madiaInfo OmadiaInfo">
157 
										<p class="mui-ellipsis-2 h1Font">文章名称文章名称文章名称文章名称文章名称文章名称文章名称文章名称</p>
158 
										<p><span class="h2Font">张某某</span><em class="authicon authicon-pro" title="科袖认证专家"></em></p>
159 
									</div>
160 
					            </div>
161 
					        </li>
162 
					    </ul>
163 
					</div>
164 
					<!--留言-->
165 
					<div class="madiaBlock">
166 
						<div class="madiaTit">留言</div>
167 
						<ul class="mui-table-view commentBlock noactiveTab">
168 
					        <li class="mui-table-view-cell">
169 
					            <div class="flexCenter mui-clearfix">
170 
					                <div class="madiaHead useHead"></div>
171 
									<div class="madiaInfo">
172 
										<p><span class="h1Font">张某某</span><em class="authicon authicon-pro" title="科袖认证专家"></em></p>
173 
									</div>
174 
					            </div>
175 
					            <div class="madiaInfo">
176 
									<p class="h2Font">留言内容留言内容留言内容留言内容留言内容留言内容留言内容留言内容留言内容留言内容留言内容留言内容</p>
177 
									<p class="operateSpan">
178 
										<span class="commenttime">4小时前</span>
179 
										<span>删除</span>
180 
									</p>
181 
					            </div>
182 
					        </li>
183 
					        <li class="mui-table-view-cell">
184 
					            <div class="flexCenter mui-clearfix">
185 
					                <div class="madiaHead useHead"></div>
186 
									<div class="madiaInfo">
187 
										<p><span class="h1Font">张某某</span><em class="authicon authicon-pro" title="科袖认证专家"></em></p>
188 
									</div>
189 
					            </div>
190 
					            <div class="madiaInfo">
191 
									<p class="h2Font">留言内容留言内容留言内容留言内容留言内容留言内容留言内容留言内容留言内容留言内容留言内容留言内容</p>
192 
									<p class="operateSpan">
193 
										<span class="commenttime">4小时前</span>
194 
										<span>删除</span>
195 
									</p>
196 
					            </div>
197 
					        </li>
198 
					    </ul>
199 
					</div>
200 
		    </div>
201 
		</div>
202
203 
		<div class="shareBlock" id="shareBlock">
204 
			<h2 class="shareTit"><span>分享到</span></h2>
205 
			<ul class="mui-table-view noactiveTab">
206 
				<li class="mui-table-view-cell">
207 
					<em class="wayicon wechaticon"></em>
208 
					<span>微信好友</span>
209 
				</li>
210 
				<li class="mui-table-view-cell">
211 
					<em class="wayicon friendstericon"></em>
212 
					<span>微信朋友圈</span>
213 
				</li>
214 
				<li class="mui-table-view-cell">
215 
					<em class="wayicon sinaicon"></em>
216 
					<span>新浪微博</span>
217 
				</li>
218 
			</ul>
219 
			<button type="button" class="mui-btn mui-btn-block" id="cancelShare">取消</button>
220 
		</div>
221
222 
		<script src="../js/public/mui.min.js"></script>
223 
		<script src="../js/public/base.js"></script>
224 
		<script type="text/javascript">
225 
			//处理iOS下弹出软键盘后头部会随页面的滚动条消失问题
226 
		    iosheader();
227 
		    mui(".artfoot").on("tap",".inputShow",function(){
228 
		    	document.getElementById("textInput").style.display="block";
229 
		    	document.getElementById("operCol").style.display="none";
230 
		    	document.getElementById("textInputThis").focus();
231 
		    })
232 
		    mui("body").on("tap",".mui-content",function(){
233 
		    	document.getElementById("textInput").style.display="none";
234 
		    	document.getElementById("operCol").style.display="block";
235 
		    })
236
237 
		    var BtnMore=document.getElementById("BtnMore");
238 
		    var shareOut=document.getElementById("shareOut");
239 
		    var cancelShare=document.getElementById("cancelShare");
240 
		    var maskBlack=document.getElementById("maskBlack");
241 
		    var shareBlock=document.getElementById("shareBlock");
242
243
244 
		    BtnMore.addEventListener("tap",function(){
245 
		    	maskBlack.style.display="block";
246 
		    	shareBlock.style.display="block";
247 
		    })
248 
		    shareOut.addEventListener("tap",function(){
249 
		    	maskBlack.style.display="block";
250 
		    	shareBlock.style.display="block";
251 
		    })
252 
		    cancelShare.addEventListener("tap",function(){
253 
		    	maskBlack.style.display="none";
254 
		    	shareBlock.style.display="none";
255 
		    })
256 
		    maskBlack.addEventListener("tap",function(){
257 
		    	this.style.display="none";
258 
		    	shareBlock.style.display="none";
259 
		    })
260 
		</script>
261 
	</body>
262
263 
</html>

+ 1 - 1
app/html/qa-answer-show.html
Voir le fichier 

@ -69,7 +69,7 @@
69 69 
					<!--点赞模块-->
70 70 
					<div class="thumbBlock">
71 71 
						<span class="thumbBtn">赞 <span id="snum"></span></span>
72 
						<span class="stepBtn">踩</span><!--<span class="stepBtn stepedBtn">取消踩</span>-->
72 
						<span class="stepBtn">踩</span>
73 73 
					</div>
74 74 
					<!--留言-->
75 75 
					<div class="madiaBlock">

+ 2 - 2
app/js/discoverNew.js
Voir le fichier 

@ -396,7 +396,7 @@
396 396 
								}
397 397 
							}
398 398 
						}
399 
						var str = '<div class="owner-head useHead" style="background:url(' + baImg + ')"></div>' +
399 
						var str = '<div class="owner-head useHead" style="background-image:url(' + baImg + ')"></div>' +
400 400 
							'<div class="owner-info">' +
401 401 
							'<div class="owner-name"><span class="h1Font">' + dataStr.name + '</span><em class="authicon ' + userType.sty + '" title="' + userType.title + '"></em></div>' +
402 402 
							'<div class="owner-tit mui-ellipsis h2Font">' + os + '</div>' +
 
@ -721,7 +721,7 @@
721 721 
								baImg = baseUrl + "/images/head/" + res.data.id + "_l.jpg";
722 722 
							}
723 723 
							var str='<div class="flexCenter madiaBlock">'+
724 
										'<div class="madiaHead useHead" style="background:url(' + baImg + ')"></div>'+
724 
										'<div class="madiaHead useHead" style="background-image:url(' + baImg + ')"></div>'+
725 725 
										'<div class="madiaInfo h1Font">'+
726 726 
											'<span class="mui-pull-left">'+res.data.name+'</span>'+
727 727 
											'<span class="rightword">我的回答</span>'+

+ 3 - 1
app/js/index.js
Voir le fichier 

@ -400,7 +400,9 @@ function checkArguments(){
400 400 
  		  	paperId:argValue,
401 401 
  		  	patentId:argValue,
402 402 
  		  	cmpId:argValue,
403 
  		  	demanid:argValue
403 
  		  	demanid:argValue,
404 
  		  	quid:argValue,
405 
  		  	anid:argValue
404 406 
  		  };
405 407 
  		  var aimWeb=plus.webview.create(aimPage, aimPageId, {}, webArg);
406 408

+ 61 - 5
app/js/qa-answer-show.js
Voir le fichier 

@ -3,8 +3,11 @@ mui.ready(function() {
3 3 
		var ocollectBtn = document.getElementById("collectBtn")
4 4 
		var oattenSpan = document.getElementById("attenSpan");
5 5 
		var oifCollect = document.getElementById("ifCollect")//星星
6 
		var thumbs=document.getElementsByClassName("thumbBtn")[0],
7 
			steps=document.getElementsByClassName("stepBtn")[0]
6 8
7 
		var userid = plus.storage.getItem('userid');
9 
		var userid = plus.storage.getItem('userid'),
10 
		    username = plus.storage.getItem('name');
8 11 
		var self = plus.webview.currentWebview();
9 12 
		plus.nativeUI.closeWaiting();
10 13 
		self.show("slide-in-right", 150);
 
@ -36,7 +39,7 @@ mui.ready(function() {
36 39 
						oattenSpan.style.display="block";
37 40 
						ifcollectionAbout($da.uid,oattenSpan, 1,1);
38 41 
					}else{
39 
						document.getElementsByClassName('footbox')[0].style.display = "none";
42 
						isAgree($da.uid);
40 43 
					}
41 44 
					proinfo($da.uid)
42 45 
					questioninfo($da.qid)
 
@ -117,13 +120,33 @@ mui.ready(function() {
117 120 
						}
118 121 
					})
119 122 
				})
123 
			},
124 
			isAgree=function(id){
125 
				oAjax('/ajax/question/answer/agree', {
126 
					"aid": answerId,
127 
					"uid":id
128 
				}, "get", function(res) {
129 
					if(res.success){
130 
						if(res.data){
131 
							thumbs.classList.add("thumbedBtn")
132 
							steps.classList.remove("stepedBtn")
133 
							steps.innerHTML="踩"
134 
						}else{
135 
							thumbs.classList.remove("thumbedBtn")
136 
							steps.classList.add("stepedBtn")
137 
							steps.innerHTML="取消踩"
138 
						}
139 
					}
140 
				})
120 141 
			}
121 142
122 143
123 144 
		getConmain()
124 
		module.lWord(answerId, 4);
125 145 
		moreMes()
126
146 
		if(userid && userid != null && userid != "null") {
147 
			module.lWord(answerId, 4);
148 
			ifcollectionAbout(answerId,oifCollect,9);
149 
		}
127 150 
		document.getElementById("ownerCon").addEventListener('tap', function() {
128 151 
			var id = this.getAttribute("data-id");
129 152 
			plus.nativeUI.showWaiting();
 
@ -152,7 +175,6 @@ mui.ready(function() {
152 175 
			}
153 176 
		});
154 177 
		//点击收藏按钮
155 
		ifcollectionAbout(answerId,oifCollect,9);
156 178 
		ocollectBtn.addEventListener('tap', function() {
157 179 
			if(userid && userid != null && userid != "null") {
158 180 
				if(oifCollect.className=='mui-icon iconfontnew icon-yishoucang'){
 
@ -164,6 +186,40 @@ mui.ready(function() {
164 186 
				isLogin();
165 187 
			}
166 188 
		});
189
190 
		mui(".thumbBlock").on("tap",".thumbBtn",function(){
191 
			if(userid && userid != null && userid != "null") {
192 
				oAjax('/ajax/question/answer/agree', {
193 
					"id": answerId,
194 
					"uid":userid,
195 
					"uname":username
196 
				}, "POST", function(res) {
197 
					thumbs.classList.add("thumbedBtn")
198 
					steps.classList.remove("stepedBtn")
199 
					steps.innerHTML="踩"
200 
					getConmain()
201 
				})
202 
			}else{
203 
				isLogin();
204 
			}
205 
		})
206 
		mui(".thumbBlock").on("tap",".stepBtn",function(){
207 
			if(userid && userid != null && userid != "null") {
208 
				oAjax('/ajax/question/answer/unAgree', {
209 
					"id": answerId,
210 
					"uid":userid,
211 
					"uname":username
212 
				}, "POST", function(res) {
213 
					thumbs.classList.remove("thumbedBtn")
214 
					steps.classList.add("stepedBtn")
215 
					steps.innerHTML="取消踩"
216 
					getConmain()
217 
				})
218 
			}else{
219 
				isLogin();
220 
			}
221 
		})
222
167 223 
	})
168 224
169 225 
});

+ 1 - 1
app/js/qa-my-wenda.js
Voir le fichier 

@ -373,7 +373,7 @@ mui.ready(function() {
373 373 
							}
374 374 
						}
375 375 
					}
376 
					var str='<div class="owner-head useHead" style="background:url('+baImg+')"></div>'+
376 
					var str='<div class="owner-head useHead" style="background-image:url('+baImg+')"></div>'+
377 377 
							'<div class="owner-info">'+
378 378 
								'<div class="owner-name"><span class="h1Font">'+dataStr.name+'</span><em class="authicon '+userType.sty+'" title="'+userType.title+'"></em></div>'+
379 379 
								'<div class="owner-tit mui-ellipsis h2Font">'+os+'</div>'+

+ 2 - 1
app/js/qa-my-wendaTT.js
Voir le fichier 

@ -320,7 +320,7 @@ mui.ready(function () {
320 320 
                            }
321 321 
                        }
322 322 
                    }
323 
                    var str = '<div class="owner-head useHead" style="background:url(' + baImg + ')"></div>' +
323 
                    var str = '<div class="owner-head useHead" style="background-image:url(' + baImg + ')"></div>' +
324 324 
                        '<div class="owner-info">' +
325 325 
                        '<div class="owner-name"><span class="h1Font">' + dataStr.name + '</span><em class="authicon ' + userType.sty + '" title="' + userType.title + '"></em></div>' +
326 326 
                        '<div class="owner-tit mui-ellipsis h2Font">' + os + '</div>' +
 
@ -373,6 +373,7 @@ mui.ready(function () {
373 373 
            }
374 374 
        }
375 375
376 
		allAgreeNum()
376 377 
        oAjaxGet("/ajax/question/my", {
377 378 
            "uid": userid,
378 379 
            "rows":rows

+ 44 - 21
app/js/qa-question-show.js
Voir le fichier 

@ -13,7 +13,8 @@ mui.ready(function() {
13 13 
		ifAl=1,//是否是首次加载
14 14 
		dataO = {
15 15 
			time: "",
16 
			id: ""
16 
			id: "",
17 
			score:""
17 18 
		};
18 19 
	var userid, questionId ,pkey=[],byway;
19 20 
	mui.plusReady(function() {
 
@ -129,18 +130,25 @@ mui.ready(function() {
129 130 
			},
130 131 
			answerList = function() {
131 132 
				var byway = document.querySelector('.list-hold-count>ul').querySelector("li.active").getAttribute("data-type");
132 
				var typeurl;
133 
				var typeurl,dataStr={};
133 134 
				if(byway == 1) {
134 135 
					typeurl = "/ajax/question/answer/qes/byScore"
136 
					dataStr={
137 
						"qid": questionId,
138 
						"score": dataO.score,
139 
						"id": dataO.id,
140 
						"rows": rows
141 
					}
135 142 
				} else if(byway == 2) {
136 143 
					typeurl = "/ajax/question/answer/qes/byTime"
144 
					dataStr={
145 
						"qid": questionId,
146 
						"time": dataO.time,
147 
						"id": dataO.id,
148 
						"rows": rows
149 
					}
137 150 
				}
138 
				oAjax(typeurl, {
139 
					"qid": questionId,
140 
					"time": dataO.time,
141 
					"id": dataO.id,
142 
					"rows": rows
143 
				}, "get", function(res){
151 
				oAjax(typeurl,dataStr, "get", function(res){
144 152 
					console.log(JSON.stringify(res))
145 153 
					var aimId="curAnswers",newStr="暂无回答"
146 154 
					var $info = res.data;
 
@ -156,8 +164,13 @@ mui.ready(function() {
156 164 
						ifAl = 0;
157 165 
					}
158 166 
					if($info.length > 0) {
159 
						dataO.time = $info[$info.length - 1].createTime;
160 
						dataO.id = $info[$info.length - 1].id;
167 
						if(byway == 1) {
168 
							dataO.score = $info[$info.length - 1].score;
169 
							dataO.id = $info[$info.length - 1].id;
170 
						}else if(byway == 2) {
171 
							dataO.time = $info[$info.length - 1].createTime;
172 
							dataO.id = $info[$info.length - 1].id;
173 
						}
161 174
162 175 
						for(var i = 0; i < $info.length; i++) {
163 176 
							var liStr = document.createElement("li");
 
@ -201,20 +214,30 @@ mui.ready(function() {
201 214 
				if(dataStr.agree > 0) {
202 215 
					hd = '<span>' + dataStr.agree + ' 赞</span>'
203 216 
				}
204 
				if(dataStr.ballot > 0) {
205 
					hl = '<span>' + dataStr.ballot + ' 留言</span>'
206 
				}
207 217 
				liStr.setAttribute("data-id", dataStr.id);
208 218 
				liStr.className = "mui-table-view-cell";
209 219 
				liStr.innerHTML = '<div class="madiaInfo">' +
210 220 
					'<div class="flexCenter qa-owner"></div>' +
211 221 
					'<p class="qa-con mui-ellipsis-5">' + dataStr.cnt + '</p>' +
212 222 
					'<div class="showli mui-ellipsis">' +
213 
					'<span>' + commenTime(dataStr.createTime) + '</span>' + hd + hl +
223 
					'<span>' + commenTime(dataStr.createTime) + '</span>' + hd + '<span class="leaveMsgCount"></span>' +
214 224 
					'</div>' +
215 225 
					'</div>'
216 226 
				var $str = $(liStr)
217 227 
				proinfo(dataStr.uid, $str);
228 
				leaveMsgCount(dataStr.id, $str);
229 
			},
230 
			leaveMsgCount=function(id, $str) {
231 
				oAjax("/ajax/leavemsg/count", {
232 
					sid:id,
233 
					stype: "4"
234 
				}, "get", function(data) {
235 
					if(data.success) {
236 
						if(data.data > 0) {
237 
							$str.find(".leaveMsgCount").html(data.data + "留言");
238 
						}
239 
					}
240 
				})
218 241 
			},
219 242 
			proinfo = function(pid, $str) {
220 243 
				oAjax("/ajax/professor/baseInfo/" + pid, {}, "get", function(res) {
 
@ -244,7 +267,7 @@ mui.ready(function() {
244 267 
							}
245 268 
						}
246 269 
					}
247 
					var str = '<div class="owner-head useHead" style="background:url(' + baImg + ')"></div>' +
270 
					var str = '<div class="owner-head useHead" style="background-image:url(' + baImg + ')"></div>' +
248 271 
						'<div class="owner-info">' +
249 272 
						'<div class="owner-name"><span class="h1Font">' + dataStr.name + '</span><em class="authicon ' + userType.sty + '" title="' + userType.title + '"></em></div>' +
250 273 
						'<div class="owner-tit mui-ellipsis h2Font">' + os + '</div>' +
 
@ -271,11 +294,11 @@ mui.ready(function() {
271 294 
						data: {
272 295 
							content: document.getElementById("questionCnt").innerHTML.substring(0, 40),
273 296 
							title: document.getElementById("questionTit").innerHTML,
274 
							href: baseUrl + "/e/w.html?id=" + questionId,
297 
							href: baseUrl + "/e/wen.html?id=" + questionId,
275 298 
							thumbs: [oUrl]
276 299 
						},
277 300 
						weiboData: {
278 
							content: document.getElementById("questionTit").innerHTML + baseUrl + "/e/w.html?id=" + questionId,
301 
							content: document.getElementById("questionTit").innerHTML + baseUrl + "/e/wen.html?id=" + questionId,
279 302 
						}
280 303 
					})
281 304 
				})

@ -309,7 +332,7 @@ mui.ready(function() {
309 332 
			this.classList.add('active');
310 333 
			byway = this.getAttribute("data-type");
311 334 
			document.getElementById("curAnswers").innerHTML = "";
312 
			dataO = {time: "",id: ""}
335 
			dataO = {time: "",id: "",score:""}
313 336 
			if(typeof(pkey)==undefined){
314 337 
				pkey=[]
315 338 
			}else{
 
@ -392,7 +415,7 @@ mui.ready(function() {
392 415 
						shareMessage(share, "WXSceneSession", {
393 416 
							content: document.getElementById("questionCnt").innerHTML.substring(0, 70),
394 417 
							title: document.getElementById("questionTit").innerHTML,
395 
							href: baseUrl + "/e/w.html?id=" + questionId,
418 
							href: baseUrl + "/e/wen.html?id=" + questionId,
396 419 
							thumbs: [oUrl]
397 420 
						});
398 421 
					}

@ -405,7 +428,7 @@ mui.ready(function() {
405 428 
						shareMessage(share, "WXSceneTimeline", {
406 429 
							content: document.getElementById("questionCnt").innerHTML.substring(0, 70),
407 430 
							title: document.getElementById("questionTit").innerHTML,
408 
							href: baseUrl + "/e/w.html?id=" + questionId,
431 
							href: baseUrl + "/e/wen.html?id=" + questionId,
409 432 
							thumbs: [oUrl]
410 433 
						});
411 434 
					}

@ -413,7 +436,7 @@ mui.ready(function() {
413 436 
					var share = buildShareService("sinaweibo");
414 437 
					if(share) {
415 438 
						shareMessage(share, "sinaweibo", {
416 
							content: document.getElementById("questionTit").innerHTML + baseUrl + "/e/w.html?id=" + questionId,
439 
							content: document.getElementById("questionTit").innerHTML + baseUrl + "/e/wen.html?id=" + questionId,
417 440 
						});
418 441 
					}
419 442 
				}