<!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:#1A1A1A;">
|
<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="mui-input-row">
|
<textarea id='taskOpinion' class="mui-input-clear question" placeholder="内容..."></textarea>
|
</div>
|
|
</div>
|
<!--按钮-->
|
<button type="button" class="mui-btn mui-btn-primary mui-btn-block submit_but" onclick="dataSubmit()" style="z-index:99">保存并提交</button>
|
|
</div>
|
|
</div>
|
<div id="feedback" class="mui-page feedback inspectionItemTask">
|
<div class="mui-navbar-inner mui-bar mui-bar-nav">
|
<button class="mui-btn mui-btn-blue mui-btn-link mui-pull-right isok">完成
|
</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" style="height:40px">
|
请详细描述你的问题和意见...
|
</div>
|
</div>
|
<div class="mui-content-padded">
|
<div class="mui-inline">提交检查 </div>
|
</div>
|
<div class="mui-card">
|
<ul class="mui-table-view">
|
<li class="mui-table-view-cell ">
|
<a class="mui-navigate-right db-btn">是否达标<span class="mui-pull-right isdb"></span></a>
|
</li>
|
</ul>
|
</div>
|
<p>存在问题</p>
|
<div class="mui-input-row">
|
<textarea class="mui-input-clear question" placeholder="请填写存在的问题..."></textarea>
|
</div>
|
</div>
|
</div>
|
<script src="js/mui.min.js"></script>
|
<script src="js/mui.view.js "></script>
|
<script src="js/mui.picker.js"></script>
|
<script src="js/mui.poppicker.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();
|
}
|
};
|
//监听页面切换事件方案1,通过view元素监听所有页面切换事件，目前提供pageBeforeShow|pageShow|pageBeforeBack|pageBack四种事件(before事件为动画开始前触发)
|
//第一个参数为事件名称，第二个参数为事件回调，其中e.detail.page为当前页面的html对象
|
view.addEventListener('pageBeforeShow', function(e) {
|
// console.log(e.detail.page.id + ' beforeShow');
|
});
|
view.addEventListener('pageShow', function(e) {
|
// console.log(e.detail.page.id + ' show');
|
});
|
view.addEventListener('pageBeforeBack', function(e) {
|
// console.log(e.detail.page.id + ' beforeBack');
|
});
|
view.addEventListener('pageBack', function(e) {
|
// console.log(e.detail.page.id + ' back');
|
});
|
})(mui);
|
//普通示例
|
var userPicker = new mui.PopPicker();
|
userPicker.setData([{
|
value: '1',
|
text: '达标'
|
}, {
|
value: '0',
|
text: '未达标'
|
}]);
|
$(".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.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);
|
$(fediv).find(".db-btn").on("tap",function(){
|
userPicker.show(function(items) {
|
$(fediv).find(".isdb").text(items[0].text);
|
$(fediv).find(".isdb").attr("data-id",items[0].value);
|
});
|
});
|
$(fediv).find(".isok").on("tap",function(){
|
viewApi.back();
|
});
|
});
|
$("#feedback").remove();
|
}
|
}
|
},
|
error: function(xhr, type, errorThrown) {
|
//异常处理；
|
console.log(type);
|
}
|
});
|
|
//操作提交
|
function dataSubmit(){
|
if(mui(".inspectionItemTask").length == 0){
|
mui.alert("无检查项目，无需提交！");
|
return false;
|
}
|
var resafetyitemtask = new Array();
|
var isy = true;
|
mui.each(mui(".inspectionItemTask"),function(index,entity){
|
var data = new Object();
|
data.isUpStandard = $(entity).find(".isdb").attr("data-id");
|
if($(entity).find(".isdb").attr("data-id") == undefined){
|
mui.alert("请选择“"+$(entity).find(".mui-title").text()+"”是否达标！");
|
isy = false;
|
return false;
|
}
|
data.id = $(entity).attr("data-id");
|
data.problem = $(entity).find(".question").val();
|
resafetyitemtask.push(data);
|
});
|
if(!isy){
|
return false;
|
}
|
mui.ajax(
|
serverUrl + "auth/safety/itemtask/updatetaskitems.json", {
|
data:JSON.stringify({
|
"publishTaskId": sessionCache.getSessionCashe("publishTaskId"),
|
"status": "1",
|
"checkResult": null,
|
"checkOpinion": $("#taskOpinion").val(),
|
"resafetyitemtask": resafetyitemtask
|
}),
|
dataType:'json',
|
async : false,
|
type: 'post', //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.alert(data.message);
|
mui.back();
|
}
|
}
|
},
|
error: function(xhr, type, errorThrown) {
|
alert(1);
|
//异常处理；
|
console.log(type);
|
}
|
});
|
}
|
</script>
|
</body>
|
|
</html>
|
