數(shù)智公益-釘釘?shù)痛a開發(fā)實戰(zhàn) 課件 第4、5章 公益項目管理系統(tǒng)、慈善捐贈管理系統(tǒng)

第四章公益項目管理系統(tǒng)目錄CONTENTS01創(chuàng)建“公益項目管理系統(tǒng)”04020506“項目落地收尾管理”功能設計“項目立項管理”功能設計“數(shù)據(jù)看板”功能設計“公益項目管理系統(tǒng)首頁”設計03“項目執(zhí)行管理”功能設計01創(chuàng)建“公益項目管理系統(tǒng)”“公益項目管理系統(tǒng)創(chuàng)建”功能設計首先，通過網(wǎng)址“”進入宜搭官網(wǎng)，登錄賬號進入到宜搭工作臺，在創(chuàng)建應用類型彈窗中選擇“從空白開始創(chuàng)建”，在彈出的創(chuàng)建應用彈窗中依次設置“應用名稱”、“應用圖標”、“應用描述”以及“應用主題色”，其中“應用名稱”設置為“公益項目管理系統(tǒng)”如圖4-2。點擊“確定”按鈕，一個空白的應用就已經(jīng)創(chuàng)建好了。圖4-2

應用信息填寫示意圖02“項目立項管理”功能設計“項目立項管理”功能顧名思義用于業(yè)務人員進行項目申報，當項目申報書經(jīng)過立項審批人的審批同意后，項目才能夠正式立項。而在項目立項申請的過程中，項目負責人需要填寫“項目分類”字段，為了更好的維護和規(guī)范該字段，在“項目立項管理”功能模塊中新增了“項目分類登記表”普通表單。當項目負責人想要查看項目的整體情況，包括項目的基本信息、項目中任務的執(zhí)行情況等等，需要一個底表將分散在各個表單中項目的重要信息收集在一個表單中?！绊椖啃畔?shù)據(jù)底表”主要用于收集項目信息，在項目立項成功會自動生成相關底表。圖4-3

“項目立項管理”功能設計思維導圖4.2.1“項目分類登記表”普通表單在項目負責人填寫“項目立項申請表”時，需要選擇項目的類別，“項目分類登記表”主要用于登記項目的類別，便于項目負責人在申報項目時對其進行選擇以及后續(xù)該字段的維護。圖4-4“新建普通表單”操作示意圖1、創(chuàng)建表單如圖4-4，在空白應用中選擇“新建普通表單”創(chuàng)建一個空的普通表單，創(chuàng)建成功后進去表單設計頁面。2、表單設計“項目分類登記表”主要字段如圖4-5。參考圖4-6，在表單設計頁面的右上角填入表單名稱“項目分類登記表”，參考組件大綱樹如圖4-5，將該表單所需的組件全部拖入中間的畫布區(qū)域并修改它們的標題名稱，并點擊“保存”。圖4-6

“項目分類登記表”表單設計示意圖圖4-5

“項目分類登記表”普通表單思維導圖圖4-7

“登記時間”屬性設置示意圖3、頁面設置“登記時間”日期組件可以使用公式編輯方法使其自動顯示為填表時間。如圖4-7，點擊選中畫布中的“登記時間”日期組件，默認值選擇為“公式編輯”，格式設置為“年-月-日時：分”，點擊“編輯公式”按鈕，彈出公式編輯框，在框中填入公式“TIMESTAMP(NOW())”如圖4-8，實現(xiàn)自動顯示填表時間的功能。圖4-8“登記時間”組件公式編輯示意圖3、頁面設置“登記時間”日期組件可以使用公式編輯方法使其自動顯示為填表時間。如圖4-7，點擊選中畫布中的“登記時間”日期組件，默認值選擇為“公式編輯”，格式設置為“年-月-日時：分”，點擊“編輯公式”按鈕，彈出公式編輯框。圖4-7

“登記時間”屬性設置示意圖“項目類別”單行文本組件需要檢驗為必填，如圖4-9，點擊選中畫布中的“項目類別”單行文本組件在校驗欄中勾選“必填”。圖4-9

