323 lines
10 KiB
HTML
Executable File
323 lines
10 KiB
HTML
Executable File
<!DOCTYPE html>
|
||
<html>
|
||
<head>
|
||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||
<meta name="viewport" content="initial-scale=1.0, minimum-scale=1.0, maximum-scale=2.0, user-scalable=no, width=device-width">
|
||
<title>
|
||
<#pageTitle>
|
||
</title>
|
||
<link rel="stylesheet" type="text/css" href="../commons/plug-in/mui/css/mui.min.css">
|
||
<link rel="stylesheet" type="text/css" href="../commons/plug-in/mui/css/iconfont.css">
|
||
<!-- AWS UI -->
|
||
<link rel="stylesheet" type="text/css" href="../apps/com.actionsoft.apps.workbench/css/com.actionsoft.apps.workbench.mobile.list.css">
|
||
<link rel='stylesheet' type='text/css' href='../apps/_bpm.portal/css/client.bpm.form.mobile.common.css'/>
|
||
<style>
|
||
.mui-bar-tab .mui-tab-item.mui-active {
|
||
color: #007aff !important;
|
||
}
|
||
.title{
|
||
padding-top:0;
|
||
}
|
||
/*
|
||
.groupNodes<#displayNavCss>{
|
||
margin-bottom: 50px;
|
||
}*/
|
||
.groupNode{
|
||
background-color: #fff;
|
||
padding: 10px 0px 0px 10px;
|
||
margin-top: 15px;
|
||
}
|
||
.groupNode.first{
|
||
margin-top: 0px;
|
||
}
|
||
.groupTitle{
|
||
color: #5478ac;
|
||
font-size: 16px;
|
||
line-height: 27px;
|
||
padding-bottom: 6px;
|
||
border-bottom: 1px solid #dfdfdf;
|
||
}
|
||
.mui-table-view:before {
|
||
left: 12px;
|
||
top: -2px;
|
||
}
|
||
.mui-table-view:before{
|
||
height: 0px !important;
|
||
}
|
||
.mui-table-view-cell:after{
|
||
background-color: #e6e6e6 !important;
|
||
}
|
||
.mui-table-view-cell:after {
|
||
left:12px;
|
||
bottom: 1px;
|
||
right:9px;
|
||
}
|
||
.mui-table-view:after {
|
||
height: 0px;
|
||
}
|
||
.mui-table-view-cell {
|
||
padding: 11px 12px 11px 17px;
|
||
}
|
||
.mui-input-search:before {
|
||
content: '\e466';
|
||
top: 8px;
|
||
position: absolute;
|
||
left: 9px;
|
||
z-index: 2;
|
||
}
|
||
input[type=search]{
|
||
border: 1px solid #eaeaea;
|
||
width: 320px;
|
||
padding-left: 36px;
|
||
padding-right: 24px;
|
||
height: 37px;
|
||
margin-top: 1px;
|
||
background-color: #fff;
|
||
border-radius: 4px;
|
||
}
|
||
.hideBottomBorder{
|
||
|
||
}
|
||
.hideBottomBorder:after{
|
||
height:0;
|
||
}
|
||
.processIcon{
|
||
position: absolute;
|
||
top: 10px;
|
||
width: 20px;
|
||
height: 20px;
|
||
left: 19px;
|
||
border-radius: 5px;
|
||
}
|
||
.cancelimg {
|
||
position: absolute;
|
||
top: 9px;
|
||
right: 5px;
|
||
height: 20px;
|
||
width: 20px;
|
||
fill: #ef1a0b;
|
||
display:none;
|
||
}
|
||
.rightPoint{
|
||
width: 20px;
|
||
height: 21px;
|
||
position: absolute;
|
||
right: 8px;
|
||
top: 11px;
|
||
}
|
||
.open_list{
|
||
position: relative;
|
||
float: right;
|
||
top: 3px;
|
||
right: 11px;
|
||
}
|
||
#search-icon_two{
|
||
display: inline-block;
|
||
width: 26px;
|
||
height: 26px;
|
||
background: url(../commons/img/mobile_search.png) no-repeat;
|
||
background-size: 80%;
|
||
position: absolute;
|
||
top: 10px;
|
||
left: 8px;
|
||
cursor: pointer;
|
||
z-index:100;
|
||
}
|
||
.select-icon {
|
||
display: inline-block;
|
||
width: 22px;
|
||
height: 26px;
|
||
background: url(../apps/com.actionsoft.apps.workbench/img/index/sousuo.png) no-repeat;
|
||
background-size: 80%;
|
||
position: absolute;
|
||
top: 12px;
|
||
right: 6px;
|
||
cursor: pointer;
|
||
}
|
||
|
||
</style>
|
||
</head>
|
||
<body>
|
||
<nav class="mui-bar mui-bar-tab" style="<#displayNavStyle>">
|
||
<a id="todo" class="mui-tab-item">
|
||
<span class="mui-icon mui-icon-list"></span>
|
||
<span class="mui-tab-label"><I18N#待办任务></span>
|
||
</a>
|
||
<a id="history" class="mui-tab-item">
|
||
<span class="mui-icon mui-icon-checkmarkempty"></span>
|
||
<span class="mui-tab-label"><I18N#已办任务></span>
|
||
</a>
|
||
<a id="start" class="mui-tab-item mui-active">
|
||
<span class="mui-icon mui-icon-plus" style="font-size:30px;"></span>
|
||
</a>
|
||
<a id="unreadNotice" class="mui-tab-item">
|
||
<span class="mui-icon mui-icon-compose"></span>
|
||
<span class="mui-tab-label"><I18N#未读通知></span>
|
||
</a>
|
||
<a id="notice" class="mui-tab-item">
|
||
<span class="mui-icon mui-icon-search"></span>
|
||
<span class="mui-tab-label"><I18N#通知查询></span>
|
||
</a>
|
||
</nav>
|
||
<div style='width:100%;height:50px;line-height: 50px;padding-top:5px;position: relative;background-color:#f8f8f8 !important;'>
|
||
<div class="mui-icon" style='position: absolute;top:13px;left:12px;width:5%;text-align: center;'>
|
||
<img id='home-icon' src='../apps/com.actionsoft.apps.workbench/img/index/homeicon.png' class='work-list-home'>
|
||
</div>
|
||
<div style='position: absolute;left:46px;right:12px;' id='search-input'>
|
||
<form action="#" id="searchForm" onsubmit="return false;">
|
||
<input type="search" id='search-title' class="mui-input-clear font15 search-input" style='border: 1px solid #eaeaea;width:100%;padding-left:8px;height:33px;position: absolute;top:5px;color:#666;background-color:transparent' placeholder="<I18N#请输入关键字>">
|
||
</form>
|
||
<span class="select-icon" id="search-icon"></span>
|
||
</div>
|
||
|
||
</div>
|
||
<div class="nodata" style="text-align: center;height: 100%;width: 100%;padding-top:80px;display: none;background-color:#ffffff">
|
||
<span style="display: inline-block;width: 100%;text-align: center;margin-bottom: 10px;"><img src="../apps/com.actionsoft.apps.workbench/img/nodata.svg"></span>
|
||
<span style="display: inline-block;width: 100%;text-align: center;color: #999">暂无数据</span>
|
||
</div>
|
||
<div id="dataList" class="mui-content">
|
||
<div class="mui-scroll" style="height: 600px;overflow: auto;background-color:#ffffff">
|
||
<!--数据列表-->
|
||
<div class="groupNodes">
|
||
<#taskListHtml>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<input type="hidden" id="sid" name="sid" value='<#sid>'>
|
||
<input type="hidden" id="listType" name="listType" value='<#listType>'>
|
||
<svg style="display: none;">
|
||
<symbol id="icon-cancel" viewBox="0 0 20 20">
|
||
<title>icon-cancel</title>
|
||
<path d="M10 1.6c-4.639 0-8.4 3.761-8.4 8.4s3.761 8.4 8.4 8.4 8.4-3.761 8.4-8.4c0-4.639-3.761-8.4-8.4-8.4zM14.789 13.061l-1.729 1.729-3.060-3.061-3.061 3.060-1.729-1.729 3.062-3.060-3.061-3.061 1.729-1.728 3.060 3.060 3.061-3.061 1.729 1.729-3.062 3.061 3.061 3.061z"></path>
|
||
</symbol>
|
||
</svg>
|
||
<script type="text/javascript" src="../commons/js/jquery/scripts/jquery.js"></script>
|
||
<script type="text/javascript" src="../apps/com.actionsoft.apps.workbench/js/com.actionsoft.apps.workbench.mobile.nav.js"></script>
|
||
<script type="text/javascript">
|
||
var displayNav = <#displayNav>;
|
||
$(document).ready(function() {
|
||
$(".mui-media-body").each(function(i, v) {
|
||
$(v).off('click').on('click', function(e) {
|
||
openMobileTask($(this).attr("url"));
|
||
e.stopPropagation();
|
||
});
|
||
});
|
||
$(".rightPoint").each(function(i, v) {
|
||
$(v).off('click').on('click', function(e) {
|
||
openMobileTask($(this).parent().find(".mui-media-body").attr("url"));
|
||
e.stopPropagation();
|
||
});
|
||
});
|
||
$("#home-icon").off('click').on('click', function() {
|
||
//window.location.href = window.location.href;
|
||
window.location.href = "./w?sid="+$("#sid").val()+"&cmd=com.actionsoft.apps.workbench_mobile_h5_home_page";
|
||
});
|
||
$("#search-icon").on("click",function(){
|
||
searchProcess($("#search-title").val());
|
||
});
|
||
$("#search-title").on("keypress",function(e){
|
||
if(e.which == 13){
|
||
searchProcess($(this).val());
|
||
$(this).blur();
|
||
e.preventDefault();
|
||
e.stopPropagation();
|
||
}
|
||
});
|
||
$("#search-title").on("keyup",function(e){
|
||
if($(this).val() == ""){
|
||
$("#cancel-icon").hide();
|
||
}else{
|
||
$("#cancel-icon").show();
|
||
}
|
||
});
|
||
$("#cancel-icon").on("click",function(){
|
||
$("#search-title").val("");
|
||
searchProcess("");
|
||
});
|
||
$(".mui-scroll").height($(window).height()-$("#topbtn").height() - 6 - (displayNav ? 50 : 0));
|
||
//$("#search-title").width($(window).width()-$("#search-icon").width()- 86);
|
||
|
||
$('.groupTitle img').off('click').on('click',function(){
|
||
var imgObj = $(this);
|
||
if (imgObj.hasClass("up")) {
|
||
imgObj.attr('src', "../apps/com.actionsoft.apps.workbench/img/open_16.png");
|
||
imgObj.removeClass("up").addClass("down");
|
||
$($($(this).parent())[0].nextSibling).slideUp(100)
|
||
} else {
|
||
imgObj.attr('src', "../apps/com.actionsoft.apps.workbench/img/close_16.png");
|
||
imgObj.removeClass("down").addClass("up");
|
||
$($($(this).parent())[0].nextSibling).slideDown(100)
|
||
}
|
||
});
|
||
});
|
||
function openMobileTask(url) {
|
||
try{
|
||
// window.location.href = url;
|
||
var processGroupId = url.substring(url.indexOf("groupId=")+8,url.indexOf("&processDefId"));
|
||
var processDefId = url.substring(url.indexOf("processDefId=")+13,url.indexOf("&sid"));
|
||
$.ajax({
|
||
type: "POST",
|
||
url: "./w",
|
||
data: {
|
||
cmd: "CLIENT_BPM_WORKLIST_PROCESSINST_CREATE_AJAX_PREPAGE",
|
||
sid: $("#sid").val(),
|
||
processGroupId: processGroupId,
|
||
processDefId: processDefId
|
||
},
|
||
success: function (newurl) {debugger
|
||
window.location.href = newurl;
|
||
}
|
||
});
|
||
}catch(e){
|
||
window.location.href = url;
|
||
}
|
||
|
||
|
||
}
|
||
function searchProcess(value){
|
||
$(".nodata").hide();
|
||
$(".mui-table-view.mui-table-view-chevron").parent().show();
|
||
$(".groupNode ul").show();
|
||
$(".open_list").attr('src', "../apps/com.actionsoft.apps.workbench/img/close_16.png");
|
||
$(".open_list.down").removeClass("down").addClass("up");
|
||
if(value == ""){
|
||
$(".mui-table-view-cell.mui-media").show();
|
||
}
|
||
$(".groupNode .mui-media").each(function(){
|
||
if($(this).text().indexOf(value)==-1){
|
||
$(this).hide();
|
||
//$(this).removeClass("mui-table-view-cell");
|
||
}else{
|
||
//$(this).addClass("mui-table-view-cell");
|
||
$(this).removeClass("hideBottomBorder");
|
||
$(this).show();
|
||
}
|
||
});
|
||
var num = 0;
|
||
$(".mui-table-view.mui-table-view-chevron").each(function(){
|
||
var lastVisible = $(this).find(".mui-table-view-cell.mui-media:visible:last");
|
||
if(lastVisible.length == 0){
|
||
$(this).parent().hide();
|
||
}else{
|
||
$(this).find(".mui-table-view-cell.mui-media").each(function () {
|
||
if($(this).css('display')!='none'){
|
||
num++;
|
||
}
|
||
});
|
||
$(this).parent().find(".sernum")[0].innerText="（"+num+"）";
|
||
$($(this).parent().find(".sernum")[0]).show();
|
||
$($(this).parent().find(".itemnum")[0]).hide();
|
||
$(this).parent().show();
|
||
lastVisible.addClass("hideBottomBorder");
|
||
}
|
||
});
|
||
$(".groupNode.first").removeClass("first");
|
||
$(".groupNode:visible:first").addClass("first");
|
||
if(num==0){
|
||
$(".nodata").show();
|
||
}
|
||
}
|
||
</script>
|
||
</body>
|
||
</html>
|