zhaozhiqiang
/
YH_Web_UI


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461
							<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<script src="../Script/Common/huayi.load.js"></script>
		<script src="../Script/Common/huayi.http.js"></script>
		<script src="../Script/Common/huayi.config.js"></script>
		<script src="../js/eid/bootstrap-editable.js"></script>
		<link href="../css/init.css" rel="stylesheet" />
		<link href="../css/Table/table1.css" rel="stylesheet" />
		<link rel="stylesheet" href="../css/eid/bootstrap-editable.css" />
		<title>自定义模板设置</title>
	</head>

	<body class="gray-bg">
		<div class="daoHang clearfix">
			<div class="dhLeft">
				<sapn><i class="syIcon"></i>位置：
					<a id="ReIndex" href="javaScript:;">首页</a>&gt;
					<a href="javaScript:;">系统管理</a>&gt;
					<a href="javaScript:;">系统设置</a>&gt;
					<a href="javascript:location.reload()" class="now_position">自定义模板设置</a>
				</sapn>
			</div>
		</div>
		<div class="wrapper wrapper-content animated">
			<div class="th-box">
				<div class="th-bar">
					<div class="form-inline clearfix">
						<div class="form-group">
							<select class="form-control" id="TYpe">
								<option value="">请选择类型</option>
								<option value="nvarchar">文本</option>
								<option value="int">整数</option>
								<option value="datetime">日期</option>
							</select>
						</div>
						<div class="form-group pull-right">
							<input type="button" class="btn_gray" id="sc_btns" value="搜索" />
						</div>
					</div>
				</div>
			</div>
			<div class="clearfix">
				<div style="width: 50%;padding: 10px; float: left;">
					<p class="tool_bars"><button authorize="yes" id="HY_moveTos" onclick="btn_moveTos()" class="btns">移入<i class="fa fa-angle-double-right" style="margin-left: 5px;"></i></button></p>
					<table id="list" data-row-style="rowStyle" data-query-params="queryParams" data-pagination="true" data-click-to-select="true">
						<thead>
							<tr>
								<th data-field="state" data-align="center" data-checkbox="true"></th>
								<th data-field="name" data-align="center" id="username ">属性名称</th>
								<th data-field="length" data-align="center">长度</th>
								<th data-field="type" data-align="center">数据类型</th>
								<th data-field="field" data-align="center">数据字段</th>
							</tr>
						</thead>
						<tbody id="tbody"></tbody>
					</table>
				</div>

				<div style="width: 50%;padding: 10px;float: right;">
					<div class="form-inline tool_bars">
						<button class="btns" authorize="yes" id="HY_moveOuts" onclick="btn_moveOuts()"><i class="fa fa-angle-double-left" style="margin-right: 5px;"></i>移出</button>
						<button class="btns" authorize="yes" id="HY_save" style="margin-right: 15px;" onclick="btn_save()">保存为模板</button>
						<div class="form-group">
							<select name="" id="" class="m-kuang tempselect form-control"></select>
						</div>
						<button class="btns" authorize="yes" id="HY_delete" onclick="btn_delete()">删除模板</button>
					</div>
					<table id="lists" data-row-style="rowStyle" data-query-params="queryParams" data-pagination="true" data-click-to-select="true">
						<thead>
							<tr>
								<th data-field="state" data-align="center" data-checkbox="true"></th>
								<th data-field="name" data-align="center" id="username " data-formatter="shtype">属性名称</th>
								<th data-field="length" data-align="center">长度</th>
								<th data-field="type" data-align="center">数据类型</th>
								<th data-field="field" data-align="center">数据字段</th>
							</tr>
						</thead>
						<tbody id="tbody"></tbody>
					</table>
				</div>
			</div>
		</div>
		<script>
			var curRow = {};
			$(document).ready(function() {
				$('.tool_bars').authorizeButton();
				initTable(0);
				initTables(-1, 0);
				$("#sc_btns").click(function() {
					initTable();
				})
				initTempSelect();
				$('.tempselect').change(function() {
					parent.$('#tempid').val($(this).val());
					initTable($(this).val());
					initTables(0, $(this).val());
				});
			});

			function initTempSelect() {
				$('.tempselect').empty();
				$.ajax({
					type: "get",
					url: huayi.config.callcenter_url + "GoodsExcelTmp/GetAllTemp",
					async: true,
					dataType: 'json',
					data: {
						token: $.cookie("token")
					},
					success: function(data) {
						var con = data.data;
						$('.tempselect').append('<option value="0">未选择模板</option>');
						$(con).each(function(i, n) {
							$('.tempselect').append('<option value="' + n.F_ID + '">' + n.F_Name + '</option>');
						})
					}
				});
			}

			function initTable(tempId) {
				//先销毁表格
				$('#list').bootstrapTable('destroy');
				//初始化表格,动态从服务器加载数据
				$("#list").bootstrapTable({
					method: "get", //使用get请求到服务器获取数据
					url: huayi.config.callcenter_url + "/GoodsExcelTmp/GetList", //获取数据的Servlet地址
					contentType: "application/x-www-form-urlencoded",
					striped: true, //表格显示条纹
					pagination: true, //启动分页
					pageSize: 10, //每页显示的记录数
					pageNumber: 1, //当前第几页
					pageList: [10, 20, 50, 100], //记录数可选列表
					search: false, //是否启用查询
					showColumns: false, //显示下拉框勾选要显示的列
					showRefresh: false, //显示刷新按钮
					sidePagination: "server", //表示服务端请求
					//							clickToSelect: true,
					//设置为undefined可以获取pageNumber，pageSize，searchText，sortName，sortOrder
					//设置为limit可以获取limit, offset, search, sort, order
					queryParamsType: "undefined",
					queryParams: function queryParams(params) { //设置查询参数
						var param = {
							pageindex: params.pageNumber,
							pagesize: params.pageSize,
							typename: $('#TYpe').val(),
							taskId: -1,
							tempId: tempId,
							token: $.cookie("token")
						};
						return param;
					},
					columns: [{
							checkbox: true
						}, {
							title: "操作",
							formatter: function(value, row, index) {
								return '<div class="tool_downL"><a title="点击移入" authorize="yes" id="HY_moveTo_' + row.id + '" onclick="btn_moveTo(' + row.id + ')"><i class="fa fa-arrow-right"></i></a></div>'
							}

						}, {
							field: "name",
							title: "属性名称",

						}, {
							field: "length",
							title: "长度",
						}, {
							field: "type",
							title: "数据类型",

						},
						{
							field: "field",
							title: "数据字段"
						}
					],
					//							onClickRow: function(row, $element) {
					//								var curRow = row.id;
					//								console.log(curRow);
					//								//请求方法
					//								$.ajax({       
					//									type: 'POST',
					//									       url: huayi.config.callcenter_url + "/GoodsExcelTmp/Add",
					//									       data: {
					//										ids: curRow,
					//										taskId:0,
					//										token: $.cookie("token")
					//									},
					//									       dataType: 'JSON',
					//									       success: function(data, textStatus, jqXHR) {        
					//
					//													initTables();
					//									},
					//									       error: function() {
					//										alert("error");
					//									}      
					//								}); 
					//
					//							},
					onLoadSuccess: function(data) { //加载成功时执行
						$('.tool_downL').authorizeOperateButton();
					},
					onLoadError: function() { //加载失败时执行
						//layer.msg("加载数据失败", { time: 1500, icon: 2 });
					}
				});

			}

			function btn_moveTo(ids) {
				$.ajax({
					type: 'POST',
					url: huayi.config.callcenter_url + "/GoodsExcelTmp/Add",
					data: {
						ids: ids,
						taskId: -1,
						tempId: $('.tempselect').val(),
						token: $.cookie("token")
					},
					dataType: 'JSON',
					success: function(data, textStatus, jqXHR) {
						$('#list').bootstrapTable('refresh');
						$('#lists').bootstrapTable('refresh');
					},
					error: function() {
						alert("error");
					}
				});

			}

			function btn_moveTos() {
				var changes = $.map($('#list').bootstrapTable('getSelections'), function(row) {
					return row.id;
				});
				if(changes.length <= 0) {
					layer.confirm('请选择一项移入！', {
						btn: ['确定']
					});
					return;
				} else {
					btn_moveTo(changes)
				}

			}

			//右边
			function initTables(taskId, tempId) {
				//先销毁表格
				$('#lists').bootstrapTable('destroy');
				//初始化表格,动态从服务器加载数据
				$("#lists").bootstrapTable({
					method: "get", //使用get请求到服务器获取数据
					url: huayi.config.callcenter_url + "/GoodsExcelTmp/GetSelectList", //获取数据的Servlet地址
					contentType: "application/x-www-form-urlencoded",
					striped: true, //表格显示条纹
					pagination: true, //启动分页
					pageSize: 10, //每页显示的记录数
					pageNumber: 1, //当前第几页
					pageList: [10, 20, 50, 100], //记录数可选列表
					search: false, //是否启用查询
					showColumns: false, //显示下拉框勾选要显示的列
					showRefresh: false, //显示刷新按钮
					sidePagination: "server", //表示服务端请求
					//							clickToSelect: true,
					//设置为undefined可以获取pageNumber，pageSize，searchText，sortName，sortOrder
					//设置为limit可以获取limit, offset, search, sort, order
					queryParamsType: "undefined",
					queryParams: function queryParams(params) { //设置查询参数
						var param = {
							pageindex: params.pageNumber,
							pagesize: params.pageSize,
							taskId: taskId,
							tempId: tempId,
							token: $.cookie("token")
						};
						return param;
					},
					columns: [{
							checkbox: true
						}, {
							//									field: "length",
							title: "操作",
							formatter: function(value, row, index) {
								return '<div class="tool_downR"><a title="点击移出" authorize="yes" id="HY_moveOut_' + row.id + '" onclick="btn_moveOut(' + row.id + ')"><i class="fa fa-arrow-left"></i></a></div>'

							}

						}, {
							field: "name",
							title: "属性名称",
							formatter: function(value, row, index) {
								return "<a href=\"#\" class=\"change\" title=\"点击修改\"  name='" + value + "' data-type=\"text\" data-pk=\"" + row.id + "\" data-title=\"用户名\">" + value + "</a>";
							}
						}, {
							field: "length",
							title: "长度",
						}, {
							field: "type",
							title: "数据类型",

						},
						{
							field: "field",
							title: "数据字段"
						}
					],
					onClickRow: function(row, $element) {
						var curRow = row.id;
						//console.log(curRow);
						//								//请求方法
						//								$.ajax({       
						//									type: 'POST',
						//									       url: huayi.config.callcenter_url + "/GoodsExcelTmp/GetSelectIdList",
						//									       data: {
						//										taskId: curRow,
						//										token: $.cookie("token")
						//									},
						//									       dataType: 'JSON',
						//									       success: function(data, textStatus, jqXHR) {        
						//										//												alert('保存成功！');       
						//									},
						//									       error: function() {
						//										alert("error");
						//									}      
						//								}); 

					},
					onLoadSuccess: function(data) { //加载成功时执行
						$("#lists a.change").editable({
							url: function(params) {
								var name = $(this).attr("name");
								var id = $(this).attr("data-pk");
								curRow[name] = params.value;
								console.log(params.value);
								$.ajax({
									type: 'POST',
									url: huayi.config.callcenter_url + "/GoodsExcelTmp/Update",
									data: {
										id: id,
										name: params.value,
										token: $.cookie("token")
									},
									dataType: 'JSON',
									success: function(data, textStatus, jqXHR) {
										$('#lists').bootstrapTable('refresh');
									},
									error: function() {
										alert("error");
									}
								});
							},
							type: 'text'
						});
						$('.tool_downR').authorizeOperateButton();
					},
					onLoadError: function() { //加载失败时执行
						//layer.msg("加载数据失败", { time: 1500, icon: 2 });
					}
				});

			}
			//编辑
			function shtype(val, row, index) {
				return "<a href='#'  data-type='text' data-title='" + val + "'>" + val + "</a>";
			}

			function btn_moveOut(ids) {
				$.ajax({
					type: 'POST',
					url: huayi.config.callcenter_url + "GoodsExcelTmp/Remove",
					data: {
						ids: ids,
						//										taskId:0,
						token: $.cookie("token")
					},
					dataType: 'JSON',
					success: function(data, textStatus, jqXHR) {
						$('#list').bootstrapTable('refresh');
						$('#lists').bootstrapTable('refresh');
					},
					error: function() {
						alert("error");
					}
				});

			}
			//右边
			function btn_moveOuts() {
				var changes = $.map($('#lists').bootstrapTable('getSelections'), function(row) {
					return row.id;
				});
				if(changes.length <= 0) {
					layer.confirm('请选择一项移出！', {
						btn: ['确定']
					});
					return;
				} else {
					btn_moveOut(changes)
				}

			}

			function btn_save() {
				layer.prompt({
					title: '添加模板',
					formType: 2
				}, function(text, index) {
					layer.close(index);
					$.ajax({
						type: 'POST',
						url: huayi.config.callcenter_url + "GoodsExcelTmp/AddTemp",
						data: {
							name: text,
							id: $('.tempselect').val(),
							token: $.cookie("token")
						},
						dataType: 'JSON',
						success: function(data, textStatus, jqXHR) {
							initTempSelect();
						},
						error: function() {
							alert("error");
						}
					});
				});
			}

			function btn_delete() {
				if($('.tempselect ').val() > 0){
					layer.confirm('您确定要删除当前模板吗？', {
						btn: ['确定']
					}, function() {
						$.ajax({
							type: 'POST',
							url: huayi.config.callcenter_url + "GoodsExcelTmp/DeleteTemp",
							data: {
								id: $('.tempselect').val(),
								token: $.cookie("token")
							},
							dataType: 'JSON',
							success: function(data, textStatus, jqXHR) {
								layer.msg("删除成功");
								initTempSelect();
							}
					
						});
					});
				}else{
					layer.confirm('您还没有选择模板', {
						btn: ['确定']
					})
				}
			}
		</script>
	</body>

</html>