账户明细

application/index/view/redEnvelope/cashAccountList.html

 {layout name="global/frame_two_tpl" /}
 <input type="hidden" class="page-load" id="cashAccountList" />
 <style>
-   
+     #file_input_pic {
+		opacity: 0;
+	    position: absolute;
+	    top: 19px;
+	    left: 165px;
+	    height: 43px;
+	    width: 76px;
+	}
+	#container_body_img_area>div{
+		float: left;
+		width: 216px;
+	}
+	.result {
+		width:130px;
+		height:auto;
+		float:left;
+		text-align:center;
+		color:red;
+	}
+	.result>img,.result2>img{
+		width: 120px;
+		height: 120px;
+		margin-top: 8px;
+	}
 </style>
 <div id="page-content-wrapper">
     <div class="container">
@@ -70,4 +93,42 @@
         </div>
     </div>
 </div>
-
+<!--审核 上传图片-->
+<div class="modal fade" id="modal-addPic" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
+	<div class="modal-dialog">
+		<div class="modal-content">
+			<div class="modal-header">
+				<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
+                    ×
+                </button>
+				<h4 class="modal-title">
+                    审核通过
+                </h4>
+			</div>
+			<div class="modal-body" style="height: 600px;">
+				<div>
+					<div  style="height: 600px;">
+						<div class="form-group full-width-100 full-pic-area">
+							<!--input上传图片-->
+							<div id="container_body">
+								<label>请选择一个图像文件：</label>
+								<button type="button btn2" class="btn btn-default">上传图片</button>
+								<input type="file" id="file_input_pic"/>
+								<div id="container_body_img_area"></div>
+							</div>
+						</div>
+						<ul class="img-pre-ul" id="xiangqing_pic_ul">
+						</ul>
+					</div>
+				</div>
+			</div>
+			<div class="modal-footer">
+				<button type="button btn2" class="btn btn-primary" id="saveBtn" data-dismiss="modal">
+                    保存
+                </button>
+			</div>
+		</div>
+		<!-- /.modal-content -->
+	</div>
+	<!-- /.modal -->
+</div>

public/resource/js/cashAccountList.js

@@ -2,6 +2,7 @@ define (['doT', 'text!temp/cash_account_list_template_tpl.html', 'css!style/home
     redEnvelope = {
         pageNo: 1, /*第几页*/
         pageSize: 10, /*每页显示多少条*/
+        id: 0, 
         init: function () {
             //初始化dot
             $ ("body").append (template);
@@ -17,6 +18,13 @@ define (['doT', 'text!temp/cash_account_list_template_tpl.html', 'css!style/home
 				e.stopPropagation();
 				$(this).parent().parent().remove();
 				
+			});
+			$(document).on('click', '.audit-pic', function(e) {
+				var _this = $(this);
+				e.preventDefault();
+				e.stopPropagation();
+				redEnvelope.id = _this.attr("data-id");
+				
 			});
 			$("#search").click(function() { //搜索
 				redEnvelope.getList(1);
@@ -24,6 +32,91 @@ define (['doT', 'text!temp/cash_account_list_template_tpl.html', 'css!style/home
 			$("#reset").click(function() { //重置
 				document.getElementById("form_search").reset();
 			});
+			$('#file_input_pic').on('change', function(){
+				var _this = $(this);
+				var formData = new FormData();
+					formData.append('type', 'chat');
+					formData.append('image', _this[0].files[0]);
+				$.ajax({
+					type: 'post',
+					url: ServerHostImageLiu + '/index/uploadImg',
+					data: formData,
+					dataType: 'json',
+					contentType: false,
+					cache: false,
+					processData: false,
+					beforeSend: function() {},
+					success: function(_data) {
+						if(_data.code == 200) {
+							$('#container_body_img_area').append('<div class="result"><img data-imgname="{0}" src="{1}" alt=""/> <span class="span-del">删除</span></div>'.stringFormatObj({
+								'0': _data.data.img_path,
+								'1': _data.data.internet_img_name?urlDeal(_data.data.internet_img_name):_data.data.internet_img_name
+							}));
+						} else {
+							alert(_data.msg);
+						};
+					},
+					error: function() {
+						alert('enter error');
+					},
+					complete: function(xhr, textStatus) {
+						if(textStatus === 'timeout') {
+							//处理超时的逻辑
+							alert('请求超时,请重试');
+						};
+					}
+				});
+			});
+			//图片删除事件
+			$(document).on('click', '.span-del', function(e) {
+				e.preventDefault();
+				e.stopPropagation();
+				$(this).parent().remove();
+			});
+			
+			//保存上传的图片
+			$(document).on('click', '#saveBtn', function(e) {
+				var _this = $(this);
+				e.preventDefault();
+				e.stopPropagation();
+				var imgname = [];
+				for(var i = 0; i < $('.result').length; i++) {
+					imgname[i] = $('.result>img').eq(i).attr('data-imgname');
+				};
+				var _data = {};
+				//无新的图片上传 不调用接口
+				if(imgname.join(',')) {
+					_data['transfer_img'] = imgname.join(',');
+				} else {
+					return
+				};
+			   var authtoken = JSON.parse(decodeURIComponent(localStorage.getItem('pcUserInfo')));
+				_data['id'] = redEnvelope.id;
+				_data['operator_id'] = authtoken.id;
+				_data['operator_name'] = authtoken.name;
+				_data['status'] = 1;
+
+
+				$.ajax({
+					type: 'GET',
+					url: '/index/check',
+					data: _data,
+					dataType: 'json',
+					beforeSend: function() {},
+					success: function(_data) {
+							alert(_data.msg);
+					},
+					error: function() {
+						alert('enter error');
+					},
+					complete: function(xhr, textStatus) {
+						if(textStatus === 'timeout') {
+							//处理超时的逻辑
+							alert('请求超时,请重试');
+						};
+					}
+				});
+			});
 
    		},
    		

public/resource/template/cash_account_list_template_tpl.html

@@ -23,11 +23,10 @@
         <td>[%= it[item]['user_phone'] %]</td>
         <td>[%= it[item]['operator_name'] %]</td>
         <td>
-        	[% if(it[item]['status'] == 0 &&  it[item]['is_essay'] == 2){ %]
-               <a class="btn1 btn-success is_show" data-toggle="modal" data-id='[%= it[item]["id"] %]' data-target="#modal-show">审核通过</a>
-        		
+            [% if(it[item]['status'] == 0 &&  it[item]['is_essay'] == 2){ %]
+            	<a class="btn1 btn-success audit-pic" href="#modal-addPic" data-toggle="modal" data-id='[%= it[item]["id"] %]'>审核通过</a>
         	[% } %]
-
+            
         </td>
     </tr>
     [% } %]