查询操作
<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
<meta name="viewport" content="width=480,user-scalable=no" />
<title>我的工作台查询</title>
<link href="../../css/bingotouch.css" rel="stylesheet" />
<link href="../../css/index.css" rel="stylesheet" />
<script src="../../js/cordova.js"></script>
<script src="../../js/zepto.js"></script>
<script src="../../js/iscroll.js"></script>
<script src="../../js/plugins.js"></script>
<script src="../../js/ui.js"></script>
<style>
.content{bottom:0px;}
.maincontent{bottom:75px;}
.box > [data-role="BTButton"] > .btn-text{
padding:0 52px;
}
.row-box > [class*="span"]{
min-height: 52px;
}
.list-view li
{
line-height:50px;
min-height:50px;
vertical-align:middle;
}
.list-view li span
{
line-height:36px;
min-height:36px;
}
.nail_left
{
text-align:right;
width: 35%;
font-size:24px;
}
.nail_right p
{
font-size:24px;
padding-top:7px;
padding-bottom:7px;
min-height:36px;
line-height:36px;
vertical-align:middle;
}
.txt_Content
{
border-bottom:1px dashed #D9D9D9;
}
.tab
{
padding-left:15px;
background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0, #9FC4E7), color-stop(1, #dddddd));
}
</style>
<script>
var ParticipantType;
$(function () {
RollScreen(); //滚屏
document.addEventListener("deviceready", load, true);
});
function load() {
app.getPageParams(function (res) {
$(".btnBack").bind("tap", function () {
app.back();
});
showDoType(res);
$(".btn_Startsearch").bind("tap", function () {
if (res.currentcate == "waitdoList") {
var ProcName = $("#ProcName").val();
var WaitDoType = $("#WaitDoType").btselect("val").value;
if (WaitDoType == '1') {
ParticipantType = '0';
} else {
ParticipantType = WaitDoType;
}
app.load({
url: "list.html",
params: { "ProcName": ProcName, "ParticipantType": ParticipantType, "currentcate": res.currentcate },
slideType: "left",
progress: { show: "false", title: "your title", message: "your message" }
});
} else if (res.currentcate == "dealdoList") {
var ProcName = $("#ProcName").val();
var DealDoType = $("#DealDoType").btselect("val").value;
if (DealDoType == '1') {
ParticipantType = '0';
} else {
ParticipantType = DealDoType;
}
app.load({
url: "list.html",
params: { "ProcName": ProcName, "ParticipantType": ParticipantType, "currentcate": res.currentcate },
slideType: "left",
progress: { show: "false", title: "your title", message: "your message" }
});
}
})
})
};
function showDoType(res) {
if (res.currentcate == "waitdoList") {
$("#showWaitDoType").show();
} else if (res.currentcate == "dealdoList") {
$("#showDealDoType").show();
}
ui.init();
};
var oaoneScroll;
function RollScreen() {
oaoneScroll = new iScroll('wrapper', { checkDOMChanges: true });
};
</script>
</head>
<body>
<input id="pageindex" type="hidden" value="1" />
<input id="pagesize" type="hidden" value="200" />
<input id="pagecount" type="hidden" />
<div data-role="page">
<div class="header">
<div class="title row-box">
<div class="box-left">
<div data-role="BTButton" data-type="image" class="btnBack">
<img src="../../css/images/icons/icon-back.png" alt="" />
</div>
</div>
<div class="span1">
<h1>
我的工作台查询</h1>
</div>
<div class="box-right">
</div>
</div>
</div>
<div id="wrapper" class="content subcontent">
<div class="scroll" style="overflow: auto; padding: 0;">
<div class="portalsearch">
<ul class="list-view" data-corner="none">
<li style="padding-top: 4px; padding-bottom: 4px;">
<div data-iconpos="right" class="txt_Content">
<div class="thumbnail nail_left">
流程名称：
</div>
<div class="thumbnail-text nail_right">
<input id="ProcName" type="text" class="input-large" placeholder="请输入查询内容" />
</div>
</div>
</li>
<li style="padding-top: 4px; padding-bottom: 4px; display: none" id="showWaitDoType">
<div data-iconpos="right" class="txt_Content">
<div class="thumbnail nail_left">
待办类型：
</div>
<div class="thumbnail nail_right">
<div title="待办类型" id="WaitDoType" data-role="BTSelect" style="width: 330px" data='[{"value":1,"label":"待办"},{"value":2,"label":"待阅"}]'>
<span>请选择待办类型</span>
</div>
</div>
</div>
</li>
<li style="padding-top: 4px; padding-bottom: 4px; display: none" id="showDealDoType">
<div data-iconpos="right" class="txt_Content">
<div class="thumbnail nail_left">
已办类型：
</div>
<div class="thumbnail nail_right">
<div title="已办类型" id="DealDoType" data-role="BTSelect" style="width: 330px" data='[{"value":1,"label":"已办"},{"value":2,"label":"已阅"}]'>
<span>请选择已办类型</span>
</div>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
<div class="footer">
<div class="row-box">
<div class=" span1">
<div class="box">
<div data-role="BTButton" class="btn_Startsearch" data-inline="true" data-theme="a"
style="width: 98%;">
查询
</div>
</div>
</div>
</div>
</div>
</div>
<input id="CurrentPersonID" type="hidden" />
</body>
</html>
浙公网安备 33010602011771号