監(jiān)理公司管理系統(tǒng) | 工程企業(yè)管理系統(tǒng) | OA系統(tǒng) | ERP系統(tǒng) | 造價(jià)咨詢管理系統(tǒng) | 工程設(shè)計(jì)管理系統(tǒng) | 甲方項(xiàng)目管理系統(tǒng) | 簽約案例 | 客戶案例 | 在線試用
X 關(guān)閉
OA系統(tǒng)二次開(kāi)發(fā)

當(dāng)前位置:工程項(xiàng)目OA系統(tǒng) > 泛普服務(wù)體系 > OA系統(tǒng)二次開(kāi)發(fā)

什么OA軟件在功能比較好?泛普OA連JSP式樣編寫(xiě)指南都開(kāi)放了,你說(shuō)好不好

申請(qǐng)免費(fèi)試用、咨詢電話:400-8352-114

1        泛普OA系統(tǒng)陰影外框... 3
1.1         泛普軟件效果圖... 3
1.2         泛普OA協(xié)同辦公系統(tǒng)代碼... 3
2        泛普OA辦公系統(tǒng)卡片樣式... 4
2.1         泛普OA辦公軟件效果圖... 4
2.2         泛普OA系統(tǒng)代碼... 4
3        泛普OA軟件非分頁(yè)列表樣式... 4
3.1         泛普OA管理系統(tǒng)效果圖... 4
3.2         代碼... 4
4        泛普OA協(xié)同辦公多選瀏覽框樣式... 6
4.1         泛普OA辦公平臺(tái)效果圖... 6
4.2         代碼... 6
5        泛普OA協(xié)同單選瀏覽框樣式... 8
5.1         泛普OA平臺(tái)效果圖... 8
5.2         代碼... 9
6        右鍵按鈕... 10
6.1         效果圖... 10
6.2         代碼... 10
7        泛普協(xié)同OA輸入框樣式... 11
7.1         效果圖... 11
7.2         代碼... 11
8        泛普協(xié)同OA系統(tǒng)瀏覽按鈕樣式... 11
8.1         效果圖... 11
8.2         代碼... 11
9        泛普企業(yè)OA按鈕樣式(文檔相關(guān))... 11
9.1         效果圖... 11
9.2         代碼... 11
10           泛普辦公OA按鈕樣式(添加明細(xì))... 11
10.1       效果圖... 11
10.2       代碼... 12
11           泛普協(xié)同管理平臺(tái)樹(shù)形... 12
11.1       效果圖... 12
11.2       代碼... 12
11.3       數(shù)據(jù)源格式... 13
12           泛普協(xié)同管理系統(tǒng)單選框樹(shù)形... 13
12.1       效果圖... 13
12.2       代碼... 13
12.3       數(shù)據(jù)源格式... 14
13           泛普辦公自動(dòng)化軟件分頁(yè)列表... 15
14           頁(yè)面保護(hù)... 15
14.1       效果圖... 15
14.2       代碼... 15
 
 
 
 
 
 
 
 

1      泛普OA系統(tǒng)陰影外框

1.1    泛普OA系統(tǒng)軟件效果圖

 

1.2    泛普OA協(xié)同辦公系統(tǒng)代碼

<table width=100% height=100% border="0" cellspacing="0" cellpadding="0">
<colgroup>
<col width="10">
<col width="">
<col width="10">
<tr>
<td height="10" colspan="3"></td>
</tr>
<tr>
<td ></td>
<td valign="top">
 
<TABLE class="Shadow">
<tr>
<td valign="top">
 
內(nèi)容…
 
</td>
</tr>
</TABLE>
 
</td>
<td></td>
</tr>
<tr>
<td height="10" colspan="3"></td>
</tr>
</table>
 
 

2      泛普OA辦公系統(tǒng)卡片樣式

2.1    泛普OA辦公軟件效果圖


2.2    泛普OA系統(tǒng)代碼

<TABLE class=ViewForm>
<COLGROUP>
<COL width="30%">
<COL width="70%">
<TBODY>
 
<TR class=Title>
<TH colSpan=2>一般</TH>
</TR>
<TR class=Spacing>
<TD class=Line1 colSpan=2></TD>
</TR>
 
<TR>
<TD>名稱(chēng)</TD>
<TDclass=Field>泛普軟件有限公司</TD>
</TR>
<TR>
<TD class=Line colspan=2></TD>
</TR>
 
</TBODY>
</TABLE>
 
 

3      泛普OA軟件非分頁(yè)列表樣式

3.1    泛普OA管理系統(tǒng)效果圖


 

3.2    代碼

 
<TABLE class=ListStyle cellspacing=1>
<COLGROUP>
<COL width="33%">
<COL width="33%">
<COL width="33%">
 
