duhongyu
/
AnYang_UI


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906
							<!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>-->

						</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>

					</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 exportParams;

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

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

			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() {

				layer.open({

					type: 2,

					content: "editTheme.html?type=1&themeType=1", //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=1&id=" + selectThemeId, //iframe的url，no代表不显示滚动条

					title: '修改主题',

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

					end: function() {


						bindtree();

					}

				});


			});

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

				exportParams.isdc = 1;

				exportFileFun("SamplePool/GetSampleList", exportParams)

			})


			$('#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 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()

					}

				});

			}


			//从样本池移除

			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 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 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,


						};

						exportParams = param

						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"),

						page:1,

						pagesize:9999,

						type: 1,

						types: 1,

					},

					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);

				initOrderTable(treeNode.F_ID);

				if(treeNode.F_StatisticsBeginTime) {

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

				}


				getDicValueList(treeNode);


			}

		</script>

	</body>


</html>