|
@@ -69,7 +69,7 @@ import useVW from '@/hooks/useVW'
|
|
|
import useFetch from '@/hooks/useFetch'
|
|
|
import useSection from '@/hooks/useSection'
|
|
|
import useFormFilter from './hooks/useFormFilter'
|
|
|
-
|
|
|
+import ImgWaitingCheck from '../../../assets/images/daishen.png'
|
|
|
import type { ExtractApiResponse } from '@/api/api'
|
|
|
import type { EpTableColumn } from 'global-type'
|
|
|
|
|
@@ -123,7 +123,34 @@ const columns = computed<EpTableColumn<TableDataType>[]>(() => {
|
|
|
fixed: 'left',
|
|
|
},
|
|
|
{ label: '评卷员', prop: 'markerName', width: 100, fixed: 'left' },
|
|
|
- { label: '状态', prop: 'status', width: 100, fixed: 'left' },
|
|
|
+ {
|
|
|
+ label: '状态',
|
|
|
+ prop: 'status',
|
|
|
+ width: 104,
|
|
|
+ fixed: 'left',
|
|
|
+ formatter(row: any) {
|
|
|
+ let cls =
|
|
|
+ row.status == 'Sample A'
|
|
|
+ ? 'sample-a'
|
|
|
+ : row.status == 'Sample B'
|
|
|
+ ? 'sample-b'
|
|
|
+ : row.status == 'Pass A'
|
|
|
+ ? 'pass-a'
|
|
|
+ : row.status == 'Pass B'
|
|
|
+ ? 'pass-b'
|
|
|
+ : row.status == '强制考核'
|
|
|
+ ? 'qzkh'
|
|
|
+ : row.status === '正评'
|
|
|
+ ? 'zp'
|
|
|
+ : 'normal'
|
|
|
+ return (
|
|
|
+ <div class={cls + ' status-box'}>
|
|
|
+ {row.status}
|
|
|
+ {row.needAudit ? <img class="wait-check" src={ImgWaitingCheck} /> : null}
|
|
|
+ </div>
|
|
|
+ )
|
|
|
+ },
|
|
|
+ },
|
|
|
{ label: '平均分', prop: 'avg', width: 80 },
|
|
|
{ label: '标准差', prop: 'std', width: 80 },
|
|
|
{ label: '相关系数', prop: 'xyRelate', width: 80 },
|
|
@@ -181,13 +208,13 @@ const onDbClick = (row: TableDataType) => {
|
|
|
}
|
|
|
|
|
|
onOptionInit(onSearch)
|
|
|
-let timer: any = setInterval(() => {
|
|
|
- onSearch()
|
|
|
-}, 30000)
|
|
|
-onBeforeUnmount(() => {
|
|
|
- clearInterval(timer)
|
|
|
- timer = null
|
|
|
-})
|
|
|
+// let timer: any = setInterval(() => {
|
|
|
+// onSearch()
|
|
|
+// }, 30000)
|
|
|
+// onBeforeUnmount(() => {
|
|
|
+// clearInterval(timer)
|
|
|
+// timer = null
|
|
|
+// })
|
|
|
</script>
|
|
|
|
|
|
<style scoped lang="scss">
|
|
@@ -195,13 +222,61 @@ onBeforeUnmount(() => {
|
|
|
:deep(.el-form-item--small) {
|
|
|
margin-bottom: 10px;
|
|
|
}
|
|
|
- :deep(.el-table .fixed-row) {
|
|
|
- display: table-row;
|
|
|
- position: sticky;
|
|
|
- position: '-webkit-sticky';
|
|
|
- top: 0;
|
|
|
- width: 100%;
|
|
|
- z-index: 3;
|
|
|
+ :deep(.el-table) {
|
|
|
+ .cell {
|
|
|
+ overflow: visible;
|
|
|
+ }
|
|
|
+ .fixed-row {
|
|
|
+ display: table-row;
|
|
|
+ position: sticky;
|
|
|
+ position: '-webkit-sticky';
|
|
|
+ top: 0;
|
|
|
+ width: 100%;
|
|
|
+ z-index: 3;
|
|
|
+ }
|
|
|
+ .status-box {
|
|
|
+ height: 24px;
|
|
|
+ padding: 6px 10px;
|
|
|
+ text-align: center;
|
|
|
+ border-radius: 12px;
|
|
|
+ // background: #eee;
|
|
|
+ line-height: 1 !important;
|
|
|
+ font-size: 12px;
|
|
|
+ font-weight: bold;
|
|
|
+ position: relative;
|
|
|
+ .wait-check {
|
|
|
+ position: absolute;
|
|
|
+ right: -1px;
|
|
|
+ top: -5px;
|
|
|
+ width: 10px;
|
|
|
+ height: 10px;
|
|
|
+ z-index: 1;
|
|
|
+ }
|
|
|
+ &.sample-a {
|
|
|
+ background: #d6f3ff;
|
|
|
+ color: #0086d9;
|
|
|
+ }
|
|
|
+ &.sample-b {
|
|
|
+ background: #e8e4ff;
|
|
|
+ color: #605ca2;
|
|
|
+ }
|
|
|
+ &.pass-a {
|
|
|
+ background: #fdf0cc;
|
|
|
+ color: #e26100;
|
|
|
+ }
|
|
|
+ &.pass-b {
|
|
|
+ background: #ffe0cc;
|
|
|
+ color: #9f4f26;
|
|
|
+ }
|
|
|
+ &.qzkh {
|
|
|
+ background: #ffd8d8;
|
|
|
+ color: #844141;
|
|
|
+ }
|
|
|
+ &.zp {
|
|
|
+ background: #ccf1ea;
|
|
|
+ color: #307864;
|
|
|
+ }
|
|
|
+ }
|
|
|
}
|
|
|
}
|
|
|
</style>
|