소스 검색

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

GoldenZqqq 7 달 전
부모
커밋
f86bd0df0b
2개의 변경된 파일19개의 추가작업 그리고 20개의 파일을 삭제
  1. 17 14
      src/views/bpm/model/form/BasicInfo.vue
  2. 2 6
      src/views/bpm/model/form/index.vue

+ 17 - 14
src/views/bpm/model/form/BasicInfo.vue

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

+ 2 - 6
src/views/bpm/model/form/index.vue

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