caimei365
/
caimei365-manager


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308130913101311131213131314131513161317131813191320132113221323132413251326132713281329133013311332133313341335133613371338133913401341134213431344134513461347134813491350135113521353135413551356135713581359136013611362136313641365136613671368136913701371137213731374137513761377137813791380138113821383138413851386138713881389139013911392139313941395139613971398139914001401140214031404140514061407140814091410141114121413141414151416141714181419142014211422142314241425142614271428142914301431143214331434143514361437143814391440144114421443144414451446144714481449145014511452145314541455145614571458145914601461146214631464146514661467146814691470147114721473147414751476147714781479148014811482148314841485148614871488148914901491149214931494149514961497149814991500150115021503150415051506150715081509151015111512151315141515151615171518151915201521152215231524152515261527152815291530153115321533153415351536153715381539154015411542154315441545154615471548154915501551155215531554155515561557155815591560156115621563156415651566156715681569157015711572157315741575157615771578157915801581158215831584158515861587158815891590159115921593159415951596159715981599160016011602160316041605160616071608160916101611161216131614161516161617161816191620162116221623162416251626162716281629163016311632163316341635163616371638163916401641164216431644164516461647164816491650165116521653165416551656165716581659166016611662166316641665166616671668166916701671167216731674167516761677167816791680168116821683168416851686168716881689169016911692169316941695169616971698169917001701170217031704170517061707170817091710171117121713171417151716171717181719172017211722172317241725172617271728172917301731173217331734173517361737173817391740174117421743174417451746174717481749175017511752175317541755175617571758175917601761176217631764176517661767176817691770177117721773177417751776177717781779178017811782178317841785178617871788178917901791179217931794179517961797179817991800180118021803180418051806180718081809181018111812181318141815181618171818181918201821182218231824182518261827182818291830183118321833183418351836183718381839184018411842184318441845184618471848184918501851185218531854185518561857185818591860186118621863186418651866186718681869187018711872187318741875187618771878187918801881188218831884188518861887188818891890189118921893189418951896189718981899190019011902190319041905190619071908190919101911191219131914191519161917191819191920192119221923192419251926192719281929193019311932193319341935193619371938193919401941194219431944194519461947194819491950195119521953195419551956195719581959196019611962196319641965196619671968196919701971197219731974197519761977197819791980198119821983198419851986198719881989199019911992199319941995199619971998199920002001200220032004200520062007200820092010201120122013201420152016201720182019202020212022202320242025202620272028202920302031203220332034203520362037203820392040204120422043204420452046204720482049205020512052205320542055205620572058205920602061206220632064206520662067206820692070207120722073207420752076207720782079208020812082208320842085208620872088208920902091209220932094209520962097209820992100210121022103210421052106210721082109211021112112211321142115211621172118211921202121212221232124212521262127212821292130213121322133213421352136213721382139214021412142214321442145214621472148214921502151215221532154
							<%@ page import="com.thinkgem.jeesite.common.config.Global" %>