<TR class=Header>
<TH>列表名1</TH>
<TH>列表名2</TH>
<TH>列表名3</TH>
</TR>
<TR class=Line>
<TD colSpan=3></TD>
</TR>
 
<TR class=DataDark>
<TD>列表值A(chǔ)1</TD>
<TD>列表值A(chǔ)2</TD>
<TD>列表值A(chǔ)3</TD>
</TR>
                                                                    
<TR class=DataLight>    
<TD>列表值B1</TD>
<TD>列表值B2</TD>
<TD>列表值B3</TD>
</TR>
 
</TABLE>
 
 
 
 

4      泛普OA協(xié)同辦公多選瀏覽框樣式

4.1    泛普OA辦公平臺(tái)效果圖


 

4.2    代碼

 
<table width=100% class=ViewForm valign="top">
<TR class=Spacing><TD class=Line1 colspan=4></TD></TR>
<TR>
<TD width=15%>條件1</TD>
<TD width=35% class=field><input class=InputStyle  name=name ></TD>
<TD width=15%>條件2</TD>
<TD width=35% class=field>
<input class=InputStyle  name=engname >
</TD>
</TR>
<TR class=Spacing><TD class=Line1 colspan=4></TD></TR>
</table>
<!--#################Search Table END//######################-->
<tr width="100%">
<td width="60%">
<!--############Browser Table START################-->
<TABLE class=BroswerStyle cellspacing="0" cellpadding="0">
<TR class=DataHeader>
<TH width=0% style="display:none">列表1</TH>
<TH width="20%">列表2</TH>
<TH width="30%">列表3</TH>
<TH width="40%">列表4</TH>
</tr>
<tr>
<td colspan="4" width="100%">
<div style="overflow-y:scroll;width:100%;height:350px">
<table width="100%" id="BrowseTable">
<TD style="display:'none'">列表值1</TD>
<td width="25%" style="word-wrap:break-word">列表值2</TD>
<TD width="30%">列表值3</TD>
<TD width="40%">列表值4</TD>
</TR>
</table>
</div>
</td>
</tr>
</TABLE>
</td>
<!--##########Browser Table END//#############-->
<td width="40%" valign="top">
<!--########Select Table Start########-->
<table  cellspacing="1" align="left" width="100%">
<tr>
<td align="center" valign="top" width="30%">
<img src="/images/arrow_u.gif" style="cursor:hand" title="<%=SystemEnv.getHtmlLabelName(15084,user.getLanguage())%>" onclick="javascript:upFromList();">
<br><br>
<img src="/images/arrow_all.gif" style="cursor:hand" title="<%=SystemEnv.getHtmlLabelName(17025,user.getLanguage())%>" onClick="javascript:addAllToList()">
<br><br>
<img src="/images/arrow_out.gif"  style="cursor:hand" title="<%=SystemEnv.getHtmlLabelName(91,user.getLanguage())%>" onclick="javascript:deleteFromList();">
<br><br>
<img src="/images/arrow_all_out.gif"  style="cursor:hand" title="<%=SystemEnv.getHtmlLabelName(16335,user.getLanguage())%>" onclick="javascript:deleteAllFromList();">
<br><br>
<img src="/images/arrow_d.gif"   style="cursor:hand" title="<%=SystemEnv.getHtmlLabelName(15085,user.getLanguage())%>" onclick="javascript:downFromList();">
</td>
<td align="center" valign="top" width="70%">
<select size="15" name="srcList" multiple="true" style="width:100%;word-wrap:break-word" >
 
 
</select>
</td>
</tr>
 
</table>
<!--########//Select Table End########-->
 
</td>
</tr>
 
</FORM>
 
</td>
</tr>
</TABLE>
<!--##############Shadow Table END//######################-->
</td>
<td></td>
</tr>
<tr>
<td height="10" colspan="3"></td>
</tr>
</table>

5      泛普OA協(xié)同單選瀏覽框樣式

5.1    泛普OA平臺(tái)效果圖

 

5.2    代碼

< TABLE  width=100% class=ViewForm>
<TR class=Spacing><TD class=Line1 colspan=4></TD></TR>
<TR>
<TD width=15%>條件1</TD>
<TD width=35% class=field><input class=InputStyle  name=name></TD>
<TD width=15%>條件2</TD>
 <TD width=35% class=field><input class=InputStyle  name=engname ></TD>
</TR>
< TR>< TD class=Line colspan=4></ TD ></ TR >
</TABLE>
 
<TABLE class= BroswerStyle  cellspacing=1>
<COLGROUP>
<COL width="0%">
 
<COL width="33%">
<COL width="33%">
<COL width="33%">
 
<TR class= DataHeader>
             <TH width=0% style="display:none">列表1</TH>
<TH>列表名2</TH>
<TH>列表名3</TH>
<TH>列表名4</TH>
</TR>
<TR class=Line>
<TD colSpan=3></TD>
</TR>
 
