修改

src/views/system/specialDiseaseNode/index.vue

@@ -6,6 +6,15 @@
             <div>
                 卒中后癫痫
             </div>
+            <div class="select">
+                <span>
+                    适用范围
+                </span>
+                <el-select v-model="value">
+                    <el-option label="出院后" value="item.value">
+                    </el-option>
+                </el-select>
+            </div>
         </div>
         <div class="list">
             <div class="timelist">
@@ -18,11 +27,11 @@
                         :color="listindex == index ? '#409EFF' : ''">
                         <div class="top" @click="topclickevent(index)">
                             <div class="toptop">
-                                <el-select v-model="value" style="width:90px">
+                                <el-select v-model="value" style="width:87px">
                                     <el-option label="出院后" value="item.value">
                                     </el-option>
                                 </el-select>
-                                <el-input v-model="input" style="width: 60px;"></el-input>
+                                <el-input v-model="input" style="width: 50px;"></el-input>
                                 <span>天</span>
                             </div>
                             <div>
@@ -40,7 +49,38 @@
                 </el-timeline>
             </div>
             <div class="texts">
-                <wangeditor style="height:300px;width:100%;" ref="editor" />
+                <div class="topform">
+                    <el-form ref="form" :inline="true" :model="form" label-width="60px" class="form">
+                        <el-form-item label="任务类型" prop="name">
+                            <el-select v-model="value" style="width:100px">
+                                <el-option label="出院后" value="item.value">
+                                </el-option>
+                            </el-select>
+                        </el-form-item>
+                        <el-form-item label="任务细分" prop="name">
+                            <el-select v-model="value" style="width:100px">
+                                <el-option label="出院后" value="item.value">
+                                </el-option>
+                            </el-select>
+                        </el-form-item>
+                        <el-form-item label="任务状态" prop="name">
+                            <el-select v-model="value" style="width:100px">
+                                <el-option label="出院后" value="item.value">
+                                </el-option>
+                            </el-select>
+                        </el-form-item>
+                        <el-form-item label="二级分类描述" prop="name" label-width="90px">
+                            <el-input v-model="form.name" style="width:100px"></el-input>
+                        </el-form-item>
+                        <el-form-item label="执行时间" prop="name">
+                            <el-select v-model="value" style="width:100px">
+                                <el-option label="出院后" value="item.value">
+                                </el-option>
+                            </el-select>
+                        </el-form-item>
+                    </el-form>
+                </div>
+                <!-- <wangeditor style="height:300px;width:100%;" ref="editor" /> -->
             </div>
         </div>
     </div>
@@ -53,6 +93,7 @@ export default {
     name: "specialDiseaseNode",
     data() {
         return {
+            form: { name: '' },
             itemindex: 0,
             listindex: 0,
             timelinelist: [{
@@ -134,14 +175,48 @@ export default {
 };
 </script>
 <style scoped lang="scss">
+.topform {
+    padding: 15px 0 0 15px;
+
+    .form {
+        ::v-deep .el-input__inner {
+            height: 30px !important;
+            line-height: 30px !important;
+        }
+
+        ::v-deep .el-form-item__label {
+            font-size: 12px !important;
+        }
+    }
+}
+
 .title {
     display: flex;
     align-items: center;
 
     div {
+        display: flex;
         padding-left: 10px;
         font-weight: 600;
+        align-items: center;
     }
+
+    .select {
+        font-weight: 550;
+        margin-left: 20%;
+        font-size: 12px;
+
+        .el-input {
+            width: 200px;
+            height: 30px !important;
+            line-height: 30px !important;
+        }
+    }
+}
+
+::v-deep .el-input__inner {
+    height: 30px !important;
+    line-height: 30px !important;
 }
 
 .list {
@@ -149,11 +224,11 @@ export default {
     width: 100%;
     background-color: #f2f4f5;
     display: flex;
-    padding-top: 20px;
+    padding-top: 15px;
     justify-content: space-evenly;
 
     .timelist {
-        width: 25%;
+        width: 22%;
         background-color: #fff;
         padding: 0 20px 20px;
 
@@ -171,7 +246,7 @@ export default {
     }
 
     .texts {
-        width: 71%;
+        width: 75%;
         background-color: #fff;
         height: 1000px;
     }
@@ -193,13 +268,16 @@ export default {
     }
 
     span {
-        padding: 0 10px;
+        padding: 0 4px;
     }
 
     i {
-        padding-left: 12px;
         font-size: 17px;
     }
+
+    i:nth-child(2) {
+        padding-left: 12px;
+    }
 }
 
 ::v-deep .el-timeline-item__timestamp {
@@ -207,6 +285,10 @@ export default {
     padding: 0 !important;
 }
 
+::v-deep .el-timeline-item__wrapper {
+    padding-left: 14px !important;
+}
+
 ::v-deep .el-timeline-item__content {
     transform: translateY(-2%);
 }