update code

src/pages/dlg/journalismDlg.vue

@@ -1,7 +1,7 @@
 <template>
     <MyDialog v-if="show" v-model="show" width="1200px" height="600px" class="journalismDlg">
         <template slot="title">{{title}}</template>
-        <div v-html="myHtml"></div>
+        <div v-html="myHtml" class="scroll" style="max-height: 513px;overflow: auto;"></div>
     </MyDialog>
 </template>
 

src/pages/progress/buildNodeDlg.vue

@@ -2,9 +2,26 @@
     <MyDialog v-if="show" v-model="show" width="1600px" height="850px" :class="'font-size-' + fontSize"
         class="build-node-dlg">
         <template slot="title">
-            <div :key="elKey">
+            <div style="display: flex; align-items: center;justify-content: space-between;">
+            <div :key="elKey" class="header-title">
                 {{ prj.projectName }} - 项目节点
             </div>
+            <div>
+                    <div class="head-title-select" @mouseleave="hideScreenUlSel2">
+                        <div class="head-select">
+                            <input type="text" :value="selProject" @click="showScreenUlSel2" placeholder="请选择项目" readonly>
+                        </div>
+                        <el-collapse-transition>
+                            <ul class="header-screen-ul" v-show="showSel2" ref="selectUl">
+                                <li v-for="item in prjs" @click="setScreenLiSel2(item)" :title="item.projectName">{{
+                                    item.projectName }}
+                                </li>
+                            </ul>
+                        </el-collapse-transition>
+                    </div>
+                </div>
+                </div>
+                
         </template>
 
         <div class="font-size-tools">
@@ -98,7 +115,9 @@ export default {
             prjs: [],
             tableData: [],
             curNodes: [],
-            curNode: {}
+            curNode: {},
+            selProject:'',
+            showSel2:false,
         };
     },
 
@@ -107,6 +126,19 @@ export default {
     },
 
     methods: {
+        showScreenUlSel2() {
+            this.showSel2 = true
+        },
+        hideScreenUlSel2() {
+            this.showSel2 = false
+        },
+        setScreenLiSel2(item) {
+            this.selProject=item.projectName;
+            this.prj=item;
+            this.index=this.prjs.indexOf(this.prj);
+            this.loadData();
+            this.showSel2 = false
+        },
         doLvl2HeaderClick(it) {
             if (it.children.length > 0) {
                 it.expend = !it.expend;
@@ -133,6 +165,7 @@ export default {
             } else {
                 this.prj = prj;
             }
+            this.selProject=this.prj.projectName;
             this.prjs = prjs.filter(d => d.id > 0);
             let find = this.findItem();
             if (find) {
@@ -144,6 +177,7 @@ export default {
         },
         loadData() {
             this.prj = this.prjs[this.index];
+            this.selProject=this.prj.projectName;
             this.$api.buildNode.listByProject(this.prjs[this.index].id).then(d => {
                 this.tableData = d || [];
                 this.elKey++;
@@ -188,6 +222,9 @@ export default {
     }
 
     &.font-size-2 {
+        .header-title{
+            font-size: 32px;
+        }
         .popup-project-introduction-details {
                 .main-content{
                     font-size: 32px;
@@ -235,6 +272,9 @@ export default {
     }
 
     &.font-size-1 {
+        .header-title{
+            font-size: 24px;
+        }
         .popup-project-introduction-details {
                 .main-content{
                     font-size: 24px;
@@ -291,7 +331,7 @@ export default {
         .font-size-tools {
             position: absolute;
             top: -40px;
-            right: 100px;
+            right: 400px;
         }
 
         .modify-btn {
@@ -414,5 +454,9 @@ export default {
             line-height: 32px;
         }
     }
+    .head-title-select {
+        width: 300px;
+        padding-top: 0px;
+    }
 
 }</style>