|
@@ -1,7 +1,7 @@
|
|
|
<template>
|
|
|
<div class="p-base">
|
|
|
<div class="m-b-base flex top-box">
|
|
|
- <div class="flex-1 p-base radius-base fill-blank m-r-base form-card">
|
|
|
+ <div class="flex-1 p-base radius-base fill-blank m-r-base form-card scroll-auto">
|
|
|
<base-form
|
|
|
ref="formRef"
|
|
|
:label-width="'72px'"
|
|
@@ -15,18 +15,15 @@
|
|
|
<base-table
|
|
|
ref="tableRef"
|
|
|
v-loading="paperLoading"
|
|
|
- style="width: 240px"
|
|
|
border
|
|
|
stripe
|
|
|
size="small"
|
|
|
:data="paperTableData"
|
|
|
:columns="[
|
|
|
- { label: '密号', prop: 'secretNumber', width: 120 },
|
|
|
+ { label: '密号', prop: 'secretNumber' },
|
|
|
{ label: '分数', prop: 'score' },
|
|
|
]"
|
|
|
- max-height="180"
|
|
|
- :cell-style="{ padding: '3px 0' }"
|
|
|
- :header-cell-style="{ padding: '3px 0' }"
|
|
|
+ max-height="176"
|
|
|
></base-table>
|
|
|
</template>
|
|
|
</base-form>
|
|
@@ -195,6 +192,7 @@ const { formRef, elFormRef, defineColumn, _ } = useForm()
|
|
|
const Span12 = defineColumn(_, '', { span: 12 })
|
|
|
const Span6 = defineColumn(_, '', { span: 6 })
|
|
|
const Span18 = defineColumn(_, '', { span: 18 })
|
|
|
+const Span24 = defineColumn(_, '', { span: 24 })
|
|
|
|
|
|
const rules: EpFormRules = {
|
|
|
subjectCode: [{ required: true, message: '请选择科目' }],
|
|
@@ -213,6 +211,36 @@ const groups: FormGroup[] = [
|
|
|
]
|
|
|
|
|
|
const items = computed<EpFormItem[]>(() => {
|
|
|
+ let rowStart = 3
|
|
|
+ let domArr = []
|
|
|
+ let arr = forceCheckGroupList?.value || []
|
|
|
+ for (let i = 0; i < arr.length; i++) {
|
|
|
+ if (i % 5 == 0) {
|
|
|
+ domArr.push(
|
|
|
+ Span24({
|
|
|
+ rowKey: 'row-' + rowStart,
|
|
|
+ prop: 'forceGroupNumber',
|
|
|
+ slotType: 'radio',
|
|
|
+ slot: {
|
|
|
+ options: arr.slice(i, i + 5).map((v) => ({
|
|
|
+ label: v.forceGroupNumber,
|
|
|
+ slotLabel: `第${v.forceGroupNumber}组`,
|
|
|
+ })),
|
|
|
+ },
|
|
|
+ })
|
|
|
+ )
|
|
|
+ rowStart++
|
|
|
+ }
|
|
|
+ if (model.forceGroupNumber == arr[i].forceGroupNumber) {
|
|
|
+ domArr.push(
|
|
|
+ Span18({
|
|
|
+ rowKey: 'row-' + rowStart,
|
|
|
+ slotName: 'paperTable',
|
|
|
+ })
|
|
|
+ )
|
|
|
+ rowStart++
|
|
|
+ }
|
|
|
+ }
|
|
|
return [
|
|
|
Span12({
|
|
|
rowKey: 'row-1',
|
|
@@ -236,21 +264,22 @@ const items = computed<EpFormItem[]>(() => {
|
|
|
disabled: !isExpert.value && !isLeader.value,
|
|
|
},
|
|
|
}),
|
|
|
- Span6({
|
|
|
- rowKey: 'row-3',
|
|
|
- prop: 'forceGroupNumber',
|
|
|
- slotType: 'radio',
|
|
|
- slot: {
|
|
|
- options: forceCheckGroupList?.value?.map((v) => ({
|
|
|
- label: v.forceGroupNumber,
|
|
|
- slotLabel: `第${v.forceGroupNumber}组`,
|
|
|
- })),
|
|
|
- },
|
|
|
- }),
|
|
|
- Span18({
|
|
|
- rowKey: 'row-3',
|
|
|
- slotName: 'paperTable',
|
|
|
- }),
|
|
|
+ // Span24({
|
|
|
+ // rowKey: 'row-3',
|
|
|
+ // prop: 'forceGroupNumber',
|
|
|
+ // slotType: 'radio',
|
|
|
+ // slot: {
|
|
|
+ // options: forceCheckGroupList?.value?.map((v) => ({
|
|
|
+ // label: v.forceGroupNumber,
|
|
|
+ // slotLabel: `第${v.forceGroupNumber}组`,
|
|
|
+ // })),
|
|
|
+ // },
|
|
|
+ // }),
|
|
|
+ ...domArr,
|
|
|
+ // Span18({
|
|
|
+ // rowKey: 'row-3',
|
|
|
+ // slotName: 'paperTable',
|
|
|
+ // }),
|
|
|
]
|
|
|
})
|
|
|
|