山东大学项目实训—微信小程序选座系统—7月12日

山东大学项目实训—7月12日

一、基本任务介绍

  我的任务是教学任务的管理，教学管理任务是保证管理员通过此功能来管理一次活动，如可以是一次讲座，每个活动应该有固定开始时间，结束时间，限制人数，活动内容介绍，活动使用的教室；同时可以查看当前选座情况、导出选座名单等。
  我主要负责的功能是：创建教学、可选座位管理、可选教室查询，房间冲突检测、生成签到二维码。但由于后期设计更改，二维码由后端生成，因此我不负责二维码生成功能。

二、完成任务

  今天依旧是对一些代码的继续优化，将可选座位管理功能添加到添加活动界面上去，并对代码进行了修改。由于二维码功能后期才修改为后端实现，我已经大概写出了前端产生二维码，并编码以发送给后端的功能。

- 可选座位管理

界面设计：
我是使用了点击一个按钮，弹出一个对话框进行座位编辑，过道用灰色按钮表示标识为’0’，可选座位用绿色按钮表示标识为’1’，不可选座位用红色按钮表示标识为’2’。

<el-col :span="2">
          <el-button type="primary" @click="change">座位编辑</el-button>
          <el-dialog
              id="seatMap"
              title="选座管理"
              :visible.sync="dialogVisible"
              fullscreen>
            <div class="seat-charts-row" v-for="(item,x) in newArray"  :key="x">
              <div  @click="userChoiceFn(x,y,subItem)" ref="allSeat" class="allPublicGray" v-for="(subItem,y) in item" :key="y">
                <div v-if="subItem === '0'" ><el-button  type="info">过道</el-button></div>
                <div v-if="subItem === '1'"><el-button  type="success">可选</el-button></div>
                <div v-if="subItem === '2'" ><el-button  type="danger">勿选</el-button></div>
              </div>
            </div>
            <span slot="footer" class="dialog-footer">
         <el-button @click="dialogVisible = false">取 消</el-button>
         <el-button type="primary" @click