⭐ 欢迎来到虫虫下载站! | 📦 资源下载 📁 资源专辑 ℹ️ 关于我们
⭐ 虫虫下载站

📄 _stepdialog.html

📁 开源的WEB图形化流程解决方案
💻 HTML
字号:
<HTML>
<HEAD>
<TITLE> Step Properties </TITLE>
<META NAME="Author" CONTENT="FengChun(f15_nsm@hotmail.com)">
<META NAME="Keywords" CONTENT="WebFlow">
<META NAME="Description" CONTENT="WebFlow著作权归开发者 Fengchun 拥有,保留一切商业权利">

<link rel="stylesheet" type="text/css" href="inc/style.css">
<link rel="stylesheet" type="text/css" href="inc/webTab/webtab.css">
<script language=jscript src="inc/function.js"></script>
<script language=jscript src="inc/shiftlang.js"></script>
<script language=jscript src="inc/webTab/webTab.js"></script>

<style>
body {
	background-color: buttonface;
	scroll: no;
	margin: 7px, 0px, 0px, 7px;
	border: none;
	overflow: hidden;	

}
</style>

<SCRIPT LANGUAGE="JavaScript">
<!--
function iniWindow(){
   var opener = window.dialogArguments;
   var url = opener.dialogURL;
   var stepId = url.indexOf('?stepid=')<0?'':url.slice(url.indexOf('?stepid=')+8,url.length);
   
   try{
     if(opener.LANG!='') shiftLanguage(opener.LANG,"stepdialog");

     var FlowXML = opener.document.all.FlowXML;	 
     if(stepId==''){
	   atNewStep();
	 }else{
	   if(FlowXML.value!=''){
	     atEditStep(FlowXML,stepId);
	   }else{
	     alert('打开流程属性对话框时出错!\n\nOpen Step Dialog-Window Error!');
		 window.close();  
	   }	   
	 }
   }catch(e){
     alert('打开步骤属性对话框时出错!\n\nOpen Step Dialog-Window Error!');
	 window.close();
   }
}

function okOnClick(){
   var opener = window.dialogArguments;
   var url = opener.dialogURL;
   var stepId = url.indexOf('?stepid=')<0?'':url.slice(url.indexOf('?stepid=')+8,url.length);
   
   try{
     var FlowXML = opener.document.all.FlowXML;

	 xml = getStepXML(FlowXML,stepId);
	 if(xml!='') {
	   FlowXML.value = xml;
	   window.close();
	 }
	 
   }catch(e){
     alert('关闭步骤属性对话框时出错!\n\nClose Step Dialog-Window Error!');
	 window.close();
   }   
}
function cancelOnClick(){
   window.close();
}
function applyOnClick(){
   var opener = window.dialogArguments;
   var url = opener.dialogURL;
   var stepId = url.indexOf('?stepid=')<0?'':url.slice(url.indexOf('?stepid=')+8,url.length);

   try{
     var FlowXML = opener.document.all.FlowXML;

	 xml = getStepXML(FlowXML,stepId);	 
	 if(xml!='') {
	   FlowXML.value = xml;
	   btnApply.disabled=true;
	 }
   }catch(e){
     alert('应用步骤属性时出错!\n\nApply Step Properties Error!');
	 window.close();
   }
}

function atNewStep(){}
function atEditStep(FlowXML,stepId){
  var xmlDoc = new ActiveXObject('MSXML2.DOMDocument');
  xmlDoc.async = false;
  xmlDoc.loadXML(FlowXML.value);
  var xmlRoot = xmlDoc.documentElement;
  var Steps = xmlRoot.getElementsByTagName("Steps").item(0);

  for ( var i = 0;i < Steps.childNodes.length;i++ ) {
    Step = Steps.childNodes.item(i);
	nId = Step.getElementsByTagName("BaseProperties").item(0).getAttribute("id");
	if(nId==stepId){
	  document.all.StepId.value = stepId;document.all.StepId.disabled=true;
      document.all.StepText.value = Step.getElementsByTagName("BaseProperties").item(0).getAttribute("text");
      setRadioGroupValue(document.all.StepType,Step.getElementsByTagName("BaseProperties").item(0).getAttribute("stepType"));
  
      document.all.Width.value = Step.getElementsByTagName("VMLProperties").item(0).getAttribute("width");
      document.all.Height.value = Step.getElementsByTagName("VMLProperties").item(0).getAttribute("height");
      document.all.X.value = Step.getElementsByTagName("VMLProperties").item(0).getAttribute("x");
      document.all.Y.value = Step.getElementsByTagName("VMLProperties").item(0).getAttribute("y");
      document.all.TextWeight.value = Step.getElementsByTagName("VMLProperties").item(0).getAttribute("textWeight");
      document.all.StrokeWeight.value = Step.getElementsByTagName("VMLProperties").item(0).getAttribute("strokeWeight");
	
	  break;
	}
  } 

}

