财务日报截图

application/index/view/finance/daily_details.html

@@ -324,7 +324,7 @@
 	}
 </style>
 <div id="page-content-wrapper">
-	<div class="container">
+	<div class="container" id="screen_shot_area">
 		<div class="row">
 			<div class="">
 				<div class="panel panel-default">

public/resource/js/financial_manager_daily_list.js

-define(['doT', 'text!temp/financial_manager_daily_list_template_tpl.html', 'css!style/home.css', 'css!style/report_list.css', 'ckfinder', 'ckfinderStart', 'pagination', 'bootstrapJs'], function(doT, template, template_tax, template_maid, template_maid_sub1) {
+define(['doT','html2canvas','text!temp/financial_manager_daily_list_template_tpl.html', 'css!style/home.css', 'css!style/report_list.css', 'ckfinder', 'ckfinderStart', 'pagination', 'bootstrapJs'], function(doT,html2canvas,template, template_tax, template_maid, template_maid_sub1) {
 	var  user_info_obj = JSON.parse(decodeURIComponent(localStorage.getItem('pcUserInfo')));  //读取缓存
 	bargain = {
 		pageNo: 1,
@@ -24,7 +24,7 @@ define(['doT', 'text!temp/financial_manager_daily_list_template_tpl.html', 'css!
 		payment_details_money:'',
 		receivedMoneyLiu:'',
 		isAjaxSaving: false,//防重复提交 财务日报
-		
+		dataUrl:'',//文件流
 		init: function() {
 			//初始化时间
 			var myDate = new Date();
@@ -79,7 +79,12 @@ define(['doT', 'text!temp/financial_manager_daily_list_template_tpl.html', 'css!
 				}
 				bargain.getList(1);
             });
-
+            //测试 截图
+//          _doc.on('click', '.is-submit-pass-btn', function(e) {
+//				e.preventDefault();
+//				e.stopPropagation();
+//              bargain.saveHtml2Image();;
+//			});
 			//财务日报审核 点击关闭按钮
 			_doc.on('click', '.is-close', function(e) {
 				e.preventDefault();
@@ -1057,6 +1062,38 @@ define(['doT', 'text!temp/financial_manager_daily_list_template_tpl.html', 'css!
                 }
             });
         },
+        //截图
+        saveHtml2Image: function(fn) {
+        	$("body,html").animate({scrollTop: 0}, 0); //必须把页面滚动到最顶部，不然截图会不完整
+        	var obj = $("#screen_shot_area");
+			var width = obj.width();
+			var height = obj.height();
+        	html2canvas($("#screen_shot_area"),{
+						width: width+20,
+						height: height,
+						background: "rgba(255,255,255,1)",
+						onrendered: function(canvas) {
+							var dataUrl = canvas.toDataURL('image/jpeg');
+							bargain.savePicLiu(dataUrl);
+						}
+					});
+        },
+        savePicLiu: function(url) {
+            $.ajax({
+                url: '/index/dailyBackImg',
+                type: 'POST',
+                async: true,
+                data: {
+                    "daily_id": bargain.daily_id,//日报id
+                    "img": url,//文件流
+                },
+                dataType: 'json',
+                success: function(data) {
+                    if(data.code == 200 && data.data != null) {
+                    }
+                }
+            });
+        },
         getDistrictStoreList: function(id, fn) {
             $.ajax({
                 url: '/index/getDistrictStoreList',
@@ -1248,6 +1285,9 @@ define(['doT', 'text!temp/financial_manager_daily_list_template_tpl.html', 'css!
                 success: function(data) {
                     if(data.code == 200) {
                     	alert('提交成功');
+                    	if(bargain.operationStatus == 1){
+                    	   bargain.saveHtml2Image();//截图 转为已审核
+                    	}
 					    $("#modal_financialremark").modal('hide');//提交成功后 关闭弹窗
                     	bargain.getList();
 //                  	location.href='/index/dailyList'

public/resource/js/main.js

@@ -24,6 +24,7 @@ require.config ({
 		//      'datetimepicker': 'lib/js/bootstrap-datetimepicker.min',
 		'datetimepicker': 'lib/js/bootstrap-datetimepicker',
 		'PaginationLiu':'lib/js/PaginationLiu',
+		'html2canvas':'lib/js/html2canvas.min',
 		'pagination': 'lib/js/Pagination',
 		'paginationStart': 'lib/js/zw.pagination',
 		'paginationStartLiu': 'lib/js/liu.pagination',
@@ -78,6 +79,9 @@ require.config ({
         'PaginationLiu':{
             'exports': 'PaginationLiu'
         },
+        'html2canvas':{
+            'exports': 'html2canvas'
+        },
         'paginationStartLiu':{
             'exports': 'paginationStartLiu'
         },