From 724474543053bf6cf4ab9e8d14065e3d3b13a8ea Mon Sep 17 00:00:00 2001 From: 马宇豪 <978517621@qq.com> Date: 星期三, 16 四月 2025 09:57:43 +0800 Subject: [PATCH] 修改 --- src/views/analyse/plan/components/planDialog.vue | 59 +++++++++++++++++++++-------------------------------------- 1 files changed, 21 insertions(+), 38 deletions(-) diff --git a/src/views/analyse/plan/components/planDialog.vue b/src/views/analyse/plan/components/planDialog.vue index 1934288..3aaddaf 100644 --- a/src/views/analyse/plan/components/planDialog.vue +++ b/src/views/analyse/plan/components/planDialog.vue @@ -1,25 +1,7 @@ <template> - <div class="system-menu-dialog-container"> - <el-dialog :title="planDialogState.title" v-model="planDialogState.planDialogVisible" width="600px"> + <el-dialog :title="planDialogState.title" append-to-body custom-class="newDialog" top="0" v-model="planDialogState.planDialogVisible" width="600px"> <el-form ref="planFormRef" :rules="planDialogState.planFormRules" :model="planDialogState.planForm" size="default" label-width="120px"> - <el-row :gutter="35"> - <el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24" class="mb20"> - <el-form-item label="风险分析单元" prop="riskUnitId"> - <el-select :disabled="planDialogState.disabled" v-model="planDialogState.planForm.riskUnitId" - style="width:100%" placeholder="风险分析单元" clearable> - <el-option v-for="item in planDialogState.riskUnitList" :key="item.id" :label="item.riskName" - :value="item.id"></el-option> - </el-select> - </el-form-item> - </el-col> - <el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24" class="mb20"> - <el-form-item label="评估计划名称" prop="assessPlanName"> - <el-input :disabled="planDialogState.disabled" v-model="planDialogState.planForm.assessPlanName" - placeholder="评估计划名称" clearable></el-input> - </el-form-item> - </el-col> - <el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24" class="mb20"> <el-form-item label="评估时间" prop="assessTime"> <el-date-picker :disabled="planDialogState.disabled" @@ -29,12 +11,20 @@ end-placeholder="结束时间" format="YYYY-MM-DD HH:mm:ss" value-format="YYYY-MM-DD HH:mm:ss" - popper-class="pickTime" @change="formatTime"> </el-date-picker> </el-form-item> - </el-col> - <el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24" class="mb20"> + <el-form-item label="风险分析单元" prop="riskUnitId"> + <el-select :disabled="planDialogState.disabled" v-model="planDialogState.planForm.riskUnitId" + style="width:100%" placeholder="风险分析单元" clearable> + <el-option v-for="item in planDialogState.riskUnitList" :key="item.id" :label="item.riskName" + :value="item.id"></el-option> + </el-select> + </el-form-item> + <el-form-item label="评估计划名称" prop="assessPlanName"> + <el-input :disabled="planDialogState.disabled" v-model="planDialogState.planForm.assessPlanName" + placeholder="评估计划名称" clearable></el-input> + </el-form-item> <el-form-item label="计划制定人" prop="planUserId"> <el-select :disabled="planDialogState.disabled" v-model="planDialogState.planForm.planUserId" style="width:100%" placeholder="计划制定人" clearable> @@ -42,8 +32,6 @@ :value="item.id"></el-option> </el-select> </el-form-item> - </el-col> - <el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24" class="mb20"> <el-form-item label="辨识类型" prop="identificationType"> <el-select :disabled="planDialogState.disabled" v-model="planDialogState.planForm.identificationType" style="width:100%" placeholder="辨识类型" clearable> @@ -51,9 +39,7 @@ :value="item.value"></el-option> </el-select> </el-form-item> - </el-col> - <el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24" class="mb20 valueSelect"> - <el-form-item label="辨识专家" prop="identificationUserInsert"> + <el-form-item label="辨识专家" class="valueSelect" prop="identificationUserInsert"> <el-select :disabled="planDialogState.disabled" multiple v-model="planDialogState.planForm.identificationUserInsert" style="width:100%" :teleported="false" placeholder="辨识专家" clearable> <el-option v-for="item in planDialogState.bsExperts" :key="item.id" :label="item.realName" @@ -69,9 +55,7 @@ </el-option> </el-select> </el-form-item> - </el-col> - <el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24" class="mb20 valueSelect"> - <el-form-item label="评价专家" prop="evaluateUserInsert"> + <el-form-item label="评价专家" class="valueSelect" prop="evaluateUserInsert"> <el-select :disabled="planDialogState.disabled" multiple v-model="planDialogState.planForm.evaluateUserInsert" style="width:100%" :teleported="false" placeholder="评价专家" clearable> <el-option v-for="item in planDialogState.pjExperts" :key="item.id" :label="item.realName" @@ -87,8 +71,6 @@ </el-option> </el-select> </el-form-item> - </el-col> - </el-row> </el-form> <template #footer> <span class="dialog-footer"> @@ -99,7 +81,6 @@ </span> </template> </el-dialog> - </div> </template> <script setup lang="ts"> @@ -254,13 +235,15 @@ showPlanDialog }) </script> - -<style lang="scss" scoped> -::v-deep(.pickTime) { - position: absolute !important; - top: 0 !important; +<style lang="scss"> +.el-overlay .el-overlay-dialog{ + .newDialog{ + margin-top: -15vh !important; + } } +</style> +<style lang="scss" scoped> .valueSelect { ::v-deep(.el-popper) { .el-select-dropdown__item { -- Gitblit v1.9.2