<%@ page contentType="text/html;charset=UTF-8" %>
<%@ include file="/WEB-INF/views/include/taglib.jsp"%>
<html>
<head>
	<title>采美词条</title>
	<meta name="decorator" content="default"/>
	<style>
		.applicationsan{
			user-select: none;
			cursor: pointer;
		}
		.controls{
			width: 520px;
		}
		.controls.not-overflow{
			overflow: initial !important;
		}
		.content-edit{
			position: relative;
			width: 100%;
			z-index: 999;
		}
		.content-edit .bk-input{
			padding: 4px 6px;
			font-size: 14px;
			line-height: 20px;
			color: #555;
			border-radius: 4px;
			background-color: #fff;
			border: 1px solid #ccc
		}
		.content-edit .bk-input img.scapegoat{
			width: 16px;
			height: 16px;
			vertical-align: -3px;
		}
		.content-edit .bk-toolbar{
			position: absolute;
			padding: 6px 12px;
			border: 1px solid #f1f1f1;
			left: 0;
			top: 0;
			transform: translateY(-100%);
			font-size: 14px;
			text-align: center;
			background: #fff;
			color: #999;
			cursor: pointer;
			display: none;
		}
		.content-edit .bk-bubble{
			font-size: 14px;
			padding: 0 4px;
			line-height: 18px;
			border-radius: 12px;
			position: absolute;
			right: 0;
			top: 0;
			transform: translate(50%, -50%);
			background: #ddd;
			color: #fff;
			box-sizing: border-box;
			min-width: 18px;
			text-align: center;
			display: none;
			cursor: pointer;
		}
		.content-edit .bk-literature{
			position: absolute;
			bottom: 0;
			left: 0;
			transform: translateY(100%);
			background: #fff;
			border: 1px solid #ddd;
			padding: 0;
			margin: 0;
			width: 100%;
			box-sizing: border-box;
			display: none;
		}
		.content-edit .bk-literature li{
			list-style-type: none;
			padding: 8px 16px;
			display: flex;
			justify-content: space-between;
			z-index: 200;
		}
		.content-edit .bk-literature li .controls{
			margin-left: initial;
			width: inherit;
		}
		.content-edit .bk-literature .bk-control{
			max-width: 80%;
			overflow: hidden;
			white-space: nowrap;
			text-overflow: ellipsis;
		}
		.content-edit .bk-literature .bk-control span{
			cursor: pointer;
		}
		.content-edit .bk-literature .bk-control span:hover{
			text-decoration: underline;
		}
		.content-edit .bk-literature .bk-literature-control span{
			margin-left: 12px;
			cursor: pointer;
			color: #2fa4e7;
		}
		.bk-textInfo-item{
			position: relative;
			display: flex;
			align-items: center;
			margin-bottom: 16px;
		}
		.bk-textInfo-item input{
			display: block;
			width: 100%;
		}
		.bk-textInfo-item .bk-textInfo-control{
			flex: 1;
			display: flex;
			flex-wrap: nowrap;
			column-gap: 8px;
			margin-left: 16px;
			position: absolute;
			right: 0;
			top: 5px;
			transform: translateX(105%);
		}
		.bk-textInfo-item .bk-textInfo-control span{
			font-size: 12px;
			text-decoration: underline;
			white-space: nowrap;
			cursor: pointer;
			color:#2fa4e7;
		}
		.paramList{
			position: relative;
		}
		.paramList .param-item{
			display: flex;
			align-items: center;
			column-gap: 16px;
			position: relative;
			margin-bottom: 16px;
		}
		.paramList .param-name input{
			display: block;
			width: initial;
		}
		.paramList  .param-name{
			width: 30%;
		}
		.paramList  .param-content{
			flex: 1;
		}
		.paramList  a{
			position: absolute;
			right: 0;
			top: 10%;
			transform: translateX(130%);
		}
		.paramList .control-group{
			position: relative;
		}
		.paramList .add-button{
			margin-bottom: 16px;
		}
		.controls .conList{
			display: inline-block;
			margin-right: 15px;
		}
		.conList .btn:nth-of-type(1){
			margin-left: 25px;
		}
		.select2-choice{
			width: 100px;
		}
		.upload-content {
			float: left;
			margin-top: -100px;
			margin-right: -40px;
		}
		.upload-content .conList .btn:nth-of-type(1) {
			width: 90px;
			height: 100px;
			border: 2px solid #eee;
			background: #fff;
			position: relative;
		}
		.upload-content .conList .btn:nth-of-type(1)>div {
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);
			color: #666;
		}
		.upload-content .conList .btn:nth-of-type(1) span {
			font-size: 35px;
		}
		.upload-content .conList .btn:nth-of-type(1) h5 {
			color: #666;
		}
		.cancel-upload {
			background: transparent;
			border: none;
			box-shadow: none;
			position: relative;
			top: -38px;
			left: -25px;
			cursor: pointer;
			z-index: 100;
		}
		.upload-content .conList ol li {
			width: 114px;
			min-height: 80px;
			text-align: center;
			background: #fff;
			position: relative;
			top: 120px;
			margin-left: 2px;
			height: 100px;
			display: flex;
			justify-content: center;
			align-items: center;
			box-sizing: border-box;
		}
		.hide-pic {
			display: none !important;
		}
		.upload-image-list{
			width: 660px;
			float: left;
		}
		.iconBox{
			font-size: 0;
		}
		.controls .conList{
			display: inline-block;
			margin-right: 15px;
		}
		.conList .btn:nth-of-type(1){
			margin-left: 25px;
		}
		.select2-choice{
			width: 100px;
		}
		.upload-content {
			float: left;
			margin-top: -70px;
			margin-left: 20px !important;
		}
		.upload-content .conList .btn:nth-of-type(1) {
			width: 90px;
			height: 100px;
			border: 2px solid #eee;
			background: #fff;
			position: relative;
		}
		.upload-content .conList .btn:nth-of-type(1)>div {
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);
			color: #666;
		}
		.upload-content .conList .btn:nth-of-type(1) span {
			font-size: 35px;
		}
		.upload-content .conList .btn:nth-of-type(1) h5 {
			color: #666;
		}
		.cancel-upload {
			background: transparent;
			border: none;
			box-shadow: none;
			position: relative;
			top: -38px;
			left: -25px;
			cursor: pointer;
			z-index: 100;
		}

		.display-image-list .cancel-upload{
			top: -106px;
			left: 114px;
		}
		.display-image-list .conList{
			position: relative;
		}
		.hide-pic {
			display: none !important;
		}
		.select2-choice{
			width: 200px
		}

		.red {
			color: red;
		}
		.upload {
			position: relative;
			display: inline-block;
			background: #D0EEFF;
			border: 1px solid #99D3F5;
			border-radius: 4px;
			padding: 4px 12px;
			color: #1E88C7;
			text-decoration: none;
			text-indent: 0;
			line-height: 20px;
			margin-left: 20px;
			cursor: pointer;
			width: 52px;
			height: 20px;
		}

		.upload input {
			position: absolute;
			width: 170px;
			font-size: 20px;
			right: 0;
			top: 0;
			opacity: 0;
			cursor: pointer;
		}

		.upload:hover {
			background: #AADFFD;
			border-color: #78C3F3;
			color: #004974;
			text-decoration: none;
		}

		.add-submit {
			position: relative;
			display: inline;
			background: #D0EEFF;
			border: 1px solid #99D3F5;
			border-radius: 4px;
			padding: 4px 12px;
			color: #1E88C7;
			text-decoration: none;
			text-indent: 0;
			line-height: 20px;
			margin-left: 20px;
			cursor: pointer;
			width: 52px;
			height: 30px;
		}

		.add-submit input {
			position: absolute;
			width: 50px;
			font-size: 20px;
			right: 0;
			top: 0;
			opacity: 0;
			cursor: pointer;
		}

		.add-submit:hover {
			background: #AADFFD;
			border-color: #78C3F3;
			color: #004974;
			text-decoration: none;
		}

		.upload-loading{
			display: none;
			width: 32px;
			height: 32px;
			margin-left: 10px;
		}
		.upload-loading img{
			width: 16px;
			height: 16px;
			margin: 0 auto 0;
		}

		#file-list-display {
			width: 600px;
			height: auto;
			float: left;
			margin-left: 20px;
		}

		#file-list-display p {
			line-height: 30px;
			font-size: 14px;
			color: #333333;
			margin: 0;
		}

		#file-list-display p .del {
			color: #2fa4e7;
			font-size: 12px;
			cursor: pointer;
			margin-left: 20px;
		}

		.Main-content{
			height: 100px;
		}
		.dialogmask {
			position: fixed;
			top: 0px;
			height: 100%;
			width: 100%;
			z-index: 1000;
			display: none;

		}

		.opacity { /*遮罩浑浊处理*/
			opacity: 0.3;
			filter: alpha(opacity=30);
			background-color: #000;
		}

		.box {
			overflow: hidden;
			position: fixed;
			width: 55%;
			height: 60%;
			z-index: 1005; /*值越大，和其他层层叠时越在上面*/
			left: 20%;
			top: 15%;
			background-color: #fff;
			border: 1px solid rgb(0, 153, 153);
		}
		.ckzl {
			overflow: hidden;
			position: fixed;
			width: 600px;
			max-height: 600px;
			z-index: 1000; /*值越大，和其他层层叠时越在上面*/
			left: 50%;
			top: 50%;
			background-color: #fff;
			transform: translate(-50%, -50%);
			padding: 32px;
			border: 1px solid #ddd;
		}

		.ckzl .digcontent .dig-tab{
			display: flex;
			align-items: center;
			padding-bottom: 24px;
		}

		.ckzl .digcontent .dig-tab a{
			margin-right: 16px;
		}

		.ckzl .digcontent .control-group{
			margin-left: 0 !important;
			margin-top: 12px;
		}

		.ckzl .form-actions{
			display: flex;
			align-items: center;
			background: transparent;
			padding: 0;
			padding-top: 20px;
			background-color: transparent;
			margin-bottom: 0;
			border-top: 1px solid #e5e5e5
		}

		.ckzl .form-actions button{
			margin-left: 16px;
		}

		.ckzl .auth-qrCode-list{
			margin-top: -60px;
			margin-left: 30px;
		}

		.ckzl .bk-upload-tip{
			margin-left: 24px;
			margin-top: 16px;
			font-size: 12px;
			color: #999;
		}

		.ckzl .bk-input-tip{
			margin-left: 100px;
			font-size: 12px;
			color: #999;
		}

		.dialogtitle {
			width: 100%;
			height: 30px;
			line-height: 30px;
			position: absolute;
			font-size: 18px;
			top: 0px;
			background-color: lightgrey;
		}

		.dialogcontent {
			padding-top: 20px;
			OVERFLOW: scroll;
			height: calc(100% - 20px);
			height: -webkit-calc(100% - 20px);
			margin-left: 30px;
		}

		.logcontent {
			padding: 10px;
		}
		.pla::-webkit-input-placeholder{
			color: green;
		}

		#mainIgeBox{
			margin-top: -174px;
			margin-left:  0 !important;
		}

		#mainIgeBox label{
			margin-left: 27px !important;
			margin-top: 14px;
		}
		.video{
			margin-left: 95px;
			margin-top: 80px;
		}
	</style>
	<script type="text/javascript">
		//显示弹框，并且根据结果是true或false来更改标题部分的颜色
		function showlog_result(result, info) {//展示具体弹框内容，以及根据结果是否正确变更title的颜色
			$("#dialog").css({display: "block"});//通过Jquery的css()更改样式
			$("#dialogmask").css({display: "block"});
			// var s=document.getElementById("logcontent").innerHTML;
			// $("#logcontent").html(s);
		}
		//关闭弹窗
		function dialog(){
			document.getElementById("dialog").style.display='none';
			document.getElementById("dialogmask").style.display='none';
		}
		//显示资料弹窗
		function digCk(type){
			document.getElementById("dig").style.display='block';
			document.getElementById("dig").title=type;
		}
		//隐藏资料弹窗
		function cantral(){
			document.getElementById("dig").style.display='none';
		}
		//添加资料
		function addZl(){
			document.getElementById("zl").style.display='block';
			document.getElementById("yyzl").style.display='none';
			document.getElementById("confimRefrence").style.display='block';
		}
		function removeZl(){
			document.getElementById("zl").style.display='none';
			document.getElementById("yyzl").style.display='block';
			document.getElementById("confimRefrence").style.display='none';
		}
		//不同资料显示不同的内容
		function ckzl_change(){
			var content=$("#info").val();
			if(2 == content){
				document.getElementById("wlzl").style.display='none';
				document.getElementById("zzzl").style.display='block';
				document.getElementById("qtzl").style.display='none';
			}else if(3 == content){
				document.getElementById("wlzl").style.display='none';
				document.getElementById("zzzl").style.display='none';
				document.getElementById("qtzl").style.display='block';
			}else{
				document.getElementById("wlzl").style.display='block';
				document.getElementById("zzzl").style.display='none';
				document.getElementById("qtzl").style.display='none';
			}
		}
		//信息栏只读设置
		function readflag(index){
			var info=document.getElementById("name["+index+"]").value;
			//标题为空则内容只读
			if(undefined != info && null!=info && '' !=info){
				document.getElementById("content["+index+"]").readOnly=false;
			}else{
				document.getElementById("content["+index+"]").readOnly=true;
			}
		}
		$(document).ready(function() {
			var flag=document.getElementById("createEntryGuidance").innerHTML;
			if('添加'==flag){
				showlog_result(null,null);
			}
			$("#inputForm").validate({
				submitHandler: function(form){
					// $('.xxl-name').each(function (index, item) {
					// 	$(item).attr('name', 'paramList['+ index +'].name')
					// })
					var status = $("input[name='status']:checked").val();
					// 计算空数据条数
					debugger
					var propertyArr = [];
					var name = $("#name").val();
					// var alias = $("#alias").val();
					// var discription = $("#discription").val();
					var shopId = $("#shopId").val();
					// var param0 = $('input[name="paramList[0].name"]').val();
					var seoKeyword = $("#seoKeyword").val();
					var publishTime = $('input[name="publishTime"]').val();
					var basePv = $("#basePv").val();
					var typeId = $("#typeId").val();

					propertyArr[0] = name;
					// propertyArr[1] = discription;
					// propertyArr[1] = param0;
					propertyArr[1] = seoKeyword;
					propertyArr[2] = shopId;
					propertyArr[3] = publishTime;
					propertyArr[4] = basePv;
					propertyArr[5] = typeId;
					// propertyArr[8] = alias;
					// propertyArr[9] = image;
					// alert("1111111111111111");
					var emptyNum = 0;
					for (var i = 0; i < propertyArr.length; i++) {
						var property = propertyArr[i].trim();
						if ("" === property) {
							emptyNum++;
						}
					}
					$("#emptyNum").val(emptyNum);

					// 检测敏感词
					var propertyMap = new Map();
					propertyMap.set("name", name);
					// propertyMap.set("alias", alias);
					// propertyMap.set("discription", discription);
					// propertyMap.set("productLink", productLink);
					for (var i = 0; i <= 9; i++) {
						var paramName = "\"paramList[" + i + "].name\"";
						var contentName = "\"paramList[" + i + "].content\"";
						var param = $('input[name=' + paramName + ']').val();
						var content = $('input[name=' + contentName + ']').val();
						if ( param === undefined || param === '') {
							break;
						} else {
							propertyMap.set("param" + i, param);
							propertyMap.set("content" + i, content);
						}
					}
					// propertyMap.set("advantage", advantage);
					// propertyMap.set("disadvantage", disadvantage);
					// propertyMap.set("principle", principle);
					propertyMap.set("seoKeyword", seoKeyword);
					// propertyMap.set("brand", brand);
					// propertyMap.set("producePlace", producePlace);
					// propertyMap.set("company", company);
					// propertyMap.set("adaptiveMan", adaptiveMan);
					// propertyMap.set("unAdaptiveMan", unAdaptiveMan);
					// propertyMap.set("aroundOperation", aroundOperation);
					// if (2 == commodityType) {
					//     propertyMap.set("authLink", authLink);
					// }
					<%--for (var i = 0; i <= 20; i++) {--%>
					<%--	var questionName = "\"questionList[" + i + "].question\"";--%>
					<%--	var answerName = "\"questionList[" + i + "].answer\"";--%>
					<%--	var question = $('input[name=' + questionName + ']').val();--%>
					<%--	var answer = $('input[name=' + answerName + ']').val();--%>
					<%--	if (question === undefined || question === '') {--%>
					<%--		break;--%>
					<%--	} else {--%>
					<%--		propertyMap.set("question" + i, question);--%>
					<%--		propertyMap.set("answer" + i, answer);--%>
					<%--	}--%>
					<%--}--%>
					var sensitiveWords = '${sensitiveWords}';
					const mint = new MintFilter(sensitiveWords.split('|'));
					var filterSync = '';
					var touchWords = '';
					var touchNum = 0;
					<%--debugger--%>
					propertyMap.forEach(function (value,key,map) {
						filterSync = mint.filterSync(value);
						filterSync.words.forEach(word=>{
							touchWords += touchWords === '' ? word : "," + word;
						})
						if (touchWords !== '') {
							// 增加敏感词触发数量
							touchNum++;
							// 设置敏感词提示
							$("#" + key + "SensitiveWords").text("敏感词：" + touchWords);
							touchWords = '';
						}
					});
					if (1 == status && emptyNum > 0) {
						var msg = "您还剩余" + emptyNum + "项未完善，将会导致用户对您产品/仪器的认识度不够，确认是否提交?";
						top.$.jBox.confirm(msg, '系统提示', function (v, h, f) {
							if (v == 'ok') {
								if (touchNum > 0) {
									var msg = 1 == status?"当前发布内容存在敏感词，已为您标记在输入框下方，" +
											"请修改后，再进行保存发布，强行保存发布将会导致审核不通过!":
											"当前内容存在敏感词，已为您标记在输入框下方，建议修改后再进行保存！否则，" +
											"将会影响发布时审核不通过！";
									top.$.jBox.confirm(msg, '系统提示', function (v, h, f) {
										if (v == 'ok') {
											loading('正在提交，请稍等...');
											form.submit();
										}
									}, {buttonsFocus: 1, persistent: true});
								} else{
									loading('正在提交，请稍等...');
									form.submit();
								}
							}
						}, {buttonsFocus: 1, persistent: true});
					} else {
						if (touchNum > 0) {
							var msg = 1 == status?"当前发布内容存在敏感词，已为您标记在输入框下方，" +
									"请修改后，再进行保存发布，强行保存发布将会导致审核不通过!":
									"当前内容存在敏感词，已为您标记在输入框下方，建议修改后再进行保存！否则，" +
									"将会影响发布时审核不通过！";
							top.$.jBox.confirm(msg, '系统提示', function (v, h, f) {
								if (v == 'ok') {
									loading('正在提交，请稍等...');
									form.submit();
								}
							}, {buttonsFocus: 1, persistent: true});
						} else{
							loading('正在提交，请稍等...');
							form.submit();
						}
					}
				},
				errorContainer: "#messageBox",
				errorPlacement: function(error, element) {
					$("#messageBox").text("输入有误，请先更正。");
					if (element.is(":checkbox")||element.is(":radio")||element.parent().is(".input-append")){
						error.appendTo(element.parent().parent());
					} else {
						error.insertAfter(element);
					}
				}
			});
		});
		function saveInfo(){
			var content=$("#info").val();//参考资料类型
			var website=$("#website").val();//网址
			var articleName=$("#articleName").val();//文章名字
			var websiteName=$("#websiteName").val();//网站名称
			var publishTimeStr=$("#publishTimeStr").val();//发布日期
			var acitationTimeStr=$("#acitationTimeStr").val();//引文日期
			var productId="";
			<c:if test="${cmBaikeProduct.entryId eq 2}">
			productId=${cmBaikeProduct.id}
			</c:if>
			var zlid=document.getElementById("dig").lang;
			var params={}
			if(content==1){
				params={
					//网络资料
					"referenceType":content,
					"website":website,
					"articleName":articleName,
					"websiteName":websiteName,
					"publishTimeStr":publishTimeStr,
					"acitationTimeStr":acitationTimeStr,
					//公共
					"productId":productId,//词条id
					"productType":document.getElementById("dig").title,//词条内容
					"flagId":document.getElementById("dig").tabIndex,//添加修改标识  1添加 2修改
					"zlId":zlid//资料id 用于修改
				}
			}else if(content=2){
				params={
					"referenceType":content,
					"author":$("#author").val(),//作者
					"workName":$("#workName").val(),//著作名
					"publicationPlace":$("#publicationPlace").val(),//出版地
					"press":$("#press").val(),//出版社
					"publicationYearStr":$("#publicationYearStr").val(),//出版年
					"acitationWeb":$("#acitationWeb").val(),//引文页码
					//公共
					"productId":productId,//词条id
					"productType":document.getElementById("dig").title,//词条内容
					"flagId":document.getElementById("dig").tabIndex,//添加修改标识  1添加 2修改
					"zlId":zlid//资料id 用于修改
				}
			}else if(content=3){
				params={
					//其他资料
					"referenceDescription":$("#referenceDescription").val(),//参考资料说明
					"imageDescription":$("#imageDescription").val(),//图片描述
					"imageUrl":$("#image").val(),//图片地址
					//公共
					"productId":productId,//词条id
					"productType":document.getElementById("dig").title,//词条内容
					"flagId":document.getElementById("dig").tabIndex,//添加修改标识  1添加 2修改
					"zlId":zlid//资料id 用于修改
				}
			}
			// alert(content+"---"+website+"---"+articleName+"---"+websiteName+"---"+publishTime+"---"+acitationTime);
			// var params={
			// 	//网络资料
			// 	"referenceType":content,
			// 	"website":website,
			// 	"articleName":articleName,
			// 	"websiteName":websiteName,
			// 	"publishTimeStr":publishTimeStr,
			// 	"acitationTimeStr":acitationTimeStr,
			// 	//著作资料
			// 	"author":$("#author").val(),//作者
			// 	"workName":$("#workName").val(),//著作名
			// 	"publicationPlace":$("#publicationPlace").val(),//出版地
			// 	"press":$("#press").val(),//出版社
			// 	"publicationYearStr":$("#publicationYearStr").val(),//出版年
			// 	"acitationWeb":$("#acitationWeb").val(),//引文页码
			// 	//其他资料
			// 	"referenceDescription":$("#referenceDescription").val(),//参考资料说明
			// 	"imageDescription":$("#imageDescription").val(),//图片描述
			// 	"imageUrl":$("#image").val(),//图片地址
			//     //公共
			// 	"productId":productId,//词条id
			//     "productType":document.getElementById("dig").title,//词条内容
			// 	"flagId":document.getElementById("dig").tabIndex,//添加修改标识  1添加 2修改
			// 	"zlId":zlid//资料id 用于修改
			// }
			$.ajax({
				url : "${ctx}/baike/cmBaikeProduct/saveMaterialinfo",
				data : params,
				type : 'post',
				success : function(data){
					document.getElementById("dig").style.display='none';
					alert("保存资料成功");
					$("#dig").load(location.href+" #dig>*","");
					<%--window.location.href = "${ctx}/baike/cmBaikeProduct/form?commodityType=1";--%>

				},
				error : function(){
					alert(222);
				}
			})
		}
		function saveMataInfo(){

		}

		function imgSizeChange(){
			// if($("#img"+size).width==){
			//
			// }
			// alert();
			// document.getElementById("imgaa").style.width=100px;
			parent.location.href = "https://zp.caimei365.com/12/ross/activity/challenge";
		}
		//删除资料
		function delMaterial(mid){
			var msg='确定删除该资料？';
			top.$.jBox.confirm(msg,'系统提示',function(v,h,f){
				if(v=='ok'){
					$.ajax({
						url : "${ctx}/baike/cmBaikeProduct/delMaterialinfo",
						data : {"mid":mid},
						type : 'post',
						success : function(data){
							top.$.jBox.tip('删除资料成功', 'success');
							$("#mata").load(location.href+" #mata>*","");
							<%--window.location.href = "${ctx}/baike/cmBaikeProduct/form?commodityType=1";--%>
						},
						error : function(){
							alert(222);
						}
					})
				}
				// top.$.jBox.tip('删除成功', 'success');
				// window.location.reload();
				return;
			},{buttonsFocus:1,persistent: true});
		}
		//编辑资料
		function upMaterial(mid){
			$.ajax({
				url : "${ctx}/baike/cmBaikeProduct/getMaterialinfo",
				data : {"mid":mid},
				type : 'post',
				success : function(data){
					$("#info").val(data.referenceType);
					var content=$("#info").val();
					// $("#info option[value='3']").prop("selected",true);
					if(2 == content){
						document.getElementById("wlzl").style.display='none';
						document.getElementById("zzzl").style.display='block';
						document.getElementById("qtzl").style.display='none';
					}else if(3 == content){
						document.getElementById("wlzl").style.display='none';
						document.getElementById("zzzl").style.display='none';
						document.getElementById("qtzl").style.display='block';
					}else{
						document.getElementById("wlzl").style.display='block';
						document.getElementById("zzzl").style.display='none';
						document.getElementById("qtzl").style.display='none';
					}
					//判断是编辑还是添加 1添加 2编辑
					if(data.referenceType==1){
						$("#website").val(data.website);
						$("#articleName").val(data.articleName);
						$("#websiteName").val(data.websiteName);
						$("#publishTimeStr").val(data.publishTimeStr);
						$("#acitationTimeStr").val(data.acitationTimeStr);
						document.getElementById("dig").style.display='block';
					}
					if(data.referenceType==2){
						$("#author").val(data.author);
						$("#workName").val(data.workName);
						$("#publicationPlace").val(data.publicationPlace);
						$("#press").val(data.press);
						$("#publicationYearStr").val(data.publicationYearStr);
						$("#acitationWeb").val(data.acitationWeb);
						document.getElementById("dig").style.display='block';
					}
					document.getElementById("dig").tabIndex=2;
					document.getElementById("dig").lang=mid;
				},
				error : function(){
					alert(222);
				}
			})
		}
	</script>
