diff --git a/public/img/flow.png b/public/img/flow.png
new file mode 100644
index 000000000..0993d9a56
Binary files /dev/null and b/public/img/flow.png differ
diff --git a/public/pages/property/newOaWorkflowManage/newOaWorkflowManage.html b/public/pages/property/newOaWorkflowManage/newOaWorkflowManage.html
new file mode 100644
index 000000000..13b82605b
--- /dev/null
+++ b/public/pages/property/newOaWorkflowManage/newOaWorkflowManage.html
@@ -0,0 +1,15 @@
+<div>
+    <div class="row white-bg padding margin-xs" style="min-height: 500px; ">
+        <div class="col-md-1 text-center" style="cursor:pointer"
+            v-for="(item,index) in newOaWorkflowManageInfo.newOaWorkflows"
+            @click="newFlow(item)">
+            <div>
+                <img src="/img/flow.png" width="80px" />
+            </div>
+            <div class="margin-top">
+                <span style="color: #333333;">{{item.flowName}}</span>
+            </div>
+        </div>
+    </div>
+
+</div>
\ No newline at end of file
diff --git a/public/pages/property/newOaWorkflowManage/newOaWorkflowManage.js b/public/pages/property/newOaWorkflowManage/newOaWorkflowManage.js
new file mode 100644
index 000000000..8e8e73f42
--- /dev/null
+++ b/public/pages/property/newOaWorkflowManage/newOaWorkflowManage.js
@@ -0,0 +1,52 @@
+/**
+    入驻小区
+**/
+(function (vc) {
+    var DEFAULT_PAGE = 1;
+    var DEFAULT_ROWS = 100;
+    vc.extends({
+        data: {
+            newOaWorkflowManageInfo: {
+                newOaWorkflows: [],
+                conditions: {
+                }
+            }
+        },
+        _initMethod: function () {
+            vc.component._listNewOaWorkflows(DEFAULT_PAGE, DEFAULT_ROWS);
+        },
+        _initEvent: function () {
+
+            vc.on('newOaWorkflowManage', 'listNewOaWorkflow', function (_param) {
+                vc.component._listNewOaWorkflows(DEFAULT_PAGE, DEFAULT_ROWS);
+            });
+            vc.on('pagination', 'page_event', function (_currentPage) {
+                vc.component._listNewOaWorkflows(_currentPage, DEFAULT_ROWS);
+            });
+        },
+        methods: {
+            _listNewOaWorkflows: function (_page, _rows) {
+
+                vc.component.newOaWorkflowManageInfo.conditions.page = _page;
+                vc.component.newOaWorkflowManageInfo.conditions.row = _rows;
+                var param = {
+                    params: vc.component.newOaWorkflowManageInfo.conditions
+                };
+
+                //发送get请求
+                vc.http.apiGet('/oaWorkflow/queryOaWorkflow',
+                    param,
+                    function (json, res) {
+                        var _newOaWorkflowManageInfo = JSON.parse(json);
+                        $that.newOaWorkflowManageInfo.newOaWorkflows = _newOaWorkflowManageInfo.data;
+                    }, function (errInfo, error) {
+                        console.log('请求失败处理');
+                    }
+                );
+            },
+            newFlow: function (_flow) {
+               console.log('流程',_flow);
+            }
+        }
+    });
+})(window.vc);