| | |
| | | <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" /> |
| | |
| | | components: { detailDialog}, |
| | | data() { |
| | | return { |
| | | |
| | | loading: false, |
| | | single: true, |
| | | multiple: true, |
| | |
| | | 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) { |
| | |
| | | this.loading = false; |
| | | } |
| | | }) |
| | | }, |
| | | changeTimeStatus(val) { |
| | | this.getList() |
| | | }, |
| | | tableAddClass({ row, rowIndex }) { |
| | | if (row.difference < row.duration) { |
| | | return "tr-red"; |
| | | } |
| | | return ""; |
| | | }, |
| | | handleChange(){ |
| | | |
| | |
| | | } |
| | | }; |
| | | </script> |
| | | |
| | | <style scoped> |
| | | .app-container /deep/ .el-table .tr-red { |
| | | color: red !important; |
| | | } |
| | | </style> |