# 内外协同四 (网上办事)

来源快照：`result_data_new_260518.json`

- 来源 ID：`1972007375789835966`
- 模块：低代码平台e-builder
- 目录：专题学习 - 场景专题 - 表单专题
- space ID：`1157961794811633670`
- 原文链接：未提供
- 产品基线：未提供

## 正文

**1.****编写目的    **

 本期主要讲解如何通过ebulider实现通过移动端进行内外协同模拟网上办事场景：外部用户通过关注微信公众号，填写提交预约办事单，触发内部审批流程，内部用户在系统内接收到审批提醒，审批通过后触发消息提醒告知用户事项办理成功。

场景流程及实现效果如下图：

                                               ![](https://weapp.eteams.cn/papi/file/preview?fileId=1157690799750250538&type=redirect&customParam=%7B%22isExtDist%22%3Atrue%2C%22distributeId%22%3A%22%22%2C%22externalId%22%3A%22%22%2C%22appId%22%3A%22%22%7D)

![](https://weapp.eteams.cn/papi/file/preview?fileId=1157690799680462913&type=redirect&customParam=%7B%22isExtDist%22%3Atrue%2C%22distributeId%22%3A%22%22%2C%22externalId%22%3A%22%22%2C%22appId%22%3A%22%22%7D)

**2.****思路分析**

首先通过云桥绑定微信公众号，利用e-builder表单的外部分发功能，将填报地址配置在微信公众号操作菜单上，作为预约单供外部用户填报。配合动作流实现，预约单填写提交自动触发内部审批，审批通过后配置消息推送，提醒用户业务办理成功或失败。

**3.****操作说明    **       

1、创建网上办事应用及表单配置

1）配置预约单及审批单表单样式，及表单权限配置

![](https://weapp.eteams.cn/papi/file/preview?fileId=1157690803934224404&type=redirect&customParam=%7B%22isExtDist%22%3Atrue%2C%22distributeId%22%3A%22%22%2C%22externalId%22%3A%22%22%2C%22appId%22%3A%22%22%7D)

2、页面搭建实现移动端页面布局

1）新建页面，选择适用端为移动端，配置导航面板组件构建个人办事窗口样式布局，并配置组件点击事件。

![](https://weapp.eteams.cn/papi/file/preview?fileId=1157690803891544118&type=redirect&customParam=%7B%22isExtDist%22%3Atrue%2C%22distributeId%22%3A%22%22%2C%22externalId%22%3A%22%22%2C%22appId%22%3A%22%22%7D)

2）配置组件事件动作，打开预约单外部分发地址，提供外部用户进行数据填报使用

![](https://weapp.eteams.cn/papi/file/preview?fileId=1157690808253620237&type=redirect&customParam=%7B%22isExtDist%22%3Atrue%2C%22distributeId%22%3A%22%22%2C%22externalId%22%3A%22%22%2C%22appId%22%3A%22%22%7D)

3、配置云桥链接微信公众号

1）通过后台管理中心-云桥，新建微信公众号

![](https://weapp.eteams.cn/papi/file/preview?fileId=1157690808315904029&type=redirect&customParam=%7B%22isExtDist%22%3Atrue%2C%22distributeId%22%3A%22%22%2C%22externalId%22%3A%22%22%2C%22appId%22%3A%22%22%7D)

2）配置微信公众号菜单，配置一二级菜单链接动作

![](https://weapp.eteams.cn/papi/file/preview?fileId=1157690808331796521&type=redirect&customParam=%7B%22isExtDist%22%3Atrue%2C%22distributeId%22%3A%22%22%2C%22externalId%22%3A%22%22%2C%22appId%22%3A%22%22%7D)

![](https://site-admin.eteams.cn/js/ueditor/themes/default/images/spacer.gif)

3）来访预约菜单地址可获取应用内来访预约表单外部分发地址

![](https://weapp.eteams.cn/papi/file/preview?fileId=1157691357903061006&type=redirect&customParam=%7B%22isExtDist%22%3Atrue%2C%22distributeId%22%3A%22%22%2C%22externalId%22%3A%22%22%2C%22appId%22%3A%22%22%7D)

4、通过动作流配置数据逻辑规则

1）个人办事预约单数据新增后触发流程审批；合理的根据实际场景选择正确的触发动作以及执行动作。

![](https://weapp.eteams.cn/papi/file/preview?fileId=1157691357903061037&type=redirect&customParam=%7B%22isExtDist%22%3Atrue%2C%22distributeId%22%3A%22%22%2C%22externalId%22%3A%22%22%2C%22appId%22%3A%22%22%7D)

2）根据审批的触发节点选择动作流触发时机，审批正向流转归档后，触发消息推送至微信公众号

![](https://weapp.eteams.cn/papi/file/preview?fileId=1157691357903061053&type=redirect&customParam=%7B%22isExtDist%22%3Atrue%2C%22distributeId%22%3A%22%22%2C%22externalId%22%3A%22%22%2C%22appId%22%3A%22%22%7D)