“項目類別”屬性設置示意圖屬性設置完后表單效果如圖4-10。圖4-10

“項目分類登記表”表單效果圖4、移動至分組在表單設計頁面點擊右上角的應用名，可以返回“公益項目管理系統(tǒng)”的頁面管理頁如圖4-12，在該頁面的左側(cè)是該系統(tǒng)的頁面目錄，我們需要在這里新建文件夾分組來更好的管理該系統(tǒng)。圖4-12“頁面管理頁”示意圖點擊頁面管理頁左上角的加號按鈕，出現(xiàn)下拉菜單，點擊選擇新建分組，出現(xiàn)新建分組對話框，在對話框中輸入“項目立項管理”，并點擊“確定”按鈕完成分組的創(chuàng)建，新建后頁面管理頁左側(cè)目錄效果如圖4-15所示圖4-15

“頁面管理頁目錄”效果圖創(chuàng)建完分組后，需要把歸屬于該分組的表單移動到對應分組目錄下。鼠標移動到目錄上的待移動表單處，出現(xiàn)“設置”小圖標，點擊圖標，出現(xiàn)下拉菜單，點擊選擇下拉菜單中的“移動到”，彈出移動到對話框，選擇需要移動到的分組，并點擊確認，完成表單的移動，頁面管理頁左側(cè)目錄效果如圖4-18所示。圖4-18

“頁面管理頁目錄”效果圖4.2.2“項目分類登記表”數(shù)據(jù)管理頁由于項目分類登記表只能提交數(shù)據(jù)，無法直接查看到已提交數(shù)據(jù)并進行編輯修改，所以我們可以生成項目分類登記表的數(shù)據(jù)管理頁。4.2.3“項目信息數(shù)據(jù)底表”普通表單“項目信息數(shù)據(jù)底表”普通表單主要用于收集項目信息，包括項目的基本信息、項目中任務的執(zhí)行情況、資源申請情況等等。能夠?qū)⒎稚⒃诟鱾€表單中某個項目的重要信息收集在一個表單中，便于業(yè)務人員查看和后續(xù)報表的制作，在項目立項成功會自動生成相關底表，無須業(yè)務人員填寫。1、創(chuàng)建表單創(chuàng)建一個空的普通表單。2、表單設計“項目信息數(shù)據(jù)底表”主要字段如圖4-20圖4-20

“項目信息數(shù)據(jù)底表”普通表單思維導圖參考圖4-22，在表單設計頁面的右上角填入表單名稱“項目信息數(shù)據(jù)底表”，參考組件大綱樹如圖4-20，將該表單所需的組件全部拖入中間的畫布區(qū)域并修改它們的標題名稱，并點擊“保存”。圖4-22

“項目分類登記表”表單設計示意圖其中，“任務明細”子表單主要字段如圖4-23：圖4-23

“任務明細”子表單思維導圖如圖4-24所示，根據(jù)圖4-23，將該子表單所需的組件全部拖入“任務明細”子表單組件中并修改它們的標題名稱。圖4-24

“任務明細”子表單設計示意圖其中，“資源明細-人員”子表單主要字段如下圖4-25：圖4-25

“資源明細-人員”子表單思維導圖如圖4-26所示，根據(jù)圖4-25，將該子表單所需的組件全部拖入“資源明細-人員”子表單組件中并修改它們的標題名稱。圖4-26

“資源明細-人員”子表單設計示意圖其中，“資源明細-資金”子表單主要字段如下圖4-27：圖4-27

“資源明細-資金”子表單思維導圖如圖4-28所示，根據(jù)圖4-27，將該子表單所需的組件全部拖入“資源明細-資金”子表單組件中并修改它們的標題名稱。圖4-28

“資源明細-資金”子表單設計示意圖其中，“資源明細-物資”子表單主要字段如下圖4-29：圖4-29

“資源明細-物資”子表單思維導圖如圖4-30所示，根據(jù)圖4-29，將該子表單所需的組件全部拖入“資源明細-物資”子表單組件中并修改它們的標題名稱。圖4-30

