XinYu_RZMES/.svn/pristine/34/34a7376993852216e9d8e48d9fcdbb831855acf1.svn-base

<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/css" href="../../css/body.css" ?>
<xhtml:html xmlns:xhtml="http://www.w3.org/1999/xhtml" xmlns:xsd="http://www.w3.org/2001/XMLSchema" xmlns="http://www.w3.org/2002/01/xforms" xmlns:ev="http://www.w3.org/2001/xml-events">
	<xhtml:head>
		<xhtml:title>
			<![CDATA[公用界面管理 >> 权限设置管理 >> 菜单/界面录入]]>
		</xhtml:title>
		<model id="model1" autocdata="false">
			<instance id="instance1">
				<root xmlns="">
					<initData>
					</initData>
					<codeData>
					</codeData>
					<formData>
						<searchInfo>
							<MNSCR_ID>*</MNSCR_ID>
							<P_MNSCR_ID/>
						</searchInfo>
						<searchInfo2>
							<SCR_ID/>
						</searchInfo2>
					</formData>
					<gridData>
						<viewItem>A</viewItem>
					</gridData>
				</root>
			</instance>
			<script type="javascript" ev:event="xforms-ready">
				<![CDATA[
					if (window.parent == null) Init();
				]]>
			</script>
		</model>
		<script type="javascript" src="../../js/boaCommon.js"/>
		<script type="javascript" src="../../js/boaMsg.js"/>
		<script type="javascript" src="../../js/mesCommon.js">
			<![CDATA[
				var submitID = "UIZ020020-service";
				var isValid = false;
				function Init(node) {
					InitParams(node);
					isValid = model.getValue("/root/initData/rcvInfo/ROOT_AMN_YN") == "Y";
					if (isValid == false) return;

					exec("/root/formData/searchInfo", "", "", "/root/codeData/ListResult_0_VO");

					model.duplicate("/root/formData/searchInfo", "/root/initData/rcvInfo/REG_ID"); // 保存时使用
					model.duplicate("/root/formData/searchInfo2", "/root/initData/rcvInfo/REG_ID");
					pageInit();
				}

				function pageInit(refresh) {
					model.removenode("/root/reqData");	
					model.removenode("/root/resData");	
					model.refresh();
					if (typeof refresh == "undefined") {
						var datagrid = datagrid1;
						datagrid.rebuild();
						var rows = datagrid.rows - 1;
						var colRef = datagrid.colRef("MNSCR_ID");
						datagrid.isReadOnly(0, colRef, rows, colRef) = true;
						commGridLevels(datagrid);
						colStyle(datagrid, "P_MNSCR_NM,MNSCR_NM,MNSCR_URL,MNSCR_DSP_SEQ,MNSCR_IMG_YN,MNSCR_IMG_URL,UPCHECK_YN");
					}
					datagrid = datagrid2;
					datagrid.rebuild();
					datagrid.refresh();
					colStyle(datagrid2, "FN_IMG_URL,JS_FUNC_NM,DSP_SEQ,CHK");
					output201.refresh();
				}

				function find() {
					if (isValid == false) return;
					exec("/root/formData/searchInfo", "", "find", "/root/gridData/ListResult_0_VO",
						"/root/codeData/ListResult_1_VO");
					model.setValue("/root/formData/searchInfo2/SCR_ID", "");
					model.removenode("/root/gridData/ListResult_2_VO");
					radio1.dispatch("xforms-value-changed");
				}

				function save() {
					if (isValid == false) return;
					exec("/root/formData/searchInfo", datagrid1, "save", "/root/gridData/ListResult_0_VO",
						"/root/codeData/ListResult_1_VO", "/root/gridData/ListResult_2_VO");
					radio1.dispatch("xforms-value-changed");
				}

				function create() {}

				function remove() {}

				function commGridLevels() {
					var datagrid = datagrid1;
					var cnt = datagrid.rows;
					var colRef = datagrid.colRef("LEVEL");
					for(var i = datagrid.fixedRows; i < cnt; i++)
						datagrid.outlinelevel(i) = Number(datagrid.valueMatrix(i, colRef));
					datagrid.outlinebar = 4;
					datagrid.treecolor = "red";
				}

				var onrowchanged = false;
			]]>
		</script>
	</xhtml:head>
	<xhtml:body overflow="hidden" pagewidth="980" pageheight="620" style="font-family:宋体; ">
		<group id="group1" overflow="hidden" style="left:0px; top:0px; width:980px; height:30px; ">
			<line id="line2" style="x1:0px; y1:29px; x2:980px; y2:29px; "/>
			<caption id="caption101" class="cell" style="left:0px; top:5px; width:90px; height:20px; vertical-align:middle; ">菜单</caption>
			<input id="input101" ref="/root/codeData/ListResult_0_VO/ListResult_0_Row[MNSCR_ID=/root/formData/searchInfo/MNSCR_ID]/MNSCR_NM" editable="false" inputtype="button" style="left:92px; top:5px; width:200px; height:20px; ">
				<script type="javascript" ev:event="onclick">
					<![CDATA[
						treeview1.visible = (treeview1.visible == false);
					]]>
				</script>
			</input>
			<select1 id="radio1" ref="/root/gridData/viewItem" appearance="full" cols="3" style="left:300px; top:5px; width:155px; height:20px; border-style:none; ">
				<choices>
					<item>
						<label>所有</label>
						<value>A</value>
					</item>
					<item>
						<label>非禁项</label>
						<value>N</value>
					</item>
					<item>
						<label>禁用项</label>
						<value>Y</value>
					</item>
				</choices>
				<script type="javascript" ev:event="xforms-value-changed">
					<![CDATA[
						var datagrid = datagrid1;
						switch (model.getValue("/root/gridData/viewItem")) {
							case "N":
								datagrid.nodeset = "/root/gridData/ListResult_0_VO/ListResult_0_Row[UPCHECK_YN != 'Y']";
								break;
							case "Y":
								datagrid.nodeset = "/root/gridData/ListResult_0_VO/ListResult_0_Row[UPCHECK_YN = 'Y']";
								break;
							default : datagrid.nodeset = "/root/gridData/ListResult_0_VO/ListResult_0_Row";
						}
						pageInit();
					]]>
				</script>
			</select1>
		</group>
		<datagrid id="datagrid1" nodeset="/root/gridData/ListResult_0_VO/ListResult_0_Row" caption="菜单/画面^上级菜单^菜单/画面名称^菜单区分^界面URL路径^顺序^启用^使用图片^图片URL^修改人^修改时间^P_MNSCR_ID^LEVEL" colsep="^" colwidth="120, 150, 280, 35, 250, 35, 35, 35, 250, 70, 100, 80, 100" extendlastcol="false" mergecellsfixedrows="bycolrec" rowheight="42" rowsep="|" style="left:0px; top:34px; width:980px; height:265px; border-style:solid; border-right-style:sunken; ">
			<col ref="MNSCR_ID" style="text-align:left; "/>
			<col editable="false" key="false" ref="P_MNSCR_NM" type="inputbutton" visibility="hidden"/>
			<col ref="MNSCR_NM" type="input" style="text-align:left; "/>
			<col ref="MNSCR_TP"/>
			<col ref="MNSCR_URL" type="input" style="text-align:left; "/>
			<col ref="MNSCR_DSP_SEQ" type="input"/>
			<col checkvalue="Y,N" ref="UPCHECK_YN" type="checkbox"/>
			<col checkvalue="Y,N" ref="MNSCR_IMG_YN" type="checkbox"/>
			<col ref="MNSCR_IMG_URL" type="input"/>
			<col key="false" ref="MOD_ID" style="text-align:left; "/>
			<col key="false" ref="MOD_DATE" format="yyyy-mm-dd hh:mm:ss" mask="exclude"/>
			<col ref="P_MNSCR_ID" visibility="hidden"/>
			<col key="false" ref="LEVEL" visibility="hidden"/>
			<script type="javascript" ev:event="oncolchanged">
				<![CDATA[
					treeview2.visible = false;
				]]>
			</script>
			<script type="javascript" ev:event="onclick">
				<![CDATA[
					var datagrid = datagrid1;
					if (datagrid.isCell(event.target)) datagrid.editCell();
					if (!onrowchanged) return;

					showProgressBar();
					var row = datagrid.row;
					if (datagrid.valueMatrix(row, datagrid.colRef("MNSCR_TP")) == "S") {
						model.setValue("/root/formData/searchInfo2/SCR_ID", datagrid.valueMatrix(row, datagrid.colRef("MNSCR_ID")));
						exec("/root/formData/searchInfo2", "", "onclick", "/root/gridData/ListResult_2_VO");
					} else {
						model.setValue("/root/formData/searchInfo2/SCR_ID", "");
						model.removenode("/root/gridData/ListResult_2_VO");
					}
					pageInit(false);
					removeProgressBar();
					onrowchanged = false;
				]]>
			</script>
			<script type="javascript" ev:event="onrowchanged">
				<![CDATA[
					treeview2.visible = false;
					var datagrid = datagrid1;
					var row = datagrid.row;
					model.setValue("/root/formData/searchInfo/P_MNSCR_ID", datagrid.valueMatrix(row, datagrid.colRef("P_MNSCR_ID")));
					onrowchanged = true;
				]]>
			</script>
			<script type="javascript" ev:event="onbuttonclick">
				<![CDATA[
					var datagrid = datagrid1;
					if (datagrid.col != datagrid.colRef("P_MNSCR_NM")) return;
					treeview2.visible = (treeview2.visible == false);
					if (treeview2.visible == false) return;

					treeview2.refresh();
					var btn = event.pTarget;
					//var children = btn.parent.parent.children; // btn -> cell -> datarigd -> children
					var children = datagrid.children;
					var tvTop = Number(btn.attribute("top")) + Number(btn.attribute("height")) +
						Number(datagrid.attribute("top").substr(0, datagrid.attribute("top").length - 2));
					treeview2.attribute("top") = tvTop + "px";
					for(i=0; i< children.length; i++) {
						var control = children.item(i);
						if (control.elementName == "xforms:gridinput") {
							var tvLeft = Number(control.attribute("left"));
							treeview2.attribute("left") = tvLeft + "px";
							break;
						}
					}
				]]>
			</script>
		</datagrid>
		<treeview id="treeview1" ref="/root/formData/searchInfo/MNSCR_ID" visibility="hidden" expanddepth="1" image="../../images/blt_1.gif" itemsettype="depth" style="left:92px; top:25px; width:200px; height:150px; ">
			<itemset nodeset="/root/codeData/ListResult_0_VO/ListResult_0_Row">
				<label ref="MNSCR_NM"/>
				<value ref="MNSCR_ID"/>
				<depth ref="LEVEL"/>
			</itemset>
			<script type="javascript" ev:event="xforms-select">
				<![CDATA[
					event.pTarget.visible = false;
				]]>
			</script>
			<script type="javascript" ev:event="xforms-value-changed">
				<![CDATA[
					find();
				]]>
			</script>
		</treeview>
		<treeview id="treeview2" ref="/root/formData/searchInfo/P_MNSCR_ID" visibility="hidden" expanddepth="-1" image="../../images/blt_1.gif" itemsettype="depth" style="left:270px; top:120px; width:200px; height:150px; ">
			<itemset nodeset="/root/codeData/ListResult_1_VO/ListResult_1_Row">
				<label ref="MNSCR_NM"/>
				<value ref="MNSCR_ID"/>
				<depth ref="LEVEL"/>
			</itemset>
			<script type="javascript" ev:event="xforms-select">
				<![CDATA[
					event.pTarget.visible = false;
				]]>
			</script>
			<script type="javascript" ev:event="xforms-value-changed">
				<![CDATA[
					event.pTarget.visible = false;
					var datagrid = datagrid1;
					var nodeset = datagrid.nodeset;
					var curFocusedIdx = datagrid.row - datagrid.fixedRows + 1;
					model.setValue(nodeset + "["+curFocusedIdx+"]/P_MNSCR_ID", event.pTarget.value);
					datagrid.valueMatrix(datagrid.row, datagrid.colRef("P_MNSCR_NM")) = event.pTarget.label;
					datagrid.addStatus(datagrid.row, "update");
				]]>
			</script>
		</treeview>
		<group id="group2" style="left:0px; top:304px; width:980px; height:30px; ">
			<line id="line3" style="x1:0px; y1:0px; x2:980px; y2:0px; "/>
			<line id="line4" style="x1:0px; y1:29px; x2:980px; y2:29px; "/>
			<caption id="caption201" class="cell" style="left:0px; top:5px; width:90px; height:20px; vertical-align:middle; ">所选界面</caption>
			<output id="output201" ref="/root/formData/searchInfo2/SCR_ID" style="left:92px; top:5px; width:110px; height:20px; border-color:#c0c0c0; border-style:solid; "/>
			<button id="button202" class="sw" style="left:212px; top:5px; width:100px; height:20px; ">
				<caption>保存按键</caption>
				<script type="javascript" ev:event="onclick">
					<![CDATA[
						if (isValid == false) return;
						var datagrid = datagrid2;
						var rowSep = (datagrid.attribute("rowsep")=='')?'|':datagrid.attribute('rowsep');
						var colSep = (datagrid.attribute("colsep")=='')?'^':datagrid.attribute('colsep');
						var data = datagrid.getUpdateData();
						var up_data = data.split(rowSep);
						var rows = up_data.length - 1;
						var colRef = datagrid.colRef("MOD_ID");
						var colChk = datagrid.colRef("CHK");
						for (var i=1; i<rows; i++) {
							var vRow = up_data[i].split(colSep);
							var Idx = Number(vRow[1]);
							/* FC_REF为空串时，记录不存在 */
							var ref = datagrid.valueMatrix(Idx, colRef);
							var chk = datagrid.valueMatrix(Idx, colChk);
							// 没有被选定
							if (ref == "") { // 插入
								datagrid.rowStatus(Idx) = 0;
								if (chk == "Y") datagrid.addStatus(Idx, "insert");
							} else { // 删除、更新
								if (chk == "N") datagrid.addStatus(Idx, "delete");
							}
						}
						exec("/root/formData/searchInfo2", datagrid, "save2", "/root/gridData/ListResult_2_VO");
						datagrid.rebuild();
						//datagrid.refresh();
					]]>
				</script>
			</button>
		</group>
		<datagrid id="datagrid2" nodeset="/root/gridData/ListResult_2_VO/ListResult_2_Row" caption="按键^按键^按键^按键^启用^修改人^修改时间|代码^说明^脚本^顺序^启用^修改人^修改时间" colsep="^" colwidth="50, 100, 350, 35, 35, 80, 120" extendlastcol="false" mergecellsfixedrows="bycolrec" rowheader="select" rowheight="21" rowsep="|" style="left:0px; top:338px; width:980px; height:282px; border-style:solid; border-right-style:sunken; ">
			<col ref="FC_ID"/>
			<col ref="FC_NM" style="text-align:left; "/>
			<col ref="JS_FUNC_NM" type="input" style="text-align:left; "/>
			<col ref="DSP_SEQ" type="input"/>
			<col checkvalue="Y,N" key="false" ref="CHK" type="checkbox"/>
			<col key="false" ref="MOD_ID" style="text-align:left; "/>
			<col key="false" ref="MOD_DATE" format="yyyy-mm-dd hh:mm:ss" mask="exclude"/>
			<script type="javascript" ev:event="onentercell">
				<![CDATA[
					event.pTarget.editCell();
				]]>
			</script>
		</datagrid>
		<script type="javascript" ev:event="onclick">
			<![CDATA[
				var target = event.target;
				var parent = event.pTarget.parent;
				var parent2 = null;
				if (parent != null) parent2 = parent.parent;
				if (target != "treeview1" && target != "input101"
					 && parent != null && parent.attribute("id") != "treeview1" && parent.attribute("id") != "input101"
					 && parent2 != null && parent2.attribute("id") != "treeview1" && parent2.attribute("id") != "input101")
					treeview1.visible = false;
				if (parent !== null && parent.attribute("id") != "treeview2")
					treeview2.visible = false;
			]]>
		</script>
	</xhtml:body>
</xhtml:html>