</head>
<body>
<ul class="nav nav-tabs">
	<li><a href="${ctx}/baike/cmBaikeProduct?commodityType=1&publishSource=2">供应商词条</a></li>
	<li class="active"><a id="createEntryGuidance"  href="${ctx}/baike/cmBaikeProduct/check?id=${cmBaikeProduct.id}
					&commodityType=1&publishSource=2&entryId=2">${not empty cmBaikeProduct.id?'查看':'添加'}</a></li>
</ul><br/>
<%--	<div>--%>
<%--		<button onclick="showlog_result(true,'展示正确内容的弹框')">展示正确弹框</button>--%>
<%--	</div>--%>
<div id="dialogmask" class="dialogmask opacity"></div>
<div id="dig" class="ckzl" style="display: none">　
	<div id="dig_content" class="digcontent">
		<div class="dig-tab">
			<a class="btn btn-primary" onclick="addZl()">添加参考资料</a>
			<a class="btn btn-primary" onclick="removeZl()">引用已有资料</a>
		</div>
		<%--已有资料--%>
		<div class="control-group" id="yyzl" style="display: none">
			<div class="check-reference-list">
				<c:forEach items="${cmBaikeProduct.materialInfo}" var="videoFile" varStatus="statusIndex">
					<c:if test="${videoFile.referenceType eq '1'}">
						<div class="controls applicationsan">
							<span class="del">[${statusIndex.index}]</span>
							<span class="del"><a href="${videoFile.website}" target="_blank">${videoFile.articleName}.</a></span>
							<span class="del">${videoFile.websiteName}）.</span>
							<span class="del">${videoFile.publishTime}.</span>
							<span class="del">${videoFile.acitationTime}.</span>
							<a onclick="saveMataInfo(${videoFile.id})"></a>
						</div>
					</c:if>
					<c:if test="${videoFile.referenceType eq '2'}">
						<div class="controls applicationsan">
							<span class="del">[${statusIndex.index}]</span>
							<span class="del">${videoFile.author}.</span>
							<span class="del">${videoFile.workName}.</span>
							<span class="del">${videoFile.publicationPlace}.</span>
							<span class="del">${videoFile.press}.</span>
							<span class="del">${videoFile.publicationYear}.</span>
							<span class="del">${videoFile.acitationWeb}.</span>
							<a onclick="saveMataInfo(${videoFile.id})"></a>

						</div>
					</c:if>
					<c:if test="${videoFile.referenceType eq '3'}">
						<div class="controls applicationsan">
							<span class="del">[${statusIndex.index}]</span>
							<span class="del">${videoFile.referenceDescription}.</span>
							<span class="del">${videoFile.imageDescription}.</span>
								<%--
								<div class="conList">
									<img id="imgaa"  src="${videoFile.imageUrl}" height="50px" width="50px" >(图片)</input>
								</div>
								--%>
							<a onclick="saveMataInfo(${videoFile.id})">引用资料</a>
						</div>
					</c:if>
				</c:forEach>
			</div>
		</div>
		<%--添加参考资料--%>
		<div id="zl">
			<div class="control-group">
				<label class="red">*</label>
				<label class="control-label">参考资料类型：</label>
				<select id="info" onchange="ckzl_change()">
					<option id="zllx1" value="1">网络资料</option>
					<option id="zllx2" value="2">著作资料</option>
					<option id="zllx3" value="3">其他资料</option>
				</select>
			</div>
			<%--网络资料--%>
			<div class="wlzl" style="display: block" id="wlzl">
				<div class="control-group">
					<label class="red">*</label>
					<label class="control-label keyClass">输入网址：</label>
					<input type="text" id="website" required="true"  htmlEscape="false" class="input-xlarge " placeholder="请以http(s)开头"/>
				</div>
				<div class="control-group">
					<label class="red">*</label>
					<label class="control-label keyClass">文章名字：</label>
					<input type="text" id="articleName" required="true" htmlEscape="false" class="input-xlarge " placeholder="请输入文章名字"/>
				</div>
				<div class="control-group">
					<label class="red">*</label>
					<label class="control-label keyClass">网站名称：</label>
					<input  type="text" id="websiteName"  htmlEscape="false" class="input-xlarge " placeholder="请输入网站名称 如：新华网"/>
				</div>
				<div class="control-group">
					<label class="control-label keyClass">发表日期：</label>
					<input type="text" id="publishTimeStr" name="publishTimeStr" type="text" readonly="readonly" maxlength="20" class="input-medium Wdate "
						   onclick="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm:ss',isShowClear:false});"/>
				</div>
				<div class="control-group">
					<label class="control-label keyClass">引文日期：</label>
					<input type="text" id="acitationTimeStr" name="publishTimeStr" type="text" readonly="readonly" maxlength="20" class="input-medium Wdate "
						   onclick="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm:ss',isShowClear:false});"/>
				</div>
			</div>
			<%--著作资料--%>
			<div class="zzzl" style="display: none" id="zzzl">
				<div class="control-group" >
					<label class="red">*</label>
					<label class="control-label keyClass">作者：</label>
					<input type="text" id="author" htmlEscape="false" class="input-xlarge " placeholder="请输入作者名称 多个作者使用英文都好隔开"/>
				</div>
				<div class="control-group">
					<label class="red">*</label>
					<label class="control-label keyClass">著作名：</label>
					<input type="text" id="workName"  htmlEscape="false" class="input-xlarge " placeholder="请输入著作名"/>
				</div>
				<div class="control-group">
					<label class="control-label keyClass">出版地：</label>
					<input type="text" id="publicationPlace" htmlEscape="false" class="input-xlarge " placeholder="请输入出版地信息"/>
				</div>
				<div class="control-group">
					<label class="red">*</label>
					<label class="control-label keyClass">出版社：</label>
					<input type="text" id="press" htmlEscape="false" class="input-xlarge " placeholder="请输入出版社名称"/>
				</div>
				<div class="control-group">
					<label class="control-label keyClass">出版年：</label>
					<input type="text" id="publicationYearStr" name="publicationYearStr"  type="text" readonly="readonly" maxlength="20" class="input-medium Wdate "
						   onclick="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm:ss',isShowClear:false});"/>
				</div>
				<div class="control-group">
					<label class="control-label keyClass">引文编码：</label>
					<input type="text" id="acitationWeb"  htmlEscape="false" class="input-xlarge " placeholder="请输入引用著作的页码 如 100 121"/>
				</div>
			</div>
			<%--其他资料--%>
			<div class="qtzl" id="qtzl" style="display: none" >
				<div class="control-group">
					<label class="red">*</label>
					<label class="control-label keyClass">参考资料说明：</label>
					<textarea id="referenceDescription" type="text"  style="position: relative;height: 100px; width: 450px;" maxlength="50" ></textarea>
					<label class="bk-input-tip">其他类型参考资料，填写格式请参阅<a href="">《信息与文献 参考文献著录规则 GB/T 7714-2015》</a></label>
				</div>
				<div class="control-group" >
					<label class="control-label keyClass">图片描述：</label>
					<input type="text" id="imageDescription" htmlEscape="false" class="input-xlarge " placeholder="请输入其他参考资料的具体描述"/>
				</div>
				<div class="control-group">
					<label class="control-label">图片上传：</label>
					<div class="auth-qrCode-list clearfix">
						<div class="controls upload-content iconBox mainImageBox" id="mainImageBox">
							<div class="conList">
								<hidden id="referenceImgUrl" path="referenceImgUrl" htmlEscape="false" maxlength="255" class="input-xlarge "/>
								<sys:ckfinder input="referenceImgUrl" type="images" uploadPath="/photo" selectMultiple="false" maxWidth="100" maxHeight="100"/>
								<label class="bk-upload-tip">请上传引用的图片资源，需同时上传资料的封面、以及含有对应具体内容的图片；注意：图片需要保证完整、不可遮挡且清晰</label>
							</div>
						</div>
					</div>
				</div>
			</div>

		</div>
	</div>
	<div class="form-actions">
		<button class="cancel btn btn-primary">取 消</button>
	</div>
