YNU_JEUS/app_home/himed/webapps/emr/wardcareweb/xrw/SMMNW04703_욕창PUSH차트그래프.xrw

<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/css" href="../../../com/commonweb/css/common.css" ?>
<xhtml:html xmlns:ex="http://www.comsquare.co.kr/xforms/excel" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:xhtml="http://www.w3.org/1999/xhtml" xmlns:my="http://www.comsquare.co.kr/example" xmlns:ms="urn:schemas-microsoft-com:xslt" 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" xmlns:cs="http://www.comsquare.co.kr/xforms">
	<xhtml:head>
		<xhtml:title>욕창Push차트 그래프</xhtml:title>
		<model id="model1">
			<instance id="instance1">
				<root xmlns="">
					<main>
						<pushinfo>
							<pushlist>
								<recdd/>
								<svalue/>
								<avalue/>
								<tvalue/>
								<total/>
							</pushlist>
						</pushinfo>
						<paminfo>
							<list/>
						</paminfo>
					</main>
					<send>
						<title/>
						<reportid/>
						<pinfo>
							<pid/>
							<sdate/>
							<edate/>
						</pinfo>
					</send>
					<init/>
					<hidden/>
					<cond>
						<sdate/>
						<edate/>
						<pid/>
						<pname/>
						<indd/>
						<cretno/>
						<pushyn/>
					</cond>
					<init>
						<scrollinfo>
							<scrollvalue/>
						</scrollinfo>
					</init>
					<codeinfo/>
				</root>
			</instance>
			<script type="javascript" ev:event="xforms-ready">
				<![CDATA[
					var sPamInfo = getGlobalVariable("paminfo");
					setCSVToNode("/root/main/paminfo",sPamInfo,"list");			//환자정보내리기
					
					var pid    = model.getValue("/root/main/paminfo/list/pid");
					var indd   = model.getValue("/root/main/paminfo/list/indd");
					var cretno = model.getValue("/root/main/paminfo/list/cretno");
					var wardcd = model.getValue("/root/main/paminfo/list/wardcd");
					var roomcd = model.getValue("/root/main/paminfo/list/roomcd");
					var hngnm = model.getValue("/root/main/paminfo/list/hngnm");
					
					model.setValue(ipt_pid.attribute("ref"), pid);
					model.setValue(ipt_fromdd.attribute("ref"), indd);
					model.setValue(ipt_todd.attribute("ref"), getCurrentDate());
					model.setValue(ipt_pname.attribute("ref"), hngnm);
					model.setValue(ipt_indd.attribute("ref"), indd);
					model.setValue(ipt_cretno.attribute("ref"), cretno);
					
					ipt_fromdd.refresh();
					ipt_todd.refresh();
					ipt_pid.refresh();
					ipt_pname.refresh();
					ipt_indd.refresh();
					ipt_cretno.refresh();
					
					
					fGetNursHardCdInfo("'U30'", getCurrentDate()); // '002' 응급의료센터 여부 조회
					
					var useyn = model.getValue("/root/codeinfo/codeinfo/codelist[cdgrupid ='U30']/cdid");
					if(useyn == "Y") {
						chk_pushyn.visible = true;
						chk_pushyn.value = "Y";
					} else {
						chk_pushyn.visible = false;
						chk_pushyn.value = "";
					}
					
					btn_search.dispatch("DOMActivate");
				]]>
			</script>
			<submission id="TRMNW04710" mediatype="application/x-www-form-urlencoded" method="post" ref="/root/send/reqdata" resultref="/root/main/pushinfo"/>
			<submission id="TRMNW00001" mediatype="application/x-www-form-urlencoded" method="post" ref="/root/send" resultref="/root/codeinfo/codelist"/>
		</model>
		<script type="javascript" src="../../../emr/carecomweb/js/CareCom.js"/>
		<script type="javascript" src="../../../com/commonweb/js/common.js"/>
		<script type="javascript" src="../../../com/commonweb/js/dateHelper.js"/>
		<script type="javascript" src="../../../com/commonweb/js/tfHelper.js"/>
		<script type="javascript">
			<![CDATA[
				function fInitChart() {
					
				}
				
				function fSearch() {
					
					model.makeNode("/root/send/reqdata");
					model.copyNode("/root/send/reqdata", "/root/cond");
					
					submit("TRMNW04710")
					var flag = ""
					var node= "";
					
					for(var i = grd_list.fixedRows; i < grd_list.rows; i++) {
						flag = grd_list.valueMatrix(i, grd_list.colRef("flag"));
						
						if(flag == "1") {
							grd_list.rowStyle(i, "all", "background-color") = "#bdddff"
							
						} else {
							grd_list.rowStyle(i, "all", "background-color") = "#ffffff"
//							grd_list.rowStyle(i, "all", "font-weight") = "normal"
						}
					}
					
					var datarows = grd_list.rows - grd_list.fixedRows;
					
					for(var i = grd_list.colRef("total1"); i <= grd_list.colRef("total13"); i++) {
						var colnm = grd_list.colAttribute(i, "ref");
						
						node = instance1.selectNodes(grd_list.nodeset + "[" + colnm + "='']");
						
						if(datarows == node.length) {
							grd_list.colHidden(i) = true;
						} else {
							grd_list.colHidden(i) = false;
						}
						
						
					}
				}
				
				function fMakeChart() {
					var flag;
					var cnt = 0;
					var title = "";
					
					obj_chart.ClearChart();
					obj_chart.Header.Visible = true;					 // Graph Header 정보 사용 여부
					obj_chart.Legend.Visible = true;
					
					
					obj_chart.Header.Font.Color = 0x000000;
					obj_chart.Header.Font.Size = 15;
					
					obj_chart.Legend.CheckBoxes = true;
					obj_chart.Legend.Alignment = 0;
					
					obj_chart.Panel.MarginTop = 15
					obj_chart.Panel.MarginLeft = 15;
					obj_chart.Panel.MarginRight = 0;
					obj_chart.Panel.MarginBottom = -1;
					
					obj_chart.Legend.CheckBoxes = true;
					
					obj_chart.Panel.BevelWidth = 0;					   // 주위 테두리 넓이 0으로 설정

					obj_chart.Aspect.View3D  = false;					 // 2d 로 표현하기

					obj_chart.Zoom.Enable	   = false;					   // zoom 사용하지 않기 (마우스 하단으로 드래그 zoomin, 마우스 상단으로 드래그 zoomout)
					obj_chart.Scroll.Enable   = false;					 // scroll 사용하지 않기
					obj_chart.Legend.Visible  = true;				 // 그래프 참조 박스 띄우지 않기(범례) 우측상단
					obj_chart.Legend.CustomPosition = true;
					obj_chart.Legend.Left = 10;
					obj_chart.Legend.Top  = 0;

//						obj_chart.Panel.Gradient.Visible = true;			   // 페널에 그라디언트 적용
//						obj_chart.Panel.Gradient.StartColor = 0x000000;	 // 그라디언트 시작색깔
//						obj_chart.Panel.Gradient.EndColor = 0x404040;		 // 그라디언트 종료색깔
					obj_chart.Environment.MouseWheelScroll = true;   // Graph 마우스 휠 사용 여부
					
					obj_chart.Axis.Bottom.Labels.Font.Size = 8;	//하단축 Label 폰트 사이즈 조절
					obj_chart.Axis.Bottom.Labels.Font.Color = 0xffffff;	//하단축 Label 폰트 사이즈 조절
//					obj_chart.Axis.Left.Labels.Font.Color = 0xffffff;	//하단축 Label 폰트 사이즈 조절
//					obj_chart.Axis.Left.Labels.Font.Size = 8;	//하단축 Label 폰트 사이즈 조절
//					obj_chart.Axis.Left.Labels.Font.Color = 0xffffff;	//하단축 Label 폰트 사이즈 조절
//					
					obj_chart.Axis.Left.TicksInner.visible = true; //하단축 눈금 안쪽 표시 설정
					obj_chart.Axis.Bottom.TicksInner.visible = true; //하단축 눈금 안쪽 표시 설정

//					
					obj_chart.Axis.Visible = true;
					
					obj_chart.Axis.Left.Automatic = false;	   //하단축 자동 설정(기본값)
					obj_chart.Axis.Left.Labels.Visible = true;   //하단축 Label 설정
					obj_chart.Axis.Left.Labels.multiline = true; //하단축 Label 2줄 설정
					obj_chart.Axis.Left.Labels.Font.Size = 1;	//하단축 Label 폰트 사이즈 조절

					//obj_chart.Axis.Bottom.SetMinMax (0, 24);	 //하단축 최소, 최대 길이 설정
					obj_chart.Axis.Left.Minimum = -1;
					obj_chart.Axis.Left.Maximum = 16;
					obj_chart.Axis.Left.Increment = 2;			 //하단축 증가값 설정
					obj_chart.Axis.Left.MinorTickCount = 0;		//하단축 눈금 갯수 설정
					obj_chart.Axis.Left.TicksInner.visible = true; //하단축 눈금 안쪽 표시 설정
					
					obj_chart.Axis.Bottom.Automatic = false;	   //하단축 자동 설정(기본값)
					obj_chart.Axis.Bottom.Labels.Visible = true;   //하단축 Label 설정
					obj_chart.Axis.Bottom.Labels.multiline = true; //하단축 Label 2줄 설정
					obj_chart.Axis.Bottom.Labels.Font.Size = 1;	//하단축 Label 폰트 사이즈 조절

					//obj_chart.Axis.Bottom.SetMinMax (0, 24);	 //하단축 최소, 최대 길이 설정
					obj_chart.Axis.Bottom.Minimum = 0;
					obj_chart.Axis.Bottom.Maximum = 10;
					obj_chart.Axis.Bottom.Increment = 1;			 //하단축 증가값 설정
					obj_chart.Axis.Bottom.MinorTickCount = 0;		//하단축 눈금 갯수 설정
					obj_chart.Axis.Bottom.TicksInner.visible = true; //하단축 눈금 안쪽 표시 설정
					
					for(var i = grd_list.fixedRows; i < grd_list.rows; i++) {
						flag = grd_list.valueMatrix(i, grd_list.colRef("flag"));
						title = grd_list.valueMatrix(i, grd_list.colRef("obspartnm"));
						
						if(flag == "1") {
//								grd_list.rowStyle(i, "all", "background-color") = "#bdddff"
							
						} else {
//								grd_list.rowStyle(i, "all", "background-color") = "#ffffff"
							
							Rnd1 = Math.random();
							Rnd2 = Math.random();
							Rnd3 = Math.random();
							cColor = window.rgb( (255 - 1) * Rnd1 + 1, (255 - 1) * Rnd2 + 1 , (255 -  1) * Rnd3 + 1);
							
							var axis = obj_chart.Axis.AddCustom(false);
//								
							obj_chart.Axis.Custom(cnt).AxisPen.Color = cColor;
//								obj_chart.Axis.Custom(cnt).AxisPen.Title.Caption = title;
//								
//								obj_chart.Axis.Custom(cnt).Title.Font.Size  = 4;
//								obj_chart.Axis.Custom(cnt).Title.Font.Bold  = true;
							
							obj_chart.Axis.Custom(cnt).PositionPercent  = 0;
							
							if(cnt == 0) {
								obj_chart.Axis.Custom(cnt).StartPosition	  = 0;
								obj_chart.Axis.Custom(cnt).EndPosition	    = 100;
								}
							
							obj_chart.Axis.Custom(cnt).PositionPercent   = 1 - (3*(cnt+1));
							obj_chart.Axis.Custom(cnt).Automatic		    = false;
							obj_chart.Axis.Custom(cnt).Maximum		      = 17;
							obj_chart.Axis.Custom(cnt).Minimum		      = 0;
							obj_chart.Axis.Custom(cnt).Increment		  = 2;


							obj_chart.AddSeries(0);
							obj_chart.Series(cnt).Color = cColor;
							obj_chart.Series(cnt).Title = title;
							obj_chart.Series(cnt).VerticalAxisCustom = axis;	// 혈압
							obj_chart.Series(cnt).Marks.Visible = true;	 //데이터레이블
//								
							obj_chart.Series(cnt).asLine.LinePen.Width = 2;
							obj_chart.Series(cnt).asLine.Pointer.Visible = true;
							obj_chart.Series(cnt).asLine.Pointer.Style = 1;
							obj_chart.Series(cnt).asLine.Pointer.VerticalSize = 3;
							obj_chart.Series(cnt).asLine.Pointer.HorizontalSize = 3;
							
//								
							var total;
							for(var j = grd_list.colRef("total1"); j <= grd_list.colRef("total13"); j++) {
								total = grd_list.valueMatrix(i, j);
								if(total != 0 && total != null && total != "") {
									obj_chart.Series(cnt).AddXY(j-1 , parseInt(total), total, cColor);
								} else {
									
								}
							}
							cnt++;
							
						}
					} 
				}
			]]>
		</script>
	</xhtml:head>
	<xhtml:body pagewidth="1175" pageheight="700" guideline="2,700;1,1175;2,715;1,1168;">
		<datagrid id="grd_list" nodeset="/root/main/pushinfo/pushlist" class="datagrid0" caption="obspartnm^recdt1^totl^caption9^caption8^caption7^caption6^caption5^caption4^caption3^caption2^caption1^caption10^caption11^flag" colsep="^" colwidth="174, 99, 99, 99, 99, 99, 99, 99, 99, 99, 99, 99, 99, 99, 60" fixedcols="1" frozencols="1" mergecellsfixedcols="bycolrec" rowsep="|" style="left:3px; top:385px; width:1166px; height:312px; ">
			<col ref="obspartnm"/>
			<col ref="total1" format="yyyy-mm-dd hh:nn" style="text-align:center; "/>
			<col ref="total2" format="yyyy-mm-dd hh:nn" style="text-align:center; "/>
			<col ref="total3" format="yyyy-mm-dd hh:nn" style="text-align:center; "/>
			<col ref="total4" format="yyyy-mm-dd hh:nn" style="text-align:center; "/>
			<col ref="total5" format="yyyy-mm-dd hh:nn" style="text-align:center; "/>
			<col ref="total6" format="yyyy-mm-dd hh:nn" style="text-align:center; "/>
			<col ref="total7" format="yyyy-mm-dd hh:nn" style="text-align:center; "/>
			<col ref="total8" format="yyyy-mm-dd hh:nn" style="text-align:center; "/>
			<col ref="total9" format="yyyy-mm-dd hh:nn" style="text-align:center; "/>
			<col ref="total10" format="yyyy-mm-dd hh:nn" style="text-align:center; "/>
			<col ref="total11" format="yyyy-mm-dd hh:nn" style="text-align:center; "/>
			<col ref="total12" format="yyyy-mm-dd hh:nn" style="text-align:center; "/>
			<col ref="total13" format="yyyy-mm-dd hh:nn" style="text-align:center; "/>
			<col ref="flag" visibility="hidden" style="text-align:center; "/>
			<script type="javascript" ev:event="onscroll">
				<![CDATA[
					var tempScroll = model.getValue("/root/init/scrollinfo/scrollvalue");
					obj_chart.Axis.Bottom.Scroll((grd_list.hscroll.attribute("pos") - tempScroll)/99, false);
					model.setValue("/root/init/scrollinfo/scrollvalue", grd_list.hscroll.attribute("pos"));
				]]>
			</script>
		</datagrid>
		<object id="obj_chart" clsid="{fab9b41c-87d6-474d-ab7e-f07d78f2422e}" ShowHint="true" style="left:3px; top:80px; width:1165px; height:300px; "/>
		<group id="group1" style="left:5px; top:18px; width:1165px; height:47px; vertical-align:top; ">
			<shape id="roundrect1" appearance="roundrect" ellipsewidth="10" ellipseheight="10" style="left:0px; top:0px; width:1165px; height:45px; font-family:돋움체; background-color:#fffbf2; border-color:#ffd799; "/>
			<button id="btn_search" class="btn1_letter2" navindex="13" style="left:1095px; top:15px; width:56px; height:22px; font-family:돋움체;">
				<caption>조회</caption>
				<script type="javascript" ev:event="DOMActivate">
					<![CDATA[
						
						fSearch();
						fMakeChart();
						
						
					]]>
				</script>
			</button>
			<caption id="caption1" class="search_name" style="left:4px; top:12px; width:85px; height:17px; font-family:돋움체; ">기   간:</caption>
			<input id="ipt_fromdd" ref="/root/cond/sdate" class="input_search" navindex="1" inputtype="date" style="left:96px; top:12px; width:94px; height:19px; font-family:돋움체; text-align:center; "/>
			<input id="ipt_todd" ref="/root/cond/edate" class="input_search" navindex="1" inputtype="date" style="left:208px; top:12px; width:94px; height:19px; font-family:돋움체; text-align:center; "/>
			<caption id="caption2" style="left:195px; top:13px; width:15px; height:20px; font-family:돋움체; ">~</caption>
			<line id="line3" class="line_4" style="x1:1086px; y1:10px; x2:1086px; y2:40px; font-family:돋움체; "/>
			<input id="ipt_pid" ref="/root/cond/pid" style="left:420px; top:13px; width:94px; height:19px; font-family:돋움체; text-align:center; "/>
			<caption id="caption3" class="search_name" style="left:329px; top:13px; width:85px; height:17px; font-family:돋움체; ">환    자:</caption>
			<input id="ipt_pname" ref="/root/cond/pname" style="left:517px; top:13px; width:110px; height:19px; font-family:돋움체; text-align:center; "/>
			<input id="ipt_indd" ref="/root/cond/indd" visibility="hidden" style="left:745px; top:10px; width:100px; height:20px; "/>
			<input id="ipt_cretno" ref="/root/cond/cretno" visibility="hidden" style="left:880px; top:15px; width:100px; height:20px; "/>
			<button id="button1" visibility="hidden" style="left:1005px; top:15px; width:100px; height:20px; ">
				<caption>button1</caption>
				<script type="javascript" ev:event="DOMActivate">
					<![CDATA[
						var fileName = window.fileDialog("save", ",", false, "excel", "jpg", "Image Files(*.jpg)|*.jpg|All Files (*.*)|*.*");
						
						if(fileName == "" || fileName == null) {
							return;
						}				
						
						obj_chart.Export.asJPEG.SaveToFile(fileName);
					]]>
				</script>
			</button>
			<select id="chk_pushyn" ref="/root/cond/pushyn" overflow="visible" appearance="full" style="left:645px; top:15px; width:100px; height:20px; border-style:none; ">
				<choices>
					<item>
						<label>push만</label>
						<value>Y</value>
					</item>
				</choices>
			</select>
		</group>
		<line id="line2" class="line_1" style="x1:3px; y1:75px; x2:1168px; y2:75px; "/>
		<caption id="caption6" class="tit_1" style="left:0px; top:0px; width:205px; height:18px; ">피부욕창관찰기록 PUSH 차트</caption>
	</xhtml:body>
</xhtml:html>