shouhuobang
/
adm


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243
							<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>商户号管理</title>
    <script src="../../js/min-loader-next.js"></script>
</head>
<body class="content">
	<div class="order-body">
	<div class="order-tiaojian back-gray">
			<div class="tiaojian-part1" id = "conditions">
				<div class="fl f12-gray4-op mt4">所选条件：</div>
			</div>
			<div class="tiaojian-part2 fr  demoTable">
				<button class="layui-btn order-bnt1"  data-type="reload" >搜索</button>
				<button class="layui-btn  order-bnt2" data-type="reset">重置</button>
				<button class="layui-btn order-bnt2" id = "addBtn">新增商户号</button>
				<a href="#" id="toggle" class="top">收起</a>
			</div>
		</div>
		<form class="layui-form"  action="javascript:void(0)"  id = "formName">
			<div class="order-select back-border" id="content">
				<div class="layui-inline">
					<label class="f12-gray4">商户名称：</label>
					<input onchange = "changeSelectCon(0,this,'inp')"  class="search-select" type="tel" name="accountName"  id ="accountName" value="" placeholder="请输入商户名称" />
				</div>

				<div class="layui-inline">
					<label class="f12-gray4">商户号：</label>
					<input onchange = "changeSelectCon(0,this,'inp')"  class="search-select" type="tel" name="accountId"  id ="accountId" value="" placeholder="请输入商户号" />
				</div>

				<div class="layui-inline">
					<label class="f12-gray4">商户类型：</label>
					<div class=""  style="display:inline-block" id = 'type' name = 'type'></div>
				</div>
			</div>
		</form>
				
	</div>
	
	<div class="shadow-content" style="margin:1.5rem;">
			<table id="tableTest" lay-filter="tableFilter"></table>
	</div>
	
	<script type="text/html" id="barDemo">
		<!--<a class="layui-btn layui-btn-xs" lay-event="detail">查看</a>-->
     	<a class="layui-btn layui-btn-xs" lay-event="edit">编辑</a>
     	<a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a>
      	<!-- 这里同样支持 laytpl 语法，如： -->
   	</script>
	<script type="text/html" id="checkboxDemo">
     	<input type="checkbox"  {{ d.certtype == '1' ? 'checked' : '' }}>
	</script>
    <script>
	    $("#toggle").click(function() {
			$(this).html($("#content").is(":hidden") ? "收起" + "<i class='iconfont up iconSelect_drop-down'/></i>" : "展开" +
				"<i class='iconfont up iconSelect_drop-down'/></i>");
			$("#content").slideToggle();
		});
     	var table;
      	layui.use('table', function(){
		  table = layui.table;
		  
		  // 加载数据
		  table.render({
			//tbname:'roleTable',
			id: 'tableTest'
		    ,elem: '#tableTest'
		    ,limit:10
		    ,url: '../../BusinessNumManageAction/businessNumManageQuery' //数据接口
		    ,method: 'post'
		    ,where:{MINView:"JSON"}
		    ,page: true //开启分页
		    ,cols: [[ //表头
		      {field:'num', title: '序号',width:'10%', type:'numbers', fixed: true, align: 'center'}
		      ,{field: 'id', title: '编号', width:'10%'}
		      ,{field: 'name', title: '商户名称', width:'20%'}
		      ,{field: 'usrid', title: '商户号', width:'20%'}
		      ,{field: 'number', title: '终端号', width:'10%'}
		      ,{field: 'typeDesc', title: '商户类型', width:'10%'}
		      ,{field: 'createTime', title: '创建时间', width: '20%'}
		      ,{field: 'operate', title: '操作', width: '20%', toolbar: '#barDemo', fixed: 'right'}
		    ]]
		    ,done: function(res, curr, count){
		        //如果是异步请求数据方式，res即为你接口返回的信息。
		        //如果是直接赋值的方式，res即为：{data: [], count: 99} data为当前页数据、count为数据总长度
		        console.log(res);
		        
		        //得到当前页码
		        console.log(curr); 
		        
		        //得到数据总量
		        console.log(count);
		      }
		    ,even: true //开启隔行背景
		  });
		  
		 // 监听工具条（操作）
		  table.on('tool(tableFilter)', function(obj){ //注：tool是工具条事件名，tableFilter是table原始容器的属性 lay-filter="对应的值"
		    var data = obj.data; //获得当前行数据
		    var layEvent = obj.event; //获得 lay-event 对应的值（也可以是表头的 event 参数对应的值）
		    var tr = obj.tr; //获得当前行 tr 的DOM对象

		    if(layEvent === 'detail'){ //查看
		    	showDetail(data);
		      //do somehing
		    } else if(layEvent === 'del'){ //删除
		      layer.confirm('确认删除此数据？', function(index){
		        layer.close(index);
		        //向服务端发送删除指令roleDelete
		        $.request({
					action : "../../BusinessNumManageAction/deleteBusinessNum",
					data : {
						id : data.id
					},
					success : function(resData) {
						if (resData.MINStatus == 0) {
							layer.alert('操作成功！', {icon: 1});
							obj.del(); //删除对应行（tr）的DOM结构，并更新缓存
						} else {
							layer.alert(resData.MINErrorMessage, {
		  						icon: 5,
		  						title: "提示"
		  					}); 
						}
					},
					error : function(data2){
						layer.alert(data2.MINErrorMessage, {
	  						icon: 5,
	  						title: "提示"
	  					}); 
// 						layer.alert(resData.MINErrorMessage, {icon: 2});
					}
		      	});
		      })
		    } else if(layEvent === 'edit'){ //编辑
		    	updateDetail(data);
		    }
		  });
		  
	     var $ = layui.$, active = {
	   		    getCheckData: function(){ //获取选中数据
	   		      var checkStatus = table.checkStatus('tableTest')
	   		      ,data = checkStatus.data;
	   		      layer.alert(JSON.stringify(data));
	   		    }
	   		    ,getCheckLength: function(){ //获取选中数目
	   		      var checkStatus = table.checkStatus('tableTest')
	   		      ,data = checkStatus.data;
	   		      layer.msg('选中了：'+ data.length + ' 个');
	   		    }
	   		    ,isAll: function(){ //验证是否全选
	   		      var checkStatus = table.checkStatus('tableTest');
	   		      layer.msg(checkStatus.isAll ? '全选': '未全选')
	   		    }
	   			//搜索
	   		    ,reload: function(){
	   		    	reloadRole();
	   		    }
				//重置
	   		    ,reset : function(){
	   		    	$('#formName')[0].reset();
	   		    	$("#conditions").html('<div class="fl f12-gray4-op mt4">所选条件：</div>');
	   		    }
	 	};
// 		$('.demoTable .layui-btn').on('click', function(){
// 		  var type = $(this).data('type');
// 		  active[type] ? active[type].call(this) : '';
// 		});
		$('.layui-btn').on('click', function(){
		  	var type = $(this).data('type');
		  	active[type] ? active[type].call(this) : '';
		});
	 });
      
	function reloadRole() {
		//角色名称
    	var accountName = $("#accountName").val();
    	var accountId = $("#accountId").val();
		var type = $('#formName').find("select[name='type']").val();

		//执行重载
	    table.reload('tableTest', {
	        page: {
	        	curr: 1 //重新从第 1 页开始
	        }
	        ,where: {
				accountName : accountName,
				accountId : accountId,
				type : type
	        }
	     });
	}

		initSelect('type', "BUSINESSNUM_TYPE", "type", ' ', true);


		function updateDetail(data) {
		  layui.sessionData("ROW_DATA", {key:"NOW_ROW", value:data});
		  layer.open({
	    	      type: 2,
	    	      title: '商户号修改',
	    	      shadeClose: true,
	    	      shade:0.8,
	    	      //maxmin: true, //开启最大化最小化按钮
	    	      area: ['75%', '85%'],
	    	      content: '../../admin/businessNumManage/businessNumUpdate.html'
	    	});
      }
		// 新增
		$("#addBtn").click(function(){
			// 打开新增页面
			openMainTabPage('515001-01', ' 新增商户号', 'businessNumManage/businessNumAdd.html', '', '515001', reloadRole);
		})

		$.request({
			action : 'BusinessNumManageAction/queryTencent',
			data : { },
			success : function(data) {
				var selectName ="tencentid";
				var html1 = '<select lay-verify="tencentid" name="';
				html1 = html1 + selectName;
				html1 = html1 + '" lay-filter="';
				html1 = html1 + '"';
				html1 = html1 + '><option value="">请选择</option>';
				$.each(data.MINQueryResult, function(i, j) {
					html1 = html1 + '<option ';
					html1 = html1 + 'value="';
					html1 = html1 + j.id + '">';
					html1 = html1 + j.name+ '</option>';
					//objSelect.options.add(new Option(j.id,j.name));
					// $("#zcySelect").options.add(new Option(j.name,j.name));
					// $("#zcySelect").append("<option value="+j.id+">"+j.name+"</option>");
				})
				html1 = html1 + '</select>';
				$("#branchSelect").html(html1);
				form.render();
			},
		});
    </script>
</body>
</html>