mengjie
/
FuWaiCallCenter_UI


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194
							<!DOCTYPE html>
<html>

<head>
	<meta charset="UTF-8">
	<script src="../Script/Common/huayi.load.js"></script>
	<script src="../Script/Common/huayi.load.js"></script>
	<script src="../Script/Common/huayi.config.js"></script>
	<link href="../css/Table/table1.css" rel="stylesheet" />
	<link href="../css/init.css" rel="stylesheet" />
	<link rel="stylesheet" href="./css/QutboundComm.css" />
	<title>修改外呼计划</title>
</head>

<body>
	<div>
		<div style="padding: 10px; margin-bottom: 20px;">
			<table class="form_table">
				<tr>
					<th>
						<span> 计划名称：</span>
					</th>
					<td>
						<input type="text" class=" txtInput name Planname" />
					</td>
				</tr>
				<tr>
					<th>
						<span>调查问卷：</span>
					</th>
					<td>
						<input type="text" class=" txtInput name Qubound" />
						<i class="fa fa-search size-14" id="Search"></i>
					</td>
				</tr>
				<tr>
					<th>
						<span>说明备注：</span>
					</th>
					<td>
						<input type="text " class=" txtInput name remark" />
					</td>
				</tr>

			</table>
			<div class="Table_box">
				<table id="tb1">
					<thead>
						<tr>
							<th data-field="checkbox" data-align="center" data-formatter="setCode"></th>
							<th data-align="center" data-field="F_Title">问卷名称</th>
							<th data-align="center" data-field="F_CreateOn">生成时间</th>
						</tr>
					</thead>
					<tbody>
					</tbody>
				</table>
			</div>
			<div class="Btn_box">
				<button class="btns Add">保存</button>
			</div>
		</div>

	</div>
	<script>
		var $tableLeft = $('#tb1');
		var token = $.cookie("token");
		var pagerid;
		var wid = helper.request.queryString("Str");
		$(document).ready(function () {
			if (wid) {
				//获取计划
				$.ajax({
					type: "get",
					url: huayi.config.callcenter_url + "CallOutPlan/GetTaskModel",
					dataType: 'json',
					data: {
						id: wid,
						token: $.cookie("token")
					},
					async: true,
					success: function (data) {
						if (data.state == "success") {
							if (data.data.pagermodel != null) {
								$('.Qubound').val(data.data.pagermodel.F_Title);
							}
							$(".Planname").val(data.data.taskmodel.F_TaskName);
							$('.remark').val(data.data.taskmodel.F_TaskRemark);

						}

					}
				});
			}
			$("#Search").click(function () {
				IndexCategoryGe();
				$(".Table_box").show();
				$('.Btn_box').hide();
			})
			$(".Add").click(function () {
				pagerid = $(".Qubound").attr("index")
				if (!$(".Planname").val()) {
					layer.msg("名称不能为空");
				} else if (!$(".remark").val()) {
					layer.msg("备注不能为空");
				} else if (!$(".Qubound").val()) {
					ayer.msg("问卷不能为空");
				} else {
					//增加分类
					$.ajax({
						type: "post",
						url: huayi.config.callcenter_url + "CallOutPlan/CreateOrUpdateTask",
						dataType: 'json',
						data: {
							id: wid,
							pagerid: pagerid,
							remark: $(".remark").val(),
							name: $(".Planname").val(),
							token: $.cookie("token")
						},
						async: true,
						success: function (data) {
							if (data.state == "success") {
								var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
								parent.layer.close(index); //再执行关闭
								parent.IndexCategoryGe();
								parent.layer.msg(data.message);
							}

						}
					});
				}

			})

		})

		//问卷列表
		function IndexCategoryGe() {
			//销毁表格
			$tableLeft.bootstrapTable('destroy');
			//初始化表格,动态从服务器加载数据
			$tableLeft.bootstrapTable({
				method: "get", //使用get请求到服务器获取数据
				url: huayi.config.callcenter_url + "Questionnaire/GetPagerInfoList",
				striped: true, //表格显示条纹
				pagination: true, //启动分页
				pageSize: 5, //每页显示的记录数
				pageNumber: 1, //当前第几页
				pageList: [5, 10, 50, 100], //记录数可选列表
				contentType: 'application/x-www-form-urlencoded',
				search: false, //是否启用查询
				showColumns: false, //显示下拉框勾选要显示的列
				showRefresh: false, //显示刷新按钮
				sidePagination: "server", //表示服务端请求
				//设置为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,
						token: token
					};
					return param;
				},
				onLoadSuccess: function () { //加载成功时执行
					//								layer.msg("加载成功");
				},
				onLoadError: function () { //加载失败时执行
					//layer.msg("加载数据失败", { time: 1500, icon: 2 });
				},
				onDblClickRow: function (row) {
					$(".Qubound").val(row.F_Title);
					$(".Qubound").attr("index", row.F_PagerId); //设置问卷ID
					$(".Table_box").hide();
					$('.Btn_box').show();
				}
			});
		}
		//编号
		function setCode(val, row, index) {
			return index + 1;
		}
		/*获取选中行对象*/
		$tableLeft.on("click-row.bs.table", function (e, row, ele) {
			$('.success').removeClass('success'); //去除之前选中的行的，选中样式
			$(ele).addClass('success'); //添加当前选中的 success样式用于区别; 

		});
	</script>
</body>

</html>