apps/com.actionsoft.apps.workbench/template/page/com.actionsoft.apps.workbench.mobile.h5.list.htm
shangxiaoran@qq.com 2608324b68 初始化应用
2022-06-28 01:22:45 +08:00

148 lines
6.8 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="../commons/css/awsui.css">
<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'/>
<link rel="stylesheet" type="text/css" href="../apps/com.actionsoft.apps.workbench/css/com.actionsoft.apps.workbench.mobile.h5.list.css">
<script>
var displayNav = <#displayNav>;
var isNullData = <#isNullData>;
var PCmenuID = "<#PCmenuID>";
</script>
<style>
.mui-table-view-cell:after{
background-color: #e6e6e6 !important;
right:11px;
}
span.icon-yiban-changtai.iconfont.mui-icon{
font-size: 30px !important;
left:-4px;
top: 2px;
}
.mui-bar.mui-bar-tab{
height:54px !important;
}
.mui-bar-tab .mui-tab-item .mui-icon~.mui-tab-label{
font-size: 10px !important;
}
.mui-table-view:before{
background-color: #fff;
}
a{
color:#8a8a8a !important;
}
.operation{
display: inline-block;
margin: 0 2px 0 0px;
padding: 5px;
line-height: 10px;
text-align: center;
vertical-align: middle;
border-radius: 10px;
font-weight: normal;
color: white;
background-color: #df5555;
font-size: 10px;
min-width: 10px;
height: 20px;
margin-left: 3px;
}
</style>
</head>
<body>
<!--<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;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;' >
<div id='search-input'>
<form action="#">
<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;' placeholder="<I18N#请输入关键字>">
</form>
</div>
<span class="select-icon" id="search-icon"></span>
<span id='delete-icon' style="display:none;">
<img class="mui-pull-right work-list-home" style='margin-top:9px;margin-right: 5px' src="../apps/_bpm.portal/img/mobileui/icon-delete.png"/>
</span>
</div>
</div>-->
<div class='headDiv'>
<div class='homeIconDiv'>
<img id='home-icon' src='../apps/com.actionsoft.apps.workbench/img/index/homeicon.png' class='work-list-home'>
</div>
<div class="batchAll" id="get-all-batch" style="display: none"><span>批量办理</span></div>
<div id="mobile_search" style="align-self: center;width: calc(100% - 104px);" >
<div id='search-input' style="margin-left: 11px;width: calc(100% - 12px);box-sizing: border-box;">
<form action="#">
<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;background: white;color: #666;' placeholder="<I18N#请输入关键字>">
</form>
</div>
<span class="select-icon" id="search-icon" style="top: 16px;right: 9px;"></span>
</div>
<div id="rightBtn" style="align-self: center;margin-left: auto;white-space: nowrap;">
<div class="isBatchToolBar" id='isBatchCheckAll' selectTag='true' style="display:none;">全选<div class="operation bubble-todo ischeckedcount" style="display: none">11</div></div>
<div class="isBatchToolBar BatchComplete" id='isBatchComplete' style="display:none;">提交办理</div>
<div id='delete-icon' style="display:none;margin-right: 9px;margin-top: -3px;">
<img class="mui-pull-right work-list-home" src="../apps/_bpm.portal/img/mobileui/icon-delete.png"/>
</div>
</div>
</div>
<nav class="mui-bar mui-bar-tab" style="<#displayNavStyle>;">
<a id="todo" class="mui-tab-item">
<span class="mui-icon iconfont icon-bianji1"></span>
<span class="mui-tab-label" style="position: relative;top: 1px;"><I18N#待办任务></span>
</a>
<a id="history" class="mui-tab-item">
<span class="mui-icon iconfont icon-yiban-changtai"></span>
<span style="position: relative;left: -2px;top: -2px;" class="mui-tab-label"><I18N#已办任务></span>
</a>
<a id="unreadNotice" class="mui-tab-item">
<span class="mui-icon iconfont icon-tongzhi"></span>
<span class="mui-tab-label" style="position: relative;top: 1px;"><I18N#待阅任务></span>
</a>
<a id="track" class="mui-tab-item">
<span class="mui-icon iconfont icon-ziyuan" style="font-size: 21px;"></span>
<span class="mui-tab-label" style="position: relative;top: 2px;"><I18N#我发起的></span>
</a>
</nav>
<div class="mui-content">
<div id="dataList" class="mui-content mui-scroll-wrapper" style="bottom:54px">
<div class="nodata" style="text-align: center;height: 100%;width: 100%;position: absolute; top: 0px;z-index:10;display: none;background-color: white;">
<span style="display: inline-block;width: 100%;text-align: center;margin-top:80px;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"><I18N#暂无数据></span>
</div>
<div class="mui-scroll">
<!--数据列表-->
<ul class="mui-table-view mui-table-view-chevron">
<#list>
</ul>
</div>
</div>
</div>
<input type="hidden" id="sid" name="sid" value='<#sid>'>
<input type="hidden" id="listType" name="listType" value='<#listType>'>
</body>
<script type="text/javascript" src="../commons/js/jquery/scripts/jquery.js"></script>
<script type="text/javascript" src="../commons/plug-in/mui/js/mui.min.js"></script>
<script type="text/javascript" src="../commons/js/awsui.js"></script>
<script type="text/javascript" src="../commons/js/aws.mobile.api.js"></script>
<script type="text/javascript" src="../apps/com.actionsoft.apps.workbench/js/com.actionsoft.apps.workbench.mobile.h5.list.js"></script>
<script type="text/javascript" src="../apps/com.actionsoft.apps.workbench/js/com.actionsoft.apps.workbench.mobile.h5.nav.js"></script>
<script>
awsWebview.setCanGoback(false);
mui.init({
swipeBack:true //启用右滑关闭功能
});
</script>
</html>