<!doctype html>
|
<html>
|
|
<head>
|
<meta charset="UTF-8">
|
<title></title>
|
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
|
<link href="css/mui.min.css" rel="stylesheet" />
|
<link rel="stylesheet" type="text/css" href="css/feedback.css"/>
|
<link rel="stylesheet" type="text/css" href="css/mui.picker.css"/>
|
<link rel="stylesheet" type="text/css" href="css/mui.poppicker.css"/>
|
<style>
|
.mui-pull-right{
|
color:#999999;
|
}
|
.mui-card{
|
margin: 0px;
|
}
|
html,
|
body {
|
background-color: #efeff4;
|
}
|
.mui-views,
|
.mui-view,
|
.mui-pages,
|
.mui-page,
|
.mui-page-content {
|
position: absolute;
|
left: 0;
|
right: 0;
|
top: 0;
|
bottom: 0;
|
width: 100%;
|
height: 100%;
|
background-color: #efeff4;
|
}
|
.mui-pages {
|
top: 46px;
|
height: auto;
|
}
|
.mui-scroll-wrapper,
|
.mui-scroll {
|
background-color: #efeff4;
|
}
|
.mui-page.mui-transitioning {
|
-webkit-transition: -webkit-transform 300ms ease;
|
transition: transform 300ms ease;
|
}
|
.mui-page-left {
|
-webkit-transform: translate3d(0, 0, 0);
|
transform: translate3d(0, 0, 0);
|
}
|
.mui-ios .mui-page-left {
|
-webkit-transform: translate3d(-20%, 0, 0);
|
transform: translate3d(-20%, 0, 0);
|
}
|
.mui-navbar {
|
position: fixed;
|
right: 0;
|
left: 0;
|
z-index: 10;
|
height: 44px;
|
background-color: #f7f7f8;
|
}
|
.mui-navbar .mui-bar {
|
position: absolute;
|
background: transparent;
|
text-align: center;
|
}
|
.mui-android .mui-navbar-inner.mui-navbar-left {
|
opacity: 0;
|
}
|
.mui-ios .mui-navbar-left .mui-left,
|
.mui-ios .mui-navbar-left .mui-center,
|
.mui-ios .mui-navbar-left .mui-right {
|
opacity: 0;
|
}
|
.mui-navbar .mui-btn-nav {
|
-webkit-transition: none;
|
transition: none;
|
-webkit-transition-duration: .0s;
|
transition-duration: .0s;
|
}
|
.mui-navbar .mui-bar .mui-title {
|
display: inline-block;
|
width: auto;
|
}
|
.mui-page-shadow {
|
position: absolute;
|
right: 100%;
|
top: 0;
|
width: 16px;
|
height: 100%;
|
z-index: -1;
|
content: '';
|
}
|
.mui-page-shadow {
|
background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, .01) 50%, rgba(0, 0, 0, .2) 100%);
|
background: linear-gradient(to right, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, .01) 50%, rgba(0, 0, 0, .2) 100%);
|
}
|
.mui-navbar-inner.mui-transitioning,
|
.mui-navbar-inner .mui-transitioning {
|
-webkit-transition: opacity 300ms ease, -webkit-transform 300ms ease;
|
transition: opacity 300ms ease, transform 300ms ease;
|
}
|
.mui-page {
|
display: none;
|
}
|
.mui-pages .mui-page {
|
display: block;
|
}
|
|
.mui-table-view span.mui-pull-right {
|
color: #999;
|
}
|
.mui-table-view-divider {
|
background-color: #efeff4;
|
font-size: 14px;
|
}
|
.mui-table-view-divider:before,
|
.mui-table-view-divider:after {
|
height: 0;
|
}
|
.head {
|
height: 40px;
|
}
|
#head {
|
line-height: 40px;
|
}
|
.head-img {
|
width: 40px;
|
height: 40px;
|
}
|
#head-img1 {
|
position: absolute;
|
bottom: 10px;
|
right: 40px;
|
width: 40px;
|
height: 40px;
|
}
|
.update {
|
font-style: normal;
|
color: #999999;
|
margin-right: -25px;
|
font-size: 15px
|
}
|
.mui-fullscreen {
|
position: fixed;
|
z-index: 20;
|
background-color: #000;
|
}
|
.mui-ios .mui-navbar .mui-bar .mui-title {
|
position: static;
|
}
|
/*问题反馈在setting页面单独的css*/
|
#feedback .mui-popover{
|
position: fixed;
|
}
|
#feedback .mui-table-view:last-child {
|
margin-bottom: 0px;
|
}
|
#feedback .mui-table-view:first-child {
|
margin-top: 0px;
|
}
|
/*问题反馈在setting页面单独的css==end*/
|
.checkContent{
|
width: 100%;
|
padding: 10px 15px 10px 15px;
|
border-radius: 3px;
|
background-color: #fff;
|
font-size: 14px;
|
color: #000;
|
}
|
.submit_but{
|
position: fixed;
|
bottom: 0px;
|
line-height: 0.8em;
|
width: 90%;
|
left: 1em;
|
border-radius: 10px;
|
}
|
.mui-title{
|
color:#ffffff;
|
}
|
</style>
|
</head>
|
|
<body class="mui-fullscreen">
|
<!--页面主结构开始-->
|
<div id="app" class="mui-views">
|
<div class="mui-view">
|
<div class="mui-navbar">
|
</div>
|
<div class="mui-pages">
|
</div>
|
</div>
|
</div>
|
<div id="setting" class="mui-page">
|
<!--页面标题栏开始-->
|
<div class="mui-navbar-inner mui-bar mui-bar-nav" style="background-color: #0d0d0d">
|
<button type="button" class="mui-left mui-action-back mui-btn mui-btn-link mui-btn-nav mui-pull-left">
|
<span class="mui-icon mui-icon-left-nav"></span>
|
</button>
|
<h1 class="mui-center mui-title">学校消防安全工作季度检查表</h1>
|
</div>
|
<div class="mui-page-content mui-scroll-wrapper feedback ">
|
<div class="mui-scroll">
|
<ul class="mui-table-view">
|
<li class="mui-table-view-cell">
|
<a>开始日期<span class="mui-pull-right task_waitsubmit-startDate"></span></a>
|
</li>
|
<li class="mui-table-view-cell">
|
<a>截止日期<span class="mui-pull-right task_waitsubmit-endDate"></span></a>
|
</li>
|
<li class="mui-table-view-cell">
|
<a>执行周期<span class="mui-pull-right task_waitsubmit-periods"></span></a>
|
</li>
|
</ul>
|
<h5 class="mui-content-padded">检查项目</h5>
|
<div class="mui-card">
|
<ul class="mui-table-view inspectionItemTaskList">
|
</ul>
|
</div>
|
<h5 class="mui-content-padded">审批过程</h5>
|
<div class="row mui-input-row">
|
<div class="mui-card">
|
<ul class="mui-table-view approvalLinks">
|
</ul>
|
</div>
|
</div>
|
</div>
|
</div>
|
|
</div>
|
<div id="feedback" class="mui-page feedback inspectionItemTask">
|
<div class="mui-navbar-inner mui-bar mui-bar-nav">
|
<button type="button" class="mui-left mui-action-back mui-btn mui-btn-link mui-btn-nav mui-pull-left">
|
<span class="mui-icon mui-icon-left-nav"></span>
|
</button>
|
<h1 class="mui-center mui-title">校园治安</h1>
|
</div>
|
<div class="mui-page-content">
|
<div class="mui-content-padded">
|
<div class="mui-inline">检查内容 </div>
|
</div>
|
<div class="row mui-input-row">
|
<div class="checkContent feContent">
|
请详细描述你的问题和意见...
|
</div>
|
</div>
|
<div class="mui-content-padded">
|
<div class="mui-inline">检查方法 </div>
|
</div>
|
<div class="row mui-input-row">
|
<div class="checkContent feFun">
|
请详细描述你的问题和意见...
|
</div>
|
</div>
|
<div class="mui-content-padded">
|
<div class="mui-inline">提交检查 </div>
|
</div>
|
<ul class="mui-table-view">
|
<li class="mui-table-view-cell ">
|
<a>是否达标<span class="mui-pull-right isdb"></span></a>
|
</li>
|
</ul>
|
<p>存在问题</p>
|
<div class="row mui-input-row">
|
<div class="checkContent question">
|
</div>
|
</div>
|
</div>
|
</div>
|
<div id="flowHistoryList" class="mui-page feedback flowHistoryList">
|
<div class="mui-navbar-inner mui-bar mui-bar-nav">
|
<button type="button" class="mui-left mui-action-back mui-btn mui-btn-link mui-btn-nav mui-pull-left">
|
<span class="mui-icon mui-icon-left-nav"></span>
|
</button>
|
<h1 class="mui-center mui-title">校园治安</h1>
|
</div>
|
<div class="mui-page-content">
|
<div class="mui-scroll">
|
<!--数据列表-->
|
<ul class="mui-table-view mui-table-view-striped mui-table-view-condensed">
|
|
</ul>
|
</div>
|
</div>
|
</div>
|
<script src="js/mui.min.js"></script>
|
<script src="js/mui.view.js "></script>
|
<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
|
<script type="text/javascript" src="js/common.js" ></script>
|
<script type="text/javascript">
|
if(sessionCache.getSessionCashe("userToken") == null){
|
location.href="login.html";
|
}
|
mui.init();
|
//初始化单页view
|
var viewApi = mui('#app').view({
|
defaultPage: '#setting'
|
});
|
//初始化单页的区域滚动
|
mui('.mui-scroll-wrapper').scroll();
|
var view = viewApi.view;
|
(function($) {
|
//处理view的后退与webview后退
|
var oldBack = $.back;
|
mui.back = function() {
|
if (viewApi.canBack()) { //如果view可以后退，则执行view的后退
|
viewApi.back();
|
} else { //执行webview后退
|
oldBack();
|
}
|
};
|
})(mui);
|
$(".task_waitsubmit-startDate").text(sessionCache.getSessionCashe("task_waitsubmit-startDate"));
|
$(".task_waitsubmit-endDate").text(sessionCache.getSessionCashe("task_waitsubmit-endDate"));
|
var weeks = [,"星期一","星期二","星期三","星期四","星期五","星期六","星期日"];
|
var periods = sessionCache.getSessionCashe("task_waitsubmit-weeks");
|
var p = "";
|
mui.each(periods.split(","),function(index,entity){
|
p += weeks[parseInt(entity)]+",";
|
});
|
$(".task_waitsubmit-periods").text(p);
|
mui.ajax(
|
serverUrl + "auth/safety/itemtask/edittask.json", {
|
data:{
|
publishTaskId:sessionCache.getSessionCashe("publishTaskId")
|
},
|
dataType:'json',
|
async : false,
|
type: 'get', //HTTP请求类型
|
headers: {
|
'Content-Type': 'application/json',
|
'Authorization': sessionCache.getSessionCashe("userToken")
|
},
|
success: function(data) {
|
if(data.code == 000){
|
console.log(data);
|
if(data.code == 000){
|
|
mui.each(data.data.approvalLink,function(index_1,entity_1){
|
$(".approvalLinks").append('<li class="mui-table-view-cell"><a id="feedback-btn" href="#flowHistoryList" class="mui-navigate-right">'+entity_1+"--"+data.data.flowHistoryList[index_1].operatorId+'</a></li>');
|
});
|
mui.each(data.data.flowHistoryList,function(index_2,entity_2){
|
var date = new Date();
|
date.setTime(entity_2.updateTime);
|
var dateStr = date.getFullYear()+"-"+(date.getMonth()+1)+"-"+date.getDate();
|
$("#flowHistoryList .mui-table-view").append('<li class="mui-table-view-cell"><div class="mui-table"><div class="mui-table-cell mui-col-xs-10"> <h4 class="mui-ellipsis">'+entity_2.operatorId+'</h4><h5>状态：'+entity_2.status+'</h5><p class="mui-h6 mui-ellipsis">'+(entity_2.checkOpinion == null ? "" : entity_2.checkOpinion)+'</p></div><div class="mui-table-cell mui-col-xs-2 mui-text-right"><span class="mui-h5">'+dateStr+'</span> </div> </div> </li>');
|
});
|
|
mui.each(data.data.inspectionItemTaskList,function(index,entity){
|
$(".inspectionItemTaskList").append('<li class="mui-table-view-cell"><a id="feedback-btn" href="#feedback'+index+'" class="mui-navigate-right">'+entity.name+'</a></li>');
|
var fediv = $("#feedback").clone();
|
$(fediv).attr("id","feedback"+index);
|
$(fediv).attr("data-id",entity.id);
|
$(document.body).append(fediv);
|
$(fediv).find(".mui-title").text(entity.name);
|
$(fediv).find(".feContent").text(entity.content);
|
$(fediv).find(".feFun").text(entity.mode == null ? "" : entity.mode);
|
var isdb = entity.isUpStandard == 1 ? "达标" : "未达标";
|
$(fediv).find(".isdb").text(isdb);
|
$(fediv).find(".question").text(entity.problem == null ? "暂无" : entity.problem);
|
});
|
$("#feedback").remove();
|
}
|
}
|
},
|
error: function(xhr, type, errorThrown) {
|
//异常处理；
|
console.log(type);
|
}
|
});
|
|
</script>
|
</body>
|
|
</html>
|
