自定義表單 · 直播社交電商系統V4

# DIY自定義表單功能前端要求4.4.36及以上 * [1.新增自定義表單](http://www.hmoore.net/wangcwei/v4-2/2247310#1_2) * [2.編輯表單內容](http://www.hmoore.net/wangcwei/v4-2/2247310#2_5) * [3.在微頁面有引用表單（一個微頁面只能引用一個表單）](http://www.hmoore.net/wangcwei/v4-2/2247310#3_7) * [4.表單提交數據（可回復）](http://www.hmoore.net/wangcwei/v4-2/2247310#4_9) * [5.用戶查看表單提交數據](http://www.hmoore.net/wangcwei/v4-2/2247310#5_11) * [6。支付的表單會產生訂單數據](http://www.hmoore.net/wangcwei/v4-2/2247310#6_16) * [7.特色組件介紹](http://www.hmoore.net/wangcwei/v4-2/2247310#7_19) * [1.單行文本](http://www.hmoore.net/wangcwei/v4-2/2247310#1_20) * [2.下拉菜單](http://www.hmoore.net/wangcwei/v4-2/2247310#2_23) * [3.單選/復選](http://www.hmoore.net/wangcwei/v4-2/2247310#3_26) * [4.手機驗證](http://www.hmoore.net/wangcwei/v4-2/2247310#4_29) * [5.上傳圖片](http://www.hmoore.net/wangcwei/v4-2/2247310#5_32) * [6.日歷](http://www.hmoore.net/wangcwei/v4-2/2247310#6_35) * [7.協議](http://www.hmoore.net/wangcwei/v4-2/2247310#7_39) * [8.提交按鈕](http://www.hmoore.net/wangcwei/v4-2/2247310#8_42) ## 1.新增自定義表單 ![](https://img.kancloud.cn/e4/b1/e4b1c754f2724fe647292e42b109def1_1878x667.png) ![](https://img.kancloud.cn/02/8d/028ddb51dff91df44a40d23215e96002_734x723.png) ## 2.編輯表單內容 ![](https://img.kancloud.cn/4b/3a/4b3ab3151060f8b668a4909d6f1f3de8_1549x854.png) ## 3.在微頁面有引用表單（一個微頁面只能引用一個表單） ![](https://img.kancloud.cn/2b/29/2b296ea0125d9417151615a4ea2741a2_1637x881.png) ## 4.表單提交數據（可回復） ![](https://img.kancloud.cn/e0/29/e0295b0927563cd73728f80a3afcb81f_1752x810.png) ## 5.用戶查看表單提交數據 ![](https://img.kancloud.cn/77/43/774375b3b0b0c519f75ac9312db916ed_404x714.png) ![](https://img.kancloud.cn/5f/d5/5fd51d57b5bf7e97ea69fa314a0acd27_409x542.png) ![](https://img.kancloud.cn/2a/38/2a38a1aebd73ada1a7d3127c667bf37b_420x561.png) ## 6。支付的表單會產生訂單數據 ![](https://img.kancloud.cn/38/8c/388c4e995df26bf52011f80077dc6a09_1836x583.png) ## 7.特色組件介紹 #### 1.單行文本支持格式驗證：自定義格式，手機號碼，身份證，郵箱格式 ![](https://img.kancloud.cn/e1/5b/e15b37df69c3f41a373a379a39da382b_1621x751.png) #### 2.下拉菜單內容設置支持：自定義三級聯動，省市區，日期設置，門店 ![](https://img.kancloud.cn/77/60/7760541c88810db0a5e9862d3e30e162_1652x705.png) #### 3.單選/復選支持圖文模式 ![](https://img.kancloud.cn/46/3b/463b7ca605e8cbad640ddfc0ca9260fd_1657x752.png) #### 4.手機驗證支持短信驗證碼驗證手機號，需要配置短信功能 ![](https://img.kancloud.cn/a1/92/a192c7c79260a72f1d1a825924f6da9a_1673x729.png) #### 5.上傳圖片支持身份證跟營業執照樣式 ![](https://img.kancloud.cn/48/7b/487b8a1a09e1efdb3441d97f8b108522_1644x754.png) #### 6.日歷支持日歷展示，可以選擇一段時間 ![](https://img.kancloud.cn/54/ff/54ff3308a73791ca2dc6e60dc1415c9d_1678x772.png) ![](https://img.kancloud.cn/41/d7/41d7a98af65cd94fec9d53cd06506608_1687x765.png) #### 7.協議支持協議勾選方式 ![](https://img.kancloud.cn/1d/49/1d49f68a7e917c912fdb47f1281527c9_1603x794.png) #### 8.提交按鈕支持開啟支付，支持用戶自己修改價格，支持多個支付金額 ![](https://img.kancloud.cn/2b/7f/2b7f33e7dcbf3b2a7e512963de8ea9b3_1680x767.png) 提交前/提交后臺動作，支持二次提交提示，支持提交贈送積分，余額，優惠券，卡券，會員，抽獎次數，支持提交后跳轉頁面 ![](https://img.kancloud.cn/a1/df/a1dfdcc749b00d5dae08e25f76bb3445_1387x738.png) 支持消息提醒 ![](https://img.kancloud.cn/a9/b1/a9b1f9b4b79fb646f150da0396ebd6ee_849x556.png)