diff --git a/src/assets/css/style.css b/src/assets/css/style.css
index b1ba8dd..0ec4bbe 100644
--- a/src/assets/css/style.css
+++ b/src/assets/css/style.css
@@ -39,12 +39,13 @@
 }
 .rightDiv {
    height: calc(100% - 7px);
-    width: calc(100% - 372px);
+   width:100%;
+    /* width: calc(100% - 372px); */
     /* background: lightcoral; */
     /* height: 600px; */
     overflow: hidden;
     /* overflow: hidden auto; */
-    padding: 20px;
+    padding: 20px 0;
     padding-top: 4px;
     padding-right: 0;
     padding-bottom: 0;
@@ -536,13 +537,30 @@ button:hover {
   /* border-radius: 8px; */
   position: relative;
 }
+.tree-container {
+  width: 100% !important; /* 确保容器占满父元素宽度 */
+  overflow-x: auto !important; /* 允许容器横向滚动 */
+  padding-bottom: 10px; /* 预留横向滚动条空间 */
+}
+/* 确保树形组件不被限制宽度 */
+.elTree {
+  min-width: 100% !important; /* 至少占满容器宽度 */
+  width: auto !important; /* 允许根据内容自动扩展宽度 */
+  overflow-x: auto !important; /* 强制显示横向滚动条 */
+  padding-right: 8px;
+  padding-bottom: 8px; /* 避免内容被横向滚动条遮挡 */
+}
+
 .el-tree-node__children{
   overflow:auto;
 }
 .el-tree-node__content {
-  max-width: 280px;
+  max-width: none !important; /* 取消最大宽度限制 */
+  width: auto !important; /* 允许内容撑开宽度 */
+  overflow: visible !important;
+  /* max-width: 280px;
   height: 30px;
-  overflow: auto;
+  overflow: auto; */
 }
 .el-tree-node__content span div{
   /* overflow: auto; */
@@ -879,18 +897,49 @@ button:hover {
 }
 /* 针对树形组件容器添加横向滚动支持 */
 .tree-container {
-  /* 限制容器最大宽度（可根据实际布局调整） */
-  width: 100%;
-  height:calc(100% - 90px);
-  overflow-x: hidden; /* 横向溢出时显示滚动条 */
-  padding-bottom: 0; /* 预留底部空间，避免滚动条遮挡内容 */
+  /* 保留现有样式，添加高度限制 */
+  height: calc(100% - 40px); /* 减去标题高度（根据实际调整） */
+  overflow: hidden; /* 避免容器自身滚动 */
+}
+/* 添加以下样式 */
+.el-scrollbar {
+  /* 让滚动条占满容器剩余高度 */
+  height: calc(100% - 80px); /* 36px 为 navTitle 的大致高度 */
+  display: block; /* 确保高度生效 */
+}
+
+/* 调整树形组件高度，使其在滚动区域内 */
+.elTree {
+  max-height: 100% !important; /* 覆盖原有 max-height，使用滚动条高度 */
+  height: 100% !important;
+}
+/* 修复滚动条容器的隐藏问题 */
+.el-scrollbar__wrap {
+  overflow-x: auto !important;
+  overflow-y: auto !important;
+  margin-right: -17px; /* 补偿滚动条宽度，避免内容被截断 */
+  margin-bottom: -17px;
+}
+
+/* 确保滚动条轨道可见 */
+.el-scrollbar__track {
+  background: rgba(0, 0, 0, 0.05);
+}
+
+.el-scrollbar__thumb {
+  background: rgba(0, 0, 0, 0.2);
+  border-radius: 4px;
 }
 
 /* 确保树形组件本身不限制宽度，让内容能撑开容器 */
 .elTree {
-  min-width: 100%; /* 至少占满容器宽度 */
-  display: inline-block; /* 让树组件宽度由内容决定 */
-  white-space: nowrap; /* 防止节点内容自动换行 */
+/*   
+  min-width: 100%;  
+  display: inline-block; / 
+  white-space: nowrap;    */
+   max-height: calc(100% - 38px);
+  overflow: visible !important; /* 避免覆盖滚动条 */
+  padding-right: 8px;
 }
 
 /* 优化节点文本显示，避免过长文本被截断 */
@@ -1095,7 +1144,10 @@ button:hover {
   text-align: left !important;
 }
 .navTitle{
-  position: relative;
+    position: relative; /* 保持在文档流中 */
+  z-index: 10; /* 避免被树形组件遮挡 */
+  padding-bottom: 8px; /* 与树形组件保持间距 */
+  border-bottom: 1px solid #f0f0f0; /* 可选：添加分隔线 */
 }
 .navTitle p {
   margin: 0;
@@ -1107,10 +1159,10 @@ button:hover {
   /* 可选样式 */
 }
 .iconImgMulu{
- position: absolute;
-    right: 0;
-    /* bottom: 0; */
-    top: 7px;
+     position: absolute;
+    right: 10px;
+    bottom: 0;
+    top: 0;
     margin: auto;
     height: 20px;
     cursor: pointer;
diff --git a/src/assets/img/zw.jpg b/src/assets/img/zw.jpg
new file mode 100644
index 0000000..13776ef
Binary files /dev/null and b/src/assets/img/zw.jpg differ
diff --git a/src/components/wang.vue b/src/components/wang.vue
index 3417cb4..a61a3ef 100644
--- a/src/components/wang.vue
+++ b/src/components/wang.vue
@@ -1,17 +1,17 @@
 <template>
-  <div class="editor-container">
-    <!-- <router-link to="/WangG2">Wang2 2页面</router-link>
-    <router-link to="/WangG3">Wang3 3页面</router-link> -->
-    <!-- <router-link to="/WangG4">Wang34 4页面</router-link> -->
-    <!-- 左侧操作框 -->
-    <!-- <div  class="leftDiv" v-if='isLoadXml' :style="{'maxHeight':leftHeight+'px','minHeight':'100px'}" >  -->
-   <!-- <a href="/#/wangG2" target="_blank">asdasda</a> -->
-    <div  class="leftDiv" v-if='isLoadXml'  > 
+  <div style="height:100%;width:100%;">
+  <el-container style="height:100%;width:100%;">
+    <el-aside 
+      :width="leftWidth + 'px'" 
+      style="position: relative; overflow: hidden;"
+    >
+    <div class="drag-handle" @mousedown="startDrag"></div>
+        <div  class="leftDiv" v-if='isLoadXml' style="width:100%;"  > 
       <div id='navMain'>
         <!-- 操作栏 -->
        <div class="operation-buttons">
           <!-- 节点搜索框 -->
-          <div style="margin:5px auto;">
+          <div style="margin:5px auto;width:100%;">
               <el-input
               placeholder="输入节点名称搜索"
               v-model="searchText"
@@ -36,7 +36,11 @@
             <p @click='clearNodeState' :title="getBookName">{{getBookName}}</p>
             <img @click='editBookName' class='iconImgMulu' title='编辑书名' src="../assets/img/bianji.png"   alt="">
           </div>
-          <!-- 目录结构树 -->
+
+          <el-scrollbar style="">
+            <!-- 滚动内容区域 -->
+            <div class="scroll-content">
+                 <!-- 目录结构树 -->
             <el-tree
               class="elTree elTreeMain gd"
               ref="tree"
@@ -88,39 +92,63 @@
                   <i class="el-icon-warning changeState" @click.stop="handleModify(data)"   v-if="showModifyBtn && hasMinorVersion01(data)" :style="'font-size: 14px; padding: 0 5px 0 5px'"/>
                   <span :title="data.id + '-' + data.name" :class="{ 'highlight': isHighlight(data) }">
                     {{ data.name }}
-                  </span>
-                  <!-- （关键）叶子节点同样条件显示【修改】 -->
-                  <!-- <span 
-                    class="modify-btn"
-                    v-if="showModifyBtn && hasMinorVersion01(data)"
-                    @click.stop="handleModify(data)"
-                  >
-                    【修改】
-                  </span> -->
+                  </span> 
                 </div>
               </template>
             </span>
           </el-tree> 
+            </div>
+          </el-scrollbar>
+         
         </div>
       </div>
       <!-- <div id='nav'>
         <nav-temp />
       </div> -->
     </div>
-    <!-- 右侧容器 -->
-    <div class="rightDiv">
+    </el-aside>
+    <el-main style="">
+        <div class="rightDiv">
         <div class="bName" :title="getBookName">{{getBookName}}</div>    
         <!-- 编辑框 -->
         <!-- :style="{height:editorHeight+'px'}" -->
+         <!-- <el-button 
+          type="primary" 
+          icon="el-icon-s-data" 
+          @click="countDomNodes"
+          style="margin: 5px;"
+        >
+          统计DOM节点数量
+        </el-button> -->
         <!-- :class="{ editor2Opacity: dialogVisibleNav||dialogVisibleNavDel|| dialogVisible||dialogVisibleImg||dialogVisibleRight||dialogVisibleTips||dialogVisibleBland||dialogVisibleHistory||dialogVisibleTips2||editBookNameDialog }" -->
         <div id="editor" v-show='currentNode' :class="{ editor2Opacity: dialogVisibleNav||dialogVisibleNavDel|| dialogVisible||dialogVisibleImg||dialogVisibleRight||dialogVisibleTips||dialogVisibleBland||dialogVisibleHistory||dialogVisibleTips2||editBookNameDialog }"  ref="editor" ></div>
          <!-- 提示信息 -->
         <!-- <div class="paAutoStyle" v-show="!currentNode && isLoadXml">请打开所要编辑的的章节目录</div>
         <div class="paAutoStyle" v-show="!isLoadXml">请加载所要编辑的文档目录</div> -->
     </div>
-
+    </el-main>
+  </el-container>
+  <div class="paAuto paAutoStyle" v-show="!isLoadMsg">请加载有需编辑的项目</div>
  
 
+  <!-- 统计结果弹窗 -->
+  <el-dialog
+    title="DOM节点统计结果"
+    :visible.sync="countDialogVisible"
+    width="40%"
+  >
+    <div class="statistics-result">
+      <p>目标容器: {{ countTarget }}</p>
+      <p>总DOM节点数量: <span class="count-number">{{ domCount }}</span></p>
+      <p>元素节点数量: <span class="count-number">{{ elementCount }}</span></p>
+      <p>文本节点数量: <span class="count-number">{{ textCount }}</span></p>
+      <p>注释节点数量: <span class="count-number">{{ commentCount }}</span></p>
+    </div>
+    <span slot="footer" class="dialog-footer">
+      <el-button @click="countDialogVisible = false">关闭</el-button>
+    </span>
+  </el-dialog>
+
     <!-- 历史弹窗 -->
     <el-dialog
       title="历史版本"
@@ -390,7 +418,7 @@
 
   <!-- 切换目录时候未保存提示 -->
     <el-dialog
-      title="提示"
+      title="提 示"
       :visible.sync="dialogVisibleTips2"
       width="50%"
       class="custom-dialog"
@@ -509,7 +537,6 @@
         <el-button type="primary" @click="editBookFun(true)">修改</el-button>
       </span>
     </el-dialog> 
-
   </div>
 </template>
 
@@ -518,11 +545,20 @@ import WangEditor from 'wangeditor';
 import brImg from '../assets/img/br.png'; 
 import '../assets/css/style.css'
 export default {
-  name: 'RichTextEditor',
+  name: 'WangEditor',
   components: {
   },
   data() {
     return {
+      countDialogVisible: false,
+      domCount: 0,
+      elementCount: 0,
+      textCount: 0,
+      commentCount: 0,
+      countTarget: '',
+      leftWidth: 380,
+      isDragging: false,
+      isLoadMsg:false,
       minLevel:'',
       maxLevel:'',
       maxPermission:'',
@@ -903,19 +939,20 @@ export default {
       currentImage: '',//暂无用
       scale: 1,//暂无用
       rotation: 0,//暂无用
-      isDragging: false,//暂无用
       startX: 0,//暂无用
       startY: 0,//暂无用
       translateX: 0,//暂无用
       translateY: 0,//暂无用
       containerHeight: '90vh', //暂无用 动态控制高度
       //查看图片end
-      oldSelector:[//基础标签模块
-        'div','code','hr','br','h1,h2,h3,h4','p','img','table','a','ul','ol','blockquote','pre',
-      ],
-      newSelector:[//替换后的标签模块
-        'pDiv','pCode','pHr','pBr','pTitle','pDiv','pImg','pTable','pA','pUl','pOl','pBlockquote','pPre',
-      ],
+      // oldSelector:[//基础标签模块
+      //   'div','code','hr','br','h1,h2,h3,h4','p','img','table','a','ul','ol','blockquote','pre',
+      // ],
+      // newSelector:[//替换后的标签模块
+      //   'pDiv','pCode','pHr','pBr','pTitle','pDiv','pImg','pTable','pA','pUl','pOl','pBlockquote','pPre',
+      // ],
+      newSelector:[],
+      oldSelector:[],
       tempDivData:{//当前富文本str
         innerHTML:'五'
       },
@@ -1039,7 +1076,7 @@ export default {
     //接收富文本内容信息
     FrontLoadDM_g1(e) {
          console.log("加载文档数据 1111")
-      console.log('FrontLoadDM 参数接收111:',e,e.detail)
+      // console.log('FrontLoadDM 参数接收111:',e,e.detail)
       // this.editorShow = true;
 
       let xmlContent = e.detail.trim();
@@ -1054,10 +1091,10 @@ export default {
       // console.log("xmlContent",xmlContent)
       const parser = new DOMParser()
       const xmlDoc = parser.parseFromString(xmlContent, "text/xml")
-      console.log("xmlDoc",xmlDoc)
+      // console.log("xmlDoc",xmlDoc)
       const contentNodes = xmlDoc.getElementsByTagName('content')[0];
-      console.log("xmlDoc.getElementsByTagName('content')",xmlDoc.getElementsByTagName('content'))
-      console.log("contentNodes",contentNodes)
+      // console.log("xmlDoc.getElementsByTagName('content')",xmlDoc.getElementsByTagName('content'))
+      // console.log("contentNodes",contentNodes)
       
 
        const rdfDescription = xmlDoc.querySelector('rdf\\:Description, Description');
@@ -1076,7 +1113,7 @@ export default {
             qualityVerification: this.getNodeValue(rdfDescription, 'dc\\:qualityVerification, qualityVerification'),
             permission: this.getNodeValue(rdfDescription, 'dc\\:permission, permission')
           };
-          console.log('XML解析成功', this.form);
+          // console.log('XML解析成功', this.form);
         }else{
           this.form = {
               name: '',
@@ -1092,10 +1129,10 @@ export default {
             console.log("目录解析不成功 置空",this.form)
         }
       if (contentNodes) {
-        console.log("处理前",contentNodes.innerHTML)
+        // console.log("处理前",contentNodes.innerHTML)
         let htmlContent = this.convertXmlContentToHtml(contentNodes.innerHTML)
        let htmlContent2 = this.completeModel3DTags(htmlContent)
-       console.log("处理后",htmlContent2)
+      //  console.log("处理后",htmlContent2)
        const htmlContent3 = this.replaceModel3dToImg(htmlContent2);
        // this.editor.txt.html(htmlContent)
         //处理过后再导入
@@ -1481,7 +1518,7 @@ export default {
         if(src){
           const imgUrl = src?src:'http://localhost:5432/DM_Material/a1.jpg';
           console.log("地址",src,imgUrl)
-          this.editor.cmd.do('insertHTML', `<img src="${imgUrl}" style="width: 100%;" alt="图片">`)
+          this.editor.cmd.do('insertHTML', `<img src="${imgUrl}" width="50%" alt="图片">`)
         }
       } 
     },
@@ -1509,55 +1546,7 @@ export default {
       // 替换标签名，保留所有属性
       return htmlString.replace(regex, '<img$1class="$2model3d$3"$4>');
     },
-
-    
-  //  // 插入视频
-  //   insertVideo() {
-  //     // const videoUrl = 'http://youneed.top:10017/uploads/video.mp4'
-  //     const videoUrl = 'https://r1.realme.net/general/20250530/17485780109181ed6767541a64e7d90626e0a3fd1aaae.mp4?type=video/mp4';
-  //     const videoId = `video-${Date.now()}`
-      
-  //     // 创建视频HTML
-  //     const videoHtml = `
-  //       <div class="video-wrapper" data-video-id="${videoId}">
-  //         <video controls width="50%" style='margin:auto' data-video-id="${videoId}">
-  //           <source src="${videoUrl}" type="video/mp4">
-  //         </video>
-  //         <div class="video-controls" style='display:none;'>
-  //           <span class="video-delete" data-video-id="${videoId}">× 删除</span>
-  //         </div>
-  //       </div>
-  //       <p><br></p>
-  //     `
-      
-  //     // 使用编辑器命令插入
-  //     this.editor.cmd.do('insertHTML', videoHtml)
-      
-  //     // 添加删除事件监听
-
-  //      this.$nextTick(() => {
-  //       const btn = document.querySelector(`button[data-video-id="${videoId}"]`)
-  //       if (btn) {
-  //         btn.onclick = (e) => {
-  //           e.preventDefault()
-  //           this.deleteVideoById(videoId)
-  //         }
-  //       }
-  //     })
-
-
-  //   },
-    
-
-
-  //    // 根据ID删除视频（修正版）
-  //   deleteVideoById(videoId) {
-  //     const container = document.querySelector(`.video-container[data-video-id="${videoId}"]`)
-  //     if (container) {
-  //       container.remove()
-  //       this.editor.txt.html(this.editor.txt.html()) // 刷新编辑器
-  //     }
-  //   },
+ 
      dmcTable() {
       if(this.dmcHint){
         this.dmcHint = false;
@@ -2537,18 +2526,23 @@ export default {
 
        //富文本内容打标签
     dataXmlProcessing(type,saveId) { 
-        let html = this.editor.txt.html()
-        console.log('保存内容',html);
-        // 正则表达式：匹配img、audio、video标签的src属性
-        // 支持三种标签：<img ...>、<audio ...>、<video ...>
-        // 捕获组1: 标签名和src="之前的部分
-        // 捕获组2: 提取文件名（最后一个/后面的内容）
-        // 捕获组3: 保留"及之后的部分
-        const reg = /(<(img|audio|video)[^>]+src=")[^"]+\/([^"]+)("[^>]*>)/gi;
+        let html_1 = '';
+        let html = '';
+        if(this.editor){
+          html = this.editor.txt.html()
+          console.log('保存内容',html);
+          // 正则表达式：匹配img、audio、video标签的src属性
+          // 支持三种标签：<img ...>、<audio ...>、<video ...>
+          // 捕获组1: 标签名和src="之前的部分
+          // 捕获组2: 提取文件名（最后一个/后面的内容）
+          // 捕获组3: 保留"及之后的部分
+          const reg = /(<(img|audio|video)[^>]+src=")[^"]+\/([^"]+)("[^>]*>)/gi;
+          
+          // 替换为：src="文件名"
+          html_1 = html.replace(reg, '$1$3$4');
+          console.log('解析地址：',html_1)
+        }
         
-        // 替换为：src="文件名"
-        let html_1 = html.replace(reg, '$1$3$4');
-        console.log('解析地址：',html_1)
 
         // const reg2 = /(<(img|audio|video)[^>]+src=")(?!http:\/\/)([^"]+)("[^>]*>)/gi;
         // let jc = 'http://localhost:5432/';
@@ -2565,10 +2559,63 @@ export default {
         this.xh(this.oldSelector,this.newSelector,type,saveId);
     },
      
+  countDomNodes() {
+      // 重置计数
+      this.domCount = 0
+      this.elementCount = 0
+      this.textCount = 0
+      this.commentCount = 0
 
+      // 这里可以改为你需要统计的容器选择器
+      // 例如: '#editor' 或 '.tree-container' 或 'body'
+      const targetSelector = '#editor'
+      const container = document.querySelector(targetSelector)
+      
+      if (!container) {
+        this.$message.error('未找到目标容器')
+        return
+      }
+
+      this.countTarget = targetSelector
+      // 递归统计所有节点
+      this.traverseNodes(container)
+      // 显示结果弹窗
+      this.countDialogVisible = true
+    },
+
+    // 递归遍历节点并计数
+    traverseNodes(node) {
+      if (!node) return
+
+      // 总节点数+1
+      this.domCount++
+
+      // 分类计数
+      switch(node.nodeType) {
+        case 1: // 元素节点
+          this.elementCount++
+          break
+        case 3: // 文本节点
+          // 过滤空白文本节点
+          if (node.textContent.trim()) {
+            this.textCount++
+          }
+          break
+        case 8: // 注释节点
+          this.commentCount++
+          break
+      }
+
+      // 递归处理子节点
+      if (node.childNodes && node.childNodes.length) {
+        Array.from(node.childNodes).forEach(child => {
+          this.traverseNodes(child)
+        })
+      }
+    },
      // XML文件标签剔除
      restoreContentXh(html) { 
-       console.log("XML初始内容：",html)
+      //  console.log("XML初始内容：",html)
       if (html) {
         this.tempDivData = document.createElement('div')
         this.tempDivData.innerHTML = html
@@ -2581,7 +2628,7 @@ export default {
           dmTitles.forEach(dmTitle => {
             // 获取dmTitle的子节点
             const children = Array.from(dmTitle.childNodes)
-            console.log("剔除标签:",dmTitles,children)
+            // console.log("剔除标签:",dmTitles,children)
             
             // 在dmTitle之前插入所有子节点
             children.forEach(child => {
@@ -2589,12 +2636,12 @@ export default {
             })
             // 移除dmTitle
             dmTitle.parentNode.removeChild(dmTitle)
-              console.log("剔除标签移除:",dmTitle,'替换成',dmTitle)
+              // console.log("剔除标签移除:",dmTitle,'替换成',dmTitle)
 
           })
         }
         console.log('内容还原完成！dmTitle标签已被移除')
-        console.log("tempDiv.innerHTML",this.tempDivData.innerHTML)
+        // console.log("tempDiv.innerHTML",this.tempDivData.innerHTML)
         
         
         const reg2 = /(<(img|audio|video)[^>]+src=")(?!http:\/\/)([^"]+)("[^>]*>)/gi;
@@ -2613,7 +2660,7 @@ export default {
         let html_2 = this.tempDivData.innerHTML.replace(reg2, `$1${jc}$3$4`);
       //  html_2 = this.modelToImg(html_2);
        
-       console.log('还原地址：',html_2) 
+      //  console.log('还原地址：',html_2) 
         this.editor.txt.html(html_2)
         this.contentXmlStr = this.editor.txt.html();
       }else{
@@ -2631,7 +2678,7 @@ export default {
 
     // XML文件标签剔除
      restoreContentXh2(html) { 
-       console.log("XML初始内容：",html)
+      //  console.log("XML初始内容：",html)
       if (html) {
         this.tempDivData1 = document.createElement('div')
         this.tempDivData1.innerHTML = html
@@ -2644,7 +2691,7 @@ export default {
           dmTitles.forEach(dmTitle => {
             // 获取dmTitle的子节点
             const children = Array.from(dmTitle.childNodes)
-            console.log("剔除标签:",dmTitles,children)
+            // console.log("剔除标签:",dmTitles,children)
             
             // 在dmTitle之前插入所有子节点
             children.forEach(child => {
@@ -2652,12 +2699,12 @@ export default {
             })
             // 移除dmTitle
             dmTitle.parentNode.removeChild(dmTitle)
-              console.log("剔除标签移除:",dmTitle,'替换成',dmTitle)
+              // console.log("剔除标签移除:",dmTitle,'替换成',dmTitle)
 
           })
         }
         console.log('内容还原完成！dmTitle标签已被移除')
-        console.log("tempDiv.innerHTML",this.tempDivData1.innerHTML)
+        // console.log("tempDiv.innerHTML",this.tempDivData1.innerHTML)
         
         
         const reg2 = /(<(model3d|img|audio|video)[^>]+src=")(?!http:\/\/)([^"]+)("[^>]*>)/gi;
@@ -2677,8 +2724,8 @@ export default {
         // 这里假设原路径可能包含DM_Material目录，如果不需要可以去掉
         let html_2 = this.tempDivData1.innerHTML.replace(reg2, `$1${jc}$3$4`);
       //  html_2 = this.modelToImg(html_2);
-       console.log("大豪科技等哈时间",this.viewLis)
-       console.log('加载还原地址：',html_2)  
+      //  console.log("大豪科技等哈时间",this.viewLis)
+      //  console.log('加载还原地址：',html_2)  
 
       let processedL = this.hintFun(html_2)
 
@@ -2855,7 +2902,6 @@ export default {
       }else{
         return true
       }
-      
     },
     
 
@@ -3030,15 +3076,30 @@ export default {
       this.translateY = 0
     },
     //测试 开始拖动
-    startDrag(e) {
-      this.isDragging = true
-      this.startX = e.type === 'mousedown' ? e.clientX : e.touches[0].clientX
-      this.startY = e.type === 'mousedown' ? e.clientY : e.touches[0].clientY
+  startDrag(e) {
+      this.isDragging = true;
+      const startX = e.clientX;
+      const startWidth = this.leftWidth;
       
-      document.addEventListener('mousemove', this.dragImage)
-      document.addEventListener('touchmove', this.dragImage)
-      document.addEventListener('mouseup', this.endDrag)
-      document.addEventListener('touchend', this.endDrag)
+      const handleMouseMove = (e) => {
+        if (!this.isDragging) return;
+        const diffX = e.clientX - startX;
+        // 限制最小宽度
+        const newWidth = Math.max(100, startWidth + diffX);
+        // 限制最大宽度
+        this.leftWidth = Math.min(500, newWidth);
+        this.getWindowSize();
+      };
+      
+      const handleMouseUp = () => {
+        this.isDragging = false;
+        document.removeEventListener('mousemove', handleMouseMove);
+        document.removeEventListener('mouseup', handleMouseUp);
+      };
+      
+      document.addEventListener('mousemove', handleMouseMove);
+      document.addEventListener('mouseup', handleMouseUp);
+      e.preventDefault();
     },
     //测试 拖动图片
     dragImage(e) {
@@ -3072,35 +3133,34 @@ export default {
         `,
         cursor: this.isDragging ? 'grabbing' : 'grab'
       }
-    }, 
-    gengxin() {
-      if(this.currentNode){
-        const element = document.querySelector('.w-e-toolbar')
-        const container = document.querySelector('.w-e-text-container');
-        const rightDivHeight = document.querySelector(".rightDiv").scrollHeight;
-        container.style.height = (rightDivHeight -element.scrollHeight - 86 ) +'px' ;
-        console.log("内容高度", (rightDivHeight -element.scrollHeight - 86 ) +'px')
-      }
-      // const heightPx = (window.innerHeight - 240) + 'px';
-      // console.log("富文本框高度",heightPx)
-      //  document.getElementsByClassName('w-e-text-container')[0].style.height =heightPx;
-      //  document.getElementsByClassName('w-e-text-container')[1].style.height = (window.innerHeight - 240) + 'px' ;
-    },
+    },  
     //获取屏幕尺寸
     getWindowSize() {
       // this.windowW = window.innerWidth
       // this.windowH = window.innerHeigh
       // t
-       this.leftHeight = window.innerHeight - 200;
-       this.editorHeight = window.innerHeight - 250;
+      //  this.leftHeight = window.innerHeight - 200;
+      //  this.editorHeight = window.innerHeight - 250;
 
       if(this.currentNode){
       const element = document.querySelector('.w-e-toolbar')
        const container = document.querySelector('.w-e-text-container');
        const rightDivHeight = document.querySelector(".rightDiv").scrollHeight;
-       container.style.height = (rightDivHeight -element.scrollHeight - 86 ) +'px' ;
-       console.log("内容高度", (rightDivHeight -element.scrollHeight - 86 ) +'px')
+       container.style.height = (rightDivHeight -element.scrollHeight - 80 ) +'px' ;
+       console.log("内容高度2", (rightDivHeight -element.scrollHeight - 80 ) +'px')
       }
+
+
+
+      this.windowH = window.innerHeight;
+      this.leftHeight = window.innerHeight - 200; // 检查此值是否合理
+      this.editorHeight = window.innerHeight - 250;
+      
+      // 强制刷新滚动条
+      this.$nextTick(() => {
+        const scrollbar = this.$refs.scrollbar; // 需给 el-scrollbar 添加 ref="scrollbar"
+        if (scrollbar) scrollbar.update();
+      });
     },
     // 尺寸变化时的处理函数
     handleResize() {
@@ -3418,6 +3478,10 @@ export default {
     },
     //保存当前DMC信息
     saveNowDmc2(type) {
+         if(this.editor){
+          const html4 = this.editor.txt.html();
+         console.log("保存内容4",html4)
+        }
       console.log("保存时候点击",this.lastClick)
       if(type == 'save'){
           console.log("保存时候点击 this.currentNode",this.currentNode,this.currentNode.minorVersion)
@@ -3430,9 +3494,10 @@ export default {
           console.log("保存时候点击 treedata",this.treeData)
          this.catalogueAnalysis(this.treeData);
         
-
         this.generateXml(false,this.lastClick);
-        this.contentXmlStr = this.editor.txt.html();
+    
+       
+         this.contentXmlStr = this.editor.txt.html();
         // const targetNode = this.findNodeById(this.treeData, this.lastClick);
         //   if (targetNode) {
         //     targetNode.minorVersion = '01';
@@ -3534,18 +3599,18 @@ export default {
       return result;
     },
     //目录节点点击
-    handleNodeClick(data) {
-      this.currentNode = data;
+    handleNodeClick(data) { 
+    // this.currentNode = data; //有问题
       this.navIsAdd = ''; 
      console.log("这一次点击的节点信息",data);
       console.log("上一次点击的时候的ID",this.lastClick)
       console.log("这一次点击的时候的ID",this.nowClick)
       if(this.lastClick == this.nowClick.id){
+        this.currentNode = data;
         this.nowClick = data;
-        this.lastClick = data.id;
-        // this.generateXml(false);
-        // this.catalogueAnalysis(this.treeData);
-      }else{
+        this.lastClick = data.id; 
+      }else{ 
+     
         console.log("中中中中中",this.lastClick,this.dmcIsChange())
         if(this.lastClick&&!this.dmcIsChange()){
           this.dialogVisibleTips2 = true;
@@ -3559,7 +3624,7 @@ export default {
             this.$refs.tree.setCurrentKey(this.lastClick);
           });
         }else{
-      
+           this.currentNode = data;
           const target = this.domNameStr[3];
           // 假设需要替换的格式是 "前缀_xxx_yy"，其中xxx是3位，yy是2位
           // 先找到最后两个下划线的位置
@@ -3596,8 +3661,9 @@ export default {
         //   this.loadFWBFile(this.getDmName);
       } 
       console.log("当前节点点击",data);
-      this.getWindowSize();
-      this.gengxin();
+      setTimeout(() => {
+        this.getWindowSize();
+      }, 30); 
       // this.$sendToDotNet('GetFilePath','PMC',data.id,'');
 
     },
@@ -3666,6 +3732,7 @@ export default {
           this.catalogueAnalysis(this.treeData);
           // this.$sendToDotNet('SaveFile','PMC',newNode.id,JSON.stringify(this.currentNode));
           //创建目录时候同时创建一个空DM文件
+          console.log("创建目录时候同时创建一个空DM文件")
           this.generateXml(true);
 
          
@@ -3934,14 +4001,14 @@ export default {
 
     //解析目录节点数据
     generateTreeData(xmlContent) {
-      console.log("加载XML解析内容 初始化内容",xmlContent)
+      // console.log("加载XML解析内容 初始化内容",xmlContent)
       // 1. 解析XML
       const parser = new DOMParser();
       const xmlDoc = parser.parseFromString(xmlContent, "text/xml");
-       console.log("加载XML解析内容 初始化XML",xmlDoc)
+      //  console.log("加载XML解析内容 初始化XML",xmlDoc)
       // 2. 获取根节点（content下的所有pmEntry）
       const contentNode = xmlDoc.querySelector("content");
-      console.log("加载XML解析内容 content",contentNode)
+      // console.log("加载XML解析内容 content",contentNode)
       const rootPmEntries = contentNode ? Array.from(contentNode.children).filter(node => node.tagName === "pmEntry") : [];
       
 
@@ -5153,7 +5220,7 @@ created() {
     window.addEventListener('SendProjectName', (e) => {
       this.domNameStr[1] = this.removeQuotationMarks(e.detail);
       console.log('获取项目文件夹名子：',this.domNameStr,e,e.detail)
-
+      this.isLoadMsg = true;
     })
      
   
@@ -5208,4 +5275,24 @@ created() {
     // window.addEventListener('handleMessageFromDotNet', this.fun1)
   }, 
 }
-</script>  
\ No newline at end of file
+</script>  
+<style scoped>
+.drag-handle {
+  position: absolute;
+  top: 0;
+  right: 0;
+  width: 5px;
+  height: 100%;
+  cursor: col-resize;
+  /* background-color: #aaa; */
+  background-color: rgba(0,0,0,.1);
+  z-index: 2;
+}
+
+.drag-handle:hover {
+  /* background-color: #666; */
+}
+.el-main{
+  padding:0 10px ;
+}
+</style>
\ No newline at end of file