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-13 10:35:04 +08:00
parent b0ee58a1b5
commit 8c7c34cda2
5 changed files with 143 additions and 54 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -1,18 +1,30 @@
<template>
<el-dialog title="选择测试内容" v-model='dialogVisible' @close="handleClose" v-bind="dialogSmall" >
<div>
<el-form ref="dialogFormRef" :model="formContent" class="form-three">
<el-form-item prop="preTest" :label-width="100">
<el-checkbox v-model="formContent.preTest" label="预检测"/>
<el-form ref="dialogFormRef" :model="formContent" class="form-three select-test-form">
<el-form-item prop="preTest">
<div class="test-item-checkbox">
<span>预检测</span>
<el-checkbox v-model="formContent.preTest"/>
</div>
</el-form-item>
<el-form-item v-if="checkStore.plan.timeCheck===1" prop="timeTest" :label-width="100">
<el-checkbox v-model="formContent.timeTest" label="守时检测"/>
<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>
</el-form-item>
<el-form-item v-if="channelsTestShow" prop="channelsTest" :label-width="100">
<el-checkbox v-model="formContent.channelsTest" label="系数校准"/>
<el-form-item v-if="channelsTestShow" prop="channelsTest">
<div class="test-item-checkbox">
<span>系数校准</span>
<el-checkbox v-model="formContent.channelsTest"/>
</div>
</el-form-item>
<el-form-item prop="test" :label-width="100">
<el-checkbox v-model="formContent.test" label="正式检测"/>
<el-form-item prop="test">
<div class="test-item-checkbox">
<span>正式检测</span>
<el-checkbox v-model="formContent.test"/>
</div>
</el-form-item>
</el-form>
</div>
@@ -123,5 +135,30 @@ defineExpose({open})
<style scoped lang="scss">
.test-item-checkbox {
display: inline-flex;
align-items: center;
justify-content: space-between;
min-width: 92px;
white-space: nowrap;
}
</style>
.select-test-form {
display: grid;
grid-template-columns: repeat(2, 120px);
justify-content: center;
column-gap: 70px;
row-gap: 22px;
padding: 12px 0 18px;
:deep(.el-form-item) {
width: auto !important;
margin: 0 !important;
}
:deep(.el-form-item__content) {
flex: none;
justify-content: flex-start;
}
}
</style>