3月31日每日总结

今日完成选题页面设计

会议申请页面:

Copy Code
<form>
  <label for="meeting-date">会议日期:</label>
  <input type="date" id="meeting-date" name="meeting-date"><br><br>
  
  <label for="meeting-time">会议时间:</label>
  <input type="time" id="meeting-time" name="meeting-time"><br><br>

  <label for="meeting-location">会议地点:</label>
  <input type="text" id="meeting-location" name="meeting-location"><br><br>

  <label for="meeting-topic">会议主题:</label>
  <input type="text" id="meeting-topic" name="meeting-topic"><br><br>

  <button type="submit">提交</button>
</form>

开始会议页面:

Copy Code
<!-- 用于触发签到功能 -->
<button onclick="startAttendance()">开始签到</button>

<!-- 显示参会人员列表 -->
<table>
  <thead>
    <tr>
      <th>姓名</th>
      <th>公司</th>
      <th>职务</th>
      <th>状态</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>张三</td>
      <td>阿里巴巴</td>
      <td>高级工程师</td>
      <td>未签到</td>
    </tr>
    <tr>
      <td>李四</td>
      <td>腾讯</td>
      <td>产品经理</td>
      <td>已签到</td>
    </tr>
  </tbody>
</table>

<!-- 签到功能 -->
<script>
  function startAttendance() {
    /* 调用人脸识别接口进行签到 */
    /* 更新参会人员状态为已签到 */
  }
</script>

会议结束页面:

Copy Code
<!-- 显示参会人员签到情况统计 -->
<p>已签到人数:50</p>
<p>未签到人数:10</p>

<!-- 显示签到方式统计 -->
<table>
  <thead>
    <tr>
      <th>签到方式</th>
      <th>签到人数</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>人脸识别</td>
      <td>30</td>
    </tr>
    <tr>
      <td>手动签到</td>
      <td>20</td>
    </tr>
  </tbody>
</table>
posted @ 2023-03-31 21:48  catchtheRainbow  阅读(9)  评论(0)    收藏  举报