wangdakun
/
contrast_ai


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633
							<!DOCTYPE html>
<html>

	<head>
		<title></title>

		<style>
			.box_left {
				display: block;
				position: absolute;
				width: 375px;
				height: 667px;
				border: 1px solid #ccc;
			}

			.box_right {
				display: block;
				position: absolute;
				width: 375px;
				right: 0px;
				height: 95%;
				height: 650px;
				overflow-y: scroll
			}

			.lanmu a {
				margin-top: 10px;
			}

			.settexts {
				position: absolute;
				font-size: 16px;
				cursor: pointer;
				z-index: 100;
			}

			.fountsizes {
				width: 80px !important;
				position: absolute;
				display: inline !important;
				height: 24px !important;
			}

			.selects {
				border: 1px solid #ccc;
				border-radius: 3px
			}

			.setimgsrc {
				width: 80px;
			}

			.setimgs {
				position: absolute;
				cursor: pointer;
				z-index: 50;
				width: auto;
				height: auto;
			}

			.selectimgs {
				border: 1px solid #f00;
				padding: 2px;
				border-radius: 3px
			}

			.nbts {
				width: 360px;
				position: absolute;
				bottom: 20px;
				z-index: 101;
				right: 0px;
			}

		</style>
	</head>

	<body>
		<div class="fluid layui-anim layui-anim-fadein" style="padding: 15px">
			<div class="box_left"></div>
			<div class="box_right">
				<form class="layui-form" id="addform" lay-filter="addform">
					<div class="layui-form-item">
						<label class="layui-form-label">海报类型：</label>
						<div class="layui-input-block">
							<span class="layui-badge-rim"
								style="margin-top: 9px;font-size: 14px;">{if $poster['types']=='1'}职位海报{elseif $poster['types']=='2'}简历海报{elseif $poster['types']=='3'}企业海报{elseif $poster['types']=='4'}兼职海报{/if}</span>
						</div>
					</div>
					<div class="layui-form-item">
						<label class="layui-form-label">背景图片：</label>
						<div class="layui-input-block">
							<img class="layui-upload-img" id="backimgtmp" style="width: 80px"
								src="{$poster['backimg']?$poster['backimg']:ADDONS_THEME_URL.'web/image/uploadimg.png'}" />
						</div>
						<div class="layui-form-mid layui-word-aux" style="margin-left: 30px">背景图片尺寸: 375 * 667</div>
					</div>
					<div class="layui-form-item">
						<label class="layui-form-label">海报名称：</label>
						<div class="layui-input-block">
							<input type="text" class="layui-input" name="name" id="poster_name"
								value="{$poster['name']}" onblur="savetxt()" style="width: 180px;" />
						</div>
					</div>
					<div class="layui-form-item posteryuansu" style="display: none">
						<label class="layui-form-label">海报元素：</label>
						<div class="layui-input-block lanmu">
							<a href="javascript:;" onclick="settext('inserttext','文字')"
								class="layui-btn layui-btn-primary layui-btn-xs">文字</a>
							<a href="javascript:;" onclick="setimg('insertimg','图片')"
								class="layui-btn layui-btn-primary layui-btn-xs">图片</a>
							</br>
							<a href="javascript:;" onclick="setimg('infocode','信息二维码',1)"
							class="layui-btn layui-btn-primary layui-btn-xs"><img style="width: 30px;margin-top: -5px;" src="{:ADDONS_THEME_URL.'web/image/infocode.png'}" />信息二维码</a>
							<a href="javascript:;" onclick="setimg('syscode','主二维码',1)"
							class="layui-btn layui-btn-primary layui-btn-xs"><img style="width: 30px;margin-top: -5px;" src="{:ADDONS_THEME_URL.'web/image/syscode.png'}" />主二维码</a>
							</br>
							{if $poster['types']==1}
							<div id="postert_zpxx">
								<a href="javascript:;" onclick="settext('jobcat','职位类别',1)"
									class="layui-btn layui-btn-xs">职位类别</a>
								<a href="javascript:;" onclick="settext('jobsalaries','薪资待遇',1)"
									class="layui-btn layui-btn-xs">薪资待遇</a>
								<a href="javascript:;" onclick="settext('recruitnum','招聘人数',1)"
									class="layui-btn layui-btn-xs">招聘人数</a>
								<a href="javascript:;" onclick="settext('sex','性别要求',1)" class="layui-btn layui-btn-xs"
									style="margin-left: 0px;">性别要求</a>
								<a href="javascript:;" onclick="settext('ages','年龄要求',1)"
									class="layui-btn layui-btn-xs">年龄要求</a>
								<a href="javascript:;" onclick="settext('degrees','学历要求',1)"
									class="layui-btn layui-btn-xs">学历要求</a>
								<a href="javascript:;" onclick="settext('experiences','工作经验',1)"
									class="layui-btn layui-btn-xs" style="margin-left: 0px;">工作经验</a>
								<a href="javascript:;" onclick="settext('telnum','联系电话',1)"
									class="layui-btn layui-btn-xs">联系电话</a>
								<a href="javascript:;" onclick="settext('address','工作地址',1)"
									class="layui-btn layui-btn-xs">工作地址</a>
									<a href="javascript:;" onclick="settext('company','企业名称',1)"
									class="layui-btn layui-btn-xs" style="margin-left: 0px;">企业名称</a>
							</div>
							{/if}
							{if $poster['types']==2}
							<div id="postert_resume">
								<a href="javascript:;" onclick="settext('name','姓名',1)"
									class="layui-btn layui-btn-xs">姓名</a>
								<a href="javascript:;" onclick="settext('tel','电话',1)"
									class="layui-btn layui-btn-xs">电话</a>
								<a href="javascript:;" onclick="settext('resumesex','性别',1)"
									class="layui-btn layui-btn-xs">性别</a>
								</br>
								<a href="javascript:;" onclick="settext('birthyears','年龄',1)"
									class="layui-btn layui-btn-xs" style="margin-left: 0px;">年龄</a>
								<a href="javascript:;" onclick="settext('resumedegrees','学历',1)"
									class="layui-btn layui-btn-xs">学历</a>
								<a href="javascript:;" onclick="settext('experiences','工作经验',1)"
									class="layui-btn layui-btn-xs">工作经验</a>
								</br>
								<a href="javascript:;" onclick="settext('resumejobcat','期望岗位',1)"
									class="layui-btn layui-btn-xs" style="margin-left: 0px;">期望岗位</a>
								<a href="javascript:;" onclick="settext('resumesalaries','期望月薪',1)"
									class="layui-btn layui-btn-xs">期望月薪</a>
							</div>
							{/if}
							{if $poster['types']==3}
							<div id="postert_company">
								<a href="javascript:;" onclick="settext('comname','企业名称',1)"
									class="layui-btn layui-btn-xs">企业名称</a>
								<a href="javascript:;" onclick="settext('comkindindex','企业性质',1)"
									class="layui-btn layui-btn-xs">企业性质</a>
									<a href="javascript:;" onclick="settext('compnayscaleindex','企业规模',1)"
									class="layui-btn layui-btn-xs">企业规模</a>
								</br>
								<a href="javascript:;" onclick="settext('compnayindustryindex','企业行业',1)"
									class="layui-btn layui-btn-xs" style="margin-left: 0px;">企业行业</a>
								<a href="javascript:;" onclick="settext('adress','企业地址',1)"
									class="layui-btn layui-btn-xs">企业地址</a>
									<a href="javascript:;" onclick="settext('companywelfare','企业福利',1)"
									class="layui-btn layui-btn-xs">企业福利</a>
								</br>
								<a href="javascript:;" onclick="settext('tel','联系人电话',1)"
									class="layui-btn layui-btn-xs" style="margin-left: 0px;">联系人电话</a>
							</div>
							{/if}
							{if $poster['types']==4}
							<div id="postert_partjob">
								<a href="javascript:;" onclick="settext('posttitle','标题',1)"
									class="layui-btn layui-btn-xs">标题</a>
								<a href="javascript:;" onclick="settext('jobcatindex','职位类别',1)"
									class="layui-btn layui-btn-xs">职位类别</a>
								<a href="javascript:;" onclick="settext('salary','工资待遇',1)"
									class="layui-btn layui-btn-xs">工资待遇</a>
								</br>
								<a href="javascript:;" onclick="settext('salaryunitindex','工资单位',1)"
									class="layui-btn layui-btn-xs" style="margin-left: 0px;">工资单位</a>
								<a href="javascript:;" onclick="settext('paymodeindex','结算方式',1)"
									class="layui-btn layui-btn-xs">结算方式</a>
								<a href="javascript:;" onclick="settext('recruitnum','招聘人数',1)"
									class="layui-btn layui-btn-xs">招聘人数</a>
								</br>
								<a href="javascript:;" onclick="settext('adress','地址',1)"
									class="layui-btn layui-btn-xs" style="margin-left: 0px;">地址</a>
								<a href="javascript:;" onclick="settext('purephonenumber','电话',1)"
									class="layui-btn layui-btn-xs">电话</a>
								<a href="javascript:;" onclick="settext('company','企业',1)"
									class="layui-btn layui-btn-xs">企业</a>
							</div>
							{/if}
						</div>
					</div>
					<div class="layui-form-item" id="posternum"></div>
					<div class="layui-form-item" style="position: absolute; bottom: 20px; margin-left: 36px">
						<input type="hidden" value="" name="texttypes" id="texttypes" />
						<input type="hidden" value="" name="textvalue" id="textvalue" />
						<input type="hidden" value="" name="setvalue" id="setvalue" />
						<input type="hidden" value="" name="settitle" id="settitle" />
						<input type="hidden" value="{$poster['id']}" name="ids" />
					</div>
				</form>
			</div>
			<div class="nbts">
				<a href="javascript:;" onclick="saveall()" class="layui-btn layui-btn-normal">刷新样式</a>
				<a href="javascript:;" onclick="var index = parent.layer.getFrameIndex(window.name);parent.layer.close(index);" class="layui-btn layui-btn-primary">返回列表</a>
				<a href="javascript:;" onclick="showposter({$poster['id']},{$poster['types']})" class="layui-btn">测试生成</a>
			</div>
		</div>
	</body>

