Yezb
/
ss_new_ui_skin_and_page


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300
							<html>

	<head>
	</head>

	<body>
		<style>
			#tjzbOption .list input {
				display: none;
			}
			
			.objectPickerNameDiv-grtjmb {
				border: 1px solid #e1e3e6;
			}
		</style>

		<script>
			function sub() {

				var tjzbmMap = {};
				var allSelectTjzb = $("#tjzbSelected>div");
				for (var i = 0; i < allSelectTjzb.length; i++) {
					var item = allSelectTjzb[i];
					var tjzbm = $(item).attr("ssObjId");	// ("wdobjectid")。是 wdobjectid，不是 wdObjectId。Lin
					var grtjid = $(item).attr("grtjid");
					if (!grtjid) {
						grtjid = "0";
					}
					tjzbmMap[tjzbm] = grtjid + "|" + i;
				}
				$("#tjzbmMap").val(JSON.stringify(tjzbmMap));

				var deleteGrgjid = [];
				var allDeleteTjzb = $("#tjzbOption>div[grtjid]");
				for (var i = 0; i < allDeleteTjzb.length; i++) {
					var item = allDeleteTjzb[i];
					var grtjid = $(item).attr("grtjid");
					if(grtjid){
						deleteGrgjid.push(grtjid);
					}
				}
				deleteGrgjid = deleteGrgjid.join(",");
				$("#deleteGrgjid").val(deleteGrgjid);
			}
		</script>

		<div class='content-div' wdFitHeight="true">
			<form id="form_rklb" name="form_rklb" action='@service{name:"ryxxGrtjBc",dest:"sys_info"}@' method="post" onsubmit="sub()">
				<input name="tjzbmMap" id="tjzbmMap" type="hidden" />
				<input name="deleteGrgjid" id="deleteGrgjid" type="hidden" />
				<%-- 非空才加载，因为个人统计模板也用这个部件 --%>
				<wd:equal leftValue="${empty ry.ryid}" rightValue="false">
					<table class="form">
						<tr>
							<th rowspan="4" width="100px">相片</th>
							<td rowspan="4">

								<!--艺术照-->
								<a href="javascript:void(0)" target='_blank' id="yszEdit">
									<div class="personalPhoto" style="float: left;margin-top:18px;margin-left: 18px;margin-bottom: 18px;">
										<wd:equal leftValue="${empty ry.yszwj}" rightValue="false">
											<img src="@service{name:'getData',param:{path:'${ry.yszwj}'}}@" id="yszimg" onerror_="this.src='${sessionScope['ssUser'].pflj}image/default-personalPhoto.png'" />
										</wd:equal>
										<wd:equal leftValue="${empty ry.yszwj}" rightValue="true">
											<img src="${sessionScope['ssUser'].pflj}image/default-personalPhoto.png" id="yszimg" onerror_="this.src='${sessionScope['ssUser'].pflj}image/default-personalPhoto.png'" />
										</wd:equal>
									</div>
								</a>
								<input name="yszwj" type="hidden" value="${ry.yszwj}">
								<wd:write name="ysz" type="upload" value="" callback="updateyszimg"></wd:write>
							</td>
						</tr>

					</table>
				</wd:equal>

				<wd:equal leftValue="${empty ry.ryid}" rightValue="true">
					<input name="grtjmbid" id="grtjmbid" type="hidden" value="${grtjmbid}" />
					<input name="grtjmbName" type="text" style="width: 200px;" />
					<wd:write type="objectPicker" name="grtjmb" codebook="grtjmb_all" input="true" />
					<input type='button' id="addmb" onclick='@service{name:"getGrtjMb",dest:"tjmb",show:"wdDialog"}@' value="添加新模板" class="content-button" />
					<input type='button' id="delmb" value="删除该模板" class="content-button" style="display: none;" />
					<script type="text/javascript">
						window.onload = function() {
							var grtjmbid = $("[name=grtjmbid]").val();
							if (grtjmbid != "0" && grtjmbid != "") {
								$('#delmb').css('display', 'inline');
							} else {
								$('#delmb').css('display', 'none');
							}
						}
						wd.edit.objectPicker.getInstance("grtjmb").onchange = function() {
							var action = '@service{name:"grtjMb_cxzb",dest:"grtxsc"}@&grtjbmid=' + this.getValue();
							$("#form_rklb").attr("action", action);
							$("#form_rklb").submit();
						}
						$('#delmb').click(function() {
							var r = confirm("删除模板会将其他对象的该模板数据都清空，是否确认删除");
							if (r == true) {
								var grtjmbid = $("[name=grtjmbid]").val();
								if (grtjmbid != null && grtjmbid != "") {
									var _form = document.forms['form_rklb'];
									//添加newMc 表单元素
									generateHiddenForm(_form, "sc_grtjmbid", grtjmbid);
									$("[name=grtjmbid]").val("");
									$('form[id="form_rklb"]').attr('action', '@service{name:"grtjMb_sc",dest:"grtxsc"}@');
									$('form[id="form_rklb"]').submit();
								}
							}
						});

						function generateHiddenForm(_form, name, value) {
							var hiddenInput = document.createElement('input');
							hiddenInput.type = 'hidden';
							hiddenInput.name = name;
							hiddenInput.value = value;
							_form.appendChild(hiddenInput);
						}

						function submitForm() {
							var grtjmbid = $("[name=grtjmbid]").val();
							if (!grtjmbid) {
								alert("请先选择模板");
								return;
							}
							$('form[id="form_rklb"]').submit();

						}
					</script>
				</wd:equal>