“資源明細-物資”子表單設計示意圖3、頁面設置該表單的是自動生成的，無須填寫，也不能讓業(yè)務人員去填寫。故表單中的組件均設置其狀態(tài)為只讀?！绊椖款A算”數(shù)值組件需要設置單位和小數(shù)位數(shù)。如圖4-31，點擊選中“項目預算”數(shù)值組件，在屬性欄中設置單位為“元”，設置小數(shù)位為“2”位。圖4-30

“資源明細-物資”子表單設計示意圖“累計申請人員數(shù)量”數(shù)值組件需要設置單位為“人”，“累計申請金額”數(shù)值組件需要設置單位為“元”，設置小數(shù)位為“2”位?！绊椖繝顟B(tài)”單選組件需要設置其選項值，如圖4-32，點擊選中“項目狀態(tài)”單選組件，在屬性欄的自定義選項中，設置選項值為“執(zhí)行中”和“已結(jié)項”，來表示項目的兩個狀態(tài)，同時可以打開“彩色”功能，使選項獲得彩色的背景和文字，更便于識別。圖4-32

單選組件“自定義選項”設置示意圖由于日期組件的默認格式為“年-月-日”，而“任務明細”子表單中的“任務截止時間”日期組件、“任務開始時間”日期組件、“資源明細-人員”子表單中的“申請時間”日期組件、“資源明細-資金”子表單中的“申請時間”日期組件和“資源明細-物資”子表單中的“申請時間”日期組件所展示的時間更加得精細，所以我們需要將該日期的格式設置為“年-月-日時：分”。“任務明細”子表單中的“任務執(zhí)行情況”單選組件需要設置其選項值，設置選項值為“未開始”、“執(zhí)行中”和“已結(jié)束”，來表示項目任務。屬性設置完后表單效果如圖4-33、圖4-34和圖4-35。圖4-33

“項目信息數(shù)據(jù)底表”表單效果圖1屬性設置完后表單效果如圖4-33、圖4-34和圖4-35。圖4-34

“項目信息數(shù)據(jù)底表”表單效果圖2屬性設置完后表單效果如圖4-33、圖4-34和圖4-35。圖4-35

“項目信息數(shù)據(jù)底表”表單效果圖34、移動至分組返回應用的頁面管理頁，移動“項目信息數(shù)據(jù)底表”普通表單到“項目立項管理”分組中，移動后效果如圖4-36。圖4-36

“頁面管理頁目錄”效果圖4.2.4“項目信息數(shù)據(jù)底表”數(shù)據(jù)管理頁由于項目信息數(shù)據(jù)底表只能用于新增數(shù)據(jù)，無法直接查看到已提交數(shù)據(jù)并進行編輯修改，所以我們可以生成項目信息數(shù)據(jù)底表的數(shù)據(jù)管理頁。4.2.5“項目立項申請表”流程表單公益項目的起點在于項目立項，項目立項時往往需要由項目負責人提交“項目立項申請表”，并由立項負責人進行審批，審批成功項目即項目成功立項。成功立項后，需要自動生成對應數(shù)據(jù)的“項目信息數(shù)據(jù)底表”普通表單，用以展示項目的重要信息。1、創(chuàng)建表單創(chuàng)建一個空的流程表單，創(chuàng)建成功后進去表單設計頁面。2、表單設計“項目立項申請表”主要字段如下圖4-37：圖4-37

“項目立項申請表”流程表單思維導圖如圖4-38，在表單設計頁面的右上角填入表單名稱“項目立項申請表”，參考組件大綱樹如圖4-37，將該表單所需的組件全部拖入中間的畫布區(qū)域并修改它們的標題名稱，并點擊“保存”。圖4-38

“項目立項申請表”表單設計示意圖“項目編號”單行文本組件使用公式編輯方法使其自動生成，無須業(yè)務人員填寫。如圖4-39，點擊選中畫布中的“項目編號”單行文本組件，在右側(cè)的屬性欄下設置其狀態(tài)為“只讀”，默認值選擇為“公式編輯”，最后點擊“編輯公式”按鈕，彈出公式編輯框。圖4-39

