图标以及乱七八糟的更新

src/assets/fonts/demo_index.html

@@ -1160,6 +1160,62 @@
             </div>
           </li>
 
+          
+
+          <li class="dib">
+            <span class="icon iconfont icon-jiaqinguanli"></span>
+            <div class="name">
+              假勤管理
+            </div>
+            <div class="code-name">.icon-jiaqinguanli
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-paike"></span>
+            <div class="name">
+              排课
+            </div>
+            <div class="code-name">.icon-paike
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-zaiduxueyuan"></span>
+            <div class="name">
+              在读学员
+            </div>
+            <div class="code-name">.icon-zaiduxueyuan
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-kaoqindaka"></span>
+            <div class="name">
+              考勤打卡
+            </div>
+            <div class="code-name">.icon-kaoqindaka
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-opensound"></span>
+            <div class="name">
+              声音开
+            </div>
+            <div class="code-name">.icon-opensound
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-closesound"></span>
+            <div class="name">
+              声音静音
+            </div>
+            <div class="code-name">.icon-closesound
+            </div>
+          </li>
+          
         </ul>
         <div class="article markdown">
         <h2 id="font-class-">font-class 引用</h2>

src/assets/fonts/iconfont.css

@@ -306,3 +306,35 @@
 .icon-pingmu:before {
   content: "\ec6f";
 }
+
+
+@font-face {
+  font-family: "iconfont"; /* Project id 1422093 */
+  src: url('iconfont.woff2?t=1661390198760') format('woff2'),
+       url('iconfont.woff?t=1661390198760') format('woff'),
+       url('iconfont.ttf?t=1661390198760') format('truetype');
+}
+
+.icon-jiaqinguanli:before {
+  content: "\e631";
+}
+
+.icon-paike:before {
+  content: "\e724";
+}
+
+.icon-zaiduxueyuan:before {
+  content: "\e60e";
+}
+
+.icon-kaoqindaka:before {
+  content: "\e6d9";
+}
+
+.icon-opensound:before {
+  content: "\eca6";
+}
+
+.icon-closesound:before {
+  content: "\eca9";
+}

src/assets/fonts/iconfont.json

@@ -508,6 +508,48 @@
       "font_class": "dianshangxitong",
       "unicode": "e613",
       "unicode_decimal": 58899
+    },
+    {
+      "icon_id": "5055336",
+      "name": "假勤管理",
+      "font_class": "jiaqinguanli",
+      "unicode": "e631",
+      "unicode_decimal": 58929
+    },
+    {
+      "icon_id": "7712210",
+      "name": "排课",
+      "font_class": "paike",
+      "unicode": "e724",
+      "unicode_decimal": 59172
+    },
+    {
+      "icon_id": "8023419",
+      "name": "在读学员",
+      "font_class": "zaiduxueyuan",
+      "unicode": "e60e",
+      "unicode_decimal": 58894
+    },
+    {
+      "icon_id": "15994130",
+      "name": "考勤打卡",
+      "font_class": "kaoqindaka",
+      "unicode": "e6d9",
+      "unicode_decimal": 59097
+    },
+    {
+      "icon_id": "6776387",
+      "name": "声音开",
+      "font_class": "opensound",
+      "unicode": "eca6",
+      "unicode_decimal": 60582
+    },
+    {
+      "icon_id": "6776437",
+      "name": "声音静音",
+      "font_class": "closesound",
+      "unicode": "eca9",
+      "unicode_decimal": 60585
     }
   ]
 }

src/views/clockIn/attendClass.vue

@@ -31,18 +31,36 @@
 
       <el-table :data="data" style="width: 100%;overflow: auto;" size="medium" highlight-current-row>
         <el-table-column type="index" width="60" label="序号" align="center" />
-          <el-table-column prop="lessonName" label="第几节课" align="center" />
-          <el-table-column prop="courseName" label="课程名称" align="center" />
         <el-table-column prop="classTime" label="上课时间" align="center" />