<TR class=DataDark>
<TD>列表值A(chǔ)1</TD>
<TD>列表值A(chǔ)2</TD>
<TD>列表值A(chǔ)3</TD>
</TR>
                                                                    
<TR class=DataLight>    
<TD>列表值B1</TD>
<TD>列表值B2</TD>
<TD>列表值B3</TD>
</TR>
 
</TABLE>
 

6      右鍵按鈕

6.1    效果圖


 

6.2    代碼

<%@ include file="/systeminfo/RightClickMenuConent.jsp" %>
 
<%
RCMenu += "{ 提交,javascript:submit(),_self} " ;
RCMenuHeight += RCMenuHeightStep ;
RCMenu += "{ 返回,/main.jsp,_self} " ;
RCMenuHeight += RCMenuHeightStep ;
 
/* 參數(shù)以","隔開(kāi)第一個(gè)是名稱(chēng) ,第二個(gè)是鏈接地址或者是javascript 方法,第三個(gè)是target 。 */
%>
 
<%@ include file="/systeminfo/RightClickMenu.jsp" %>
 
 

7      泛普協(xié)同OA輸入框樣式

7.1    效果圖

 

7.2    代碼

<INPUT class="InputStyle" id=" sample" name="sample">
 

8      泛普協(xié)同OA系統(tǒng)瀏覽按鈕樣式

8.1    效果圖


8.2    代碼

<BUTTON class="Browser" id="sample" name="sample"></BUTTON>
 
 

9      泛普企業(yè)OA按鈕樣式(文檔相關(guān))

9.1    效果圖


9.2    代碼

<button id="createdoc" class=AddDocFlow><%=SystemEnv.getHtmlLabelName(82,user.getLanguage())%></buttong>
 
 

10  泛普辦公OA按鈕樣式(添加明細(xì))

10.1效果圖


 

10.2代碼

<BUTTON Class=BtnFlow type=button accessKey=A onclick="addRow<%=detailno%>(<%=detailno%>)"><U>A</U>-添加</BUTTON>
<BUTTON Class=BtnFlow type=button accessKey=E onclick="if(isdel()){deleteRow1(<%=detailno%>);}"><U>E</U>-刪除</BUTTON>
 
 
 

11  泛普協(xié)同管理平臺(tái)樹(shù)形

11.1效果圖


11.2代碼

引入的JS與CSS
<script type="text/javascript" src="/js/xtree.js"></script>
<script type="text/javascript" src="/js/xmlextras.js"></script>
<script type="text/javascript" src="/js/cxloadtree.js"></script>
<link type="text/css" rel="stylesheet" href="/css/xtree2.css" />
 
Body中的顯示
<div id="treeDIV" class="cxtree" />
 
<script>
//以下初始化樹(shù)
function initTree(){
//設(shè)置選中的節(jié)點(diǎn)
cxtree_id = 'Node_123';//初始化后選擇中的節(jié)點(diǎn)ID
CXLoadTreeItem("", "/workflow/workflow/WorkflowXML.jsp");//XML數(shù)據(jù)源
var tree = new WebFXTree();
tree.add(cxtree_obj);
document.getElementById('treeDIV').innerHTML = tree;
cxtree_obj.expand();//展開(kāi)樹(shù)
}
</script>
 

11.3數(shù)據(jù)源格式

<?xml version="1.0" encoding="GBK" ?>
<TreeNode xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" Title="envelope" xsi:type="TreeNode">
  <TreeNode Title="有子節(jié)點(diǎn)0" NodeXmlSrc= "/childXml.jsp" NodeId="workflow_70" Target="wfmainFrame" Href=" http://url " />
  <TreeNode Title="無(wú)子節(jié)點(diǎn)1" Icon="/LeftMenu/ThemeXP/page.gif" NodeId="workflow_142" Target="wfmainFrame" Href=http://url" />
  <TreeNode Title="無(wú)子節(jié)點(diǎn)2" Icon="/LeftMenu/ThemeXP/page.gif" NodeId="workflow_50" Target="wfmainFrame" Href=" http://url " />
  <TreeNode Title="無(wú)子節(jié)點(diǎn)3" Icon="/LeftMenu/ThemeXP/page.gif" NodeId="workflow_148" Target="wfmainFrame" Href=" http://url " />
  <TreeNode Title="無(wú)子節(jié)點(diǎn)4" Icon="/LeftMenu/ThemeXP/page.gif" NodeId="workflow_49" Target="wfmainFrame" Href=" http://url " />
</TreeNode>
 