</div>
<%--	<div id="dialogmask" class="dialogmask opacity"></div>--%>
<div id="dialog" class="box" style="display: none">　
	<div id="dialog_content" class="dialogcontent">
		<%--			<div id="logcontent" class="logcontent"><a herf="https://www.baidu.com">三生三世</a></div>--%>
		<%--			<a herf="https://www.baidu.com">十里桃花</a>--%>
		<div><h4>创建词条引导</h4></div>
		<br>
		<div>欢迎进入创建词条引导，为便于您更好的通过审核，请务必确保您已知晓百科词条的<a href="${ctx}/baike/cmBaikeProduct/entry" target="_blank">编辑须知</a>，如有疑问，您可以<a>点此</a>求助采美工作人员。</div>
		<br>
		<div><h5>声明</h5></div>
		<br>
		<div>在正式创建词条前，首先请你承诺：</div>

		<div>1．不在百科添加广告性质的内容， 如联系方式，官方网站链接等；</div>

		<div>2．不在百科编写涉及反动，违法犯罪，色情，暴力的内容；</div>

		<div>3．不在百科编写虚假的、捏造的、恶搞的、缺乏根据的内容；</div>

		<div>4．不侵犯他人合理权益；</div>

		<div>5．接受违反以上规则时，百科账号会被封禁的结果。</div>
		<br>
		<div><h5>词条名</h5></div>
		<br>
		<div>成功创建词条的首要条件是了解一些基础知识！</div>
		<br>
		<div><h5>■什么是词条？</h5></div>
		<br>
		<div>词条指的是对于单一事物内容的介绍，例如技术，成分等。每个词条都有属于自己的名称，你可以通过搜索词条的名称来找到它们。</div>
		<div>已有词条重名？创建多义词！</div>
		<div>与已有词条意义相同？反馈同义词！</div>
		<br>
		<div><h5>■什么是规范的词条名？</h5></div>	<br>

		<div>采美百科规范的词条名是一个专有名词，请使用正式的全称或最广为人知的常见名。</div>
		<div>例如：皮秒激光美容、光子嫩肤、线粒体、葡聚糖等</div>
		<br>
		<div><h5>主题</h5></div>	<br>
		<div>恭喜你已经完成了创建词条的第一步！现在想一想你要创建的词条属于什么类型？</div>
		<div>选择正确的类型，精确定位你的创建难点所在！</div>


		<br>
		<div><h5>产品成分类词条</h5></div>	<br>
		<div>如玻尿酸钠、葡聚糖、虎杖等</div>


		<br>
		<div><h5>产品技术词条</h5></div>	<br>
		<div>如射频、皮秒、808半导体激光技术、透热疗法、448KHz、LDM水滴提升等</div>
		<br>
		<div><h5>词条创建要求</h5></div>	<br>
		<div><h6>1.描述客观</h6></div>
		<div>描述事物时以事实为依
			据不加入感情色彩，不掺杂个人的好恶。百科词条
			是客观内容的集合，只站在第三方立场，以事实说话。例如，
			某篮球运动员某一场的投篮命中率较差，一般的表述是命中率低，
			甚至使用“打铁”之类的贬义词。而这样的表述模糊不清，多少算低，多
			少算高各有标准；同时也会造成支持者和反对者的口水战。所以直接把赛事数据
			列出，是高是低各自评说即可。另外在筛选内容时，也要保证公正客观，尤其对于争
			议性内容，保留多方观点并附以可靠的参考资料，是处理争议内容较为可取的做法。</div>
		<br>
		<div><h6>2.修饰适当</h6></div>	<br>
		<div>百科词条提倡用语“客观”，在一般性的叙述中（区别于引用原文的引述）尽量少的使用形容词和程度副词（最XXXX、十分XXX……）。</div>
		<br>
		<div><h6>3.参考资料要有效</h6></div>	<br>


		<div>参考资料是正文内容客观的另一种表现形式。词条某条内容，光靠“说”自己客观是不够的，应以可信有效的参考资料作为佐证来源，才能证明该内容是否已获得公众知晓或认可。
			特色词条应该保证一半以上的信息点都是有可靠来源的（由科学百科权威认证的特色词条，应确保词条正文中（含概述）每个目录模块中都有至少一条权威参考资料）。
			这里的有来源不是要求一字一句的复制粘贴，而是“内容虽经必要提炼、整理，但却不失原意”。例如前述的两个姜文词条中的文段，整理后的内容要素和观点依然来自参考资料，并没有增减其原意。
		</div>

		<br>
		<div>可靠的来源一般包括文献、书籍等出版物、主流媒体发布的消息、政府或公众机构官网发布的内容等。关于可靠的来源的具体定义，请参阅百度百科：参考资料。</div>
		<br>


		<div>如，“<a>牛顿第一运动定律</a>”词条中，定律内容、发现者、适用范围等都是必不可少的重要内容，这些部分的缺失会导致读者对词条内容的错误认识。</div>
		<div align="center"><input class="btn btn-primary" type="button" onclick="dialog()" value="我已阅读并知晓"></div>　　
	</div>