+        <el-table-column prop="lessonName" label="课时名称" align="center" />
+        <el-table-column prop="courseName" label="课程名称" align="center" />
+        <el-table-column prop="startTime" label="开始时间" align="center" />
+        <el-table-column prop="endTime" label="结束时间" align="center" />
         <el-table-column label="操作" align="center" width="280">
           <template slot-scope="scope">
             <a-button type="primary" icon="play-circle" size="small" ghost @click="startClick(scope.row)" v-if="scope.row.id && scope.row.upStatus === 2">开启打卡</a-button>
             <a-button type="danger" icon="pause-circle" style="margin-left: 6px;" ghost size="small" @click="endClick(scope.row)" v-if="scope.row.id && scope.row.upStatus === 1">关闭打卡</a-button>
+            <a-button type="primary" icon="play-circle" size="small" style="margin-left: 6px;" ghost @click="showClick(scope.row)">详情</a-button>
           </template>  
         </el-table-column>
       </el-table>
       
 
+      <el-dialog :append-to-body="true" title="学员打卡记录" :visible.sync="dialogVisible" width="800px" :close-on-click-modal="false" @close="dialogClose()">
+        <el-form :model="formData" ref="formData" label-position="right" style="border: 2px solid rgb(67, 167, 71);padding:20px;">
+          <el-table :data="recordList" size="medium" highlight-current-row height="500">
+            <el-table-column type="index" width="60" label="序号" align="center" />
+            <el-table-column prop="studentNo" label="学号" align="center" />
+            <el-table-column prop="studentName" label="姓名" align="center" />
+            <el-table-column prop="createTime" label="打卡时间" align="center" />
+          </el-table>
+        </el-form>
+
+        <span slot="footer" class="dialog-footer">
+          <a-button @click="dialogVisible = false" type="primary" ghost>关 闭</a-button>
+        </span>
+      </el-dialog>
+
 
     </el-card>
     </div>
@@ -67,6 +85,8 @@ export default {
       },
       // 总条数
       total: 0,
+      timer: null,
+      recordList: []
     }
   },
 
@@ -119,17 +139,35 @@ export default {
       this.initData()
     },
     async startClick(row) {
-        const { data: res } = await this.$axios.post('/clockIn/updateStatus', { classCode: row.classCode, classTime: row.classTime,id: row.id, upStatus: 1})
+      const { data: res } = await this.$axios.post('/clockIn/open', { classCode: row.classCode, classTime: row.classTime,id: row.id, upStatus: 1})
       if (res.code !== 99200) return this.$message.error(res.message)
       this.$message.success('开启打卡')
       this.initData()
     },
     async endClick(row) {
-        const { data: res } = await this.$axios.post('/clockIn/updateStatus', { classCode: row.classCode, classTime: row.classTime,id: row.id, upStatus: 2})
+      const { data: res } = await this.$axios.post('/clockIn/close', { classCode: row.classCode, classTime: row.classTime,id: row.id, upStatus: 2})
       if (res.code !== 99200) return this.$message.error(res.message)
       this.$message.success('结束打卡')
       this.initData()
     },
+    async showClick(row) {
+      const that = this
+      if (row.upStatus === 2) {
+        this.showDetail(row)
+      } else if (row.upStatus === 1) {
+        this.timer = setInterval(() => that.showDetail(row), 1000)
+      }
+      this.dialogVisible = true
+    },
+    async showDetail(row) {
+      console.log('刷新')
+      const { data: res } = await this.$axios.post('/clockIn/getClockInRecord', { classCode: row.classCode, courseCode: row.courseCode, classTime: row.classTime, lessonId: row.lessonId, pageSize: 999 })
+      if (res.code !== 99200) return this.$message.error(res.message)
+      this.recordList = res.data.records
+    },
+    dialogClose() {
+      clearInterval(this.timer)
+    }
   },
 
   computed: {