持续创作，加速成长！这是我参与「掘金日新计划 · 6 月更文挑战」的第34天，点击查看活动详情

这一篇写如何配置监考人员。

我已经设置了公开权限，大家都可以访问，项目每天的进度基本上是和文章更新一致的，或者略快于文章，我也是边写边发的，有些代码在后续版本说不定就更改了。代码的字数意义不大，有需要的都可以去项目上直接看，这里我大都换成了图片。

这疯狂一周好几天了也没抽到我，也没啥存货了，今天就是这个周期的最后一天了，后面的我抽空慢慢写，争取每篇功能多写点，在下个连载月与大家见面。

一、实现步骤

(一) 首先在原数据表格增加列配置

在原有显示考试信息的表格上，增加配置列，功能目前如下：

这里实现点击显示一个模态框，并使用函数初始化模态框里面的表格。

在html文档中这个模态框是这样的

和上面几个以前的模态框的不同之处在于这个模态框是modal-lg 样式的，会大点，原来的直接复制过来缩成了一团，不行。

initPeopleTable这个绘制表格的函数使用了一个参数test_id,用于在后台取对应的考试的数据。

在后台数据接口中，我们传出来的数据的几项里，两个id在模态框的表格中并不直接显示，而是用来区分这一行的来源，便于后续的删除操作。

弹出框显示效果如下

后续继续实现删除与编辑以及新增的功能即可，这个步骤和过去的主页面上表格的功能类似，唯一要注意的是这里的新增需要有个媒介来知道是为哪场考试新增。在js中设置一个公共变量来储存这个数据。

六月的更新就到此为止了，如果一切顺利的话，让我们相约下一场更文活动！