Browse Source

添加任务样式修改

yanshichao 1 year ago
parent
commit
c0708ac38b
2 changed files with 11 additions and 1 deletions
  1. 10 1
      src/views/task/components/project.vue
  2. 1 0
      src/views/task/task.vue

+ 10 - 1
src/views/task/components/project.vue

@@ -59,7 +59,7 @@
         <el-form-item label="名称" prop="projectName">
           <el-input v-model="form.projectName" placeholder="请输入名称"/>
         </el-form-item>
-        <el-form-item label="上级结构" prop="parentId">
+        <el-form-item label="上级结构" prop="parentId" class="mini-treeselect">
           <treeselect v-model="form.parentId" :options="projectOptions" :normalizer="normalizer"
                       @select="treeSelectChange" :disabled="!form.parentId&&title==='修改项目'"
                       :placeholder="title==='修改项目'?'无':'请选择'"/>
@@ -381,5 +381,14 @@ export default {
   padding: 0 20px 10px 20px;
 }
 
+.mini-treeselect {
+  ::v-deep.vue-treeselect__control {
+    height: 28px;
+  }
 
+  ::v-deep.vue-treeselect__placeholder, .vue-treeselect__single-value {
+    padding-left: 10px;
+    line-height: 28px;
+  }
+}
 </style>

+ 1 - 0
src/views/task/task.vue

@@ -194,6 +194,7 @@
                           :open-on-click="true"
                           :normalizer="normalizer"
                           :flat="true"
+                          :defaultExpandLevel="1"
                           style="width: 220px"
                           placeholder="请选择"/>
             </el-form-item>