</div>

<form:form id="inputForm" modelAttribute="cmBaikeProduct" action="${ctx}/baike/cmBaikeProduct/save" enctype="application/json" method="post" class="form-horizontal">
	<form:hidden path="id"/>
	<form:hidden path="fileIds"/>
	<form:hidden path="commodityType"/>
	<form:hidden path="emptyNum"/>
	<form:hidden path="referenceList"/>
	<sys:message content="${message}"/>
	<%--词条名称--%>
	<div class="control-group">
		<label class="control-label">词条名称：</label>
		<div class="controls">
			${cmBaikeProduct.name}
<%--			<form:input path="name" htmlEscape="false" class="input-xlarge "/>--%>
<%--			<label id="nameSensitiveWords" class="red"></label>--%>
		</div>
	</div>
	<%--义项名--%>
	<div class="control-group">
		<label class="control-label">义项名：</label>
		<div class="controls not-overflow">
			<div class="content-edit" id="bk-name" name="alias"></div>
		</div>
	</div>
	<%--词条概述--%>
	<div class="control-group">
		<label class="control-label">词条概述：</label>
		<div class="controls not-overflow">
			<div class="content-edit" id="discription" name="discription"></div>
			<label id="discriptionSensitiveWords" class="red"></label>
		</div>
	</div>
	<%--banner--%>
	<div class="control-group" style="width: 1000px">
		<label class="control-label">banner：</label>
		<div class="main-image-list" style="display: flex;flex-wrap: wrap">
			<div class="controls upload-content iconBox mainIgeBox" >
				<div class="conList">
					<form:hidden id="banner" path="banner" htmlEscape="false" maxlength="255"
								 class="input-xlarge "/>
					<sys:ckfinder input="banner" type="images" uploadPath="/photo" selectMultiple="false"
								  maxWidth="100"
								  maxHeight="100"/>

				</div>
			</div>
		</div>
		<br>
		<label style="margin-left: 150px">建议尺寸： 1920 * 400 / PX</label>
	</div>
	<%--概述图册--%>
	<div class="control-group" style="width: 1000px">
		<label class="control-label keyClass">概述图册：</label>
		<div class="display-image-list" style="display: flex;flex-wrap: nowrap; margin-top: -36px">
			<c:forEach items="${cmBaikeProduct.displayImageList}" var="displayImage" varStatus="index">
				<div class="controls upload-content iconBox" id="displayImageBox${index.index}" style="width: 170px">
					<div class="conList">
						<form:hidden id="displayImage${index.index}" path="displayImageList[${index.index}]" htmlEscape="false"
									 maxlength="255"
									 class="input-xlarge "/>
						<sys:ckfinder input="displayImage${index.index}" type="images" uploadPath="/photo"
									  selectMultiple="false"
									  maxWidth="100" maxHeight="100"/><br>
					</div>
				</div>
			</c:forEach>
			<c:set var="size" value="${empty cmBaikeProduct.displayImageList?0:cmBaikeProduct.displayImageList.size()}"/>
			<c:forEach var="emptyIndex" begin="${size}" end="${5}">
				<div class="controls upload-content iconBox conList ${emptyIndex eq 0?'':'hide-pic'}" id="displayImageBox${emptyIndex}" style="width: 170px">
					<div class="conList">
						<form:hidden id="displayImage${emptyIndex}" path="displayImageList[${emptyIndex}]" htmlEscape="false"
									 maxlength="255"
									 class="input-xlarge "/>
						<sys:ckfinder input="displayImage${emptyIndex}" type="images" uploadPath="/photo"
									  selectMultiple="false"
									  maxWidth="100" maxHeight="100"/><br>
					</div>
				</div>
			</c:forEach>
		</div>
		<div class="control-label">
			<label class="control-label keyClass" style="margin-left: 90px">概述视频（各视频大小不超过50M，最多上传6个）</label>
		</div>
		<div class="control-group video">
			<label class="control-label">标题：</label>
			<div class="controls">
				<input id="fileTitle" htmlEscape="false" type="text">
			</div>
			<label class="control-label" style="margin-top:10px">视频路径：</label>
			<div class="controls" style="margin-top:10px;width: 600px;">
				<input id="uploadFileName" type="text" style="display: inline;" placeholder="支持mp4" disabled="true" class="input-xlarge required" />
				<div class="upload">
					<input type="file" name="file" id="productFile" accept=".mp4" >选择文件
				</div>
				<div class="add-submit">
					<input id="addSubmit" type="button" value="上传"/>上传&nbsp;
				</div>
				<div class="upload-loading">
					<img alt="gif" src="/static/images/upload.gif" width="32px" border="none">
				</div>
			</div>
			<div id='file-list-display' style="margin-left:180px">
				<c:if test="${not empty cmBaikeProduct.videoList}">
					<c:forEach items="${cmBaikeProduct.videoList}" var="videoFile" varStatus="statusIndex">
						<p>${videoFile.fileTitle}
							<span class="del"><a onclick="previewVideo('${videoFile.ossUrl}')">预览</a></span>
							<span class="del" onclick="dataDelete(this,'${videoFile.id}')">删除</span>
						</p>
					</c:forEach>
				</c:if>
			</div>
		</div>

	</div>
<%--	<div class="control-group">--%>
<%--		<div class="control-group">--%>
<%--			<label class="control-label keyClass">相关视频（各视频大小不超过50M，最多上传6个）</label>--%>
<%--		</div>--%>
<%--		<div class="control-group">--%>
<%--			<label class="control-label">标题：</label>--%>
<%--			<div class="controls">--%>
<%--				<input id="fileTitle" htmlEscape="false" type="text">--%>
<%--			</div>--%>
<%--			<label class="control-label" style="margin-top:10px">视频路径：</label>--%>
<%--			<div class="controls" style="margin-top:10px;width: 600px;">--%>
<%--				<input id="uploadFileName" type="text" style="display: inline;" placeholder="支持mp4" disabled="true" class="input-xlarge required" />--%>
<%--				<div class="upload">--%>
<%--					<input type="file" name="file" id="productFile" accept=".mp4" >选择文件--%>
<%--				</div>--%>
<%--				<div class="add-submit">--%>
<%--					<input id="addSubmit" type="button" value="上传"/>上传&nbsp;--%>
<%--				</div>--%>
<%--				<div class="upload-loading">--%>
<%--					<img alt="gif" src="/static/images/upload.gif" width="32px" border="none">--%>
<%--				</div>--%>
<%--			</div>--%>
<%--		</div>--%>
<%--		<div class="control-group">--%>
<%--			<div id='file-list-display' style="margin-left:180px">--%>
<%--				<c:if test="${not empty cmBaikeProduct.videoList}">--%>
<%--					<c:forEach items="${cmBaikeProduct.videoList}" var="videoFile" varStatus="statusIndex">--%>
<%--						<p>${videoFile.fileTitle}--%>
<%--							<span class="del"><a onclick="previewVideo('${videoFile.ossUrl}')">预览</a></span>--%>
<%--							<span class="del" onclick="dataDelete(this,'${videoFile.id}')">删除</span>--%>
<%--						</p>--%>
<%--					</c:forEach>--%>
<%--				</c:if>--%>
<%--			</div>--%>
<%--		</div>--%>
<%--	</div>--%>
	<%--信息栏--%>
	<div class="control-group paramList" id="paramList">
		<label class="control-label titleClass" style="margin-left: 90px">信息栏:（注：未填写的信息将不会显示在词条页上）</label>
		<div class="controls add-button"><button class="btn btn-primary" type="button" style="margin-left: 20px">增加信息项</button></div>
		<div class="controls param-controls not-overflow"></div>
	</div>
	<%--正文--%>
	<div class="control-group" id="textInfolist">
		<label class="control-label titleClass">正文:</label>
		<div class="controls not-overflow">
				<%-- <div class="bk-textInfo-item">
                     <div class="content-edit" id="textInfo-0" name="textInfolist[0].content"></div>
                     <div class="bk-textInfo-control"><span>一级目录</span><span>二级目录</span><span>内容</span></div>
                 </div>
                 --%>
		</div>
	</div>
	<%--参考资料--%>
	<div class="control-group" id="mata">
		<label class="control-label titleClass">参考资料</label>
		<div class="bk-reference-list">
			<c:forEach items="${cmBaikeProduct.materialInfo}" var="videoFile" varStatus="statusIndex">
				<c:if test="${videoFile.referenceType eq '1'}">
					<div class="controls applicationsan" style="margin-top: 5px">
						<span class="del">[${statusIndex.index+1}]</span>
						<span class="del"><a href="${videoFile.website}" target="_blank">${videoFile.articleName}</a></span>
						<span class="del">${videoFile.websiteName}.</span>
						<span class="del">${videoFile.publishTime}.</span>
						<span class="del">${videoFile.acitationTime}.</span>
<%--						<a class="del" style="margin-left: 12px" onclick="upMaterial(${videoFile.id})">编辑</a>--%>
<%--						<a onclick="delMaterial(${videoFile.id})">删除</a>--%>
					</div>
				</c:if>
				<c:if test="${videoFile.referenceType eq '2'}">
					<div class="controls applicationsan" style="margin-top: 5px">
						<span class="del">[${statusIndex.index+1}]</span>
						<span class="del">${videoFile.author}.</span>
						<span class="del">${videoFile.workName}.</span>
						<span class="del">${videoFile.publicationPlace}.</span>
						<span class="del">${videoFile.press}.</span>
						<span class="del">${videoFile.publicationYear}.</span>
						<span class="del">${videoFile.acitationWeb}.</span>
