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

當前位置：工程項目OA系統(tǒng) > 泛普服務體系 > OA系統(tǒng)二次開發(fā)

什么OA軟件在功能比較好？泛普OA連JSP式樣編寫指南都開放了，你說好不好

申請免費試用、咨詢電話：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軟件非分頁列表樣式... 4
3.1         泛普OA管理系統(tǒng)效果圖... 4
3.2         代碼... 4
4        泛普OA協(xié)同辦公多選瀏覽框樣式... 6
4.1         泛普OA辦公平臺效果圖... 6
4.2         代碼... 6
5        泛普OA協(xié)同單選瀏覽框樣式... 8
5.1         泛普OA平臺效果圖... 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按鈕樣式（文檔相關）... 11
9.1         效果圖... 11
9.2         代碼... 11
10           泛普辦公OA按鈕樣式（添加明細）... 11
10.1       效果圖... 11
10.2       代碼... 12
11           泛普協(xié)同管理平臺樹形... 12
11.1       效果圖... 12
11.2       代碼... 12
11.3       數(shù)據(jù)源格式... 13
12           泛普協(xié)同管理系統(tǒng)單選框樹形... 13
12.1       效果圖... 13
12.2       代碼... 13
12.3       數(shù)據(jù)源格式... 14
13           泛普辦公自動化軟件分頁列表... 15
14           頁面保護... 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>名稱</TD>
<TDclass=Field>泛普軟件有限公司</TD>
</TR>
<TR>
<TD class=Line colspan=2></TD>
</TR>
 
</TBODY>
</TABLE>
 
 

3      泛普OA軟件非分頁列表樣式

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>列表值A1</TD>
<TD>列表值A2</TD>
<TD>列表值A3</TD>
</TR>
                                                                    
<TR class=DataLight>    
<TD>列表值B1</TD>
<TD>列表值B2</TD>
<TD>列表值B3</TD>
</TR>
 
</TABLE>
 
 
 
 

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

4.1    泛普OA辦公平臺效果圖


 

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平臺效果圖

 

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>列表值A1</TD>
<TD>列表值A2</TD>
<TD>列表值A3</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ù)以","隔開第一個是名稱 ，第二個是鏈接地址或者是javascript 方法，第三個是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按鈕樣式（文檔相關）

9.1    效果圖


9.2    代碼

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

10  泛普辦公OA按鈕樣式（添加明細）

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é)同管理平臺樹形

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>
//以下初始化樹
function initTree(){
//設置選中的節(jié)點
cxtree_id = 'Node_123';//初始化后選擇中的節(jié)點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();//展開樹
}
</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é)點0" NodeXmlSrc= "/childXml.jsp" NodeId="workflow_70" Target="wfmainFrame" Href=" http://url " />
  <TreeNode Title="無子節(jié)點1" Icon="/LeftMenu/ThemeXP/page.gif" NodeId="workflow_142" Target="wfmainFrame" Href=http://url" />
  <TreeNode Title="無子節(jié)點2" Icon="/LeftMenu/ThemeXP/page.gif" NodeId="workflow_50" Target="wfmainFrame" Href=" http://url " />
  <TreeNode Title="無子節(jié)點3" Icon="/LeftMenu/ThemeXP/page.gif" NodeId="workflow_148" Target="wfmainFrame" Href=" http://url " />
  <TreeNode Title="無子節(jié)點4" Icon="/LeftMenu/ThemeXP/page.gif" NodeId="workflow_49" Target="wfmainFrame" Href=" http://url " />
</TreeNode>
 
TreeNode：樹節(jié)點定義
Title：樹節(jié)點顯示的文字
Icon：節(jié)點的圖標
NodeId：節(jié)點的ID
Target：點擊鏈接后的目標地址
Href：點擊后的鏈接地址
NodeXmlSrc：子節(jié)點的數(shù)據(jù)地址

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

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>
//設置單選
var appendimg = 'subject3';//指定節(jié)點前的圖標為subject3.gif的節(jié)點后出現(xiàn)radio框
var appendname = 'selObj';//生成的radio控件名稱
//以上二個變量刪除，則使用普通樹，如果加上這二個變量，則顯示單選radio框
//以下初始化樹
function initTree(){
//設置選中的節(jié)點
cxtree_id = 'Node_123';//初始化后選擇中的節(jié)點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();//展開樹
}
</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é)點0" NodeXmlSrc= "/childXml.jsp" NodeId="workflow_70" Target="wfmainFrame" Href=" http://url " />
  <TreeNode Title="無子節(jié)點1" Icon="/LeftMenu/ThemeXP/page.gif" NodeId="workflow_142" Target="wfmainFrame" Href=http://url" />
  <TreeNode Title="無子節(jié)點2" Icon="/LeftMenu/ThemeXP/page.gif" NodeId="workflow_50" Target="wfmainFrame" Href=" http://url " />
  <TreeNode Title="無子節(jié)點3" Icon="/LeftMenu/ThemeXP/page.gif" NodeId="workflow_148" Target="wfmainFrame" Href=" http://url " />
  <TreeNode Title="無子節(jié)點4" Icon="/LeftMenu/ThemeXP/page.gif" NodeId="workflow_49" Target="wfmainFrame" Href=" http://url " />
</TreeNode>
 
TreeNode：樹節(jié)點定義
Title：樹節(jié)點顯示的文字
Icon：節(jié)點的圖標
NodeId：節(jié)點的ID
Target：點擊鏈接后的目標地址
Href：點擊后的鏈接地址
NodeXmlSrc：子節(jié)點的數(shù)據(jù)地址
 

13  泛普辦公自動化軟件分頁列表

見《泛普分頁控件使用幫助及規(guī)范》

14  頁面保護

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    [打印此頁]    [關閉]
相關文章：

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

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