<script src="https://ajax.aspnetcdn.com/ajax/jquery/jquery-3.5.1.min.js"></script>
	<script>
		if(localStorage.getItem("staticDomain")){
			document.write("<script src='" + localStorage.getItem("staticDomain") + "/component/layui/layui.js?v="+localStorage.getItem("version")+"'><\/script>");
			document.write("<script src='" + localStorage.getItem("staticDomain") + "/component/laytp/layuiConfig.js?v="+localStorage.getItem("version")+"'><\/script>");
			document.write("<script src='" + localStorage.getItem("staticDomain") + "/component/jquery.event.ue.js?v="+localStorage.getItem("version")+"'><\/script>");
			document.write("<script src='" + localStorage.getItem("staticDomain") + "/component/jquery.udraggable.js?v="+localStorage.getItem("version")+"'><\/script>");
		}else{
			document.write("<script src='/static/component/layui/layui.js?v="+localStorage.getItem("version")+"'><\/script>");
			document.write("<script src='/static/component/laytp/layuiConfig.js?v="+localStorage.getItem("version")+"'><\/script>");
			document.write("<script src='/static/component/jquery.event.ue.js?v="+localStorage.getItem("version")+"'><\/script>");
			document.write("<script src='/static/component/jquery.udraggable.js?v="+localStorage.getItem("version")+"'><\/script>");
		}
	</script>
	<script>
		layui.use(['upload', 'element', 'layer', 'form'], function () {
			var upload = layui.upload,
				form = layui.form,
				element = layui.element,
				layer = layui.layer;
			var uploadInst = upload.render({
				elem: '#backimgtmp',
				data: form.val('addform'),
				url: '{:addons_url("poster/lists/setimage")}',
				before: function (obj) {
					obj.preview(function (index, file, result) {
						$('#backimgtmp').attr('src', result); //图片链接（base64）
					});
				},
				done: function (res) {
					if (res.code != 1) {
						return layer.msg('上传失败');
					} else {
						getposter();
					}
				},
				error: function () {
					return layer.msg('上传失败');
				},
			});
		});
		setTimeout(function () {
			getposter();
		}, 100);
	</script>
	<script>
		function requesturl(action = '') {
			var tourl = '{:addons_url("poster/lists/xxxx")}';
			return tourl.replace(new RegExp('xxxx', 'g'), action);
		}
		function getposter() {
			$(".box_left").html("");
			$.post(requesturl('getposter'), $('#addform').serialize(), function (r) {
				if (r.backimg) {
					$('.box_left').css('background', 'url("' + r.backimg + '") no-repeat');
					$('#backimgtmp').attr('src', r.backimg);
					$('.posteryuansu').show();
				}
				if (r.text) {
					for (var i = 0; i < r.text.length; i++) {
						if ($('#' + r.text[i].name).length > 0) {

						} else {
							$('.box_left').prepend('<div onclick="textstyle(\'' + r.text[i].name + '\')" class="settexts" id="' + r.text[i].name + '">' + r.text[i].data.title + '</div>');
						}
						$('#' + r.text[i].name).css("color", r.text[i].data.color ? r.text[i].data.color : "#000000");
						$('#' + r.text[i].name).css("font-size", (r.text[i].data.size ? r.text[i].data.size : 16) + "px");
						$('#' + r.text[i].name).html(r.text[i].data.title ? r.text[i].data.title : "文字");
						$('#' + r.text[i].name).css("inset", r.text[i].data.y + "px auto auto " + r.text[i].data.x + "px");
					}
				}
				if (r.image) {
					for (var i = 0; i < r.image.length; i++) {
						if ($('#' + r.image[i].name).length > 0) {

						} else {
							if(r.image[i].name=='infocode'||r.image[i].name=='syscode'){
								$('.box_left').prepend('<div class="setimgs" id="' + r.image[i].name + '" ><img src="{$codeurl}static/web/image/'+r.image[i].name+'.png" onclick="imgstyle(\'' + r.image[i].name + '\')" class="setimgsrc" style="width:' + r.image[i].data.width + 'px;height:' + r.image[i].data.height + 'px;" id="' + r.image[i].name + 'img" /></div>');
							} else {
							$('.box_left').prepend('<div class="setimgs" id="' + r.image[i].name + '" ><img src="' + r.image[i].data.saveurl + '" onclick="imgstyle(\'' + r.image[i].name + '\')" class="setimgsrc" style="width:' + r.image[i].data.width + 'px;height:' + r.image[i].data.height + 'px;" id="' + r.image[i].name + 'img" /></div>');
							}
						}
						$('#' + r.image[i].name).css("inset", r.image[i].data.y + "px auto auto " + r.image[i].data.x + "px");
					}
				}
				if (r.name) {
					$('#poster_name').val(r.name);
				}
			});
		}
		function settext(textid, title, tps = 0) {
			var tpsnum = '';
			if ($('#' + textid).length > 0 && tps == 1) {
				layer.msg('元素已存在');
				return;
			} else {
				if (tps == 0) {
					var thistimes = new Date();
					tpsnum = thistimes.getHours().toString() + thistimes.getMinutes().toString() + thistimes.getSeconds().toString();
				}
			}
			$('.box_left').prepend('<div onclick="textstyle(\'' + textid + tpsnum + '\')" class="settexts" id="' + textid + tpsnum + '">' + title + '</div>');
			textstyle(textid + tpsnum, tps);
			$('#setvalue').val(textid + tpsnum);
			$('#settitle').val(title);
			console.log(tps);
		}
		function textstyle(textid, tps = 0) {
			// $('#posternum').html("");
			$('.settexts').removeClass("selects");
			$('.setimgs').removeClass("selectimgs");
			$('#setvalue').val(textid);
			$('#textvalue').val(textid);
			$("#" + textid).addClass("selects");
			// console.log($('#' + textid + 'muninfo').length);
			if ($('#' + textid + 'muninfo').length < 1 || $('#' + textid + 'muninfo').val() != 1 || $('#' + textid + 'muninfo').val() == undefined) {
				$.get(requesturl('gettext'), $('#addform').serialize(), function (r) {
					$html = '<label class="layui-form-label">文字设置：</label><div class="layui-input-block lanmu"><label>颜色</label><div id="' +
						textid +
						'bt" style="margin-left:10px;"></div><input onblur="savetxt()" id="' +
						textid +
						'color" name="color" type="hidden" value="' +
						(r.color ? r.color : '#000000') +
						'" /></br><div class="numitems"><label>字体大小</label><input onblur="savetxt()" type="number" id="' +
						textid +
						'size" name="size" class="layui-input fountsizes" value="' +
						(r.size ? r.size : 16) +
						'" style="margin-left:10px;" /><span style="margin-left: 100px">px</span></div></br><div class="numitems"><label>位置  </label>X:<input onblur="savetxt()" type="number" id="' +
						textid +
						'x" name="x" class="layui-input fountsizes" value="' +
						(r.x ? r.x : 0) +
						'" style="margin-left:10px;" /></div></br><div class="numitems">位置  Y:<input onblur="savetxt()" type="number" id="' +
						textid +
						'y" name="y" class="layui-input fountsizes" value="' +
						(r.y ? r.y : 0) +
						'" style="margin-left:10px;" /></div></br>';
					if (r.texttypes > 0 || tps > 0) {
						$html += '<div class="numitems">' +
							(r.title ? r.title : ($('#settitle').val() ? $('#settitle').val() : '文字')) +
							'</div>'
					} else {
						$html += '<div class="numitems">自定义文字:<input onblur="savetxt()" type="text" id="' +
							textid +
							'txt" name="txt" class="layui-input fountsizes" value="' +
							(r.title ? r.title : ($('#settitle').val() ? $('#settitle').val() : '文字')) +
							'" style="margin-left:10px;width: 150px !important;" /></div>'
					}
					$html += '</div></br><input type="hidden" value="1" name="' +
						textid +
						'muninfo" id="' +
						textid +
						'muninfo" /><a href="javascript:;" onclick="deltext()" class="layui-btn layui-btn-primary layui-btn-xs" style="margin-left: 110px;margin-bottom: 100px;">删除元素</a>'
					$('#posternum').html($html);
					$('#texttypes').val(r.texttypes ? r.texttypes : tps);
					$('#settitle').val(r.title ? r.title : ($('#settitle').val() ? $('#settitle').val() : '文字'));
					setcolor(textid, r.color ? r.color : '#000000');
				});
			}
			udraggables(textid);
		}
		function setcolor(textid, colors = '#000000') {
			layui.use('colorpicker', function () {
				var colorpicker = layui.colorpicker;
				colorpicker.render({
					elem: '#' + textid + 'bt',
					color: colors,
					done: function (color) {
						$('#' + textid + 'color').val(color);
						$('#' + textid).css("color", color);
						$('#setvalue').val(textid);
						savetxt();
					},
				});
			});
		}
		function savetxt() {
			$.post(requesturl('settext'), $('#addform').serialize(), function (r) {
				getposter();
			});
		}
		function saveimg() {
			$.post(requesturl('saveimage'), $('#addform').serialize(), function (r) {
				getposter();
			});
		}
		function udraggables(textid) {
			$('#' + textid).udraggable({
				distance: 15,
				containment: 'parent',
				disable: true,
				start: function () {
					$('#setvalue').val(textid);
					$('#textvalue').val(textid);
				},
				positionElement: function ($el, dragging, x, y) {
					if (dragging) {
						$el.css({
							left: 'auto',
							top: 'auto',
							transform: 'translate(' + x + 'px,' + y + 'px)',
						});
						$('#' + textid + 'x').val(x);
						$('#' + textid + 'y').val(y);
					} else {
						$el.css({
							left: x,
							top: y,
							transform: 'none',
						});
						$('#' + textid + 'x').val(x);
						$('#' + textid + 'y').val(y);
						$('#setvalue').val(textid), $.post(requesturl('settext'), $('#addform').serialize(), function (r) {
							$('#textvalue').val(textid);
							$("#" + textid).addClass("selects");
							getposter();
						});
					}
				}
			});
		}
		function deltext() {
			layer.msg('你确定删除？删除后不可恢复', {
				time: 0 //不自动关闭
				, btn: ['删除', '取消']
				, yes: function (index) {
					layer.close(index);
					$.post(requesturl('deltext'), $('#addform').serialize(), function (r) {
						$("#" + $('#setvalue').val()).remove();
						$('#posternum').html("");
						getposter();
					});
				}
			});
		}
		function delimg() {
			layer.msg('你确定删除？删除后不可恢复', {
				time: 0 //不自动关闭
				, btn: ['删除', '取消']
				, yes: function (index) {
					layer.close(index);
					$.post(requesturl('delimage'), $('#addform').serialize(), function (r) {
						$("#" + $('#setvalue').val()).remove();
						$('#posternum').html("");
						$('.settexts').removeClass("selects");
						$('.setimgs').removeClass("selectimgs");
						getposter();
					});
				}
			});
		}
		function setimg(textid, title, tps = 0) {
			var thistimes = new Date();
			var tpsnum = '';
			if ($('#' + textid).length > 0 && tps == 1) {
				layer.msg('元素已存在');
				return;
			} else {
				if (tps == 0) {
					var thistimes = new Date();
					tpsnum = thistimes.getHours().toString() + thistimes.getMinutes().toString() + thistimes.getSeconds().toString();
				}
			}
			$('.box_left').prepend('<div class="setimgs" id="' + textid + tpsnum + '"><img src="'+((textid=='infocode'||textid=='syscode')?('{:ADDONS_THEME_URL}web/image/'+textid+'.png'):'{:ADDONS_THEME_URL."web/image/uploadimg.png"}')+'" onclick="imgstyle(\'' + textid + tpsnum + '\')" class="setimgsrc" id="' + textid + tpsnum + 'img" /></div>');
			imgstyle(textid + tpsnum);
			$('#setvalue').val(textid + tpsnum);
			$('#settitle').val(title);
		}
		function imgstyle(textid) {
			if ($('#' + textid + 'muninfo').length > 0 || $('#' + textid + 'muninfo').val() > 0 || $('#' + textid + 'muninfo').val() != undefined) {
				setTimeout(function () {
					loadimg(textid);
				}, 100);
			}
			$('.settexts').removeClass("selects");
			$('.setimgs').removeClass("selectimgs");
			$('#setvalue').val(textid);
			$('#textvalue').val(textid);
			$('#' + textid).addClass("selectimgs");
			$.get(requesturl('getimg'), $('#addform').serialize(), function (r) {
				$('#posternum').html(
					'<label class="layui-form-label">图片设置：</label><div class="layui-input-block lanmu"><label>地址</label><img class="layui-upload-img" id="' + textid + 'upimg" style="width: 80px;height: 80px;margin-left:10px;"src="' + ((textid=='infocode'||textid=='syscode')?('{:ADDONS_THEME_URL}web/image/'+textid+'.png'):(r.saveurl ? r.saveurl : '{:ADDONS_THEME_URL."web/image/uploadimg.png"}')) + '" /><input id="' +
					textid + 'savepath" name="savepath" type="hidden" value="' + (r.savepath ? r.savepath : '') + '" /><input id="' +
					textid + 'saveurl" name="saveurl" type="hidden" value="' + (r.saveurl ? r.saveurl : '') + '" /></br></br><div class="numitems"><label>位置  </label>X:<input onblur="saveimg()" type="number" id="' +
					textid +
					'x" name="x" class="layui-input fountsizes" value="' +
					(r.x ? r.x : 0) +
					'" style="margin-left:10px;" /></div></br><div class="numitems">位置  Y:<input onblur="saveimg()" type="number" id="' +
					textid +
					'y" name="y" class="layui-input fountsizes" value="' +
					(r.y ? r.y : 0) +
					'" style="margin-left:10px;" /></div></br><div class="numitems">宽度  :<input onblur="saveimg()" type="number" id="' +
					textid +
					'width" name="width" class="layui-input fountsizes" value="' +
					(r.width ? r.width : 80) +
					'" style="margin-left:10px;" /></div></br><div class="numitems">高度  :<input onblur="saveimg()" type="number" id="' +
					textid +
					'height" name="height" class="layui-input fountsizes" value="' +
					(r.height ? r.height : 80) +
					'" style="margin-left:10px;" /></div></br></div></br><input type="hidden" value="1" name="' +
					textid +
					'muninfo" id="' +
					textid +
					'muninfo" /><a href="javascript:;" onclick="delimg()" class="layui-btn layui-btn-primary layui-btn-xs" style="margin-left: 110px;margin-bottom: 100px;">删除元素</a>'
				);
				setcolor(textid, r.color ? r.color : '#000000');
			});
			udraggableimgs(textid);
		}
		function udraggableimgs(textid) {
			$('#' + textid).udraggable({
				distance: 15,
				containment: 'parent',
				disable: true,
				start: function () {
					$('#setvalue').val(textid);
					$('#textvalue').val(textid);
				},
				positionElement: function ($el, dragging, x, y) {
					if (dragging) {
						$el.css({
							left: 'auto',
							top: 'auto',
							transform: 'translate(' + x + 'px,' + y + 'px)',
						});
						$('#' + textid + 'x').val(x);
						$('#' + textid + 'y').val(y);
					} else {
						$el.css({
							left: x,
							top: y,
							transform: 'none',
						});
						$('#' + textid + 'x').val(x);
						$('#' + textid + 'y').val(y);
						$('#setvalue').val(textid), $.post(requesturl('saveimage'), $('#addform').serialize(), function (r) {
							$('#textvalue').val(textid);
							$("#" + textid).addClass("selectimgs");
						});
					}
				}
			});
		}
		function loadimg(textid) {
			console.log(textid)
			var upurl = requesturl('upimage');
			layui.use(['upload', 'element', 'layer'], function () {
				var upload = layui.upload,
					element = layui.element,
					form = layui.form,
					layer = layui.layer;
				console.log(textid)
				var uploadInst = upload.render({
					elem: '#' + textid + 'upimg',
					data: form.val('addform'),
					url: upurl,
					done: function (res) {
						console.log(res);
						if (res.code != 1) {
							return layer.msg('上传失败');
						} else {
							$('#' + textid + 'upimg').attr("src", res.saveurl);
							$('#' + textid + 'img').attr("src", res.saveurl);
							$('#' + textid + 'savepath').val(res.savepath);
							$('#' + textid + 'saveurl').val(res.saveurl);
							$('#setvalue').val(textid), $.post(requesturl('saveimage'), $('#addform').serialize(), function (r) {
								$('#textvalue').val(textid);
								$("#" + textid).addClass("selectimgs");
								getposter();
							});
						}
					},
					error: function () {
						return layer.msg('上传失败');
					},
				});
			});
		}
		function saveall() {
			getposter();
		}
		function showposter(ids,types){
			var title='输入职位ID，并确认!请在职位处获取ID';
			if(types==2){
				title='输入简历ID，并确认!请在简历处获取ID';
			}
			layer.prompt({title: title, formType: 3}, function(text, index){
				layer.close(index);
				$.get(requesturl('showposter'),{ids:ids,postids:text} , function (r) {
						if(r.code>0){
							layer.msg(r.data);
						} else {
							layer.open({
								type: 1,
								title: '海报预览',
								shadeClose: true,
								shade: 0.8,
								area: ['395px', '737px'],
								content: '<img style="width:375px;height:667px;margin-left: 10px;margin-top:10px;" src="'+r.data+'" />',
							});
						}
					});
			});
		}
	</script>

</html>