TreeNode:樹(shù)節(jié)點(diǎn)定義
Title:樹(shù)節(jié)點(diǎn)顯示的文字
Icon:節(jié)點(diǎn)的圖標(biāo)
NodeId:節(jié)點(diǎn)的ID
Target:點(diǎn)擊鏈接后的目標(biāo)地址
Href:點(diǎn)擊后的鏈接地址
NodeXmlSrc:子節(jié)點(diǎn)的數(shù)據(jù)地址

12  泛普協(xié)同管理系統(tǒng)單選框樹(shù)形

12.1效果圖


12.2代碼

引入的JS與CSS
<script type="text/javascript" src="/js/xtree.js"></script>
<script type="text/javascript" src="/js/xmlextras.js"></script>
<script type="text/javascript" src="/js/cxloadtree.js"></script>
<link type="text/css" rel="stylesheet" href="/css/xtree2.css" />
 
Body中的顯示
<div id="treeDIV" class="cxtree" />
 
<script>
//設(shè)置單選
var appendimg = 'subject3';//指定節(jié)點(diǎn)前的圖標(biāo)為subject3.gif的節(jié)點(diǎn)后出現(xiàn)radio框
var appendname = 'selObj';//生成的radio控件名稱(chēng)
//以上二個(gè)變量刪除,則使用普通樹(shù),如果加上這二個(gè)變量,則顯示單選radio框
//以下初始化樹(shù)
function initTree(){
//設(shè)置選中的節(jié)點(diǎn)
cxtree_id = 'Node_123';//初始化后選擇中的節(jié)點(diǎn)ID
CXLoadTreeItem("", "/workflow/workflow/WorkflowXML.jsp");//XML數(shù)據(jù)源
var tree = new WebFXTree();
tree.add(cxtree_obj);
document.getElementById('treeDIV').innerHTML = tree;
cxtree_obj.expand();//展開(kāi)樹(shù)
}
</script>

12.3數(shù)據(jù)源格式

<?xml version="1.0" encoding="GBK" ?>
<TreeNode xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" Title="envelope" xsi:type="TreeNode">
  <TreeNode Title="有子節(jié)點(diǎn)0" NodeXmlSrc= "/childXml.jsp" NodeId="workflow_70" Target="wfmainFrame" Href=" http://url " />
  <TreeNode Title="無(wú)子節(jié)點(diǎn)1" Icon="/LeftMenu/ThemeXP/page.gif" NodeId="workflow_142" Target="wfmainFrame" Href=http://url" />
  <TreeNode Title="無(wú)子節(jié)點(diǎn)2" Icon="/LeftMenu/ThemeXP/page.gif" NodeId="workflow_50" Target="wfmainFrame" Href=" http://url " />
  <TreeNode Title="無(wú)子節(jié)點(diǎn)3" Icon="/LeftMenu/ThemeXP/page.gif" NodeId="workflow_148" Target="wfmainFrame" Href=" http://url " />
  <TreeNode Title="無(wú)子節(jié)點(diǎn)4" Icon="/LeftMenu/ThemeXP/page.gif" NodeId="workflow_49" Target="wfmainFrame" Href=" http://url " />
</TreeNode>
 
TreeNode:樹(shù)節(jié)點(diǎn)定義
Title:樹(shù)節(jié)點(diǎn)顯示的文字
Icon:節(jié)點(diǎn)的圖標(biāo)
NodeId:節(jié)點(diǎn)的ID
Target:點(diǎn)擊鏈接后的目標(biāo)地址
Href:點(diǎn)擊后的鏈接地址
NodeXmlSrc:子節(jié)點(diǎn)的數(shù)據(jù)地址
 

13  泛普辦公自動(dòng)化軟件分頁(yè)列表

見(jiàn)《泛普分頁(yè)控件使用幫助及規(guī)范

14  頁(yè)面保護(hù)

14.1效果圖

 

 

14.2代碼

function protectCreatorFlow(){
var opt = true;
  try {
  opt = document.getElementById('src').value=='';
  }
  catch(e){
  opt = true;
  }
  if(opt && !checkDataChange())
        event.returnValue="提示內(nèi)容";
   }
 
//js/checkDate.js
 
發(fā)布:2006-04-24 16:17    編輯:泛普軟件 · admin    [打印此頁(yè)]    [關(guān)閉]
相關(guān)文章:

泛普OA系統(tǒng)二次開(kāi)發(fā)其他應(yīng)用

泛普OA商務(wù)合同 泛普OA需求調(diào)研 泛普OA實(shí)施方案 泛普OA項(xiàng)目啟動(dòng) 泛普網(wǎng)絡(luò)硬件配置 泛普OA部署安裝 泛普流程模板表單 OA系統(tǒng)二次開(kāi)發(fā) 泛普常見(jiàn)問(wèn)題解決 泛普OA操作手冊(cè) 泛普軟件項(xiàng)目驗(yàn)收 泛普培訓(xùn)推廣上線 泛普OA售后服務(wù) 泛普新聞 泛普期刊 泛普博客