“項目編號”屬性設置示意圖在框中填入公式“CONCATENATE("XMID",TIMESTAMP(NOW()))”如圖4-40。“項目編號”需要配置為唯一的流水號，“TIMESTAMP(NOW())”函數(shù)用來得到當前時間的時間戳，“CONCATENATE()”函數(shù)將“XMID”字符串與填表時刻的時間戳進行拼接得到唯一的項目編號。圖4-40

“項目編號”字段公式編輯示意圖“立項申請部門”部門組件需要校驗該組件為必填。在該表單中需要檢驗為必填的組件還有“項目負責人”成員組件、“項目名稱”單行文本組件、“申請時間”日期組件、“項目開始日期”日期組件、“項目截止日期”日期組件、“項目類別”關聯(lián)表單組件和“項目內(nèi)容”多行文本組件?！吧暾垥r間”日期組件可以使用公式編輯方法使其自動顯示為填表時間，無須業(yè)務人員填寫，若實際申請時間不是填表時間，業(yè)務人員依舊可以在該組件上進行修改?！绊椖款悇e”關聯(lián)表單組件用于選擇項目的類別，為了讓“項目分類登記表”中的“項目類別”字段的值能夠以下拉單選的形式顯示在該表單的“項目類別”組件中，我們選擇關聯(lián)表單組件來實現(xiàn)。關聯(lián)表單組件提供了關聯(lián)其他表單數(shù)據(jù)的功能，與下拉單選組件不同的是，關聯(lián)表單組件提供了在選擇值時新增表單，當前關聯(lián)表單組件數(shù)據(jù)的篩選和填充數(shù)據(jù)到當前表單組件的功能。如圖4-41，點擊選中畫布中的“項目類別”關聯(lián)表單組件，在關聯(lián)屬性欄中選擇關聯(lián)表單為“項目分類登記表”，點擊“顯示設置”。圖4-41

“項目類別”屬性設置示意圖彈出顯示設置對話框，如圖4-42，設置主要信息為“項目類別”，次要信息為“備注”（次要信息不是必填項）。圖4-42

“項目類別”顯示設置示意圖效果如圖4-43。圖4-43

“項目類別”關聯(lián)表單組件效果圖其中關聯(lián)屬性中的“關聯(lián)表單”和“顯示設置”為必填項，且在設置“顯示設置”之前，必須先設置“關聯(lián)表單”。這很好理解，當我們需要顯示某個表單中的某個字段時，我們需要先選定這個表單，再在選定的表單中選定這個字段?！帮@示設置”用于關聯(lián)表單組件數(shù)據(jù)下拉列表的信息展示和搜索，支持主要信息和次要信息。當項目負責人填寫“項目立項申請表”中的“項目類別”關聯(lián)表單組件時，可能會出現(xiàn)下拉列表中沒有合適的項目類別可以選擇?！霸试S新增”功能可以很好地解決我們的問題。關聯(lián)表單組件默認開啟新增功能如圖4-44圖4-44

關聯(lián)表單“允許新增”功能示意圖即在選擇關聯(lián)表單的下拉列表默認會有個新增按鈕，效果如圖4-45，點擊“新增”按鈕圖4-45

關聯(lián)表單組件下拉“新增”按鈕示意圖在當前界面就可以新增一條“項目分類登記表”的數(shù)據(jù)，如圖4-46。圖4-46

關聯(lián)表單組件下拉新增表單示意圖因為“項目類別”組件為關聯(lián)表單組件，在參與公式編輯時，它的格式為數(shù)組格式，不便于操作，故我們在該表單中增加了“項目類別”單行文本組件，它的格式是文本，并且我們想讓“項目類別”單行文本組件顯示的值與“項目類別”關聯(lián)表單組件的值一致，這時候需要用到關聯(lián)表單的“數(shù)據(jù)填充”功能。如圖4-47，點擊“項目類別”關聯(lián)表單組件，打開關聯(lián)屬性欄下的“數(shù)據(jù)填充”功能，點擊“設置條件”按鈕，彈出“數(shù)據(jù)填充”對話框。圖4-47

