<!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: 0px 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;
|
}
|
.send_down{
|
height:40px;
|
line-height:30px;
|
background-color:#7D8F9B;
|
|
}
|
h2{
|
font-size:15px;
|
padding-left:10px;
|
padding-top:7px;
|
float: left;
|
}
|
a.time{
|
color:#000000;
|
font-size:12px;
|
float: left;
|
padding-top:16px;
|
|
|
}
|
.submit_button{
|
|
width:80%;
|
margin:0 auto;
|
margin-top:20px;
|
}
|
.weui-btn {
|
position: relative;
|
display: block;
|
margin-left: auto;
|
margin-right: auto;
|
padding-left: 14px;
|
padding-right: 14px;
|
box-sizing: border-box;
|
font-size: 18px;
|
text-align: center;
|
text-decoration: none;
|
color: #FFFFFF;
|
line-height: 2.55555556;
|
border-radius: 5px;
|
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
|
overflow: hidden;
|
}
|
.weui-btn_primary {
|
background-color: #1AAD19;
|
}
|
.font{
|
font-size:15px;
|
}
|
|
.add_img{
|
height:60px;
|
line-height: 60px;
|
background-color: #ffffff;
|
}
|
|
.add_img input{
|
float: left;
|
margin-top:15px;
|
margin-left:20px;
|
}
|
.add_file{
|
height:41px;
|
line-height: 41px;
|
|
}
|
.add_file span{
|
float: left;
|
padding-left: 15px;
|
}
|
.add_file button{
|
float: right;
|
margin-right: 15px;
|
|
}
|
#examine_content{
|
|
}
|
|
|
|
</style>
|
<!--<link rel="stylesheet" href="node_modules/weui/dist/style/weui.min.css"/>-->
|
</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>
|
|
|
<div class="mui-page-content mui-scroll-wrapper feedback ">
|
<div class="mui-scroll">
|
<!--清除浮动-->
|
<div style="height: 43px;"></div>
|
<!--<div class="send_down">-->
|
<!--<h2>人大附中下发</h2>-->
|
<!--<!–开始时间–>-->
|
<!--<a class="time"> 开始日期:<span class="task_waitsubmit-startDate"></span></a>-->
|
<!--<!–截止时间–>-->
|
<!--<a class="time"> 截止日期:<span class="task_waitsubmit-endDate"></span></a>-->
|
<!--</div>-->
|
|
<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>
|
<!--检查方法-->
|
<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="row mui-input-row" style="height:82px">
|
<div class="checkContent feContent">
|
<textarea name="" id="examine_content" cols="30" rows="10" style="padding-top:-10px">
|
请详细描述你的问题和意见...
|
</textarea>
|
|
</div>
|
</div>
|
|
|
<!--图片上传-->
|
<div class="mui-content-padded">
|
<div class="mui-inline">上传图片（最多上传3张图片）</div>
|
</div>
|
|
<div class="add_img">
|
|
<input type="file" accept="image/*" />
|
|
<!--<input type="file" accept="image/*" />-->
|
<!--<input type="file" accept="image/*" />-->
|
</div>
|
|
<!--文件上传-->
|
<!--<div class="mui-content-padded">-->
|
<!--<div class="mui-inline">上传文件 </div>-->
|
<!--</div>-->
|
<!--<div class="add_file">-->
|
<!--<span>附件（0）</span>-->
|
<!--<button>+上传</button>-->
|
<!--</div>-->
|
|
|
<!--审核达标-->
|
|
<!--<form action="" method="get">-->
|
<!--审核: -->
|
<!--<label><input name="true" type="radio" value="达标" />达标 </label> -->
|
<!--<label><input name="flase" type="radio" value="未达标" />未达标</label>-->
|
<!--</form>-->
|
<div class="mui-content-padded">
|
<div class="mui-inline">审核 </div>
|
</div>
|
<ul class="mui-table-view mui-table-view-radio font">
|
<li class="mui-table-view-cell">
|
<a class="mui-navigate-right">达标</a>
|
</li>
|
<li class="mui-table-view-cell mui-selected">
|
<a class="mui-navigate-right">未达标</a>
|
</li>
|
|
</ul>
|
|
|
|
|
|
|
|
<!--提交-->
|
<div class="submit_button">
|
<a href="#" class="weui-btn weui-btn_primary">提交</a>
|
|
</div>
|
|
|
|
</div>
|
</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 src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
|
<script type="text/javascript" src="js/common.js" ></script>
|
<!--测试-->
|
<script>
|
var list = document.querySelector('.mui-table-view.mui-table-view-radio');
|
list.addEventListener('selected',function(e){
|
console.log("当前选中的为："+e.detail.el.innerText);
|
});
|
|
|
</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");
|
// alert("periods:"+periods);
|
var p = "";
|
mui.each(periods.split(","),function(index,entity){
|
p += weeks[parseInt(entity)]+",";
|
});
|
$(".task_waitsubmit-periods").text(p);
|
$("#examine_content").click(function(){
|
$("#examine_content").val("");
|
});
|
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);
|
}
|
});
|
}
|
//微信
|
wx.config({
|
appId: '1234566s', // 必填，公众号的唯一标识
|
timestamp:'' , // 必填，生成签名的时间戳
|
nonceStr: '', // 必填，生成签名的随机串
|
signature: '',// 必填，签名，见附录1
|
jsApiList: [ // 必填，需要使用的JS接口列表，所有JS接口列表见附录2
|
'openLocation',//这里不知道你用的地理接口是哪个就两个都写上了
|
'getLocation'
|
]
|
});
|
|
|
|
// //ready验证
|
// wx.ready(function(){
|
// // config信息验证后会执行ready方法，所有接口调用都必须在config接口获得结果之后，config是一个客户端的异步操作，所以如果需要在页面加载时就调用相关接口，则须把相关接口放在ready函数中调用来确保正确执行。对于用户触发时才调用的接口，则可以直接调用，不需要放在ready函数中。
|
// });
|
//
|
// //失败
|
// wx.error(function(res){
|
// // config信息验证失败会执行error函数，如签名过期导致验证失败，具体错误信息可以打开config的debug模式查看，也可以在返回的res参数中查看，对于SPA可以在这里更新签名。
|
// });
|
//
|
|
|
$(".add_img").click ( function () {
|
wx.chooseImage({
|
count: 1, // 默认9
|
sizeType: ['original', 'compressed'], // 可以指定是原图还是压缩图，默认二者都有
|
sourceType: ['album', 'camera'], // 可以指定来源是相册还是相机，默认二者都有
|
success: function (res) {
|
var localIds = res.localIds; // 返回选定照片的本地ID列表，localId可以作为img标签的src属性显示图片
|
alert('已选择 ' + res.localIds.length + ' 张图片');
|
}
|
});
|
});
|
|
</script>
|
|
</body>
|
|
</html>
|
