ClientApps/pqs-9100_client
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

手动、一键检测检测项弹窗表单调整

Browse Source
This commit is contained in:
caozehui
2026-07-21 09:04:59 +08:00
parent 119cbe88d8
commit f8ab1eb5f5
6 changed files with 376 additions and 49 deletions
Download Patch File Download Diff File Expand all files Collapse all files

174
frontend/src/views/home/components/selectTestItemPopup.vue
View File

@@ -5,25 +5,45 @@
<el-form-item prop="preTest">
<div class="test-item-checkbox">
<span>预检测</span>
<el-checkbox v-model="formContent.preTest"/>
<el-checkbox v-model="formContent.preTest" @change="handleSelectTestItemChange"/>
</div>
</el-form-item>
<el-form-item v-if="checkStore.plan.timeCheck===1" prop="timeTest">
<div class="test-item-checkbox">
<span>守时检测</span>
<el-checkbox v-model="formContent.timeTest"/>
<div class="test-item-row">
<div class="test-item-checkbox">
<span>守时检测</span>
<el-checkbox v-model="formContent.timeTest" @change="handleTimeTestChange"/>
</div>
<div v-if="formContent.timeTest" class="resume-checkbox">
<span>守时检测是否续检</span>
<el-checkbox
v-model="resumeTimeCheckChecked"
:disabled="resumeTimeCheckDisabled"
@change="handleResumeTimeCheckChange"
/>
</div>
</div>
</el-form-item>
<el-form-item v-if="channelsTestShow" prop="channelsTest">
<div class="test-item-checkbox">
<span>系数校准</span>
<el-checkbox v-model="formContent.channelsTest"/>
<el-checkbox v-model="formContent.channelsTest" @change="handleSelectTestItemChange"/>
</div>
</el-form-item>
<el-form-item prop="test">
<div class="test-item-checkbox">
<span>正式检测</span>
<el-checkbox v-model="formContent.test"/>
<div class="test-item-row">
<div class="test-item-checkbox">
<span>正式检测</span>
<el-checkbox v-model="formContent.test" @change="handleFormalTestChange"/>
</div>
<div v-if="formContent.test" class="resume-checkbox">
<span>正式检测是否续检</span>
<el-checkbox
v-model="resumeFormalChecked"
:disabled="resumeFormalDisabled"
@change="handleResumeFormalChange"
/>
</div>
</div>
</el-form-item>
</el-form>
@@ -43,7 +63,7 @@ import {dialogSmall} from "@/utils/elementBind";
import {reactive, ref} from "vue";
import {useCheckStore} from "@/stores/modules/check";
import type {CheckData} from "@/api/check/interface";
import {ElMessageBox} from "element-plus";
import {ElMessage, ElMessageBox} from "element-plus";
import {useAppSceneStore,useModeStore} from "@/stores/modules/mode";
@@ -56,10 +76,17 @@ const channelsTestShow = ref(false)
const dialogVisible = ref(false)
const formContent = reactive<CheckData.SelectTestItem>({preTest: true, timeTest: false, channelsTest: false, test: false})
const resumeFormalChecked = ref(false)
const resumeFormalDisabled = ref(true)
const resumeTimeCheckChecked = ref(false)
const resumeTimeCheckDisabled = ref(true)
const submittedClose = ref(false)
const open = async () => {
resetFormContent()
checkStore.setSelectTestItems(formContent)
syncSelectTestItems()
checkStore.setResumeFormal(resumeFormalChecked.value)
checkStore.setResumeTimeCheck(false)
dialogVisible.value = true
if(modeStore.currentMode === '比对式'){
channelsTestShow.value = false
@@ -76,6 +103,102 @@ const open = async () => {
const resetFormContent = () => {
let hasResult = checkStore.devices.some((device) => device.checkResult === 0)
Object.assign(formContent, {preTest: !hasResult, channelsTest: false, timeTest: false, test: hasResult})
resumeFormalChecked.value = formContent.test && allSelectedDevicesHaveFormalState(1)
resumeFormalDisabled.value = !allSelectedDevicesHaveFormalState(1)
resumeTimeCheckChecked.value = false
resumeTimeCheckDisabled.value = true
}
const syncSelectTestItems = () => {
checkStore.setSelectTestItems({...formContent})
}
const normalizeNumber = (value: unknown) => {
if (value === null || value === undefined || value === '') {
return null
}
const num = Number(value)
return Number.isFinite(num) ? num : null
}
const getTimeCheckResult = (device: CheckData.Device) => {
return normalizeNumber(device.timeCheckResult ?? (device as any).Time_Check_Result)
}
const allSelectedDevicesHaveFormalState = (state: number) => {
return checkStore.devices.length > 0 && checkStore.devices.every(device => normalizeNumber(device.checkState) === state)
}
const allTimeCheckResultsAreNewRun = () => {
return checkStore.devices.length > 0 && checkStore.devices.every(device => {
const result = getTimeCheckResult(device)
return result !== null && result <= 2
})
}
const allTimeCheckResultsAreResumable = () => {
return checkStore.devices.length > 0 && checkStore.devices.every(device => getTimeCheckResult(device) === 3)
}
const hasMixedFormalCheckState = () => {
const checkStates = checkStore.devices.map(device => Number(device.checkState))
const allCheckStatesEqual = new Set(checkStates).size <= 1
const allCheckStatesKnown = checkStates.every(state => [0, 1, 2].includes(state))
return !allCheckStatesEqual || !allCheckStatesKnown
}
const handleSelectTestItemChange = () => {
syncSelectTestItems()
}
const handleTimeTestChange = (value: string | number | boolean) => {
if (!Boolean(value)) {
resumeTimeCheckChecked.value = false
resumeTimeCheckDisabled.value = true
checkStore.setResumeTimeCheck(false)
syncSelectTestItems()
return
}
if (!allTimeCheckResultsAreNewRun() && !allTimeCheckResultsAreResumable()) {
ElMessage.warning('守时检测中的设备不能与守时结果为符合、不符合、未检的设备混检')
formContent.timeTest = false
resumeTimeCheckChecked.value = false
resumeTimeCheckDisabled.value = true
checkStore.setResumeTimeCheck(false)
syncSelectTestItems()
return
}
resumeTimeCheckChecked.value = allTimeCheckResultsAreResumable()
resumeTimeCheckDisabled.value = !allTimeCheckResultsAreResumable()
checkStore.setResumeTimeCheck(!resumeTimeCheckDisabled.value && resumeTimeCheckChecked.value)
syncSelectTestItems()
}
const handleFormalTestChange = (value: string | number | boolean) => {
if (!Boolean(value)) {
resumeFormalChecked.value = false
resumeFormalDisabled.value = true
checkStore.setResumeFormal(false)
syncSelectTestItems()
return
}
resumeFormalChecked.value = allSelectedDevicesHaveFormalState(1)
resumeFormalDisabled.value = !allSelectedDevicesHaveFormalState(1)
checkStore.setResumeFormal(!resumeFormalDisabled.value && resumeFormalChecked.value)
syncSelectTestItems()
}
const handleResumeTimeCheckChange = (value: string | number | boolean) => {
resumeTimeCheckChecked.value = !resumeTimeCheckDisabled.value && Boolean(value)
checkStore.setResumeTimeCheck(formContent.timeTest && resumeTimeCheckChecked.value)
}
const handleResumeFormalChange = (value: string | number | boolean) => {
resumeFormalChecked.value = !resumeFormalDisabled.value && Boolean(value)
checkStore.setResumeFormal(formContent.test && resumeFormalChecked.value)
}
const handleStart = async () => {
@@ -88,6 +211,10 @@ const handleStart = async () => {
if (count === 0) {
ElMessage.warning('请选择测试内容！')
} else {
if (formContent.test && hasMixedFormalCheckState()) {
ElMessage.warning('正式检测，所选设备检测状态不一致，请选择同一状态设备')
return
}
if(formContent.channelsTest){
const factorFlagArray = ref<string[]>([]) // 初始化为空数组
for (let i = 0; i < checkStore.devices.length; i++) {
@@ -112,9 +239,12 @@ const handleStart = async () => {
}
checkStore.setCheckType(0)
checkStore.setSelectTestItems({...formContent})
checkStore.setResumeFormal(formContent.test && !resumeFormalDisabled.value && resumeFormalChecked.value)
checkStore.setResumeTimeCheck(formContent.timeTest && !resumeTimeCheckDisabled.value && resumeTimeCheckChecked.value)
submittedClose.value = true
handleClose()
emit('openTestDialog',checkStore.selectTestItems.test)
@@ -126,6 +256,12 @@ const handleClose = () => {
dialogVisible.value = false
// 清空dialogForm中的值
resetFormContent()
if (!submittedClose.value) {
syncSelectTestItems()
checkStore.setResumeFormal(resumeFormalChecked.value)
checkStore.setResumeTimeCheck(false)
}
submittedClose.value = false
dialogFormRef.value?.resetFields()
}
@@ -143,11 +279,25 @@ defineExpose({open})
white-space: nowrap;
}
.test-item-row {
display: flex;
align-items: center;
column-gap: 80px;
width: 330px;
}
.resume-checkbox {
display: inline-flex;
align-items: center;
justify-content: space-between;
min-width: 150px;
white-space: nowrap;
}
.select-test-form {
display: grid;
grid-template-columns: repeat(2, 120px);
grid-template-columns: 330px;
justify-content: center;
column-gap: 70px;
row-gap: 22px;
padding: 12px 0 18px;