function getStepXML(FlowXML,stepId){
  id = document.all.StepId.value;
  text = document.all.StepText.value;
  stepType = getRadioGroupValue(document.all.StepType);
  if(id=='') {alert('请先填写步骤编号!\n\nPlease input Step Id!');return '';}
  if(text=='') {alert('请先填写步骤名称!\n\nPlease input Step Name!');return '';}
  
  width = document.all.Width.value;
  height = document.all.Height.value;
  x = document.all.X.value;
  y = document.all.Y.value;
  textWeight = document.all.TextWeight.value;
  strokeWeight = document.all.StrokeWeight.value;
 
  var xml = ""; 
  //生成步骤xml
  xml+= '<Step><BaseProperties id="'+id+'" text="'+text+'" stepType="'+stepType+'" />';
  xml+= '<VMLProperties width="'+width+'" height="'+height+'" x="'+x+'" y="'+y+'" textWeight="'+textWeight+'" strokeWeight="'+strokeWeight+'" zIndex="" />';
  xml+= '<FlowProperties /></Step>';

  var xmlDoc = new ActiveXObject('MSXML2.DOMDocument');
  xmlDoc.async = false;
  xmlDoc.loadXML(FlowXML.value);
  var xmlRoot = xmlDoc.documentElement;
  var Steps = xmlRoot.getElementsByTagName("Steps").item(0);

  //添加:查找编号冲突的Id
  //修改:查找原来的Id
  for ( var i = 0;i < Steps.childNodes.length;i++ ) {
      Step = Steps.childNodes.item(i);
	  nId = Step.getElementsByTagName("BaseProperties").item(0).getAttribute("id");
	  
	  if(nId==id && stepId=='') {
	    alert('新步骤编号已存在!请重新输入!\n\nThis Step Id has exist! Please input non-repeat Step Id!');return '';
	  }
	  if(nId==stepId && stepId!='') {
	    Steps.removeChild(Step);break;
	  }
  }
  

  var xmlDoc2 = new ActiveXObject('MSXML2.DOMDocument');
  xmlDoc2.async = false;
  xmlDoc2.loadXML(xml);     
  Steps.appendChild(xmlDoc2.documentElement); 
  
  return xmlRoot.xml;
}
//-->
</SCRIPT> 

</HEAD>

<BODY onload='iniWindow()' onunload=''>
<table border="0" cellpadding="0" cellspacing="0" height=385px>
<thead>
  <tr id="WebTab">
	<td class="selectedtab" id="tab1" onmouseover='hoverTab("tab1")' onclick="switchTab('tab1','contents1');"><span id=tabpage1>基本属性</span></td>
	<td class="tab" id="tab2" onmouseover='hoverTab("tab2")' onclick="switchTab('tab2','contents2');"><span id=tabpage2>图表属性</span></td>
	<td class="tab" id="tab3" onmouseover='hoverTab("tab3")' onclick="switchTab('tab3','contents3');"><span id=tabpage3>工作流属性</span></td>
	<td class="tabspacer" width=140>&nbsp;</td>	
  </tr>
</thead>
<tbody>
  <tr>
	<td id="contentscell" colspan="5">
<!-- Tab Page 1 Content Begin -->
<div class="selectedcontents" id="contents1">
<TABLE border=0 width="100%" height="100%">
<TR valign=top>
	<TD></TD>
	<TD width="100%" valign=top>
	<Fieldset style="border: 1px solid #C0C0C0;">
	<LEGEND align=left style="font-size:9pt;">&nbsp;<span id=tabpage1_1>基本属性</span>&nbsp;</LEGEND>
	<TABLE border=0 width="100%" height="100%" style="font-size:9pt;">	
	<TR valign=top>
		<TD width=5></TD>
		<TD><span id=tabpage1_2>步骤编号</span>&nbsp;&nbsp;<INPUT TYPE="text" NAME="StepId" value="newstep" class=txtput></TD>
		<TD></TD>
	</TR>
	<TR valign=top>
		<TD></TD>
		<TD><span id=tabpage1_3>步骤名称</span>&nbsp;&nbsp;<INPUT TYPE="text" NAME="StepText" value="" class=txtput></TD>
		<TD></TD>
    </TR>
	<TR valign=top>
		<TD></TD>
		<TD><span id=tabpage1_4>步骤类型</span>&nbsp;&nbsp;<FONT style="font-size:10pt;" COLOR="#919CD0"><INPUT TYPE="radio" NAME="StepType" value="BeginStep" disabled><span id=tabpage1_5>开始步骤</span>&nbsp;<INPUT TYPE="radio" NAME="StepType" value="EndStep" disabled><span id=tabpage1_6>结束步骤</span>&nbsp;<INPUT TYPE="radio" NAME="StepType" value="NormalStep" checked disabled><span id=tabpage1_7>中间步骤</span>&nbsp;</FONT></TD>
		<TD></TD>
    </TR>
	<TR height="3">
		<TD></TD>
		<TD></TD>
		<TD></TD>
	</TR>
	</TABLE>
	</Fieldset>
	</TD>
	<TD>&nbsp;</TD>
