|
|
<!DOCTYPE html>
|
|
|
<html>
|
|
|
|
|
|
<head>
|
|
|
<meta charset="utf-8">
|
|
|
<title>任务列表</title>
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
|
|
|
<meta name="apple-mobile-web-app-capable" content="yes">
|
|
|
<meta name="apple-mobile-web-app-status-bar-style" content="black">
|
|
|
|
|
|
<!--标准mui.css-->
|
|
|
<link rel="stylesheet" href="./css/mui.min.css">
|
|
|
<!--App自定义的css-->
|
|
|
<!--<link rel="stylesheet" type="text/css" href="../css/app.css" />-->
|
|
|
<style>
|
|
|
.mui-control-content {
|
|
|
height: 150px;
|
|
|
}
|
|
|
|
|
|
.p_title {
|
|
|
font-size: 16px;
|
|
|
font-weight: bold;
|
|
|
color: black;
|
|
|
}
|
|
|
|
|
|
.p_jiezhi {
|
|
|
margin-top: 10px;
|
|
|
|
|
|
}
|
|
|
</style>
|
|
|
</head>
|
|
|
|
|
|
<body>
|
|
|
|
|
|
<div class="mui-content">
|
|
|
<div style="padding: 10px 10px;">
|
|
|
<div id="segmentedControl" class="mui-segmented-control mui-segmented-control-inverted">
|
|
|
<a class="mui-control-item" href="#item1" id="tab1">待填报</a>
|
|
|
<a class="mui-control-item" href="#item2" id="tab2">已填报</a>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div>
|
|
|
<div id="item1" class="mui-control-content">
|
|
|
<div class="mui-input-row mui-search">
|
|
|
<input id="wSearch" type="search" class="mui-input-clear" placeholder="">
|
|
|
</div>
|
|
|
<ul class="mui-table-view mui-table-view-striped mui-table-view-condensed" id="liNotView">
|
|
|
</ul>
|
|
|
<script id="liNotTemplate" type="text/x-jsrender">
|
|
|
{{for data}}
|
|
|
<li class="mui-table-view-cell" id="{{:job_id}}" onclick="report({{:job_id}},{{:jiezhi}},{{:status_code}},'{{:target_id}}');">
|
|
|
<div class="mui-table">
|
|
|
<div class="mui-table-cell mui-col-xs-9">
|
|
|
<p class="p_title">{{:job_name}}</p>
|
|
|
<p class="p_jiezhi">截止日期：{{:deadline_time}}</p>
|
|
|
</div>
|
|
|
<div class="mui-table-cell mui-col-xs-3 mui-text-right">
|
|
|
<span class="mui-h5">{{:create_time}}</span>
|
|
|
|
|
|
</div>
|
|
|
</div>
|
|
|
</li>
|
|
|
{{/for}}
|
|
|
</script>
|
|
|
</div>
|
|
|
<div id="item2" class="mui-control-content">
|
|
|
<div class="mui-input-row mui-search">
|
|
|
<input id="ySearch" type="search" class="mui-input-clear" placeholder="">
|
|
|
</div>
|
|
|
<ul class="mui-table-view mui-table-view-striped mui-table-view-condensed" id="liYesView">
|
|
|
</ul>
|
|
|
<script id="liYesTemplate" type="text/x-jsrender">
|
|
|
{{for data}}
|
|
|
<li class="mui-table-view-cell" id="{{:job_id}}" onclick="report({{:job_id}},{{:jiezhi}},{{:status_code}},'{{:target_id}}');">
|
|
|
<div class="mui-table">
|
|
|
<div class="mui-table-cell mui-col-xs-9">
|
|
|
<p class="p_title">{{:job_name}}</p>
|
|
|
<p class="p_jiezhi">截止日期：{{:deadline_time}}
|
|
|
{{if jiezhi}}
|
|
|
<span style="float: right;margin-right: -86px;background:#FFE7E7;border-radius: 15px;padding:1px 10px;font-size:12px;color:#FA7474">已截止</span>
|
|
|
{{/if}}
|
|
|
</p>
|
|
|
</div>
|
|
|
<div class="mui-table-cell mui-col-xs-3 mui-text-right">
|
|
|
<span class="mui-h5">{{:create_time}}</span>
|
|
|
</div>
|
|
|
</div>
|
|
|
</li>
|
|
|
{{/for}}
|
|
|
</script>
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</div>
|
|
|
<script src="./js/mui.min.js"></script>
|
|
|
<script src="./js/jquery.min.js"></script>
|
|
|
<script src="./js/jsrender.min.js"></script>
|
|
|
<script>
|
|
|
|
|
|
$(function () {
|
|
|
|
|
|
var tabFlag = window.localStorage.getItem('tabFlag');
|
|
|
|
|
|
if (tabFlag == 1) {
|
|
|
$("#tab1").addClass("mui-active");
|
|
|
$("#item1").addClass("mui-active");
|
|
|
$("#tab2").removeClass("mui-active");
|
|
|
$("#item2").removeClass("mui-active");
|
|
|
loadWList("");
|
|
|
} else {
|
|
|
$("#tab2").addClass("mui-active");
|
|
|
$("#item2").addClass("mui-active");
|
|
|
$("#tab1").removeClass("mui-active");
|
|
|
$("#item1").removeClass("mui-active");
|
|
|
loadYList("");
|
|
|
}
|
|
|
|
|
|
function loadWList(keyword) {
|
|
|
$.ajax({
|
|
|
url: "/dsBase/collect/viewJobListPerson?page=1&limit=100&keyword=" + keyword + "&is_finish=0",
|
|
|
async: false,
|
|
|
type: 'GET',
|
|
|
success: function (res) {
|
|
|
var template = $.templates('#liNotTemplate');
|
|
|
var htmlOutput = template.render(res);
|
|
|
$('#liNotView').html(htmlOutput);
|
|
|
}
|
|
|
});
|
|
|
}
|
|
|
|
|
|
function loadYList(keyword) {
|
|
|
$.ajax({
|
|
|
url: "/dsBase/collect/viewJobListPerson?page=1&limit=100&keyword=" + keyword + "&is_finish=1",
|
|
|
async: false,
|
|
|
type: 'GET',
|
|
|
success: function (res) {
|
|
|
var template = $.templates('#liYesTemplate');
|
|
|
var htmlOutput = template.render(res);
|
|
|
$('#liYesView').html(htmlOutput);
|
|
|
}
|
|
|
});
|
|
|
}
|
|
|
|
|
|
$("#wSearch").keypress(function (event) {
|
|
|
if (event.which == 13) {
|
|
|
loadWList($("#wSearch").val());
|
|
|
}
|
|
|
});
|
|
|
|
|
|
$("#ySearch").keypress(function (event) {
|
|
|
if (event.which == 13) {
|
|
|
loadYList($("#ySearch").val());
|
|
|
}
|
|
|
});
|
|
|
|
|
|
mui(".mui-icon-clear")[0].addEventListener('tap', function () {
|
|
|
loadWList("");
|
|
|
});
|
|
|
|
|
|
mui(".mui-icon-clear")[1].addEventListener('tap', function () {
|
|
|
loadYList("");
|
|
|
});
|
|
|
|
|
|
mui(".mui-control-item")[0].addEventListener('tap', function () {
|
|
|
window.localStorage.setItem('tabFlag', 1);
|
|
|
loadWList("");
|
|
|
});
|
|
|
|
|
|
mui(".mui-control-item")[1].addEventListener('tap', function () {
|
|
|
window.localStorage.setItem('tabFlag', 2);
|
|
|
loadYList("");
|
|
|
});
|
|
|
|
|
|
});
|
|
|
|
|
|
function report(job_id, jiezhi, status_code, target_id) {
|
|
|
if (jiezhi) {
|
|
|
window.location.href = "/dsBase/view/tb/form/view_mobile.html?job_id=" + job_id + "&status_code=" + status_code + "&target_id=" + target_id;
|
|
|
} else {
|
|
|
window.location.href = "/dsBase/view/tb/form/report_p_mobile.html?job_id=" + job_id + "&status_code=" + status_code + "&target_id=" + target_id;
|
|
|
}
|
|
|
}
|
|
|
|
|
|
|
|
|
</script>
|
|
|
|
|
|
</body>
|
|
|
|
|
|
</html> |
