zhouwx
2024-10-21 c36b440848d5d78f29c583080e0b86a51488917c
src/views/onlineEducation/learnRecord/components/detailDialog.vue
@@ -1,6 +1,6 @@
<template>
  <el-dialog
    title="学习记录详情"
    title="学习记录详情(该记录将至少保留6年)"
    :visible.sync="dialogVisible"
    :modal-append-to-body="false"
    :close-on-click-modal="false"
@@ -8,8 +8,8 @@
    :before-close="handleClose"
    append-to-body
  >
    <el-form ref="dataForm" :model="dataForm" label-position="right" label-width="150px" style="padding-right: 50px" >
      <div class="flex">
    <el-form ref="dataForm" :model="dataForm" label-position="right" label-width="160px"  >
      <div class="flex" style="flex-wrap: wrap">
        <el-form-item label="姓名:">
          <span>{{dataForm.name}}</span>
        </el-form-item>
@@ -32,7 +32,7 @@
          <span>{{dataForm.courseName}}</span>
        </el-form-item>
        <el-form-item label="章节:">
          <span>{{dataForm.catalogName}}</span>
          <span>{{dataForm.chapterName}}</span>
        </el-form-item>
      </div>
      <el-table
@@ -65,13 +65,17 @@
          <div  style="margin-top: 15px;margin-left: 30px" v-for="item in authList">
            <el-image
              style="width: 150px; height: 150px"
              :src="dataForm.approvePhoto"
              :preview-src-list="[dataForm.approvePhoto]">
              :src="item.approvePhoto"
              :preview-src-list="[item.approvePhoto]">
            </el-image>
            <div class="columnFlex" style="margin-top: 15px;font-size: 16px;line-height: 25px">
              <span>认证位置:{{ item.authPostionDesc}}</span>
              <span>类别:{{ item.faceType  == 10 ? '签到' : '认证' }}</span>
              <span>类别:人脸面部识别</span>
              <span>认证时间:{{item.authTime}}</span>
              <div style="display: flex;align-items: center;">
                <span>IP:{{item.ip? item.ip : '--'}}</span>
                <span style="margin-left: 15px">MAC:{{item.mac ? item.mac : '--'}}</span>
              </div>
            </div>
          </div>
        </div>
@@ -122,7 +126,7 @@
</template>
<script >
import noPic from '@/assets/images/none.png'
export default {
  name: 'addUser',
  components: {
@@ -144,6 +148,9 @@
      this.dialogVisible = true;
      console.log('data',data)
      this.dataForm = data
      if(this.dataForm.lessonReportUrl == '-'){
        this.dataForm.lessonReportUrl = noPic
      }
      this.tableData.push(
        {
          durationDesc: data.durationDesc,
@@ -173,4 +180,10 @@
.columnFlex{
  display: flex;flex-direction: column;
}
::v-deep .el-dialog__title {
  line-height: 24px;
  font-size: 22px;
  color: #303133;
  font-weight: 600;
}
</style>