|
@@ -21,10 +21,12 @@
|
|
|
<div class="mainContainer" style="overflow-y:hidden">
|
|
|
<!--内容-->
|
|
|
<div class="mainContent signContent">
|
|
|
- <div class="title clearfix sign-title-height">
|
|
|
+ <div class="title clearfix sign-title-height" style="position: relative;z-index: 1">
|
|
|
+ <div class="stop-touch" style="z-index: 10;position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: none;"></div>
|
|
|
<input type="hidden" value="{{maxwidth}}" id="imgwidth">
|
|
|
<input type="hidden" value="{{maxheight}}" id="imgheight">
|
|
|
<div class="fR sign-topbar">
|
|
|
+ <a class="btn btn-warning" data-toggle="modal" onclick="checkpicdel();" <!-- if {{hadupload}} == 0 -->style="display:none;"<!-- endif -->><i class="glyphicon glyphicon-revoke"></i> 撤销已插入草图</a>
|
|
|
<a class="btn btn-primary" style="position: relative" href="javascript:void(0);"><i class="glyphicon glyphicon-upload"></i>上传图片<input type="file" id="addpic" accept="image/gif,image/jpeg,image/jpg,image/png,image/svg" style="position: absolute;opacity: 0;filter: alpha(opacity=0);height: 100%;width: 100%;left: 0; top: 0;cursor: pointer;font-size: 0;" /></a>
|
|
|
<a class="btn btn-success" data-toggle="modal" onclick="checkpicup();" ><i class="glyphicon glyphicon-ok"></i> 完成草图添加</a>
|
|
|
</div>
|
|
@@ -40,7 +42,7 @@
|
|
|
<div class="warp-printer" id="intermediateMake">
|
|
|
<div class="page" style="width: {{maxwidth}}px" id="intermediatePage{{currnum}}">
|
|
|
<input type="hidden" value="{{currnum}}" id="pagecurrnum">
|
|
|
- <img src="{{rootUrl}}{{attmsg.filepath}}">
|
|
|
+ <img src="{{rootUrl}}{{attmsg.filepath}}?t={{time}}">
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
@@ -60,13 +62,33 @@
|
|
|
</div>
|
|
|
<div class="modal-footer">
|
|
|
<button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
|
|
|
- <a class="btn btn-success" data-dismiss="modal" data-toggle="modal" href="#up" onclick="allpicupset();">确认完成</a>
|
|
|
+ <a class="btn btn-success" data-dismiss="modal" data-toggle="modal" href="#up" onclick="allpicupset();">确认完成</a>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<!-- 完成添加草图 -->
|
|
|
|
|
|
+<!-- 撤销本页已添加的草图 -->
|
|
|
+<div id="del" class="modal fade" tabindex="-1" role="dialog" aria-hidden="true">
|
|
|
+ <div class="modal-dialog">
|
|
|
+ <div class="modal-content">
|
|
|
+ <div class="modal-body">
|
|
|
+ <h4>撤销后本页报表已插入的图片将删除</h4>
|
|
|
+ <h4>确认撤销本页已插入的草图?</h4>
|
|
|
+ </div>
|
|
|
+ <form onsubmit="return clearpic();" method="post">
|
|
|
+ <input type="hidden" name="clearnum" value="" id="clearnum">
|
|
|
+ <div class="modal-footer">
|
|
|
+ <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
|
|
|
+ <button class="btn btn-warning" type="submit" name="clear">确认撤销</button>
|
|
|
+ </div>
|
|
|
+ </form>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+</div>
|
|
|
+<!-- 完成添加草图 -->
|
|
|
+
|
|
|
<!-- 进度条 -->
|
|
|
<div id="up" class="modal fade" tabindex="-1" role="dialog" aria-hidden="true" data-backdrop="static" data-keyboard="false">
|
|
|
<div class="modal-dialog">
|
|
@@ -101,55 +123,76 @@
|
|
|
<script src="{{rootUrl}}global/js/nprogress.js"></script>
|
|
|
<link rel="stylesheet" href="{{rootUrl}}global/css/nprogress.css">
|
|
|
<script>
|
|
|
- if ($.support.pjax) {
|
|
|
$(document).on('click', '.sign-page-num a', function(event) {
|
|
|
//设置页码和翻页按钮
|
|
|
if(!$(this).attr('disabled')){
|
|
|
var num = parseInt($(this).attr('data-num'));
|
|
|
- if(checkpicmake()){
|
|
|
- $.pjax.click(event, {container: '#intermediateMake'});
|
|
|
- if($(this).attr('data-alog') > 0 && num <= parseInt($('#totalnum').text())){
|
|
|
- if(num == parseInt($('#totalnum').text())){
|
|
|
- $(this).attr('disabled',true);
|
|
|
- $(this).attr('href','javascript:void(0);');
|
|
|
- }else{
|
|
|
- var curr = num + 1;
|
|
|
- $(this).attr('data-num',curr);
|
|
|
- $(this).attr('disabled',false);
|
|
|
- $(this).attr('href','/sproject/make/intermediate/{{sid}}/page/'+curr);
|
|
|
- }
|
|
|
- }else if($(this).attr('data-alog') < 0 && num >= 1){
|
|
|
- if(num == 1){
|
|
|
- $(this).attr('disabled',true);
|
|
|
- $(this).attr('href','javascript:void(0);');
|
|
|
- }else{
|
|
|
- var curr = num - 1;
|
|
|
- $(this).attr('data-num',curr);
|
|
|
- $(this).attr('disabled',false);
|
|
|
- $(this).attr('href','/sproject/make/intermediate/{{sid}}/page/'+curr);
|
|
|
- }
|
|
|
+ if (checkpicmake()) {
|
|
|
+// if ($.support.pjax) {
|
|
|
+// //更改上传方式,就是页面跳转前都上传本页的图片到服务器中
|
|
|
+// var t = onepicupset(parseInt($('#pagecurrnum').val()));
|
|
|
+// if(t != 0){
|
|
|
+// //生成一个遮罩层阻止连续快速点击
|
|
|
+// $('.stop-touch').show();
|
|
|
+// setTimeout(function(){
|
|
|
+// $('.stop-touch').hide();
|
|
|
+// },2000);
|
|
|
+// }
|
|
|
+// $.pjax.click(event, {container: '#intermediateMake'});
|
|
|
+// if ($(this).attr('data-alog') > 0 && num <= parseInt($('#totalnum').text())) {
|
|
|
+// if (num == parseInt($('#totalnum').text())) {
|
|
|
+// $(this).attr('disabled', true);
|
|
|
+// $(this).attr('href', 'javascript:void(0);');
|
|
|
+// } else {
|
|
|
+// var curr = num + 1;
|
|
|
+// $(this).attr('data-num', curr);
|
|
|
+// $(this).attr('disabled', false);
|
|
|
+// $(this).attr('href', '/sproject/make/intermediate/{{sid}}/page/' + curr);
|
|
|
+// }
|
|
|
+// } else if ($(this).attr('data-alog') < 0 && num >= 1) {
|
|
|
+// if (num == 1) {
|
|
|
+// $(this).attr('disabled', true);
|
|
|
+// $(this).attr('href', 'javascript:void(0);');
|
|
|
+// } else {
|
|
|
+// var curr = num - 1;
|
|
|
+// $(this).attr('data-num', curr);
|
|
|
+// $(this).attr('disabled', false);
|
|
|
+// $(this).attr('href', '/sproject/make/intermediate/{{sid}}/page/' + curr);
|
|
|
+// }
|
|
|
+// }
|
|
|
+// $(this).siblings('a').attr('data-num', parseInt($('#pagecurrnum').val()));
|
|
|
+// $(this).siblings('a').attr('disabled', false);
|
|
|
+// $(this).siblings('a').attr('href', '/sproject/make/intermediate/{{sid}}/page/' + parseInt($('#pagecurrnum').val()));
|
|
|
+//
|
|
|
+// $('#currnum').val(num);
|
|
|
+//
|
|
|
+// setaddpic(parseInt($('#currnum').val()));
|
|
|
+//
|
|
|
+// $(document).on("pjax:start", function () {
|
|
|
+// NProgress.start();
|
|
|
+// });
|
|
|
+//
|
|
|
+// $(document).on("pjax:end", function () {
|
|
|
+// NProgress.done();
|
|
|
+// });
|
|
|
+//
|
|
|
+// return false;
|
|
|
+// }else{
|
|
|
+ var url = $(this).attr('href');
|
|
|
+ var t = onepicupset(parseInt($('#pagecurrnum').val()));
|
|
|
+ if(t != 0){
|
|
|
+ setTimeout(function(){
|
|
|
+ window.location.href = url;
|
|
|
+ },1200);
|
|
|
+ return false;
|
|
|
+// }
|
|
|
}
|
|
|
- $(this).siblings('a').attr('data-num',parseInt($('#pagecurrnum').val()));
|
|
|
- $(this).siblings('a').attr('disabled',false);
|
|
|
- $(this).siblings('a').attr('href','/sproject/make/intermediate/{{sid}}/page/'+parseInt($('#pagecurrnum').val()));
|
|
|
-
|
|
|
- $('#currnum').val(num);
|
|
|
-
|
|
|
- setaddpic(parseInt($('#currnum').val()));
|
|
|
- }else{
|
|
|
+ } else {
|
|
|
return false;
|
|
|
}
|
|
|
}
|
|
|
});
|
|
|
|
|
|
- $(document).on("pjax:start", function() {
|
|
|
- NProgress.start();
|
|
|
- });
|
|
|
-
|
|
|
- $(document).on("pjax:end", function() {
|
|
|
- NProgress.done();
|
|
|
- })
|
|
|
- }
|
|
|
$(function() {
|
|
|
setaddpic(parseInt($('#pagecurrnum').val()));
|
|
|
|
|
@@ -164,6 +207,11 @@
|
|
|
}
|
|
|
$(this).val('');
|
|
|
});
|
|
|
+
|
|
|
+ $('.stop-touch').click(function(){
|
|
|
+ alert('等等再点可以么,在上传图片中~');
|
|
|
+ })
|
|
|
+
|
|
|
});
|
|
|
|
|
|
function setImgForSign(file){
|
|
@@ -271,21 +319,25 @@
|
|
|
}
|
|
|
|
|
|
function allpicupset(){
|
|
|
- var i = 1;
|
|
|
- var check = function(){
|
|
|
- if(i <= parseInt($('#totalnum').text())){
|
|
|
- onepicupset(i);
|
|
|
- i++;
|
|
|
- }else{
|
|
|
- clearInterval(set3);
|
|
|
- $('#upmsg').html('<span style="color: #5bb75b;">上传成功,正为您跳转到报表页...</span>');
|
|
|
- setTimeout(function(){
|
|
|
- window.location.href = '/sproject/intermediate/view/{{sid}}';
|
|
|
- $('#up').modal('hide');
|
|
|
- },1500);
|
|
|
- }
|
|
|
- };
|
|
|
- var set3 = setInterval(check,500);
|
|
|
+ onepicupset(parseInt($('#pagecurrnum').val()));
|
|
|
+// var i = 1;
|
|
|
+// var check = function(){
|
|
|
+// if(i <= parseInt($('#totalnum').text())){
|
|
|
+// onepicupset(i);
|
|
|
+// i++;
|
|
|
+// }else{
|
|
|
+// clearInterval(set3);
|
|
|
+ $('#upmsg').html('<span style="color: #5bb75b;">上传成功,正为您跳转到报表页...</span>');
|
|
|
+ setTimeout(function(){
|
|
|
+ successpost(parseInt($('#pagecurrnum').val()));
|
|
|
+ setTimeout(function(){
|
|
|
+ window.location.href = '/sproject/intermediate/view/{{sid}}';
|
|
|
+ $('#up').modal('hide');
|
|
|
+ },1000);
|
|
|
+ },2000);
|
|
|
+// }
|
|
|
+// };
|
|
|
+// var set3 = setInterval(check,500);
|
|
|
|
|
|
}
|
|
|
|
|
@@ -305,19 +357,23 @@
|
|
|
}
|
|
|
}
|
|
|
if(j>0){
|
|
|
- makepicbycanvas(arr1,arr2,j,num);
|
|
|
+ makepicbycanvas(arr1,arr2,j,num,$('#intermediatePage'+num).children('img').attr('src'));
|
|
|
+ return 1;
|
|
|
}else{
|
|
|
- if(num < parseInt($('#totalnum').text())){
|
|
|
- $('#upnum').text(parseInt($('#upnum').text()) + 1);
|
|
|
- }else{
|
|
|
- uploadmakepic(num,'');
|
|
|
- }
|
|
|
+ return 0;
|
|
|
}
|
|
|
+// else{
|
|
|
+// if(num < parseInt($('#totalnum').text())){
|
|
|
+// $('#upnum').text(parseInt($('#upnum').text()) + 1);
|
|
|
+// }
|
|
|
+// else{
|
|
|
+// uploadmakepic(num,'');
|
|
|
+// }
|
|
|
+// }
|
|
|
}
|
|
|
|
|
|
-
|
|
|
//生成base64合成图
|
|
|
- function makepicbycanvas(base64Arr,styleArr,num,pagenum){
|
|
|
+ function makepicbycanvas(base64Arr,styleArr,num,pagenum,picpath){
|
|
|
var img = new Image();
|
|
|
img.onload = function(){
|
|
|
var canvas = document.createElement('canvas'),
|
|
@@ -341,7 +397,7 @@
|
|
|
}
|
|
|
drawing(0);
|
|
|
};
|
|
|
- img.src = '{{rootUrl}}signs/{{sid}}/'+pagenum+'.jpg';
|
|
|
+ img.src = picpath;
|
|
|
}
|
|
|
|
|
|
function uploadmakepic(num,base64){
|
|
@@ -351,26 +407,46 @@
|
|
|
data:{num:num,data:base64},
|
|
|
dataType: 'json',
|
|
|
success:function(result){
|
|
|
- if(result.code == 200){
|
|
|
+// if(result.code == 200){
|
|
|
dellocalStoragebyNum(num);
|
|
|
- $('#upnum').text(parseInt($('#upnum').text()) + 1);
|
|
|
- }else if(result.code == 202){
|
|
|
- dellocalStoragebyNum(num);
|
|
|
- }
|
|
|
+// $('#upnum').text(parseInt($('#upnum').text()) + 1);
|
|
|
+// }else if(result.code == 202){
|
|
|
+// dellocalStoragebyNum(num);
|
|
|
+// }
|
|
|
+ }
|
|
|
+ })
|
|
|
+ }
|
|
|
+
|
|
|
+ function successpost(num){
|
|
|
+ $.ajax({
|
|
|
+ type: 'post',
|
|
|
+ url: '/sproject/upload/intermediate/{{sid}}',
|
|
|
+ data:{num:num,data:'',succ:1},
|
|
|
+ dataType: 'json',
|
|
|
+ success:function(result){
|
|
|
+
|
|
|
}
|
|
|
})
|
|
|
}
|
|
|
|
|
|
function dellocalStoragebyNum(num){
|
|
|
var storage = window.localStorage;
|
|
|
+ var arr = new Array(),
|
|
|
+ j =0;
|
|
|
for (var i=0, len = storage.length; i < len; i++){
|
|
|
var key = storage.key(i);
|
|
|
if(key.indexOf('picstyle_{{sid}}_' + num) >= 0){
|
|
|
var id = key.split('_');
|
|
|
- dellocalStorage(num,id[3]);
|
|
|
+ //先记录,后删除
|
|
|
+ arr[j] = id[3];
|
|
|
+ j++;
|
|
|
+
|
|
|
+// dellocalStorage(num,id[3]);
|
|
|
}
|
|
|
}
|
|
|
-
|
|
|
+ for( var z = 0; z < arr.length; z++){
|
|
|
+ dellocalStorage(num,arr[z]);
|
|
|
+ }
|
|
|
}
|
|
|
|
|
|
function getpicstyle(num,id){
|
|
@@ -401,7 +477,11 @@
|
|
|
function checkcurrnum(){
|
|
|
if(parseInt($('#currnum').val()) > 0 && parseInt($('#currnum').val()) <= parseInt($('#totalnum').text())){
|
|
|
if(checkpicmake()){
|
|
|
- window.location.href = '/sproject/make/intermediate/{{sid}}/page/'+parseInt($('#currnum').val());
|
|
|
+ //更改上传方式,就是页面跳转前都上传本页的图片到服务器中
|
|
|
+ onepicupset(parseInt($('#pagecurrnum').val()));
|
|
|
+ setTimeout(function(){
|
|
|
+ window.location.href = '/sproject/make/intermediate/{{sid}}/page/'+parseInt($('#currnum').val());
|
|
|
+ },1000);
|
|
|
}
|
|
|
return false;
|
|
|
}else{
|
|
@@ -427,5 +507,19 @@
|
|
|
}
|
|
|
}
|
|
|
|
|
|
+ function checkpicdel(){
|
|
|
+ if($('.page .user-sign .sign_confirm').length != 0){
|
|
|
+ $('#doneonepic').modal('show');
|
|
|
+ }else{
|
|
|
+ $('#clearnum').val(parseInt($('#pagecurrnum').val()));
|
|
|
+ $('#del').modal('show');
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ function clearpic(){
|
|
|
+ dellocalStoragebyNum(parseInt($('#pagecurrnum').val()));
|
|
|
+ return true;
|
|
|
+ }
|
|
|
+
|
|
|
</script>
|
|
|
</body>
|