前言
我們在使用SharePoint 工作流的時候，有一點很不友好，那就是表單的UI，真的是太簡(nan)單(kan)了，所以，定制表單幾乎成了國內工作流開發的重中之重，幾乎沒有任何項目使用默認的表單功能。
下圖就是默認的表單截圖，我們看到樣子真的是。。。
不說了，下一個步驟！
引入表單組件
我們這里用的是LayUI（https://www.layui.com/），也就是一個開源的表單組件庫，至於為什么選擇這個庫？我喜歡唄，夠直接不？
1.在官網下載最新版本的開源代碼，如下圖：
2.打開SharePoint Online站點，進入Site Contents，如下圖：
為了在網站內容里，添加一個庫，存我們下載的前段代碼
3.點擊add an app按鈕，來為網站添加一個應用，如下圖：
4.選擇Document Library，也就是文檔庫類型，如下圖：
專門用來保存文檔類型的文件
5.輸入要添加的文檔庫的名稱，如下圖：
選擇一個我們喜歡的名字，會影響接下來開發的心情，建議用英文命名，不要添加任何的表單符號、特殊字符和數字等
6.選擇Open with Explorer按鈕，以Windows資源管理器方式打開文件夾，如下圖：
這個請用IE瀏覽器，為什么？因為同是微軟的產品，兼容性好唄
7.復制前面下載的表單插件源代碼文件夾，到這個打開的視圖下粘貼，如下圖：
可能會很長時間，也可能會很短，取決於文件大小和網速
創建工作流提交表單
8.用SharePoint Designer打開網站，左側導航進入Site Pages庫，點擊菜單上的新建Web 部件頁添加一個頁面，如下圖：
9.這里隨便選擇一個布局，看你心情就好，如下圖：
為什么這么隨便呢？因為布局不重要，最后都是要被我們刪掉的，我們要重寫我們的布局
10.先在菜單上簽出文件（有可能沒開啟版本控制，就不需要簽出），然后在文件上點擊右鍵，選擇在高級模式下編輯文件，如下圖：
11.在打開頁面的頭部添加JavaScript腳本和CSS樣式表的引用，同是添加我們需要用的內部樣式，如下圖：
內部樣式不是一開始就有的，是我們添加完布局，但是不夠完美需要簡單調整一下才有的
12.在內容節點里刪除原來的代碼，如下圖：
這就是為什么之前說布局沒有用了，當然，你也可以用，只要開心就好
13.添加我們需要的HTML代碼，我這里都是調整以后的，如下圖：
大家如果用layui，可以看看官方sdk，當然，你也可以選擇其他表單控件，還是那句話，你開心就好，這個不重要，原理都是一樣的
14.添加我們表單提交和保存的腳本聲明，如下圖：
15.所有工作完畢以后，來看看我們定制的創建流程審批申請的表單吧！是不是比之前默認的，好看太多了？
這就是化妝的結果，不化好妝，怎么好意思見客戶呢？
結束語
這篇文章主要介紹如何定制表單，整個邏輯還是很簡單的，當然你不必要跟我選擇一樣的表單控件，你開心就好。
下一篇文章，會為大家介紹如何綁定審批人到控件上，以及如何保存或者提交這個申請。