fix: 第一步骤中tooltip icon未展示问题修复与样式细节优化

This commit is contained in:
GoldenZqqq 2024-12-25 09:52:19 +08:00
parent 53841a598f
commit f86bd0df0b
2 changed files with 19 additions and 20 deletions

View File

@ -7,19 +7,22 @@
class="mt-20px w-600px" class="mt-20px w-600px"
> >
<el-form-item label="流程标识" prop="key" class="mb-20px"> <el-form-item label="流程标识" prop="key" class="mb-20px">
<el-input v-model="modelData.key" :disabled="!!modelData.id" placeholder="请输入流标标识" /> <div class="flex items-center">
<el-tooltip <el-input
v-if="!modelData.id" class="!w-480px"
class="item" v-model="modelData.key"
content="新建后,流程标识不可修改!" :disabled="!!modelData.id"
effect="light" placeholder="请输入流标标识"
placement="top" />
> <el-tooltip
<Icon icon="ep:question" class="ml-5px" /> class="item"
</el-tooltip> :content="modelData.id ? '流程标识不可修改!' : '新建后,流程标识不可修改!'"
<el-tooltip v-else class="item" content="流程标识不可修改!" effect="light" placement="top"> effect="light"
<Icon icon="ep:question" class="ml-5px" /> placement="top"
</el-tooltip> >
<Icon icon="ep:question-filled" class="ml-5px" />
</el-tooltip>
</div>
</el-form-item> </el-form-item>
<el-form-item label="流程名称" prop="name" class="mb-20px"> <el-form-item label="流程名称" prop="name" class="mb-20px">
<el-input <el-input
@ -31,10 +34,10 @@
</el-form-item> </el-form-item>
<el-form-item label="流程分类" prop="category" class="mb-20px"> <el-form-item label="流程分类" prop="category" class="mb-20px">
<el-select <el-select
class="!w-full"
v-model="modelData.category" v-model="modelData.category"
clearable clearable
placeholder="请选择流程分类" placeholder="请选择流程分类"
style="width: 100%"
> >
<el-option <el-option
v-for="category in categoryList" v-for="category in categoryList"

View File

@ -62,12 +62,8 @@
</div> </div>
<!-- 第二步表单设计 --> <!-- 第二步表单设计 -->
<div v-if="currentStep === 1" class="mx-auto" style="max-width: 1024px"> <div v-if="currentStep === 1" class="mx-auto w-1024px">
<FormDesign <FormDesign v-model="formData" :formList="formList" ref="formDesignRef" />
v-model="formData"
:formList="formList"
ref="formDesignRef"
/>
</div> </div>
<!-- 第三步流程设计 --> <!-- 第三步流程设计 -->