<%--						<a class="del" style="margin-left: 12px" onclick="upMaterial(${videoFile.id})">编辑</a>--%>
<%--						<a onclick="delMaterial(${videoFile.id})">删除</a>--%>
					</div>
				</c:if>
				<c:if test="${videoFile.referenceType eq '3'}">
					<div class="controls applicationsan" style="margin-top: 5px">
						<span class="del">[${statusIndex.index+1}]</span>
						<span class="del">${videoFile.referenceDescription}.</span>
						<span class="del">${videoFile.imageDescription}.</span>
							<%--
							<div class="conList">
								<img id="imgaa"  src="${videoFile.imageUrl}" height="50px" width="50px" ></input>
							</div>
							--%>
<%--						<a class="del" style="margin-left: 12px" onclick="upMaterial(${videoFile.id})">编辑</a>--%>
<%--						<a onclick="delMaterial(${videoFile.id})">删除</a>--%>
					</div>
				</c:if>
			</c:forEach>
		</div>
	</div>
	<%--头图--%>
	<div class="control-group" style="margin-top: 100px">
		<label class="control-label">头图：</label>
		<div class="main-image-list" style="display: flex;flex-wrap: wrap">
			<div class="controls upload-content iconBox mainIgeBox" id="mainIgeBox">
				<div class="conList">
					<form:hidden id="image" path="image" htmlEscape="false" maxlength="255" class="input-xlarge "/>
					<sys:ckfinder input="image" type="images" uploadPath="/photo" selectMultiple="false" maxWidth="100"
								  maxHeight="100"/>
					<br>
					<label style="margin-left: 150px">建议图片尺寸210px*210px，并上传白底图片</label>
				</div>
			</div>
		</div>
	</div>
	<%--分类--%>
	<div class="control-group">
		<label class="control-label keyClass">分类：</label>
		<div class="controls">
			<form:select path="typeId" class="input-xlarge ">
				<form:options items="${typeList}" itemLabel="name" itemValue="id" htmlEscape="false"/>
			</form:select>
		</div>
	</div>
	<%--SEO关键词--%>
	<div class="control-group">
		<label class="control-label">SEO关键词：</label>
		<div class="auto-input">
			<form:input cssStyle="margin-left: 20px" path="seoKeyword" htmlEscape="false" style="position: relative" class="input-xlarge" readonly="true"/>
		</div>
	</div>
	<%--基础浏览量--%>
	<div class="control-group">
		<label class="control-label keyClass">浏览量：</label>
		<div class="controls">
			<form:input path="actualPv" htmlEscape="false" onkeyup="onlynum(this)" class="input-xlarge  digits " readonly="true"/>
		</div>
	</div>
	<div class="control-group">
		<label class="control-label keyClass">供应商：</label>
		<div class="controls">
				${cmBaikeProduct.shopName}
		</div>
	</div>
	<div class="control-group">
		<label class="control-label keyClass">供应商状态：</label>
		<div class="controls">
			<font color="${cmBaikeProduct.status eq 1?'#2FA4E7':'red'}"> ${cmBaikeProduct.status eq 1?'已发布':'暂不发布'}</font>
		</div>
	</div>
	<div class="control-group">
		<label class="control-label keyClass">审核：</label>
		<div class="controls">
			<input type="radio" name="auditStatus" value="2" onclick="updateAuditStatus(2)" ${empty cmBaikeProduct.auditStatus?'checked=checked':cmBaikeProduct.auditStatus eq 1?'checked=checked':''}> 审核通过
			<input type="radio" name="auditStatus" value="3" onclick="updateAuditStatus(3)" ${cmBaikeProduct.auditStatus eq 3?'checked=checked':''}> 审核失败
		</div>
	</div>
	<div class="control-group" id="failReasonDiv" style="${empty cmBaikeProduct.auditStatus or cmBaikeProduct.auditStatus eq 1?'display: none':''}">
		<label class="control-label"><font color="red">*</font>失败原因</label>
		<div class="controls">
			<textarea type="text" id="failReason" name="failReason" required style="width: 400px;height: 90px">${cmBaikeProduct.failReason}</textarea>
		</div>
	</div>
	<%--提交数据 --%>
	<div class="form-actions">
<%--		<input id="btnSubmit" class="btn btn-primary" type="submit" value="保 存"/>&nbsp;--%>
		<input id="btnCancel" class="btn" type="button" value="返 回" onclick="history.go(-1)"/>
	</div>
</form:form>

