duhongyu
/
AnYang_UI


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167
							<!DOCTYPE html>

<html>


	<head>

		<meta charset="UTF-8">

		<title>转调度</title>

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

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

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

		<style>

			.layui-form-select dl dt {

				font-size: 12px;

				color: #999;

			}

			
			.layui-form-select .layui-select-group dd {

				padding-left: 30px;

				color: #000000;

			}

		</style>


	</head>


	<body>

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


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

				<label class="layui-form-label">分类</label>

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

					<select name="classid" id="themeClass">

						<!--<option value="">请选择</option>

						<optgroup label="城市记忆">

							<option value="你工作的第一个城市">你工作的第一个城市？</option>

						</optgroup>

						<optgroup label="学生时代">

							<option value="你的工号">你的工号？</option>

							<option value="你最喜欢的老师">你最喜欢的老师？</option>

						</optgroup>-->

					</select>

				</div>

			</div>

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

				<label class="layui-form-label" style="width: 100px;">是否典型</label>

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

					<input type="checkbox" id="istypical" name="istypical" lay-text="是|否" value="1" lay-skin="switch">

				</div>

			</div>

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

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

					<button class="layui-btn" lay-submit lay-filter="formDemo">提交</button>


				</div>

			</div>

		</form>


		<script src="../js/jquery.md5.js"></script>

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

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


		<script>

			layui.use('form', function() {

				var form = layui.form;


				//提交

				form.on('submit(formDemo)', function(data) {


					//					if(!data.field || !data.field.classid) {

					//						layer.msg('请选择分类');

					//

					//						return;

					//					}


					console.log(data.field);

					var classInfo = data.field.classid.split('_')


					$.post(huayi.config.callcenter_url + 'WorkOrder/Theme', {

						workorderid: wid, //工单号

						specialid: classInfo[1],

						istypical: data.field.istypical ? 1 : 0,

						token: $.cookie("token")

					}, function(result) {

						result = JSON.parse(result);

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

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

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

							//debugger;

							parent.load();

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

						}

					})


					return false;

				});

			});


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

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


			$(document).ready(function() {

				getThemeTree();

			})


			function getThemeTree() {


				$.getJSON(

					huayi.config.callcenter_url + "WorkOrder/GetTheme", {

						token: $.cookie("token"),

						workorderid: wid,

					},

					function(result) {

						var themeInfo = {};

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

							themeInfo = result.data[0];

							
							if (themeInfo) {

								if (themeInfo.F_IsTypical) {

									$('#istypical').attr('checked', 'checked');

								}

//								$('#istypical').val(themeInfo.F_IsTypical.toString());

								
								layui.form.render('checkbox');

							}

						}


						$.getJSON(

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

								token: $.cookie("token"),

								type: 1,

								types: 2,

							},

							function(result) {

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


									var trees = JSON.parse(result.data);

									var treeStr = '<option value="">请选择</option>';

									if(trees.length > 0) {

										trees.forEach((o) => {

											if(!(themeid && o.id.toString() != themeid)) {

												treeStr += '<optgroup label="' + '【' + o.cycle + '】' + o.title + '">'


												if(o.child && o.child.length > 0) {

													o.child.forEach((c) => {

//														console.log(themeInfo.F_Special, c.id, 'c.id')

var isCheck = false;

if (themeInfo && themeInfo.F_Classification && themeInfo.F_Classification.toString() == c.id.toString()) isCheck = true;

														treeStr += '<option value="' + o.id + '_' + c.id + '" ' + (isCheck ? 'selected' : '') + '>' + c.title + '</option>';

													})

												}

												treeStr += '</optgroup>';

											}


										})

									}


									$("#themeClass").append(treeStr);

									layui.form.render("select");

								}

							}

						);

					}

				);


			}

		</script>

	</body>


</html>