duhongyu
/
AnYang_UI


			
							12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007
							<!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">

											<label class="layui-form-label" style="width: 130px;">是否有主题分类</label>

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

												<select name="" id="isclassification" 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>

											<button class="btns exportTemplate" style="margin-bottom: 10px;">模板</button>

							                <button class="btns importFile" style="margin-bottom: 10px;">导入</button>

							                <input type="file" id="upFile" name="upFile"  accept="application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, application/vnd.ms-excel" style="display: none;">

										</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/utils/localStorageCache.js"></script>

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

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

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

		<script>

			var exportParams;

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

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

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

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

							isclassification: $('#isclassification').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: 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();

				$("#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>