<p class="dialog-title" style="margin-top: 15px;margin-left: 13px;font-size: 15px;">个人统计</p>
				<div id="container" class="dragList-div" style="padding: 15px 0px 12px 0px;">
					<div class="box" style="margin-left:0px;">
						<p class="label">已选<span id="tjzbDropAll" class="icon-allRight"></span></p>
						<div class="list-body" style="position: relative;overflow-x: hidden;width: 100%;height: 380px;">
							<div id="tjzbSelected" wdSelectedClass="list-checkedIcon" class="scrollbar" style="height:100%">
								<wd:iterate name="yxList" id="item">
									<div ssObjId="${item.tjzbm}" grtjid="${item.grtjid}" class="list-background list" style="min-height: 41px;line-height: 41px;width: calc(100% - 4px);box-sizing: border-box;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;">
										<span>名称:<span editable="true">${item.mc}</span></span>
										<span>描述:${item.ms};</span>
										<input type="button" class="list-button sz" onclick='sz(this)' value="设置" />
									</div>
								</wd:iterate>
							</div>
						</div>
					</div>
					<div class="box" style="float:right;margin-right: 0px;">
						<p class="label">备选<span id="tjzbPickAll" class="icon-allLeft"></span></p>
						<div class="list-body" style="position: relative;overflow-x: hidden;width: 100%;height: 380px;">
							<div id="tjzbOption" wdSelectedClass="list-checkedIcon" class="scrollbar" style="height:100%">
								<wd:iterate name="wxList" id="item">
									<div ssObjId="${item.tjzbm}" class="list-background  list" style="min-height: 41px;line-height: 41px;width: calc(100% - 4px);box-sizing: border-box;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;">
										<span>名称:${item.mc}</span>
										<span>描述:${item.ms};</span>
										<input type="button" class="list-button  sz" onclick='sz(this)' value="设置" />
									</div>
								</wd:iterate>
							</div>
						</div>
					</div>
					<input type="hidden" value="" name="tjzbSelectedId" id="tjzbSelectedId" />
				</div>

				<div class='bottom-div'>
					<div class="bottom-down-div border-top">
						<wd:equal leftValue="${empty ry.ryid}" rightValue="false">
							<input type="submit" value="保存" class="bottom-button" />
						</wd:equal>
						<wd:equal leftValue="${empty ry.ryid}" rightValue="true">
							<input type="button" onclick="submitForm()" value="保存" class="bottom-button" />
						</wd:equal>
						<input type="button" name="button" onclick="wd.display.closeDialog();" value="关闭" class="bottom-button">
					</div>
				</div>
			</form>
		</div>

		<wd:write type="drag" name="tjzb" group="true" function="'editGroup','editOrder'" />
		<script type="text/javascript">
			function updatezjzimg() {
				$("#zjzimg").attr('src', "@service{name:'getData'}@&path=" + encodeURIComponent($("input[name='zjzwj']").val()));
			}

			function updateyszimg() {
				$("#yszimg").attr('src', "@service{name:'getData'}@&path=" + encodeURIComponent($("input[name='yszwj']").val()));
			}

			var $editable = $("#tjzbSelected").find("[editable]");
			$editable.off("blur");
			$editable.blur(function() {
				this.realContent = this.innerHTML;
				this.setAttribute("title", this.realContent);
				var content = wd.display.ellipsisContent(this, this.commonHeight);
				this.innerHTML = content;
				saveName(this);
			});

			function saveName(obj) {
				var name = obj.realContent;
				var grtjid = $(obj).parent().parent().parent().attr("grtjid");
				$.ajax({
					type: "post",
					url: '@service{name:"updateGrtjMc"}@',
					data: {
						mc: name,
						grtjid: grtjid
					},
					dataType: "json",
					success: function(res) {
						if (res.ok) {
							wd.display.alert("修改成功");
						}
					}
				});
			}

			var lastTjzbSelectedId = $("#tjzbSelectedId").val();
			var rewriteDragend = function() {
				var its = this.getItems();
				var l = 30; //个一组
				var ii = 0;
				while (ii < its.length) {
					(function(arr) {
						setTimeout(function() {
							for (var i = 0; i < arr.length; i++) {
								arr[i] && arr[i].trigger("dragend");
							}
						});
					})(its.slice(ii, ii += l));
				}
				if (this.result_input) {
					this.result_input.value = JSON.stringify(this.getResult());
					if (lastTjzbSelectedId != this.result_input.value) {
						sub();
						selectItem();
					}
					lastTjzbSelectedId = this.result_input.value;
				}
				this.updateInfo(); 
			}

			DM.getDrager().selectedList.off("dragend");
			DM.getDrager().selectedList.on("dragend", rewriteDragend);

			DM.getDrager().optionList.off("dragend");
			DM.getDrager().optionList.on("dragend", rewriteDragend);

			function selectItem() {

				var tjzbmMap = $("#tjzbmMap").val();
				var deleteGrgjid = $("#deleteGrgjid").val();
				var grtjmbid = $("#grtjmbid").val();
				$.ajax({
					type: "post",
					url: '@service{name:"ryxxGrtjBc"}@',
					dataType: "json",
					data: {
						tjzbmMap: tjzbmMap,
						deleteGrgjid: deleteGrgjid,
						grtjmbid: grtjmbid,
						targetDevice: "WdApp"
					},
					success: function(res) {
						if(res.status==200){
							setGrtjid(res.grtjIdMap);
						} 
					}
				});
			}

			function setGrtjid(map) {
				for (var key in map) {
					$("div[ssObjId=" + key + "]").attr("grtjid", map[key]);
				}
				var deleteGrgjid = $("#deleteGrgjid").val();
				deleteGrgjid = deleteGrgjid.split(",");
				for (var i = 0; i < deleteGrgjid.length; i++) {
					var item=deleteGrgjid[i];
					if(!item){
						continue;
					}
					
					var itemDiv = $("div[grtjid=" + deleteGrgjid[i] + "]");
					itemDiv.attr("grtjid", ""); 
				}
			}

			function sz(obj) {
				var grtj = $(obj).parent().parent().attr("grtjid");
				var json = {};
				json["grtjid"] = grtj;
				var url = '@service{name:"getZbInfo",dest:"grtj_sz",show:"wdDialog",param:{grtjid:"wdVal{grtjid}"}}@';
				url = wd.display.replaceDynamicParam(url, json);
				eval(url);
			}
		</script>

	</body>

</html>