關聯(lián)表單“數(shù)據(jù)填充”功能示意圖在框內(nèi)設置如圖4-48。圖4-48

項目類別關聯(lián)表單組件“數(shù)據(jù)填充”示意圖設置完后效果如圖4-49，可以看見“項目類別”單行文本的值與“項目類別”關聯(lián)表單的值一致。圖4-49項目類別關聯(lián)表單組件“數(shù)據(jù)填充”功能效果圖雖然新增的“項目類別”單行文本組件方便了后續(xù)的其他操作，但是在表單中同時顯示“項目類別”關聯(lián)表單組件和“項目類別”單行文本組件會使得表單頁面的看上去更加得復雜，故我們需要將“項目類別”單行文本組件進行隱藏。如圖4-50，點擊選中“項目類別”單行文本組件，在屬性欄設置其狀態(tài)為“隱藏”。圖4-50

組件“隱藏”設置示意圖值得注意的是，當表單內(nèi)某個組件被隱藏后，該組件的數(shù)據(jù)默認是不會保存提交的，如果我們需要引用隱藏組件的數(shù)據(jù)，就要在隱藏組件后將該組件設置為始終提交。如圖4-51，點擊選中“項目類別”單行文本組件，在高級欄中設置“數(shù)據(jù)提交”為“始終提交”。圖4-51

組件數(shù)據(jù)“始終提交”設置示意圖為了使業(yè)務人員精確填寫“項目預算”組件的數(shù)值，需要設置“項目預算”數(shù)值組件的單位為“元”，設置小數(shù)位為“2”位。屬性設置完后表單效果如圖4-52。圖4-52

“項目立項申請表”表單效果圖4、流程設計如圖4-53，在表單設計頁中點擊“流程設計”進入流程編輯頁面圖4-53

“流程設計”操作示意圖1點擊“創(chuàng)建新流程”按鈕如圖4-54進入流程設計。圖4-54

“流程設計”操作示意圖2項目是否能夠立項需要由指定的角色或者某部門主管進行審批，讀者可以根據(jù)需求自行選擇。本系統(tǒng)設置一級審批人為“指定角色”中的“一級立項負責人”如圖4-55，并更加該流程節(jié)點名稱為“一級立項審批人”，后點擊“保存”按鈕進行保存。圖4-55

項目立項申請表一級“審批人”設置示意圖在項目立項過程中，往往需要經(jīng)過多個級別的負責人的審批，這就需要我們添加多個流程節(jié)點，如圖4-56，將鼠標移動需要添加節(jié)點的灰色箭頭中間，點擊選擇人工節(jié)點中的“審批人”節(jié)點圖4-56

新增“審批人”設置示意圖效果如圖4-57，新增完節(jié)點后可繼續(xù)設置審批角色。圖4-57

新增“審批人”節(jié)點示意圖經(jīng)過層層審批后，為了能使項目負責人及時收到審批的結(jié)果，本流程新增了“消息通知”節(jié)點，與新增“審批人”節(jié)點類似，如圖4-58，點擊消息節(jié)點中的“消息通知”節(jié)點，完成節(jié)點的新增。圖4-58新增“消息通知”節(jié)點示意圖新增完“消息通知”節(jié)點后，需要設置節(jié)點內(nèi)的具體內(nèi)容。“消息通知”節(jié)點的設置分為三步：首先需要“選擇通知對象”，如圖4-59，因為該消息的通知對象為項目負責人，故勾選通知人員為“指定成員字段”，選擇“當前表單提交后的數(shù)據(jù)”中的“項目負責人”圖4-59

消息通知節(jié)點的“選擇通知對象”設置示意圖如圖4-60，分別填入消息通知的標題與內(nèi)容圖4-60

消息通知節(jié)點的“設置通知內(nèi)容”設置示意圖最后會給出通知卡片的預覽效果，如圖4-61，點擊“保存”按鈕，完成“消息通知”節(jié)點的設置。