duhongyu
/
AnYang_UI


			
							1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033
							<!DOCTYPE html>

<html>


	<head>

		<meta charset="UTF-8">

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

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

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

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

		<link rel="stylesheet" href="../js/comboSelect/combo.select.css" />

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

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

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

		
		<title>主题管理</title>

		<style>

			.toolRight input {

				width: 100%;

				height: 36px;

			}

			
			.toolRight {

				position: relative;

				line-height: 30px;

			}

			
			.toolRight .tooldiv1 {

				/* position: absolute; */

				display: inline-block;

				margin-right: 10px;

				vertical-align: top;

			}

			
			#characterSelect {

				width: 170px;

				height: 36px;

				border: 2px solid rgb(235, 235, 235);

			}

			
			.model select {

				width: 200px;

				height: 27px;

			}

			
			.xg {

				color: #337ab7;

			}

			
			.btns {

				background: #00a1cb;

				color: #fff;

				padding: 1px 18px;

				outline: none;

				/* font-size: 14px; */

				margin-left: 15px;

				border: 0;

				border-radius: 3px;

				box-sizing: border-box;

				cursor: pointer;

				vertical-align: middle;

			}

		</style>

	</head>


	<body class="gray-bg">

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

			<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="" class="nowPosition">主题管理</a>

					</sapn>

				</div>

				<div class="dhRight">

					<a href="" title="刷新"><i class="fa fa-refresh"></i></a>

				</div>

			</div>

			<div class="toolBar clearfix">

				<div class="toolLeft">

					<button class="btns add">添加主题</button>

					<button class="btns change">修改主题</button>

					<button class="btns del">删除主题</button>

				</div>


			</div>

			<div class="treeTable clearfix">

				<div class="tree col-md-3">

					
					<div class="trTitle"> 月主题</div>

					<div class="treeCon">

						<ul id="treeDemo" class="ztree">

							<!--类名为ztree是必须的-->

						</ul>

					</div>

				</div>

				<div class="tableCon col-md-9">

					<div class="trTitle">主题分类  <span id="time" style="color: darkgray;font-size: 14px;"></span>


					</div>

					<div class="layui-tab layui-tab-brief">

						<ul class="layui-tab-title">

							<li class="layui-this">分类管理</li>

							<li>样本池</li>

							<li>分类占比</li>

							<li>涉及单位排序</li>

							<!--<li>商品管理</li>

							<li>订单管理</li>-->

						</ul>

						<div class="layui-tab-content" style="height: 100px;">

							
							<div class="layui-tab-item layui-show">

								<div class="toolRight">

									<button id="addClassBut" hidden="hidden" class="btns addclass" style="margin-bottom: 10px;">添加分类</button>

								</div>

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

									<thead>

										<tr>

											<th data-field="F_Name" data-align="center" data-formatter="Cr">序号</th>

											<th data-field="F_Name" data-align="left">分类名称</th>

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

											<th data-field="F_ID" data-formatter="Dispose" data-align="center">操作</th>

										</tr>

									</thead>

								</table>

							</div>

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


								<div class="toolRight">

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


										<div class="layui-inline">

											<label class="layui-form-label" style="width: 100px;">工单编号</label>

											<div class="layui-input-inline" style="width: 200px;">

												<input type="text" id="orderId" autocomplete="off" class="layui-input">

											</div>

										</div>


										<div class="layui-inline">

											<label class="layui-form-label" style="width: 100px;">工单内容</label>

											<div class="layui-input-inline" style="width: 200px;">

												<input type="text" id="orderContent" autocomplete="off" class="layui-input">

											</div>

										</div>

										<div class="layui-inline">

											<label class="layui-form-label" style="width: 100px;">主题分类</label>

											<div class="layui-input-inline" style="width: 200px;">

																					<select name="" id="orderClass" class="form-control">

											
										</select>

											</div>

										</div>

										<div class="layui-inline">

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

											<div class="layui-input-inline" style="width: 200px;">

																					<select name="" id="orderRep" class="form-control">

											<option selected="selected" value="">

												请选择

											</option>

											<option value="0">否</option>

											<option value="1">是</option>

											
										</select>

											</div>

										</div>

										<div class="layui-inline">

											<button id="searchOrder" class="btns" style="margin-bottom: 10px;">查询</button>

											<button id="exportOrder" class="btns" style="margin-bottom: 10px;">导出工单</button>

											<button id="addOrder" class="btns" style="margin-bottom: 10px;">添加工单</button>

										</div>


									</div>

									<!--<button id="addOrder" class="btns" style="margin-bottom: 10px;">导出工单</button>

									<button id="addOrder" class="btns" style="margin-bottom: 10px;">添加工单</button>-->

								</div>

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

									<thead>

										<tr>

											<th data-field="F_WorkOrderId" data-formatter="View" data-align="center">工单单号</th>

											<th data-field="F_ComTitle" data-formatter="GetCont" data-align="center">诉求标题</th>

											<th data-field="F_ComContent" data-formatter="GetCont" data-align="center">来电内容</th>

											<th data-field="DeptName" data-align="center">承办单位</th>

											<!--<th data-field="UserName" data-align="center">受理人</th>-->

											<th data-field="F_WorkState" data-align="center" data-formatter="States">办理状态</th>

											<!--<th data-field="OverState" data-formatter="OverTime" data-align="center">时限</th>

											<th data-field="LimitTime" data-formatter="BanTime" data-align="center">办理时限</th>-->

											<th data-field="F_Result" data-formatter="GetCont" data-align="center">办理结果</th>

											<th data-field="F_ID" data-formatter="PoolDispose" data-align="center">操作</th>

										</tr>

									</thead>

								</table>

							</div>

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

								<form class="layui-form" lay-filter="zb">

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

										<label class="layui-form-label" style="width: 100px;">反应类别</label>

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

											<select id="fylb" lay-filter="fylb" lay-verify="required">

											</select>

										</div>

									</div>

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

										<label class="layui-form-label">占比</label>

										<div class="layui-input-block" style="line-height: 36px;">

											<span id="proporation"></span>

										</div>

									</div>

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


									</div>

								</form>

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

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

								</div>

							</div>

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

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

									<thead>

										<tr>

											<th data-field="F_DeptName" data-align="center">单位名称</th>

											<th data-field="F_Sort"  data-align="center">排序</th>

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

											<th data-field="F_ID" data-formatter="themeDispose" data-align="center">操作</th>

										</tr>

									</thead>

								</table>

							</div>

						</div>

					</div>


				</div>

			</div>


		</div>


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

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

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

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

		
		<script src="../js/zTree/jquery.ztree.core.js"></script>

		<script src="../js/comboSelect/jquery.combo.select.js"></script>

		<script src="../js/WorkOrder/orderListOperation.js"></script>

		<script src="../js/WorkOrder/WorkOrderList.js"></script>


		<script>

			var table = $("#table1"); //右边表格

			var orderTable = $("#workorder"); //右边表格 

			var ThemeIdTable = $("#ThemeIdTable"); //右边表格

			var selectThemeId = '';

			var selectTreeNode;

			$(document).ready(function() {


				bindtree();

				//				initTable();

				//				initOrderTable();


				layui.form.on('select(fylb)', function(data) {

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

					//					console.log(data.value); //得到被选中的值

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

					$('#proporation').text('');

					if(data.value) {

						getProp(data.value);

					}

				});


			})

			
			function Cr(val, row, index) {

            return index + 1;


        }


			function getProp(id) {

				// 获取占比

				$.getJSON(

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

						token: $.cookie("token"),

						id: selectThemeId,

						keyid: id,

					},

					function(result) {

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

							$('#proporation').text(result.data.Proportion);


						}

					}

				);

			}


			function save() {

				console.log('sava')

				var keyId = $('#fylb').val();

				if(!keyId) {

					layer.confirm('请选择反应类别！', {

						btn: ['确定']

					});

					return;

				}


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

					id: selectThemeId,

					Proportion: keyId,

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

				}, function(result) {

					result = $.parseJSON(result);

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

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

					}

				})

			}


			//状态

			function States(val, row) {

				var html = "";

				switch(val + "") {

					case "0":

						html = "新工单";

						if(row.F_IsReturn == 1) {

							html = "新工单（回退）";

						}

						break;

					case "1":

						html = "待交办";

						break;

					case "2":

						html = '<span style="color:#FF0000;">待查收</span>';

						break;

					case "3":

						html = "退回审核中";

						break;

					case "4":

						html = "办理中";

						break;

					case "5":

						html = "延时审核";

						break;

					case "6":

						if(row.F_IsProtect === 2 || row.F_IsProtect === 3) {

							html = "已办未果"

						} else {

							html = "已办理";

						}

						break;

					case "7":

						html = "待回访";

						break;

					case "8":

						if(row.F_Identification === 0) {

							html = "重置转发";

						} else if(row.F_Identification === 1) {

							html = "退回重办";

						} else {

							html = "重办中";

						}

						break;

					case "9":

						html = "已结案";

						break;

					case "10":

						html = "待审核";

						break;

					case "11":

						html = "重办待交办";

						break;

						//              case '12':

						//                  html = '待审核';

						//                  break;

					case "13":

						html = "重办驳回";

						break;

				}

				return html;

			}


			function GetCont(val) {

				if(val) {

					var str = "<div ";

					if(val.length > 10) {

						str = str + ' title="' + val + '" ';

						val = val.substr(0, 10) + "...";

					}

					return str + ">" + val + "</div>";

				} else {

					return "";

				}

			}

			//时限

			function OverTime(val, row) {

				if(val == 1) {

					return(

						'<div class="" style="cursor: pointer;">' +

						'<span class="Greens">' +

						row.GapTime +

						"</span>" +

						"</div>"

					);

				} else if(val == 2) {

					return(

						'<div class="" style="cursor: pointer;">' +

						'<span class="Yellows">' +

						row.GapTime +

						"</span>" +

						"</div>"

					);

				} else if(val == 3) {

					return(

						'<div class="" style="cursor: pointer;">' +

						'<span class="Reds">' +

						row.GapTime +

						"</span>" +

						"</div>"

					);

				}

			}

			//办理时限

			function BanTime(val) {

				if(val) {

					var time = val.substring(0, val.indexOf(" "));

					return(

						'<div class="" style="cursor: pointer;">' +

						"<span>" +

						time +

						"</span>" +

						"</div>"

					);

				}

			}


			function getDicValueList(treeNode) {

				$.getJSON(

					huayi.config.callcenter_url + "Dictionary/GetDicValueListById", {

						token: $.cookie("token"),

						id: 3,

					},

					function(result) {

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


							console.log(treeNode, 'treeNode')

							var trees = result.data;

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

							if(trees.length > 0) {

								trees.forEach((o) => {

									treeStr += '<option value="' + o.F_ValueId + '" ' + (treeNode.F_Proportion == o.F_ValueId ? 'selected=""' : '') + '>' + o.F_Value + '</option>';

								})

							}


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

							layui.form.render("select");


							if(treeNode && treeNode.F_Proportion) {

								getProp(treeNode.F_Proportion);

							}


						}

					}

				);

			}


			$(".add").click(function() {

				console.log('123123')

				layer.open({

					type: 2,

					content: "editTheme.html?type=1&themeType=2", //iframe的url，no代表不显示滚动条

					title: '新增主题',

					area: ['50%', '80%'], //宽高

					end: function() {

						bindtree();

//						initTable();

//						initOrderTable();

					}

				});

			});


			$(".addclass").click(function() {


				layer.open({

					type: 2,

					content: "editTheme.html?type=2&themeid=" + selectThemeId, //iframe的url，no代表不显示滚动条

					title: '新增分类',

					area: ['50%', '50%'], //宽高

					end: function() {

						console.log('关闭')

						initTable();

					}

				});

			});


			$(".change").click(function() {

				if(!selectThemeId) {

					layer.msg("请选择要修改的数据");

					return;

				}

				layer.open({

					type: 2,

					content: "editTheme.html?type=1&themeType=2&id=" + selectThemeId, //iframe的url，no代表不显示滚动条

					title: '修改主题',

					area: ['50%', '80%'], //宽高

					end: function() {


						bindtree();

					}

				});


			});

			
			$('#exportOrder').click(function() {

//				$.getJSON(

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

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

//							workid: $('#orderId').val(),

//							ComContent: $('#orderContent').val(),

//							classification: $('#orderClass').val(),

//							istypical: $('#orderRep').val(),

//							isdc: 1,

//

//							specialid: selectThemeId,

//					},

//					function(result) {

//						

//					}

//				);

				
				var url =

                huayi.config.callcenter_url +

                "SamplePool/GetSampleList?token=" +

                $.cookie("token") +

                "&isdc=1";

            url +=

                "&workid=" +

                $('#orderId').val() +

                "&ComContent=" +

                $('#orderContent').val() +

                "&classification=" +

                $('#orderClass').val() +

                "&istypical=" +

                $('#orderRep').val() +

                "&specialid=" +

                $('#orderRep').val();

            window.location.href = url;

			})


			$('#searchOrder').click(function() {

				initOrderTable();

			});


			$('#addOrder').click(function() {

				if(!selectThemeId) {

					layer.msg("请选择要主题");

					return;

				}


				var str = '';

				if(selectTreeNode.F_StatisticsBeginTime) {

					str += '&startTime=' + selectTreeNode.F_StatisticsBeginTime;

				}

				if(selectTreeNode.F_StatisticsEndTime) {

					str += '&endTime=' + selectTreeNode.F_StatisticsEndTime;

				}


				layer.open({

					type: 2,

					content: "workorder.html?id=" + selectThemeId + str, //iframe的url，no代表不显示滚动条

					title: '获取对应工单列表',

					area: ['80%', '60%'], //宽高

					end: function() {

						console.log('关闭')

						initOrderTable();

					}

				});

			})


			$(".del").click(function() {

				if(!selectThemeId) {

					layer.msg("请选择要删除的数据");

					return;

				}


				layer.confirm('确定删除该主题吗?', function(index) {


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

						ids: selectThemeId,

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

					}, function(result) {

						result = $.parseJSON(result);

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

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

							bindtree();

							layer.close(index);

						}

					})


				});


			});


			function Dispose(val, row) {

				return '<div class="imgs" >' +

					'<a class="xg" onclick="xg(' + row.F_ID + ')">编辑</a>' +

					'<a class="xg" onclick="remove(' + row.F_ID + ')">删除</a>' + '<a class="xg" onclick="getKeys(' + row.F_ID + ')">关键词 </a>' +

					'</div>';

			}

			function themeDispose(val, row) {

				
				return '<div class="imgs" >' +

					'<a class="xg" onclick="themeSortHandle(\''+row.F_ID+'\',\''+row.F_DeptName+'\')">编辑</a>' +

					'</div>';

			}

		
			function PoolDispose(val, row) {

				var optionStr = '<div class="imgs" ><a class="xg" onclick="delPool(\'' + row.F_WorkOrderId + '\')">移除</a>';


				if(row.Theme && row.Theme.length > 0) {

					optionStr += '<a class="xg" onclick="updateClass(\'' + row.F_WorkOrderId + '\')">变更</a>';

				} else {

					optionStr += '<a class="xg" onclick="transDispatch(\'' + row.F_WorkOrderId + '\')")">转调度</a>';

				}


				optionStr += '</div>';


				return optionStr;


				//				return '<div class="imgs" >' +

				//					'<a class="xg" onclick="xg(' + row.F_ID + ')">编辑</a>' +

				//					'<a class="xg" onclick="remove(' + row.F_ID + ')">移除</a>' + '<a class="xg" onclick="getKeys(' + row.F_ID + ')">关键词 </a>' +

				//					'</div>';

			}


			// 转调度

			function transDispatch(id) {

				layer.open({

					type: 2,

					content: "../CommonHtml/reschedule.html?wid=" + id + '&themeid=' + selectThemeId, //iframe的url，no代表不显示滚动条

					title: "转调度",

					area: ["30%", "50%"], //宽高

					shade: 0,

					end: function() {

						initOrderTable()

					}

				});

			}


			//变更分类

			function updateClass(id) {


				layer.open({

					type: 2,

					content: "../CommonHtml/reschedule.html?wid=" + id + '&themeid=' + selectThemeId, //iframe的url，no代表不显示滚动条

					title: "转调度",

					area: ["30%", "50%"], //宽高

					shade: 0,

					end: function() {

						initOrderTable()

						selectThemeIdTable()

					}

				});

			}


			//从样本池移除

			function delPool(id) {

				layer.confirm('是否确定移除该数据?', function(index) {

					//do something

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

						workorderid: id,

						specialid: selectThemeId,

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

					}, function(result) {

						result = $.parseJSON(result);

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

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

						}


						initOrderTable();

					})

					layer.close(index);

				});

			}


			function getKeys(id) {

				layer.open({

					type: 2,

					content: "keys.html?type=2&id=" + id + '&themeid=' + selectThemeId, //iframe的url，no代表不显示滚动条

					title: '分类关键词',

					area: ['60%', '80%'], //宽高

					end: function() {

						console.log('关闭')

						//						initTable();

					}

				});

			}


			function xg(id) {

				layer.open({

					type: 2,

					content: "editTheme.html?type=2&id=" + id, //iframe的url，no代表不显示滚动条

					title: '修改主题',

					area: ['40%', '50%'], //宽高

					end: function() {

						console.log('关闭')

						initTable();

					}

				});

			}

			function themeSortHandle(id,F_DeptName){

				layer.open({

					type: 2,

					content: "./cpns/themeSortEdit.html?id=" + id+"&F_DeptName="+encodeURIComponent(F_DeptName), //iframe的url，no代表不显示滚动条

					title: '修改涉及单位排序',

					area: ['40%', '50%'], //宽高

					end: function() {

						selectThemeIdTable()

					}

				});

			}

			
			function remove(id) {

				layer.confirm('确定删除该分类吗?', function(index) {


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

						ids: id,

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

					}, function(result) {

						result = $.parseJSON(result);

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

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

							initTable(selectThemeId)

							layer.close(index);

						}

					})


				});

			}

			//右边表格

			function selectThemeIdTable(id) {

				if (!id) id = selectThemeId;

				//先销毁表格

				ThemeIdTable.bootstrapTable("destroy");

				//初始化表格,动态从服务器加载数据

				ThemeIdTable.bootstrapTable({

					method: "get",

					//使用get请求到服务器获取数据

					url: huayi.config.callcenter_url + "Theme/GetDeptList",

					//获取数据的Servlet地址

					striped: true,

					//表格显示条纹

					pagination: false,

					//启动分页

					pageSize: 10,

					//每页显示的记录数

					pageNumber: 1,

					//当前第几页

//					pageList: [10, 20, 50, 100],

					//记录数可选列表

					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 = {

							page: params.pageNumber,

							pagesize: params.pageSize,

							token: $.cookie("token"),

							id: id,


						};

						return param;

					},

					responseHandler:function(res){

						return{

							"total":res.data.length,

							"rows":res.data

						}

					},

					onLoadSuccess: function(data) {

						//加载成功时执行

						
						console.log(data, 'datas')

						
						//layer.msg("加载成功");

					},

					onLoadError: function() {

						//加载失败时执行

						//layer.msg("加载数据失败", { time: 1500, icon: 2 });

					},

				});

			}

			//右边表格

			function initTable(id) {

				if (!id) id = selectThemeId;

				//先销毁表格

				table.bootstrapTable("destroy");

				//初始化表格,动态从服务器加载数据

				table.bootstrapTable({

					method: "get",

					//使用get请求到服务器获取数据

					url: huayi.config.callcenter_url + "Theme/GetList",

					//获取数据的Servlet地址

					striped: true,

					//表格显示条纹

					pagination: false,

					//启动分页

					pageSize: 100,

					//每页显示的记录数

					pageNumber: 1,

					//当前第几页

//					pageList: [10, 20, 50, 100],

					//记录数可选列表

					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 = {

							page: 1,

							pagesize: 200,

							token: $.cookie("token"),

							type: 2,

							parentid: id,


						};

						return param;

					},

					onLoadSuccess: function(data) {

						//加载成功时执行

						
						console.log(data, 'datas')

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

							// orderClass

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

							data.rows.forEach(function(o) {

								optionStr += '<option value="'+o.F_ID+'">'+ o.F_Name +'</option>';

							})

							
							$('#orderClass').append(optionStr)

						}

						
						//layer.msg("加载成功");

					},

					onLoadError: function() {

						//加载失败时执行

						//layer.msg("加载数据失败", { time: 1500, icon: 2 });

					},

				});

			}


			//右边表格

			function initOrderTable(id) {

				if (!id) id = selectThemeId;

				//先销毁表格

				orderTable.bootstrapTable("destroy");

				//初始化表格,动态从服务器加载数据

				orderTable.bootstrapTable({

					method: "get",

					//使用get请求到服务器获取数据

					url: huayi.config.callcenter_url + "SamplePool/GetSampleList",

					//获取数据的Servlet地址

					striped: true,

					//表格显示条纹

					pagination: true,

					//启动分页

					pageSize: 10,

					//每页显示的记录数

					pageNumber: 1,

					//当前第几页

					pageList: [10, 20, 50, 100],

					//记录数可选列表

					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 = {

							page: params.pageNumber,

							pagesize: params.pageSize,

							token: $.cookie("token"),

							workid: $('#orderId').val(),

							ComContent: $('#orderContent').val(),

							classification: $('#orderClass').val(),

							istypical: $('#orderRep').val(),


							specialid: id,


						};

						return param;

					},

					onLoadSuccess: function() {

						//加载成功时执行

						//layer.msg("加载成功");

					},

					onLoadError: function() {

						//加载失败时执行

						//layer.msg("加载数据失败", { time: 1500, icon: 2 });

					},

				});

			}


			function bindtree() {

				$('#proporation').text('');

				$("#fylb").empty();

				console.log('bindtree')

				$("#orderClass").empty();

				$.getJSON(

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

						token: $.cookie("token"),

						type: 1,

						types: 2,

					},

					function(result) {

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

							var checked = false;


							const rows = result.rows.map((o) => {

								o.F_Name = '【' + o.F_Cycle + '】' + o.F_Name;

								if(!checked) {

									o.checked = true;

									checked = true;

								}


								return o;

							});


							console.log(rows, 'rows')


							$.fn.zTree.init($("#treeDemo"), {

								data: {

									key: {

										name: "F_Name",

										checked: 'checked',

									},

									simpleData: {

										enable: false,

										idKey: "F_ID",

										pIdKey: "",

										rootPId: 0,

									},

								},

								callback: {

									onClick: zTreeOnClick,

								},

								view: {

									nameIsHTML: true, 

									fontCss: setFontCss_ztree

								}

							}, rows);


							var zTreeObj = $.fn.zTree.getZTreeObj("treeDemo");


							var node = zTreeObj.getNodeByParam("F_ID", rows[0].F_ID);


							zTreeObj.selectNode(node, '', true);

//							node.highlight = true;

							
							zTreeObj.updateNode(node);


							// 默认点击第一个

							zTreeOnClick(null, null, {

								F_ID: rows[0].F_ID,

								F_Proportion: rows[0].F_Proportion,

								F_StatisticsBeginTime: rows[0].F_StatisticsBeginTime,

								F_StatisticsEndTime: rows[0].F_StatisticsEndTime,

							});


						}

					}

				);

			}

     function setFontCss_ztree(treeId, treeNode) {

     	console.log(treeNode, 'treeNode')

         if (treeNode.F_IsDisplay) {

             //根节点

             return { color: "red", "font-weight": "bold" };

        } else if (treeNode.isParent == false) {

             //叶子节点

             return (!!treeNode.highlight) ? { color: "#ff0000", "font-weight": "bold" } : { color: "#000", "font-weight": "normal" };

         } else {

             //父节点

             return (!!treeNode.highlight) ? { color: "#ff0000", "font-weight": "bold" } : { color: "#333", "font-weight": "normal" };

         }

     }

			function zTreeOnClick(event, treeId, treeNode) {

				selectThemeId = treeNode.F_ID

				selectTreeNode = treeNode

				$("#fylb").empty();

				console.log('bindtree')

				$("#orderClass").empty();


				$('#addClassBut').show();

				initTable(treeNode.F_ID);

				selectThemeIdTable(treeNode.F_ID)

				initOrderTable(treeNode.F_ID);

				if(treeNode.F_StatisticsBeginTime) {

					$('#time').html(`${treeNode.F_StatisticsBeginTime} ~ ${treeNode.F_StatisticsEndTime}`)

				}


				getDicValueList(treeNode);


			}

		</script>

	</body>


</html>