泛微HTML表單項目實(shí)施基礎(chǔ)入門

1、 UTSTARCOM-WorkflowEcology7.0系統(tǒng)項目實(shí)施之HTML表單基礎(chǔ)入門 Submitted by Weaver Software聯(lián)系人 王恒Project Manager地址：上海市浦東新區(qū)耀華支路39弄9號泛微大樓郵編：200126手機(jī)：186-0581-3255Email:wang.heng文檔版本變更序號日期版本文件變更申請編號變更說明修改人12013-11-03V1.0無初稿王恒22013-11-04V2.0無增加圖片等優(yōu)化王恒目錄1、引言32、HTML表單準(zhǔn)備工作32.1 申請非標(biāo)功能，打升級包32.2 HTML語言基礎(chǔ)（關(guān)鍵字段）簡介33. 項目實(shí)施過程中經(jīng)驗(yàn)

2、分享43.1 HTML表單初始化設(shè)置43.2 主字段的運(yùn)算設(shè)置43.3 明細(xì)字段 優(yōu)化51、引言項目實(shí)施過程中，會遇到HTML樣式表單，結(jié)合幾個項目實(shí)施經(jīng)驗(yàn)，現(xiàn)和大家一起分享總結(jié)相關(guān)內(nèi)容。歡迎大家指正和補(bǔ)充。備注：考慮到瀏覽器兼容性問題，本文檔測試環(huán)境所使用IE瀏覽器版本均為8.0。2、HTML表單準(zhǔn)備工作2.1 申請非標(biāo)功能，打升級包此處省略。2.2 HTML語言基礎(chǔ)（關(guān)鍵字段）簡介3. 項目實(shí)施過程中經(jīng)驗(yàn)分享3.1 HTML表單初始化設(shè)置具體操作省略。注意事項：A、可根據(jù)實(shí)際情況選擇列數(shù)；B、初始化時可自定義其序號，排序可按排列后的序號進(jìn)行有序排列；C、初始化時可定義各字段在該節(jié)點(diǎn)時的編輯

3、權(quán)限：只讀，編輯，必填；D、注意以下字段：標(biāo)題，緊急程度，簽字意見。3.2 主字段的運(yùn)算設(shè)置示例1：加減乘除運(yùn)算，如下圖：前提：運(yùn)算中的字段類型須為單行文本-整數(shù)/浮點(diǎn)數(shù)，或者瀏覽按鈕-日期的類型配置圖效果圖示例2：金額大小寫轉(zhuǎn)換，如下圖：前提：需定義2單行文本浮點(diǎn)數(shù)類型字段，且保證大寫金額字段為只讀權(quán)限配置圖效果圖示例3：日期相減，如下圖：配置圖效果圖3.3 明細(xì)字段 優(yōu)化3.3.1 添加/刪除按鈕 建議居左因明細(xì)字段一般放在主字段下面，系統(tǒng)默認(rèn)居右，不方便用戶操作修改前修改后修改前-配置截圖修改后-配置截圖效果圖設(shè)置方法：將align="right" 修改為align=

4、"left"重要提示：若流程節(jié)點(diǎn)操作者需要對明細(xì)字段有新增，修改，刪除等權(quán)限，需要在此節(jié)點(diǎn)開放明細(xì)字段新增，修改，刪除等配置權(quán)限，如下圖：3.3.2 字段賦值節(jié)點(diǎn)前附加操作即可完成3.3.3 字段長度限制比如：物料編碼最大需輸入10位，則需將此字段的類型及屬性設(shè)置為，如下圖當(dāng)填入內(nèi)容超過10位數(shù)字后，系統(tǒng)則會提示備注：若客戶需求此字段只能是10位數(shù)字，則需二次開發(fā)控制3.3.4 明細(xì)字段個數(shù)較多怎么辦？建議解決方案：可經(jīng)過修改HTML代碼進(jìn)行拆分2行，兩種方法兩種控制效果第1種方法及效果：只拆分<tr>標(biāo)簽部分，拆分成2行內(nèi)容，效果是兩行明細(xì)字段的百分比寬度一致保持一致，不能進(jìn)行各行百分比寬度的設(shè)置配置圖：效果圖：第2種方法及效果：拆分<table>標(biāo)簽，拆分成2行內(nèi)容，效果是兩行的百分比可自行設(shè)置控制配置圖：效果圖：3.3.5 明細(xì)字段顯示內(nèi)容太多，需要換行怎么辦？建議解決方案：在流程關(guān)聯(lián)表單字段名稱中加入設(shè)置，增加<br>元素即可解決此問題配置圖：效果圖：泛微網(wǎng)絡(luò)科技股份有限公司 地址：上海市浦東新區(qū)耀華支路39弄9號泛微軟件大廈 郵編：20012