<% request.setAttribute("caimeiCore", Global.getConfig("caimei.core"));%>
<script type="text/javascript" src="${ctxStatic}/ckeditor5-new/ckeditor.js"></script>
<script type="text/javascript" src="${ctxStatic}/sensitiveWords/mint-filter.umd.js"></script>
<script type="text/javascript" src="${ctxStatic}/auto-input.js"></script>
<script type="text/javascript" src="${ctxStatic}/content-edit.js"></script>
<script>
	// 内容编辑器列表
	var contentEditMap = new Map()
	// 当前选中的编辑器
	var currentContentEdit = null
	// 当前选中的编辑器元素
	var currentContentEditEl = null
	// 添加资料数据
	var referenceData = {}
	// 资料编辑类型
	var referenceEditTyp = 'add'
	// 引用资料列表
	var referenceList = []
	// 资料标记数量
	var markCount = referenceList.length || 1
	// 正文列表
	var textInfoList = [{}]
	var textInfoItemIndex = 0
	// 信息栏列表
	var paramList = [{}]
	var paramItemIndex = 0
	// 创建内容编辑器
	function createContentEdit(el, value) {
		const contentEdit = new ContentEditInput({
			el: el,
			initValue: value,
			toolbarClick(edit) {
				// 添加
				referenceEditTyp = 'add'
				currentContentEdit = edit
				console.log(currentContentEdit)
				createReferenceList()
				$('#dialogmask').fadeIn()
				$('#dig').fadeIn()
			},
			referenceEdit(ctrid) {
				// 编辑
				referenceEditTyp = 'edit'
				referenceData = referenceList.find(function(item){
					return item.ctrlId == ctrid
				})
				if(!referenceData) return
				initRefrenceFormData(referenceData)
				$('#dialogmask').fadeIn()
				$('#dig').fadeIn()
			},
		})
		contentEditMap.set(el, contentEdit)
	}
	// 从表单获取资料数据
	function setRefrenceData(data){
		const referenceData = {}
		referenceData.id = data.id || '' // 资料id
		referenceData.ctrlId = data.ctrlId || '' // 关联id
		/* （网络资料） */
		referenceData.referenceType= $("#info").val() // '参考类型资料（1.网络；2.著作；3.其他）'
		referenceData.website = $("#website").val()
		referenceData.articleName = $("#articleName").val()
		referenceData.websiteName = $("#websiteName").val()
		referenceData.publishTimeStr = $("#publishTimeStr").val()
		referenceData.acitationTimeStr = $("#acitationTimeStr").val()
		/* 著作资料）*/
		referenceData.author= $("#author").val()
		referenceData.workName= $("#workName").val()
		referenceData.publicationPlace= $("#publicationPlace").val()
		referenceData.press= $("#press").val()
		referenceData.publicationYearStr= $("#publicationYearStr").val()
		referenceData.acitationWeb= $("#acitationWeb").val()
		/* （其他资料） */
		referenceData.referenceDescription= $("#referenceDescription").val()
		referenceData.imageDescription= $("#imageDescription").val()
		referenceData.imageUrl = $("#referenceImgUrl").val()
		referenceData.entryId = data.entryId || '' // 词条id
		referenceData.entryType = data.entryType || ''
		return referenceData
	}
	// 设置资料表单数据
	function initRefrenceFormData(data){
		$("#info").val(data.referenceType)
		$("#website").val(data.website)
		$("#articleName").val(data.articleName)
		$("#websiteName").val(data.websiteName)
		$("#publishTimeStr").val(data.publishTimeStr)
		$("#acitationTimeStr").val(data.acitationTimeStr)
		$("#author").val(data.author)
		$("#workName").val(data.workName)
		$("#publicationPlace").val(data.publicationPlace)
		$("#press").val(data.press)
		$("#publicationYearStr").val(data.publicationYearStr)
		$("#acitationWeb").val(data.acitationWeb)
		$("#referenceDescription").val(data.referenceDescription)
		$("#imageDescription").val(data.imageDescription)
		$("#referenceImgUrl").val(data.imageUrl)
	}
	// 创建信息栏item
	function createParamItem(index){
		var paramItem = $('<div class="param-item"></div>')
		var paramName = $('<div class="param-name"></div>')
		var paramNameInput = $('<input type="text" placeholder="例如:型号">')
		paramNameInput.attr('name', 'paramList['+ index +'].name')
		paramNameInput.attr('class','xxl-name')
		paramNameInput.attr('id','paramName-'+index)
		var paramContent = $('<div class="param-content"></div>')
		var paramContentInput = $('<div class="content-edit"></div>')
		paramContentInput.attr('id', 'param-' + index)
		paramContentInput.attr('name', 'paramList['+index+'].content')
		var deleteBtn = $('<a style="cursor: pointer">删除</a>')
		paramName.append(paramNameInput)
		paramContent.append(paramContentInput)
		paramItem.append([paramName,paramContent,deleteBtn ])
		deleteBtn.on('click', function(){
			$(this).parents('.param-item').remove()
		})
		return paramItem
	}
	// 初始化信息栏
	function initParamList(){
		<c:forEach items="${cmBaikeProduct.paramList}" var="videoFile" varStatus="statusIndex">
		var index=${statusIndex.index}
				paramItemIndex = index
		var paramItem = createParamItem(index)
		$('#paramList .param-controls').append(paramItem)
		createContentEdit('#param-' + index,'${videoFile.content}')
		console.log('${videoFile.name}')
		$('#paramName-'+index).val('${videoFile.name}')
		</c:forEach>
		// paramList.forEach(function(item, index){
		// 	paramItemIndex = index
		// 	var paramItem = createParamItem(index)
		// 	$('#paramList .param-controls').append(paramItem)
		// 	createContentEdit('#param-' + index)
		// })
	}
	// 创建正文item
	function createTextInfoItem(index, type){
		var inputId = 'textInfo-' + index
		var textInfoItem = $('<div class="bk-textInfo-item"><div>')
		var input = null
		var inputType=null
		if(type == 3){
			input = $('<div class="content-edit"></div>')
			input.attr('id', inputId)
			input.attr('name', 'textInfolist[' + index + '].dictionaryContent')
			inputType=$('<input type="text" />')
			inputType.attr('name','textInfolist[' + index + '].dictionaryType')
			inputType.attr('value',type)
			inputType.attr('style','display: none')

		}else{
			input = $('<input type="text" />')
			input.attr('id', inputId)
			input.attr('name', 'textInfolist[' + index + '].dictionaryContent')
			var placeholder = type == 1 ? '一级标题' : '二级标题'
			input.attr('placeholder', placeholder)
			inputType=$('<input type="text" />')
			inputType.attr('name','textInfolist[' + index + '].dictionaryType')
			inputType.attr('value',type)
			inputType.attr('style','display: none')
		}
		var control = $('<div class="bk-textInfo-control"></div>')
		var first = $('<span>+一级标题</span>')
		var second = $('<span>+二级标题</span>')
		var content = $('<span>+内容</span>')
		var deleteBtn = $('<span>删除</span>')
		control.append([first, second, content, deleteBtn])
		textInfoItem.append([input,inputType,control])
		first.on('click', function(){
			$(this).parents('.bk-textInfo-item').after(createTextInfoItem(++textInfoItemIndex, 1))
		})
		second.on('click', function(){
			var index = $(this).parents('.controls').find('.bk-textInfo-item').length +1
			$(this).parents('.bk-textInfo-item').after(createTextInfoItem(++textInfoItemIndex, 2))
		})
		content.on('click', function(){
			var index = $(this).parents('.controls').find('.bk-textInfo-item').length +1
			$(this).parents('.bk-textInfo-item').after(createTextInfoItem(++textInfoItemIndex, 3))
			var inputId = 'textInfo-' + textInfoItemIndex
			createContentEdit('#' + inputId)
		})
		deleteBtn.on('click', function(){
			$(this).parents('.bk-textInfo-item').remove()
		})
		return textInfoItem
	}
	// 初始化正文内容
	function initTextInfoList(){
		var te='${cmBaikeProduct.textInfolist}'
		if(''==te ||null==te ||te=='[]'){
			var textInfoList = [{type:1},{type:2},{type:3}]
			textInfoList.forEach(function(item,index){
				textInfoItemIndex = index
				var inputId = 'textInfo-' + index
				const textInfoIem = createTextInfoItem(index, item.type)
				$('#textInfolist .controls').append(textInfoIem)
				if(item.type == 3){
					createContentEdit('#' + inputId)
				}
			})
		}else{
			<c:forEach items="${cmBaikeProduct.textInfolist}" var="videoFile" varStatus="statusIndex">
			var index=${statusIndex.index}
					textInfoItemIndex = index
			var inputId = 'textInfo-' + index
			var textInfoIem = createTextInfoItem(index,  ${videoFile.dictionaryType})
			$('#textInfolist .controls').append(textInfoIem)
			console.log('${videoFile.dictionaryContent}')
			if('${videoFile.dictionaryType}'=='3'){
				createContentEdit('#' + inputId,'${videoFile.dictionaryContent}')
			}else{
				$('#textInfo-' + index).val('${videoFile.dictionaryContent}')
			}
			</c:forEach>
		}
		// $('#textInfolist .controls')
	}

	function createReferenceItem(referenceData){
		var text=null
		if(referenceData.publishTimeStr=='undefined'){
			referenceData.publishTimeStr='111'
		}
		if(referenceData.referenceType == 1){
			text = `
				<div class="controls applicationsan">
						<span class="del">
							<a>\${referenceData.articleName}.</a>
						</span>
						<span class="del">\${referenceData.websiteName}.</span>
						<span class="del">\${referenceData.publishTimeStr}.</span>
						<span class="del">\${referenceData.acitationTimeStr}.</span>
					</div>
			`
		}
		if(referenceData.referenceType == 2){
			text=	`
				<div class="controls applicationsan">
					<span class="del">\${referenceData.author}.</span>
					<span class="del">\${referenceData.workName}.</span>
					<span class="del">\${referenceData.publicationPlace}.</span>
					<span class="del">\${referenceData.press}.</span>
					<span class="del">\${referenceData.publicationYearStr}.</span>
					<span class="del">\${referenceData.acitationWeb}</span>
				</div>
			`
		}
		if(referenceData.referenceType == 3){
			text= `
				<div class="controls applicationsan">
					<span class="del">\${referenceData.referenceDescription}.</span>
					<span class="del">\${referenceData.imageDescription}.</span>
				</div>
			`
		}
		return text
	}

	function createAllReferenceItem(referenceData){
		var text=null
		if(referenceData.referenceType == 1){
			text = `
					<div class="controls applicationsan">
						<span class="del">[\${referenceList.length}]</span>
						<span class="del"><a>\${referenceData.articleName}.</a></span>
						<span class="del">\${referenceData.websiteName}.</span>
						<span class="del">\${referenceData.publishTimeStr}.</span>
						<span class="del">\${referenceData.acitationTimeStr}.</span>
						<a class="del" style="margin-left: 12px" onclick="upMaterial(\${referenceData.id})">编辑</a>
						<a onclick="delMaterial(\${referenceData.id})">删除</a>
					</div>
			`
		}
		if(referenceData.referenceType == 2){
			text=	`
				<div class="controls applicationsan">
					<span class="del">[\${referenceList.length}]</span>
					<span class="del">\${referenceData.author}.</span>
					<span class="del">\${referenceData.workName}.</span>
					<span class="del">\${referenceData.publicationPlace}.</span>
					<span class="del">\${referenceData.press}.</span>
					<span class="del">\${referenceData.publicationYearStr}.</span>
					<span class="del">\${referenceData.acitationWeb}.</span>
					<a class="del" style="margin-left: 12px" onclick="upMaterial(\${referenceData.id})">编辑</a>
					<a onclick="delMaterial(\${referenceData.id})">删除</a>
				</div>
			`
		}
		if(referenceData.referenceType == 3){
			text= `
				<div class="controls applicationsan">
					<span class="del">[\${referenceList.length}]</span>
					<span class="del">\${referenceData.referenceDescription}.</span>
					<span class="del">\${referenceData.imageDescription}.</span>
					<a class="del" style="margin-left: 12px" onclick="upMaterial(\${referenceData.id})">编辑</a>
					<a onclick="delMaterial(\${referenceData.id})">删除</a>
				</div>
			`
		}
		return text
	}

	// 只要referenceList数据有更新就执行一次
	function createReferenceList(){
		$('.check-reference-list').html('')
		referenceList.forEach(function(refData, index){
			console.log(refData)
			var item = createReferenceItem(refData)
			$('.check-reference-list').append(item)
		})
		$('.check-reference-list').find('.controls').on('click', function(){
			var index = $(this).index() + 1
			var result = referenceList[$(this).index()]
			console.log(result)
			if(!result) return
			var con= createReferenceItem(result)
			result.ctrlId = currentContentEdit.confirm(con, result.ctrlId, index)
			$('#dialogmask').fadeOut()
			$('#dig').fadeOut()
		})
	}

	$(function(){
		var refren='${cmBaikeProduct.referenceList}'
		if(''==refren|| null==refren){
		}else{
			referenceList=JSON.parse(refren)
			markCount=referenceList.length
			console.log(markCount)
		}
		//初始化 义项名，词条概述
		createContentEdit('#bk-name','${cmBaikeProduct.alias}')
		createContentEdit('#discription','${cmBaikeProduct.discription}')
		initParamList()
		initTextInfoList()
		$('#paramList .btn').on('click', function(){
			var paramItem = createParamItem(++paramItemIndex)
			$('#paramList .param-controls').append(paramItem)
			createContentEdit('#param-' + paramItemIndex)
		})
		$('#dig .confirm').on('click', function(){
			if(referenceEditTyp === 'add'){
				markCount++
				var result = setRefrenceData({})
				var con=createReferenceItem(result)
				result.ctrlId = currentContentEdit.confirm(con)
				referenceList.push(result)
				$(this).parents('#dig').siblings('#dialogmask').fadeOut()
				$(this).parents('#dig').fadeOut()
				initRefrenceFormData({})
				var item = createAllReferenceItem(result)
				$('.bk-reference-list').append(item)
			}else{
				var result = setRefrenceData(referenceData)
				const index = referenceList.findIndex(function(item){
					return item.ctrlId == referenceData.ctrlId
				})
				referenceList.splice(index, 1, result)
				$(this).parents('#dig').siblings('#dialogmask').fadeOut()
				$(this).parents('#dig').fadeOut()
				initRefrenceFormData({})
			}
			var referen=JSON.stringify(referenceList)
			$('#referenceList').val(referen);
		})
		$('#dig .cancel').on('click', function(){
			$(this).parents('#dig').fadeOut()
			$(this).parents('#dig').siblings('#dialogmask').fadeOut()
			initRefrenceFormData({})
		})
		<%-- referenceList = [{ctrlId: 'FDIEKABKKNJEEJAN'}] // referenceList[0].reyt = 1 // referenceList:'[{"type": 1}]'--%>
		<%--console.log('${cmBaikeProduct.materialInfo}')--%>
		// 初始化编辑框引用资料列表
		contentEditMap.forEach(function(item){
			item.edit.ctridList.forEach(function(ctrlId){
				var data = referenceList.find(function(ref){
					return ref.ctrlId == ctrlId
				})
				if(!data) return
				<%--				<c:forEach items="${cmBaikeProduct.materialInfo}" var="videoFile" varStatus="statusIndex">--%>
				<%--				</c:forEach>--%>
				var text = createReferenceItem(data)
				item.addLiteratureItem(ctrlId, text)
			})
		})
	})
</script>

