duhongyu
/
AnYang_UI


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185
							<!DOCTYPE html>

<html>


	<head>

		<meta charset="UTF-8">

		<meta name="viewport" content="width=device-width, initial-scale=1.0">

		<script src="../Script/Common/huayi.load.js"></script>

		<script src="../Script/Common/huayi.config.js"></script>

		<link href="../css/init.css" rel="stylesheet" />

		<link href="../css/Table/table1.css" rel="stylesheet" />

		<link rel="stylesheet" href="../js/layui/css/layui.css">

		<title>关键词</title>

	</head>


	<body class="gray-bg">

		<div class="container-fluid wrapper-content animated fadeInRight">

			<!--<div style="width: 100%;padding: 10px;">

				<table id="list" data-row-style="rowStyle" data-query-params="queryParams" data-pagination="true">

					<thead>

						<tr>

							<th data-field="state" data-checkbox="true"></th>

							<th data-align="center" data-formatter="setCode">序号</th>

							<th data-field="F_Name">关键词</th>

							<th data-field="F_CreateTime">创建时间</th>

						</tr>

					</thead>

					<tbody id="tbody"></tbody>

				</table>

			</div>-->

			<form class="layui-form" action="">

				<div class="layui-form-item">

					<div class="layui-input-block">

						<div class="layui-form-mid layui-word-aux">注意：点选关键词的顺序为关键词排序</div>

					</div>


				</div>

				<div class="layui-form-item">

					<label class="layui-form-label" style="width: 100px;">选择关键词</label>

					<div class="layui-input-block" id="keyCheckBox" lay>

						<!--<input type="checkbox" name="like[write]" title="写作">

						<input type="checkbox" name="like[read]" title="阅读" checked="">

						<input type="checkbox" name="like[game]" title="游戏">-->

					</div>

				</div>

				<div class="layui-form-item">

					<label class="layui-form-label">排序</label>

					<div class="layui-input-block">

						<div class="layui-form-mid layui-word-aux" id="sort"></div>

					</div>


				</div>

			</form>

			<div class="layui-input-block">

				<button class="layui-btn" onclick="saveKeys()">保存</button>

			</div>

		</div>

		<script src="../css/layer/layer.js"></script>

		<script src="../js/layui/layui.js"></script>

		<script>

			var id = helper.request.queryString("id");

			var themeid = helper.request.queryString("themeid");

			var sortArray = [];

			var sortIdArray = [];

			$(document).ready(function() {


				getClassKeyList();

				sortEvent();

			})

			
			function saveKeys() {

				console.log('保存')

				
				if (sortIdArray.length <=0) {

					layer.confirm('请选择关键词', {

						btn: ['确定']

					});

					return;

				}

				
				$.post(huayi.config.callcenter_url + 'SamplePool/Determine', {

					classification: id,

					keywordid: sortIdArray.join(),

					"token": $.cookie("token")

				}, function(result) {

					result = $.parseJSON(result);

					if(result.state.toLowerCase() == "success") {

						layer.msg("操作成功");

					}

					
												var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引

							parent.layer.close(index); //再执行关闭

				})

			}


			function sortEvent() {

				layui.form.on('checkbox', function(data) {

					console.log(data.elem); //得到checkbox原始DOM对象

					console.log(data.elem.checked); //是否被选中，true或者false

					console.log(data.value, data); //复选框value值，也可以通过data.elem.value得到

					console.log(data.othis); //得到美化后的DOM对象

					var index = sortIdArray.indexOf(parseInt(data.value));

					debugger

					if (index >= 0) {

							sortIdArray.splice(index, 1);

							sortArray.splice(index, 1);

					}

					if (data.elem.checked) {

						
						sortIdArray.push(parseInt(data.value));

						sortArray.push(data.othis[0].innerText);

						console.log(data.othis[0].innerText);

					} 

					$('#sort').text(sortArray.join('、'));

					
				});

			}

			
			// 获取分类详情

			function getClassKeyList() {

				$.getJSON(

					huayi.config.callcenter_url + "Theme/GetModel", {

						token: $.cookie("token"),

						id: id,

					},

					function(result) {

						if(result.state.toLowerCase() == "success") {

							
							getKeyList(result.data);


						}

					}

				);

			}


			// 获取当前主题下的关键词列表

			function getKeyList(classInfo = {}) {

				$.getJSON(

					huayi.config.callcenter_url + "SamplePool/GetKeyWordList", {

						token: $.cookie("token"),

						specialid: themeid,

					},

					function(result) {

						if(result.state.toLowerCase() == "success") {

							if(result.data && result.data.length > 0) {

								var options = '';

								
								var keys = [];

								if (classInfo.key && classInfo.key.length > 0) {

									keys = classInfo.key.map(function(o) {

									o.F_Classification = id.toString();

									return o;

								})

								}

								
								var keyList = keys.concat(result.data)

								var hasIds =[];

								keyList.forEach(function(o) {

									if (hasIds.indexOf(o.F_ID) < 0) {

										hasIds.push(o.F_ID);

										var isChecked = o.F_Classification.split(',').indexOf(id) >= 0;

									options += '<input type="checkbox" name="'+o.F_KeyWord+'" value="'+ o.F_ID +'" title="' + o.F_KeyWord + '" ' + (isChecked ? 'checked=""' : '') + '>';


									if(isChecked) {

										sortArray.push(o.F_KeyWord);

										sortIdArray.push(o.F_ID);

									}

									}

									
								})


								$("#keyCheckBox").append(options);

								layui.form.render("checkbox");

								$('#sort').text(sortArray.join('、'));


							}


						}

					}

				);

			}

		</script>

	</body>


</html>