添加二维码功能

src/views/educationalTraining/learningManagement/training/index.vue

@@ -97,6 +97,17 @@
           </el-tag>
         </template>
       </el-table-column>
+
+      <el-table-column label="二维码" align="center">
+        <template slot-scope="{ row }">
+          <el-image
+            fit="cover"
+            style="width: 60px; height: 60px"
+            @click="onOpenViewQrCode(row.qrCodeUuid)"
+            :src="'data:image/png;base64,' + row.qrCodeUuid"
+          />
+        </template>
+      </el-table-column>
       <el-table-column label="操作" align="center" width="220">
         <template slot-scope="scope">
           <el-button
@@ -228,6 +239,10 @@
         @pagination="selectSignInList"
       />
     </el-dialog>
+
+    <el-dialog title="二维码" :visible.sync="qrCodeVisible" center width="300px">
+      <el-image :src="'data:image/png;base64,' + qrCode" height="300px" />
+    </el-dialog>
   </div>
 </template>
 
@@ -244,6 +259,8 @@ import { preparationPost } from '@/api/pro/proList'
 export default {
   data() {
     return {
+      qrCodeVisible: false,
+      qrCode: '',
       total: 0,
       dialogTotal: 0,
       showSearch: true,
@@ -413,6 +430,12 @@ export default {
     selectionChange(val) {
       console.log('选择', val)
     },
+
+    // 点击二维码
+    onOpenViewQrCode(qrCode) {
+      this.qrCode = qrCode
+      this.qrCodeVisible = true
+    },
     // 开始签到
     handleSignIn(row) {
       console.log('开始签到')