> ## Documentation Index
> Fetch the complete documentation index at: https://jinshuju-20a27453.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# 校园开放日活动限额报名和座位区域展示

> 学校开展开放日活动时，限制不同的特色课程或社团咨询名额，以及各社团或课程详细介绍内容显示都是常用场景。可以使用本文方式实现名额控制和信息展示

## 需求背景

学校要举办一场针对准入学新生家长的校园开放日活动，地点定在学校体育馆举行，体育馆分为有座位的看台区和无座位的篮球场两个大区。每个大区又按「社团」分为25个小区域，合计 50 个「社团区域」。希望家长通过微信扫二维码选择自己感兴趣的社团后，可以看到该社团详细介绍和具体在哪个区域接受咨询。每个家长可以选最多 2 个社团了解，而每个社团也仅支持 20 名家长的预约。

## 解决方案

使用金数据选项名额结合字段显示规则实现报名同时可以查看选择的社团所在区域。

### 一、创建「校园开放日报名登记表」

#### 创建表单并添加姓名、家长联系电话等基础信息收集字段

<img src="https://mintcdn.com/jinshuju-20a27453/HTQ0GlyiuT1J8jK-/v4/attachments/DpFez9LNawdC6iAE99rnGzJN.png?fit=max&auto=format&n=HTQ0GlyiuT1J8jK-&q=85&s=ad6ecfd6e5335f46c478e2fe5c8d1c90" alt="" width="1036" height="570" data-path="v4/attachments/DpFez9LNawdC6iAE99rnGzJN.png" />

### 二、设置社团选择的选项名额

添加「请选择感兴趣的社团课程」的多选字段并设置[选项名额](/v4/articles/the-quota-of-item)和最少选 1 项，最多选 2 项

<img src="https://mintcdn.com/jinshuju-20a27453/6_cw5VCgAXk0lmwc/v4/attachments/nD1rfeJ1Drs9FhSvhbRVLfd5.png?fit=max&auto=format&n=6_cw5VCgAXk0lmwc&q=85&s=8b25f1e81cc47567b9d7035a3514aff0" alt="" width="1706" height="1000" data-path="v4/attachments/nD1rfeJ1Drs9FhSvhbRVLfd5.png" />

### 三、添加社团介绍信息

为每个社团各添加一个描述字段做社团介绍和区域指引

<img src="https://mintcdn.com/jinshuju-20a27453/sSdHTDHjdSu1q3-g/v4/attachments/Az8z1XMcPWtRh8mkmYsjqUMU.png?fit=max&auto=format&n=sSdHTDHjdSu1q3-g&q=85&s=a43987c8a7c287e28ee7f4ac2ba908ce" alt="" width="2000" height="676" data-path="v4/attachments/Az8z1XMcPWtRh8mkmYsjqUMU.png" />

### 四、 设置社团介绍字段的显示规则

在规则页面为「请选择感兴趣的社团课程」和各社团介绍的描述字段设置[字段规则](/v4/articles/field-rules)

<img src="https://mintcdn.com/jinshuju-20a27453/YUXwIKtqKLjC_PZb/v4/attachments/pyPt17hmpvG9pcz56xAYnM9X.png?fit=max&auto=format&n=YUXwIKtqKLjC_PZb&q=85&s=0bb3b9bee8afd3a48470a4967977b06a" alt="" width="1116" height="1000" data-path="v4/attachments/pyPt17hmpvG9pcz56xAYnM9X.png" />

**填写页面实际效果**

<img src="https://mintcdn.com/jinshuju-20a27453/sSdHTDHjdSu1q3-g/v4/attachments/8dDzqeYegsEHGccuDWr28JT6.png?fit=max&auto=format&n=sSdHTDHjdSu1q3-g&q=85&s=341d0006fe8c2f951e58cd247a2bddb7" alt="" width="865" height="1000" data-path="v4/attachments/8dDzqeYegsEHGccuDWr28JT6.png" />


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.