修改
This commit is contained in:
@@ -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;
|
||||
|
||||
BIN
src/assets/img/zw.jpg
Normal file
BIN
src/assets/img/zw.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 24 KiB |
@@ -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"
|
||||
@@ -89,37 +93,61 @@
|
||||
<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> -->
|
||||
</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
|
||||
@@ -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="图片">`)
|
||||
}
|
||||
}
|
||||
},
|
||||
@@ -1510,54 +1547,6 @@ 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) {
|
||||
@@ -3073,34 +3134,33 @@ 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';
|
||||
@@ -3535,17 +3600,17 @@ export default {
|
||||
},
|
||||
//目录节点点击
|
||||
handleNodeClick(data) {
|
||||
this.currentNode = 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{
|
||||
|
||||
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;
|
||||
})
|
||||
|
||||
|
||||
@@ -5209,3 +5276,23 @@ created() {
|
||||
},
|
||||
}
|
||||
</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>
|
||||
Reference in New Issue
Block a user