【正文】 界面流程圖與平坦式展現(xiàn)模塊功能，具有很好的靈活性；單據(jù)格式操作與用友類似，但友好性稍有欠缺；報(bào)表查詢條件采用邏輯條件操作稍欠人性化。浪潮 PS：左側(cè)為模塊菜單，點(diǎn)開時(shí)右側(cè)主界面分組平坦顯示模塊功能，較直觀；單據(jù)操作界面沒(méi)特別之處；倒是報(bào)表查詢分上下顯示，是為明細(xì)，下為匯總表，這也是咱們借鑒之處。神州數(shù)碼易飛： 其主界面繼承著臺(tái)灣 ERP 的風(fēng)格，色調(diào)為工業(yè)級(jí)灰色，與現(xiàn)時(shí)代互聯(lián)網(wǎng)時(shí)尚色調(diào)欠差；單據(jù)也是雷同，工具菜單在主頁(yè)上橫向排滿但欠美觀感；報(bào)表查詢方式尚欠人性化。天心 Online、天思經(jīng)理人：同神州數(shù)碼樣前身為臺(tái)灣產(chǎn)品，主界面色調(diào)欠缺時(shí)尚感，但自制流程圖完全能出呼你意料；單據(jù)操作功能特別是生產(chǎn)方面做得較細(xì)致；報(bào)表功能也不差，但分組匯總顯示欠缺。速達(dá) 7000/V7：速達(dá)曾經(jīng)一度以綠色為其產(chǎn)品基調(diào)色，但近來(lái)略有改變，改變后的主界面跟上了神州數(shù)碼風(fēng)格；單據(jù)操作表頭多用下拉選擇，但字段功能與神州數(shù)碼相差甚遠(yuǎn)；報(bào)表也沒(méi)太大特別50 / 77管家婆： 主界面與速達(dá)雷同，但主頁(yè)面上有模排模塊菜單，多以泛藍(lán)為基調(diào)；單據(jù)操作與報(bào)表查詢沒(méi)特別之處，屬一般功能操作。3 拓璞 ERP UI 風(fēng)格建設(shè)UI 頁(yè)面的風(fēng)格是指 WEB 頁(yè)面通過(guò)對(duì)頁(yè)面布局、字體、配色、頁(yè)面元素排列的融合來(lái)51 / 77傳達(dá)給用戶的、含有主觀感受。頁(yè)面風(fēng)格的選取除了需要考慮一般的用戶感受外，還需要將用戶所在環(huán)境的因素考慮進(jìn)去，從而形成符合特定用戶要求的頁(yè)面風(fēng)格。 設(shè)計(jì)風(fēng)格原則拓璞 ERP 總的要求設(shè)計(jì)風(fēng)格是：簡(jiǎn)約而極致！Web 應(yīng)用的頁(yè)面風(fēng)格內(nèi)容包括：簡(jiǎn)單原則：用戶的操作要盡可能以最直接最形象最易于理解的方式呈現(xiàn)在用戶面前。對(duì)操作接口跳轉(zhuǎn)，直接點(diǎn)擊高于右鍵操作，文字表示高于圖標(biāo)示意，盡可能的符合用戶對(duì)類似系統(tǒng)的識(shí)別習(xí)慣。好用原則：符合用戶習(xí)慣為方便使用的第一原則。其它還包括，實(shí)現(xiàn)目標(biāo)功能的最少操作數(shù)原則，鼠標(biāo)最短距離移動(dòng)原則等。導(dǎo)向原則：為了方便用戶盡快熟悉系統(tǒng)，簡(jiǎn)化操作，應(yīng)該盡可能的提供向?qū)再|(zhì)的操作流程示意圖。幫助原則：用戶需要能隨時(shí)響應(yīng)問(wèn)題的用戶幫助。當(dāng)用戶不明白時(shí)要能在當(dāng)前頁(yè)面找得幫助說(shuō)明。自定義原則：為熟悉計(jì)算機(jī)及軟件系統(tǒng)的高級(jí)用戶設(shè)置自定義功能，可以對(duì)已經(jīng)確定的常規(guī)操作以及系統(tǒng)的方方面面進(jìn)行符合自身要求的自定義設(shè)置。包括輸入字段增加、單據(jù)報(bào)表界面字段列排版、主界面樣式等種種自定義。色彩原則：對(duì)于用戶長(zhǎng)時(shí)間使用的系統(tǒng)，應(yīng)當(dāng)使用戶在較長(zhǎng)時(shí)間使用后不至于過(guò)于感到視覺(jué)疲勞為宜。例如輕松的淡彩為主配色，灰色系為主配色等等。切忌色彩過(guò)多，花哨艷麗，嚴(yán)重妨礙用戶視覺(jué)交互。52 / 77版式原則：系統(tǒng)排版樣式整齊規(guī)范，盡可能劃分不同的功能區(qū)域于固定位置，方便用戶導(dǎo)航使用；排版不宜過(guò)于密集，避免產(chǎn)生疲勞感。 總體界面風(fēng)格 模塊界面風(fēng)格標(biāo)志 背景圖片 登錄模塊菜單 頁(yè)標(biāo)簽欄 待辦事項(xiàng)待辦事項(xiàng)明細(xì)單據(jù)已辦事項(xiàng)流程導(dǎo)航圖已辦事項(xiàng)明細(xì)單據(jù)模塊菜單切換后的樹型明細(xì)功能自定義工作平臺(tái)月日程表事項(xiàng)安排提醒54 / 77 單據(jù)處理界面風(fēng)格標(biāo)志 背景圖片 登錄模塊菜單模塊菜單切換后的樹型明細(xì)功能55 / 77 報(bào)表查詢界面風(fēng)格標(biāo)志 背景圖片 登錄模塊菜單模塊菜單切換后的樹型明細(xì)功能總體界面 UI 風(fēng)格說(shuō)明：（相關(guān)各區(qū)域色彩色調(diào)細(xì)節(jié)待進(jìn)一步商談）標(biāo)志：固定位置顯示，是拓璞 ERP 版權(quán)標(biāo)志。背景圖片：是拓璞 ERP 個(gè)性背景圖片，位置也是固定的。模塊菜單：是拓璞 ERP 所有功能模塊放置位，可根據(jù)用戶所購(gòu)買模塊多少來(lái)顯示。登錄：退出、切換用戶入口，也顯示目前正在操作的用戶。模塊樹型明細(xì)菜單：是當(dāng)用戶點(diǎn)擊模塊菜單時(shí)，模塊樹型明細(xì)菜單隨著顯示其對(duì)應(yīng)的功能顯示，以方便用戶進(jìn)一步篩選其所要的功能。頁(yè)標(biāo)簽欄：是指當(dāng)用戶在操作單據(jù)或報(bào)表時(shí)，需要打開多個(gè)頁(yè)面或比較時(shí)，這組菜單則為其提供了方便切換。流程導(dǎo)航圖：則為某功能模塊標(biāo)準(zhǔn)操作流程，引導(dǎo)用戶的操作自定義工作平臺(tái)：是用戶可根據(jù)自己崗位需求對(duì)本模塊設(shè)置常操作或查詢的相關(guān)單據(jù)或報(bào)表，直觀操作或查詢，有利于提高工作效率待辦事項(xiàng)：這里是指本登錄用戶在系統(tǒng)內(nèi)需要協(xié)同審批或處理的單據(jù)，雙擊則打開單據(jù)處理頁(yè)面已辦事項(xiàng)：這里顯示是已經(jīng)處理好單據(jù)月日程表：是指用戶自己可預(yù)排工作事項(xiàng)或錄入備忘事項(xiàng)，可設(shè)提醒處理事項(xiàng)。57 / 77 首頁(yè) UI 風(fēng)格備注說(shuō)明：模塊樹型明細(xì)菜單：此頁(yè)面此處默認(rèn)為所有模塊菜單流程導(dǎo)航圖：些處為 ERP 總體流程圖，或用戶可自由定制自定義工作平臺(tái)：是用戶可根據(jù)自己崗位需求常操作或查詢的相關(guān)單據(jù)或報(bào)表。待辦事項(xiàng)：這里是指本登錄用戶在系統(tǒng)內(nèi)需要協(xié)同審批或處理的單據(jù)，雙擊則打開單據(jù)處理頁(yè)面已辦事項(xiàng)：這里顯示是已經(jīng)處理好單據(jù)月日程表：是指用戶自己可預(yù)排工作事項(xiàng)或錄入備忘事項(xiàng)，可設(shè)提醒處理事項(xiàng)。單據(jù)號(hào)：A0001～單據(jù)號(hào)：B001～待辦事項(xiàng)已辦事項(xiàng)自定義流程區(qū)月日歷默認(rèn)所有模塊菜單　　　　自定義單據(jù)報(bào)表區(qū)58 / 774 拓璞各功能模塊 UI 界面 基礎(chǔ)檔案在 WEB 頁(yè)面中，為了提高用戶操作效率，需要在模塊菜單欄頁(yè)面上增加基礎(chǔ)資料統(tǒng)一歸集的模塊集‘基礎(chǔ)檔案’ ，把所有屬于基礎(chǔ)資料全放在這個(gè)菜單下（如部門、員工、產(chǎn)品、供應(yīng)商、客戶等）：備注說(shuō)明：模塊樹型明細(xì)菜單：此頁(yè)面此處默認(rèn)為‘基礎(chǔ)檔案初始化’菜單流程導(dǎo)航圖：些處為 ERP‘基礎(chǔ)檔案初始化’流程圖。 自定義工作平臺(tái)：是用戶可根據(jù)自己崗位需求常操作或查詢的‘基礎(chǔ)檔案’報(bào)表。另外主界面上側(cè)模塊菜單、背景圖片稍做調(diào)整單據(jù)號(hào)：A0001～單據(jù)號(hào)：B001～待辦事項(xiàng)已辦事項(xiàng)流程區(qū)基礎(chǔ)檔案初始化流程月日歷基礎(chǔ)檔案模塊菜單樹型明細(xì)　　　　自定義單據(jù)報(bào)表區(qū)59 / 77 物料清單在 BOM 模塊菜單下設(shè)有：BOM 展示、EBOM 操作、BOM 表反查、權(quán)限管理、其他等：備注說(shuō)明：模塊樹型明細(xì)菜單：此頁(yè)面此處默認(rèn)顯示‘BOM 表物料清單’樹型一級(jí)菜單流程導(dǎo)航圖：些處為 ERP‘BOM 表物料清單’操作導(dǎo)航流程圖。 自定義工作平臺(tái)：是用戶可根據(jù)自己崗位需求常操作或查詢的‘BOM 表物料清單’單據(jù)及報(bào)表。其他功能區(qū)域 UI 界面如上圖，設(shè)計(jì)時(shí)需進(jìn)一步調(diào)整。 （如上側(cè)模塊菜單、背景圖片等）單據(jù)號(hào)：A0001～單據(jù)號(hào)：B001～待辦事項(xiàng)已辦事項(xiàng)流程區(qū)BOM 建立操作流程月日歷物料清單模塊菜單樹型明細(xì)　　　　自定義單據(jù)報(bào)表區(qū)60 / 77 采購(gòu)管理在采購(gòu)管理模塊菜單下設(shè)有：采購(gòu)設(shè)置、采購(gòu)計(jì)劃、采購(gòu)需求、采購(gòu)價(jià)格、采購(gòu)訂單、采購(gòu)到貨、采購(gòu)入庫(kù)、采購(gòu)對(duì)帳、報(bào)表查詢、權(quán)限管理等：備注說(shuō)明：模塊樹型明細(xì)菜單：此頁(yè)面此處默認(rèn)顯示‘采購(gòu)管理’樹型一級(jí)菜單流程導(dǎo)航圖：些處為 ERP‘采購(gòu)管理’操作導(dǎo)航流程圖。 自定義工作平臺(tái)：是用戶可根據(jù)自己崗位需求常操作或查詢的‘采購(gòu)管理’相關(guān)單據(jù)及報(bào)表。其他功能區(qū)域 UI 界面如上圖，設(shè)計(jì)時(shí)需進(jìn)一步調(diào)整。 （如上側(cè)模塊菜單、背景圖片等）單據(jù)號(hào)：A0001～單據(jù)號(hào)：B001～待辦事項(xiàng)已辦事項(xiàng)流程區(qū)采購(gòu)管理操作流程月日歷采購(gòu)設(shè)置采購(gòu)計(jì)劃采購(gòu)需求采購(gòu)價(jià)格采購(gòu)訂單采購(gòu)到貨采購(gòu)入庫(kù)采購(gòu)對(duì)帳報(bào)表查詢權(quán)限管理　　　　自定義單據(jù)報(bào)表區(qū)61 / 77 倉(cāng)庫(kù)管理在庫(kù)存管理模塊菜單下設(shè)有：倉(cāng)庫(kù)設(shè)置、入庫(kù)類單據(jù)、出庫(kù)類單據(jù)、庫(kù)存盤點(diǎn)、特殊單據(jù)、倉(cāng)庫(kù)帳表、權(quán)限管理等：備注說(shuō)明：模塊樹型明細(xì)菜單：此頁(yè)面此處默認(rèn)顯示‘倉(cāng)庫(kù)管理’樹型一級(jí)菜單流程導(dǎo)航圖：些處為 ERP‘倉(cāng)庫(kù)管理’操作導(dǎo)航流程圖。 自定義工作平臺(tái)：是用戶可根據(jù)自己崗位需求常操作或查詢的‘倉(cāng)庫(kù)管理’相關(guān)單據(jù)及報(bào)表。其他功能區(qū)域 UI 界面如上圖，設(shè)計(jì)時(shí)需進(jìn)一步調(diào)整。 （如上側(cè)模塊菜單、背景圖片等）單據(jù)號(hào)：A0001～單據(jù)號(hào)：B001～待辦事項(xiàng)已辦事項(xiàng)流程區(qū)倉(cāng)庫(kù)管理操作流程月日歷倉(cāng)庫(kù)設(shè)置入庫(kù)類單據(jù)出庫(kù)類單據(jù)庫(kù)存盤點(diǎn)特殊單據(jù)庫(kù)存帳表權(quán)限管理　　　　自定義單據(jù)報(bào)表區(qū)62 / 77 業(yè)務(wù)管理在業(yè)務(wù)管理模塊菜單下設(shè)有：業(yè)務(wù)設(shè)置、銷售計(jì)劃、售價(jià)管理、預(yù)計(jì)訂單、訂單管理、樣板單管理、發(fā)貨管理、銷售費(fèi)用、銷售帳表、權(quán)限管理等：備注說(shuō)明：模塊樹型明細(xì)菜單：此頁(yè)面此處默認(rèn)顯示‘業(yè)務(wù)管理’樹型一級(jí)菜單流程導(dǎo)航圖：些處為 ERP‘業(yè)務(wù)管理’操作導(dǎo)航流程圖。 自定義工作平臺(tái)：是用戶可根據(jù)自己崗位需求常操作或查詢的‘業(yè)務(wù)管理’相關(guān)單據(jù)及報(bào)表。其他功能區(qū)域 UI 界面如上圖，設(shè)計(jì)時(shí)需進(jìn)一步調(diào)整。 （如上側(cè)模塊菜單、背景圖片等）單據(jù)號(hào)：A0001～單據(jù)號(hào)：B001～待辦事項(xiàng)已辦事項(xiàng)流程區(qū)銷售管理操作流程月日歷業(yè)務(wù)設(shè)置銷售計(jì)劃售價(jià)管理預(yù)計(jì)訂單訂單管理樣板單管理發(fā)貨管理銷售費(fèi)用銷售帳表權(quán)限管理　　　　自定義單據(jù)報(bào)表區(qū)63 / 77 生產(chǎn)規(guī)劃在業(yè)務(wù)管理模塊菜單下設(shè)有：生產(chǎn)規(guī)劃設(shè)置、計(jì)劃訂單、需求訂單、需求運(yùn)算、需求排產(chǎn)、計(jì)劃維護(hù)、粗能力維護(hù)、報(bào)表查詢、權(quán)限管理等：備注說(shuō)明：模塊樹型明細(xì)菜單：此頁(yè)面此處默認(rèn)顯示‘生產(chǎn)規(guī)劃’樹型一級(jí)菜單流程導(dǎo)航圖：些處為 ERP‘生產(chǎn)規(guī)劃’操作導(dǎo)航流程圖。 自定義工作平臺(tái)：是用戶可根據(jù)自己崗位需求常操作或查詢的‘生產(chǎn)規(guī)劃’相關(guān)單據(jù)及報(bào)表。其他功能區(qū)域 UI 界面如上圖，設(shè)計(jì)時(shí)需進(jìn)一步調(diào)整。 （如上側(cè)模塊菜單、背景圖片等）單據(jù)號(hào)：A0001～單據(jù)號(hào)：B001～待辦事項(xiàng)已辦事項(xiàng)流程區(qū)生產(chǎn)規(guī)劃操作流程月日歷生產(chǎn)規(guī)劃設(shè)置計(jì)劃訂單需求訂單需求運(yùn)算需求排產(chǎn)計(jì)劃維護(hù)粗能力維護(hù)報(bào)表查詢權(quán)限管理　　　　自定義單據(jù)報(bào)表區(qū)64 / 77 物料需求計(jì)劃在業(yè)務(wù)管理模塊菜單下設(shè)有：業(yè)務(wù)設(shè)置、銷售計(jì)劃、售價(jià)管理、預(yù)計(jì)訂單、訂單管理、樣板單管理、發(fā)貨管理、銷售費(fèi)用、銷售帳表、權(quán)限管理等：備注說(shuō)明：模塊樹型明細(xì)菜單：此頁(yè)面此處默認(rèn)顯示‘業(yè)務(wù)管理’樹型一級(jí)菜單流程導(dǎo)航圖：些處為 ERP‘業(yè)務(wù)管理’操作導(dǎo)航流程圖。 自定義工作平臺(tái)：是用戶可根據(jù)自己崗位需求常操作或查詢的‘業(yè)務(wù)管理’相關(guān)單據(jù)及報(bào)表。其他功能區(qū)域 UI 界面如上圖，設(shè)計(jì)時(shí)需進(jìn)一步調(diào)整。 （如上側(cè)模塊菜單、背景圖片等）單據(jù)號(hào)：A0001～單據(jù)號(hào)：B001～待辦事項(xiàng)已辦事項(xiàng)流程區(qū)銷售管理操作流程月日歷業(yè)務(wù)設(shè)置銷售計(jì)劃售價(jià)管理預(yù)計(jì)訂單訂單管理樣板單管理發(fā)貨管理銷售費(fèi)用銷售帳表權(quán)限管理　　　　自定義單據(jù)報(bào)表區(qū)65 / 775 WEB 頁(yè)面通用規(guī)范 一般頁(yè)面功能 新增當(dāng)新增一條或多條記錄，要求：? 新增的記錄必須排在首頁(yè)首行。? 提交失敗后必須保存用戶已經(jīng)輸入的內(nèi)容，以便再次提交。? 提交時(shí)需對(duì)主要標(biāo)識(shí)字段進(jìn)行重復(fù)值、空值（空格）判斷。? 新增內(nèi)容提交失敗后，須保留用戶修改的內(nèi)容，以便再次修改提交；? 需對(duì)主標(biāo)識(shí)字段進(jìn)行重復(fù)值、空值（空格）判斷； 修改當(dāng)進(jìn)行單條或多條記錄的修改時(shí)，要求：? 如界面存在復(fù)選按鈕，勾選多條記錄進(jìn)行修改時(shí)，每次只能對(duì)一條記錄進(jìn)行修改，默認(rèn)修改內(nèi)容為第一條的提示信息；? 修改后加載的內(nèi)容應(yīng)為的實(shí)際內(nèi)容，而不再為默認(rèn)值；? 修改完成后須回到原記錄所在位置，且刷新顯示修改后的值；? 修改內(nèi)容提交失敗后，須保留用戶修改的內(nèi)容，以便再次修改提交；? 在查詢條件下修改后返回，如不滿足查詢條件則不顯示；? 需對(duì)主標(biāo)識(shí)字段進(jìn)行重復(fù)值、空值（空格）判斷；66 / 77 刪除當(dāng)刪除一條或多條記錄，要求：? 必須有確認(rèn)刪除的提示信息；? 刪除成功后刷新，不顯示刪除的記錄；? 刪除成功后，返回到原記錄所在頁(yè)面，如果原記錄所在頁(yè)不存在時(shí)，則返回上一頁(yè)。? 當(dāng)被刪除的記錄與其他記錄存在關(guān)聯(lián)時(shí)，請(qǐng)示需求界面給予不允許刪除、更明細(xì)提示等信息； 查詢當(dāng)按照條件查詢時(shí)，要求：? 每次查詢后定位到原頁(yè)面；? 每次查詢后保留當(dāng)前查詢條件；? 當(dāng)查詢條件較多時(shí)，需要配置“重置”按鈕提供使用；? 當(dāng)未查詢到任何記錄時(shí)，需給予未查找到相關(guān)記錄的提示信息；? 除了用戶明確要求不需要外，需提供模糊查詢及組合查詢功能； 取消當(dāng)進(jìn)行取消當(dāng)前修改并返回時(shí)，要求：? 在數(shù)據(jù)量較多的頁(yè)面中，當(dāng)進(jìn)行了修改后，取消請(qǐng)給予提示；? 取消返回到原記錄所在狀態(tài)； 保存當(dāng)保存內(nèi)容時(shí)，要求：67 / 77? 當(dāng)保存所費(fèi)的時(shí)間較長(zhǎng)時(shí)，需給出保存進(jìn)度界面的提示；? 須控制不可以重復(fù)保存； 重置重置是恢復(fù)變更前的狀態(tài)，要求：? 必須保證重置后與初始進(jìn)入此頁(yè)面時(shí)一致性； 返回當(dāng)需要返回前一個(gè)頁(yè)面時(shí)，要求：? 當(dāng)從一個(gè)頁(yè)面點(diǎn)擊按鈕或鏈接進(jìn)入子頁(yè)面時(shí)，子頁(yè)面必須提供返回按鈕； 分頁(yè) 當(dāng)需要分頁(yè)顯示數(shù)據(jù)時(shí)，要求：? 當(dāng)對(duì)查詢結(jié)果進(jìn)行分頁(yè)時(shí)，分頁(yè)的同時(shí)需要能夠執(zhí)行查詢功能；? 當(dāng)頁(yè)數(shù)較多時(shí)，允許輸入具體頁(yè)數(shù)進(jìn)行查詢； 全選當(dāng)在一個(gè)頁(yè)面上存在多個(gè)同類內(nèi)容的復(fù)選框時(shí)，需要提供全選的功能，要求：? 勾選全選，則選中當(dāng)前頁(yè)面所有記錄；? 去掉當(dāng)前頁(yè)面某個(gè)記錄的勾選，則全選也去掉勾選；? 刷新頁(yè)面后，自動(dòng)去掉已勾選的記錄及全選的勾選；68 / 77 一般頁(yè)面規(guī)則 默認(rèn)值各個(gè)頁(yè)面都會(huì)存在默認(rèn)值。要求：? 打開一個(gè)新界面，光標(biāo)默認(rèn)停留在第一個(gè)待輸入的文本框中；? 當(dāng)選擇