zhouwx
2024-11-06 db7b0541b3fbecaeda7b44129b7af3215296ec6d
src/views/onlineEducation/learnRecord/index.vue
@@ -1,6 +1,11 @@
<template>
  <div class="app-container">
    <el-table v-loading="loading" :data="expertList">
    <el-radio-group v-model="queryParams.status" style="margin-bottom: 10px;" @change="changeTimeStatus">
      <el-radio-button label="0">全部</el-radio-button>
      <el-radio-button label="2">异常记录</el-radio-button>
      <el-radio-button label="1">正常记录</el-radio-button>
    </el-radio-group>
    <el-table v-loading="loading" :data="expertList" :row-class-name="tableAddClass">
      <el-table-column label="记录编号" align="center" prop="id" />
      <el-table-column label="身份证号" align="center" prop="idcard" :show-overflow-tooltip="true" />
      <el-table-column label="上报平台" align="center" prop="institutionName" />
@@ -46,6 +51,7 @@
  components: { detailDialog},
  data() {
    return {
      loading: false,
      single: true,
      multiple: true,
@@ -56,25 +62,16 @@
      expertList: [],
      queryParams: {
        pageNum: 1,
        pageSize: 10
        pageSize: 10,
        status: 0,
      },
    };
  },
  created() {
    if(Cookies.get('learnRecord')){
    }else{
      this.getList({});
    }
      this.getList();
  },
  methods: {
    getList(data){
      console.log('data',data)
      if(data){
        this.queryParams.idcard = data.idcard
        this.expertList = []
      }
    getList(){
      this.loading = true;
      listRecord( this.queryParams).then((res) => {
        if (res.code == 200) {
@@ -83,6 +80,15 @@
          this.loading = false;
        }
      })
    },
    changeTimeStatus(val) {
      this.getList()
    },
    tableAddClass({ row, rowIndex }) {
      if (row.difference < row.duration) {
        return "tr-red";
      }
      return "";
    },
    handleChange(){
@@ -99,3 +105,9 @@
  }
};
</script>
<style scoped>
.app-container /deep/ .el-table .tr-red {
  color: red !important;
}
</style>