</TR>

<TR height="100%">
	<TD></TD><TD></TD><TD></TD>
</TR>
</TABLE>
</div>
<!-- Tab Page 1 Content End -->

<!-- Tab Page 2 Content Begin -->
<div class="contents" id="contents2">
<TABLE border=0 width="100%" height="100%">
<TR valign=top>
	<TD></TD>
	<TD width="100%" valign=top>
	<Fieldset style="border: 1px solid #C0C0C0;">
	<LEGEND align=left style="font-size:9pt;">&nbsp;<span id=tabpage2_1>坐标与大小</span>&nbsp;</LEGEND>
	<TABLE border=0 width="100%" height="100%" style="font-size:9pt;">	
	<TR valign=top>
		<TD width=5></TD>
		<TD><span id=tabpage2_2>图形宽度</span>&nbsp;&nbsp;<INPUT TYPE="text" NAME="Width" value="200" class=txtput></TD>
		<TD></TD>
	</TR>
	<TR valign=top>
		<TD></TD>
		<TD><span id=tabpage2_3>图形高度</span>&nbsp;&nbsp;<INPUT TYPE="text" NAME="Height" value="200" class=txtput></TD>
		<TD></TD>
    </TR>
	<TR valign=top>
		<TD></TD>
		<TD><span id=tabpage2_4>图形X坐标</span>&nbsp;&nbsp;<INPUT TYPE="text" NAME="X" value="1800" class=txtput></TD>
		<TD></TD>
    </TR>
	<TR valign=top>
		<TD></TD>
		<TD><span id=tabpage2_5>图形Y坐标</span>&nbsp;&nbsp;<INPUT TYPE="text" NAME="Y" value="150" class=txtput></TD>
		<TD></TD>
    </TR>
	<TR height="3">
		<TD></TD>
		<TD></TD>
		<TD></TD>
	</TR>
	</TABLE>
	</Fieldset>
	</TD>
	<TD>&nbsp;</TD>
</TR>

<TR valign=top>
	<TD></TD>
	<TD width="100%" valign=top>
	<Fieldset style="border: 1px solid #C0C0C0;">
	<LEGEND align=left style="font-size:9pt;">&nbsp;<span id=tabpage2_6>步骤样式</span>&nbsp;</LEGEND>
	<TABLE border=0 width="100%" height="100%" style="font-size:9pt;">	
	<TR valign=top>
		<TD width=5></TD>
		<TD><span id=tabpage2_7>文本大小</span>&nbsp;&nbsp;<INPUT TYPE="text" NAME="TextWeight" value="" class=txtput></TD>
		<TD></TD>
	</TR>
	<TR valign=top>
		<TD></TD>
		<TD><span id=tabpage2_8>边框粗细</span>&nbsp;&nbsp;<INPUT TYPE="text" NAME="StrokeWeight" value="" class=txtput></TD>
		<TD></TD>
    </TR>	
	<TR height="3">
		<TD></TD>
		<TD></TD>
		<TD></TD>
	</TR>
	</TABLE>
	</Fieldset>
	</TD>
	<TD>&nbsp;</TD>
</TR>

<TR height="100%">
	<TD></TD><TD></TD><TD></TD>
</TR>
</TABLE>	  
</div>
<!-- Tab Page 2 Content End -->

<!-- Tab Page 3 Content Begin -->
<div class="contents" id="contents3">
<TABLE width="100%" height="100%" style="font-size:10pt;">
<TR>
	<TD></TD>
</TR>
</TABLE>	  
</div>	             
<!-- Tab Page 3 Content End -->

	</td>
  </tr>
</tbody>
</table>

<table cellspacing="1" cellpadding="0" border="0" style="position: absolute; top: 400px; left: 0px;">
	<tr>
		<td width="100%"></td>
		<td><input type=button id="btnOk" class=btn value="确 定" onclick="jscript: okOnClick();">&nbsp;&nbsp;&nbsp;</td>
		<td><input type=button id="btnCancel" class=btn value="取 消" onclick="jscript: cancelOnClick();">&nbsp;&nbsp;&nbsp;</td>
		<td><input type=button id="btnApply" class=btn value="应 用" onclick="jscript: applyOnClick();">&nbsp;&nbsp;&nbsp;</td>
	</tr>
</table>
</BODY>
</HTML>

⌨️ 快捷键说明

复制代码 Ctrl + C
搜索代码 Ctrl + F
全屏模式 F11
切换主题 Ctrl + Shift + D
显示快捷键 ?
增大字号 Ctrl + =
减小字号 Ctrl + -