代码拉取完成,页面将自动刷新
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<title></title>
<link href="css/mui.min.css" rel="stylesheet" />
<style>
.item {
padding-top: 5px;
padding-bottom: 5px;
}
.item-title {
font-size: 12px;
color: gray;
}
</style>
<script src="js/laytpl.js" type="text/javascript"></script>
</head>
<body>
<header class="mui-bar mui-bar-nav">
<h1 class="mui-title">标题</h1>
<span class="mui-icon mui-icon-search mui-pull-right" id='search'></span>
</header>
<div class="mui-content">
<div class="mui-card">
<div class="mui-card-header mui-card-media" style="height:40vw;background-image:url(http://staticcdn.kuaifazs.com/upload/game/201609/03/28/ff/XHOa1G_100x100.png)"></div>
</div>
<ul class="mui-table-view" id="data-content">
<script id='tpl' type="text/html">
<li class="mui-table-view-cell mui-collapse mui-active">
<a class="mui-navigate-right" href="javascript:void(0)">基本信息</a>
<div class="mui-collapse-content">
<ul class="mui-table-view mui-row">
<li class="mui-table-view-cell mui-col-sm-4 mui-col-xs-6 item ">
<div class="item-title">姓名</div> 戴杰帆
</li>
<li class="mui-table-view-cell mui-col-sm-4 mui-col-xs-6 item ">
<div class="item-title">性别</div> 男
</li>
<li class="mui-table-view-cell mui-col-sm-4 mui-col-xs-6 item ">
<div class="item-title">出生年月</div> 1984-08-01
</li>
<li class="mui-table-view-cell mui-col-sm-4 mui-col-xs-6 item">
<div class="item-title">民族</div> 汉族
</li>
<li class="mui-table-view-cell mui-col-sm-4 mui-col-xs-6 item">
<div class="item-title">籍贯</div> 四川仪陇
</li>
<li class="mui-table-view-cell mui-col-sm-4 mui-col-xs-6 item">
<div class="item-title">出生地</div> 四川仪陇
</li>
<li class="mui-table-view-cell mui-col-sm-4 mui-col-xs-6 item">
<div class="item-title">入党时间</div> 200412
</li>
<li class="mui-table-view-cell mui-col-sm-4 mui-col-xs-6 item">
<div class="item-title">参加工作时间</div> 2007-10-01
</li>
<li class="mui-table-view-cell mui-col-sm-4 mui-col-xs-6 item">
<div class="item-title">健康状况</div> 健康
</li>
<li class="mui-table-view-cell mui-col-sm-4 mui-col-xs-6 item">
<div class="item-title">专业技术职务</div>
</li>
<li class="mui-table-view-cell item">
<div class="item-title">熟悉专业有何特长</div> 农业技术研究与推广
</li>
</ul>
</div>
</li>
<li class="mui-table-view-cell mui-collapse mui-active">
<a class="mui-navigate-right" href="javascript:void(0)">学历信息</a>
<div class="mui-collapse-content">
<ul class="mui-table-view mui-row">
<li class="mui-table-view-cell item ">
<div class="item-title">全日制教育-学历学位</div> 大学本科农学学士学位
</li>
<li class="mui-table-view-cell item ">
<div class="item-title">全日制教育-毕业院校系及专业</div> 四川农业大学农学专业
</li>
<li class="mui-table-view-cell item ">
<div class="item-title">在职教育-学历学位</div>
</li>
<li class="mui-table-view-cell item ">
<div class="item-title">在职教育-毕业院校系及专业</div>
</li>
</ul>
</div>
</li>
<li class="mui-table-view-cell mui-collapse mui-active">
<a class="mui-navigate-right" href="javascript:void(0)">职务信息</a>
<div class="mui-collapse-content">
<ul class="mui-table-view mui-row">
<li class="mui-table-view-cell item ">
<div class="item-title">现任职务</div>
</li>
<li class="mui-table-view-cell item ">
<div class="item-title">拟任职务</div>
</li>
<li class="mui-table-view-cell item ">
<div class="item-title">拟免职务</div>
</li>
<li class="mui-table-view-cell item ">
<div class="item-title">任免理由</div>
</li>
</ul>
</div>
</li>
<li class="mui-table-view-cell mui-collapse mui-active">
<a class="mui-navigate-right" href="javascript:void(0)">简历信息</a>
<div class="mui-collapse-content">
<ul class="mui-table-view mui-row">
<li class="mui-table-view-cell item ">
<div class="item-title">2003.09-2007.06</div> 四川农业大学农学专业大学学习
</li>
<li class="mui-table-view-cell item ">
<div class="item-title">2007.06-2007.10</div>四川省草原科学研究院工作
</li>
<li class="mui-table-view-cell item ">
<div class="item-title">2009.06-2011.08</div> 四川省农学会工作
</li>
</ul>
</div>
</li>
<li class="mui-table-view-cell mui-collapse mui-active">
<a class="mui-navigate-right" href="javascript:void(0)">奖惩信息</a>
<div class="mui-collapse-content">
<ul class="mui-table-view mui-row">
<li class="mui-table-view-cell item ">
<div class="item-title"></div>
2015.10 被国家农业部评为“中华农业科技奖科研成果二等奖”;201601 被省纪委处以“党内警告”
</li>
</ul>
</div>
</li>
<li class="mui-table-view-cell mui-collapse mui-active">
<a class="mui-navigate-right" href="javascript:void(0)">考核信息</a>
<div class="mui-collapse-content">
<ul class="mui-table-view mui-row">
<li class="mui-table-view-cell item ">
<div class="item-title"></div> 2013年、2014年、2015年年度考核均为合格
</li>
</ul>
</div>
</li>
<li class="mui-table-view-cell mui-collapse mui-active">
<a class="mui-navigate-right" href="javascript:void(0)">社会关系</a>
<div class="mui-collapse-content">
<div class="mui-card">
<div class="mui-card-header mui-collapse">
家庭主要成员及重要社会关系
</div>
<div class="mui-card-content">
<ul class="mui-table-view mui-row" style="margin-bottom: 0px;">
<li class="mui-table-view-cell mui-col-sm-4 mui-col-xs-6 item">
<div class="item-title">父亲-姓名</div> 戴良先
</li>
<li class="mui-table-view-cell mui-col-sm-4 mui-col-xs-6 item">
<div class="item-title">父亲-生日</div> 1958-10-23
</li>
<li class="mui-table-view-cell item ">
<div class="item-title">父亲-政治面貌</div> 中共党员
</li>
<li class="mui-table-view-cell item ">
<div class="item-title">父亲-工作单位及职务</div> 四川省草原科学研究院研究员
</li>
<li class="mui-table-view-cell mui-col-sm-4 mui-col-xs-6 item">
<div class="item-title">母亲-姓名</div> 戴良先
</li>
<li class="mui-table-view-cell mui-col-sm-4 mui-col-xs-6 item">
<div class="item-title">母亲-生日</div> 1958-10-23
</li>
<li class="mui-table-view-cell item ">
<div class="item-title">母亲-政治面貌</div> 中共党员
</li>
<li class="mui-table-view-cell item ">
<div class="item-title">母亲-工作单位及职务</div> 四川省草原科学研究院研究员
</li>
</ul>
</div>
</div>
<div class="mui-card">
<div class="mui-card-header mui-collapse">
呈报单位
</div>
<div class="mui-card-content">
<ul class="mui-table-view mui-row" style="margin-bottom: 0px;">
<li class="mui-table-view-cell item">
<div class="item-title"></div> 同意
</li>
</ul>
</div>
</div>
<div class="mui-card">
<div class="mui-card-header mui-collapse">
审批机关意见
</div>
<div class="mui-card-content">
<ul class="mui-table-view mui-row" style="margin-bottom: 0px;">
<li class="mui-table-view-cell item">
<div class="item-title"></div> 同意
</li>
</ul>
</div>
</div>
<div class="mui-card">
<div class="mui-card-header mui-collapse">
行政任免机意关见
</div>
<div class="mui-card-content">
<ul class="mui-table-view mui-row" style="margin-bottom: 0px;">
<li class="mui-table-view-cell item">
<div class="item-title"></div> 同意
</li>
</ul>
</div>
</div>
</div>
</li>
</script>
</ul>
</div>
</body>
<script src="js/mui.min.js"></script>
<script src="js/util.js"></script>
<script src="js/app.js"></script>
<script type="text/javascript" charset="utf-8">
mui.init({
preloadPages: [{
url: "search.html",
id: "search"
}]
});
mui.plusReady(function() {
var mainPage = mui.preload({
"id": 'search',
"url": 'search.html'
});
var main_loaded_flag = false;
mainPage.addEventListener("loaded", function() {
main_loaded_flag = true;
});
var toMain = function() {
var id = setInterval(function() {
if(main_loaded_flag) {
clearInterval(id);
mui.fire(mainPage, 'show', null);
mainPage.show("pop-in");
}
}, 20);
};
document.getElementById("search").addEventListener("tap", function() {
toMain();
});
// data = encode("[{'name':'戴杰帆','sex':'男','birth':'1984-10-8','mz':'汉','jg':'四川仪陇','csd':'四川仪陇','rdsj':'200412','cjgzsj':'2007-10-01','jkzk':'健康','zyjszw':'','tc':'农业技术研究与推广','qrz-xw':'大学本科农学学士学位','qrz-zy':'四川农业大学农学专业','zz-xw':'','zz-zy':'','xrzw':'','nrzw':'','nmzw':'','rmly':'','jl':[{'time':'2003.09-2007.06','content':'四川农业大学农学专业大学学习'},{'time':'2007.06-2007.10','content':'四川省草原科学研究院工作'}],'jcxx':'2015.10 被国家农业部评为“中华农业科技奖科研成果二等奖”;201601 被省纪委处以“党内警告”','khxx':'2013年、2014年、2015年年度考核均为合格','shgx':[{'父亲-姓名':'戴','父亲-生日':'1958-10-23','父亲-政治面貌':'中共党员','父亲-工作单位及职务':'四川省草原科学研究院研究员'},{'母亲-姓名':'良','母亲-生日':'1958-10-23','母亲-政治面貌':'中共党员','母亲-工作单位及职务':'四川省草原科学研究院研究员'}],'cbdwyj':'同意','spjgyj':'','xzrmyj':''}]");
// re = decode(data);
// console.log(data)
// console.log(re)
var tpl_comment = document.getElementById('tpl').innerHTML; //读取模版
laytpl(tpl_comment).render(data, function(render){
document.getElementById('data-content').innerHTML = render;
});
});
console.log("main load")
</script>
</html>
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。