<script>
	var paramIndex = 1;
	var questionIndex = 2;
	//给涉及到参考资料的标签赋值
	$(function () {
		$('.upload-content .conList .btn:nth-of-type(1)').html('<div><span>+</span><h5>选择图片</h5></div>');
		$('.upload-content .conList .btn:nth-of-type(2)').after('<img class="cancel-upload" src="/static/images/close-btn1.png">').remove();
		var MutationObserver = window.MutationObserver || window.WebKitMutationObserver;
		var MutationObserverConfig = {
			childList: true,
			subtree: true,
			characterData: true
		};
		var observer = new MutationObserver(function (mutations) {
			$.each(mutations, function (index, item) {
				if (item.type === 'childList') {
					// 在创建新的 element 时调用
					var target = $(item.target),
							thisWrapper = target.closest('.conList'),
							nextEle = thisWrapper.parents('.controls').next();
					thisWrapper.find('li').css('z-index', 99);
					thisWrapper.find('.cancel-upload').show();
					if (nextEle.hasClass('hide-pic')) {
						nextEle.removeClass('hide-pic');
					}
				}
			})
		});
		var observeEle1 = document.getElementsByClassName('main-image-list')[0];
		var observeEle2 = document.getElementsByClassName('auth-qrCode-list')[0];
		// var observeEle3 = document.getElementsByClassName('auth-image-list')[0];
		var observeEle4 = document.getElementsByClassName('display-image-list')[0];
		observer.observe(observeEle1, MutationObserverConfig);
		observer.observe(observeEle2, MutationObserverConfig);
		// observer.observe(observeEle3, MutationObserverConfig);
		observer.observe(observeEle4, MutationObserverConfig);

		$('body').on('click', '.cancel-upload',function() {
			var wrapper = $(this).closest('.controls');
			var controlsId = wrapper.attr('id');
			wrapper.find('li').css('z-index','-1');
			wrapper.find('input').val('');
			$(this).hide();
			if (controlsId == 'mainImageBox' || controlsId == 'authQrCodeBox' || controlsId=='mainIgeBox') {
				wrapper.removeClass("hide-pic");
			}
					// else if (controlsId.indexOf('authImageBox') != -1) {
					// 	if ($('.auth-image-list .cancel-upload:visible').length < 8) {
					// 		wrapper.addClass("hide-pic");
					// 	}else{
					// 		wrapper.removeClass("hide-pic");
					// 	}
			// }
			else if (controlsId.indexOf('displayImageBox') != -1) {
				if ($('.display-image-list .cancel-upload:visible').length < 6) {
					wrapper.addClass("hide-pic");
				}else{
					wrapper.removeClass("hide-pic");
				}
			}
			wrapper.parent().append(wrapper.clone());
			wrapper.remove();
			$(".controls").each(function(i,ele){
				if($(ele).find("input.input-xlarge").val()){
					$(ele).next().removeClass("hide-pic")
				}
			})
		});

		$('body').on('click','.upload-content li',function() {
			var index = $(this).closest('.conList').index() + 1,
					str = 'image'+index+'FinderOpen';
			eval(str+'()');
		});

		$(window).on("load", function () {
			setTimeout(function () {
				$("#authQrCodeBox").find("input.input-xlarge").each(function (i, ele) {
					if ($(ele).val()) {
						$(ele).next().find("li").css("z-index", "99");
						$(ele).parents(".conList").find(".cancel-upload").show();
						$(ele).parent().parents(".controls").next().removeClass("hide-pic")
					}
				})
				$("#mainImageBox").find("input.input-xlarge").each(function (i, ele) {
					if ($(ele).val()) {
						$(ele).next().find("li").css("z-index", "99");
						$(ele).parents(".conList").find(".cancel-upload").show();
						$(ele).parent().parents(".controls").next().removeClass("hide-pic")
					}
				})
				$(".mainIgeBox").find("input.input-xlarge").each(function (i, ele) {
					if ($(ele).val()) {
						$(ele).next().find("li").css("z-index", "99");
						$(ele).parents(".conList").find(".cancel-upload").show();
						$(ele).parent().parents(".controls").next().removeClass("hide-pic")
					}
				})
				for (var i = 0; i < 8; i++) {
					$("#authImageBox"+i).find("input.input-xlarge").each(function (i, ele) {
						if ($(ele).val()) {
							$(ele).next().find("li").css("z-index", "99");
							$(ele).parents(".conList").find(".cancel-upload").show();
							$(ele).parent().parents(".controls").next().removeClass("hide-pic")
						}
					})
				}
				for (var i = 0; i < 6; i++) {
					$("#displayImageBox"+i).find("input.input-xlarge").each(function (i, ele) {
						if ($(ele).val()) {
							$(ele).next().find("li").css("z-index", "99");
							$(ele).parents(".conList").find(".cancel-upload").show();
							$(ele).parent().parents(".controls").next().removeClass("hide-pic")
						}
					})
				}
			}, 200);
		});


		var fileIds = $("#fileIds").val();
		//点击上传按钮后上传文件
		$('#addSubmit').click(function () {
			var fileIdArr = fileIds.split(',');
			if (fileIdArr.length >= 7) {
				alertx('最多上传6个视频');
				return;
			}
			var filesById = document.getElementById('productFile');
			var files = $('#productFile');
			var fileList = files.prop('files');
			var fileTitle = $('#fileTitle').val();
			var fileName = $('#uploadFileName').val();
			if (fileTitle == '') {
				alertx('请输入视频标题')
				return;
			}
			if (files === '' || files.length == 0 || fileName == '') {
				alertx('请选择上传文件');
				return;
			}
			$("#fileTitle").val("");
			$("#uploadFileName").val("");
			var data = new FormData();
			var productId = $("#id").val();
			data.append('file', fileList[0]);
			data.append('fileTitle', fileTitle);
			data.append('fileName', fileName);
			data.append('productId', productId);
			data.append('fileIds', fileIds);
			$('.upload-loading').css("display", "inline");
			$.ajax({
				url: "${ctx}/baike/cmBaikeProduct/upload",
				data: data,
				type: "POST",
				processData: false,
				contentType: false,
				dataType: "json",
				success: function (res) {
					if (res.success) {
						filesById.value = '';
						renderFileList(res.productFile);
						$('.upload-loading').hide();
					} else {
						$.jBox.tip(res.msg, 'error');
						$("#uploadFileName").val(fileName);
						$('.upload-loading').hide();
					}
				},
				error: function (json) {
				}
			});
		})

		var fileList = [];
		var files = document.getElementById("productFile"), renderFileList;
		//选择上传文件后显示文件名称
		files.addEventListener("change", function (event) {
			var name = event.target.files[0].name;
			console.log(name)
			$('#uploadFileName').val(name);
		});
		var fileListDisplay = document.getElementById('file-list-display');
		renderFileList = function (data) {
			fileIds += data.id + ',';
			console.log(fileIds);
			$('#fileIds').val(fileIds);
			fileList.push({fileTitle: data.fileTitle, id: data.id, ossUrl: data.ossUrl});
			fileList.forEach(function (file, index) {
				var fileDisplayEl = document.createElement("p");
				var deleteFile = document.createElement("span");
				var viewFile = document.createElement("span");
				var viewFileUrl = document.createElement("a");
				//预览链接
				viewFileUrl.innerHTML = '预览';
				viewFileUrl.setAttribute("onclick", "previewVideo('" + file.ossUrl + "')");
				viewFileUrl.setAttribute("target", "_blank");
				//预览按钮
				viewFile.className = 'viewFile';
				console.log(viewFile);
				viewFile.setAttribute("class","del");
				viewFile.appendChild(viewFileUrl);
				//删除按钮
				deleteFile.innerHTML = '删除';
				deleteFile.className = 'deleteFile';
				console.log(deleteFile);
				deleteFile.setAttribute("class","del");
				deleteFile.setAttribute("onclick", "dataDelete(this, " + file.id + ")");

				fileDisplayEl.setAttribute("id", file.id);
				fileDisplayEl.innerHTML = file.fileTitle;
				fileDisplayEl.appendChild(viewFile);
				fileDisplayEl.appendChild(deleteFile);
				fileListDisplay.appendChild(fileDisplayEl);
			});
			fileList.splice(0, fileList.length);
		};
	})

	//删除参数
	function deleteParam(index) {
		$("#paramRow" + index).remove();
	}
	var content=10;

	//添加正文
	var d=1;
	addDiction =function(dicname,diny,dicTyp){//输入框类型  输入框个数  按钮类型
		$("."+dicname+diny).append("<div class=\"controls "+dicname+d+"\" style=\"margin-left: 0px;margin-top: 5px \">" +
				"<input  name=\"textInfo[0].textType\" value =\"1\" type=\"hidden\"/>"+
				"<input  htmlEscape=\"false\" class=\"input-xlarge \" placeholder=\"(请输入"+dicTyp+")\"/>" +
				"<button class=\"btn btn-primary\" id=\"1\" type=\"button\" name=\"一级目录\"  style=\"margin-left: 15px\" onclick=\"addDiction('"+dicname+"',"+d+",'一级目录'"+")\">一级目录</button>"+
				"<button class=\"btn btn-primary\" id=\"1\"  type=\"button\" name=\"二级目录\"  style=\"margin-left: 10px\" onclick=\"addDiction('"+dicname+"',"+d+",'二级目录'"+")\">二级目录</button>"+
				"<button class=\"btn btn-primary\" id=\"1\"  type=\"button\" name=\"内容\" style=\"margin-left: 10px\" onclick=\"addDiction('"+dicname+"',"+d+",'内容'"+")\">内容</button>"+
				"</div>")
		d=d+1;
	}

	/**
	 * @param obj
	 * jquery控制input只能输入数字
	 */
	function onlynum(obj) {
		obj.value = obj.value.replace(/[^\d]/g, ""); //清除"数字"以外的字符
	}

	//删除文件
	function dataDelete(that, id) {
		console.log($(that).text());
		$(that).parent().remove();
		var fileIds = $("#fileIds").val();
		if (fileIds.indexOf(id)) {
			fileIds = fileIds.replace(id + ',', '');
			$("#fileIds").val(fileIds);
		}
		$.ajax({
			url: "${ctx}/baike/cmBaikeProduct/deleteFile",
			data: {"fileId": id},
			async: false,
			type: "POST"
		});
	}

	function previewVideo(url) {
		var url = "${ctx}/archive/cmProductArchiveContent/preview?url=" + encodeURIComponent(url);
		var title = "视频播放";
		top.$.jBox("iframe:" + url, {
			iframeScrolling: 'yes',
			width: 1000,
			height: 750,
			persistent: true,
			title: title,
			buttons: {"关闭": '-1'}
		});
	}
	function updateAuditStatus(auditStatus) {
		var elementById = document.getElementById("failReasonDiv");
		if (auditStatus === 2) {
			elementById.style.cssText = "display:none";
		} else {
			elementById.style.cssText = "";
		}
	}
	//关键词联动
	function autocomplete(text) {
		var keywordlist=new Array();
		<c:forEach items="${SearchFrequencyVo}" var="search">
		keywordlist.push("${search.keyword}")
		</c:forEach>
		return keywordlist.filter(function (item) {
			return text && item.indexOf(text) > -1;
		});
	}

	new AutoComplete({
		el: '.auto-input',
		callback: autocomplete,
		offsetLeft: -25
	});
</script>
</body>
</html>