+
-
@@ -39,4 +38,5 @@ export default {
color: #2c3e50;
/* margin-top: 60px; */
}
+body{margin:0 !important;}
diff --git a/src/assets/brex.xsd b/src/assets/brex.xsd
new file mode 100644
index 0000000..19657b5
--- /dev/null
+++ b/src/assets/brex.xsd
@@ -0,0 +1,5522 @@
+
+
+
+ Issue number: 4.1
+ Issue date: 2012-12-31
+ Release number: 4.1
+ Release date: 2012-12-25
+ URL: http://www.s1000d.org/S1000D_4-1/xml_schema_flat/brex.xsd
+ Root element: dmodule
+ Copyright:
+ Copyright (C) 2012 by each of the following organizations:
+ 1. AeroSpace and Defence Industries Associations of Europe - ASD.
+ 2. Ministries of Defence of the member countries of ASD.
+
+ Limitations of Liability:
+
+ 1. This material is provided "As Is" and neither ASD nor any person who has contributed to the creation, revision or maintenance of the material makes any representations or warranties, express or implied, including but not limited to, warranties of merchantability or fitness for any particular purpose.
+ 2. Neither ASD nor any person who has contributed to the creation, revision or maintenance of this material shall be liable for any direct, indirect, special or consequential damages or any other liability arising from any use of this material.
+ 3. Revisions to this document may occur after its issuance. The user is responsible for determining if revisions to the material contained in this document have occurred and are applicable.
+
+ Remarks: none
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/assets/css/style.css b/src/assets/css/style.css
new file mode 100644
index 0000000..b1ba8dd
--- /dev/null
+++ b/src/assets/css/style.css
@@ -0,0 +1,1142 @@
+
+.navTitle{
+ text-align: left;
+ font-size: 20px;
+ font-weight: bold;
+}
+.editor-container {
+ height:100%;
+ width: 100%;
+ margin: 0 auto;
+ box-sizing: border-box;
+ display: flex;
+}
+.leftDiv {
+ height:100%;
+ width: 350px; /* 左边宽度 30% */
+ /* background: lightblue; */
+ /* padding-top:25px; */
+}
+#navMain{
+ height:calc(100% - 5px);
+}
+.paAutoStyle{
+ height: 50px;
+ /* line-height: 50px; */
+ width: 250px;
+ text-align: center;
+}
+.paAuto{
+ position: absolute;
+ top:0;
+ left:0;
+ right:0;
+ bottom:0;
+ margin:auto;
+}
+.w-e-text-container{
+ /* height: calc(100% - 122px) !important; */
+}
+.rightDiv {
+ height: calc(100% - 7px);
+ width: calc(100% - 372px);
+ /* background: lightcoral; */
+ /* height: 600px; */
+ overflow: hidden;
+ /* overflow: hidden auto; */
+ padding: 20px;
+ padding-top: 4px;
+ padding-right: 0;
+ padding-bottom: 0;
+}
+.toolbar {
+ margin-bottom: 10px;
+}
+
+.toolbar button {
+ margin-right: 10px;
+ padding: 5px 10px;
+ background: #409eff;
+ color: white;
+ border: none;
+ border-radius: 4px;
+ cursor: pointer;
+}
+
+.toolbar button:hover {
+ background: #66b1ff;
+}
+.editor2Opacity{
+ opacity:.5;
+}
+#editor,#editor2 {
+ /* border: 1px solid #ddd; */
+ min-height: 300px;
+ padding: 0;
+ /* padding-top:0; */
+ text-align: left;
+ height:100%;
+}
+#nav{
+ text-align: left;
+}
+
+.content-preview {
+ margin-top: 20px;
+ border: 1px solid #eee;
+ padding: 15px;
+ background: #fafafa;
+ text-align: left;
+}
+#main th,
+#main td {
+ border: 1px solid #ddd;
+ padding: 8px;
+ text-align: left;
+}
+#main th {
+ background-color: #f2f2f2;
+}
+#main{
+ height:70%;
+ overflow: hidden;
+ overflow-y: auto;
+}
+/* 视频容器样式 */
+.video-wrapper {
+ position: relative;
+ margin: 15px 0;
+ /* border: 1px solid #ddd; */
+ border-radius: 4px;
+ overflow: hidden;
+}
+
+.video-controls {
+ position: absolute;
+ top: 5px;
+ right: 5px;
+ z-index: 10;
+}
+
+.video-delete {
+ display: inline-block;
+ padding: 2px 8px;
+ background: rgba(255, 0, 0, 0.7);
+ color: white;
+ border-radius: 4px;
+ cursor: pointer;
+ font-size: 12px;
+ user-select: none;
+}
+
+.video-delete:hover {
+ background: rgba(255, 0, 0, 0.9);
+}
+
+/* 确保视频响应式 */
+video {
+ max-width: 100%;
+ display: block;
+ background: #000;
+}
+/* 禁用菜单项样式 */
+.disabled-menu-item {
+ opacity: 0.5 !important;
+ cursor: not-allowed !important;
+ pointer-events: none !important;
+}
+
+/* 如果需要工具提示也禁用 */
+.w-e-toolbar .w-e-menu:nth-child(1),
+.w-e-toolbar .w-e-menu:nth-child(2),
+.w-e-toolbar .w-e-menu:nth-child(11),
+.w-e-toolbar .w-e-menu:nth-child(16)
+/* .w-e-toolbar .w-e-menu:nth-child(18),
+.w-e-toolbar .w-e-menu:nth-child(19), */
+/* .w-e-toolbar .w-e-menu:last-child */
+{
+ display: none !important;
+}
+.w-e-menu-bar .w-e-menu:nth-child(1),
+.w-e-menu-bar .w-e-menu:nth-child(2){
+ display: inline-flex !important;
+}
+.s1000d-editor-container {
+ display: flex;
+ flex-direction: column;
+ /*height: 100vh;*/
+ /* padding: 20px; */
+ box-sizing: border-box;
+}
+
+.toolbar {
+ margin-bottom: 15px;
+}
+
+.tool-btn {
+ padding: 8px 15px;
+ margin-right: 10px;
+ background-color: #409eff;
+ color: white;
+ border: none;
+ border-radius: 4px;
+ cursor: pointer;
+}
+
+.tool-btn:hover {
+ background-color: #66b1ff;
+}
+
+.editor-area {
+ display: flex;
+ flex: 1;
+ gap: 20px;
+}
+
+.editor {
+ flex: 1;
+ border: 1px solid #dcdfe6;
+ border-radius: 4px;
+ overflow: hidden;
+}
+
+.xml-preview {
+ flex: 1;
+ border: 1px solid #dcdfe6;
+ border-radius: 4px;
+ padding: 10px;
+ overflow: auto;
+ background-color: #f5f7fa;
+}
+
+.xml-preview pre {
+ white-space: pre-wrap;
+ font-family: Consolas, Monaco, monospace;
+ margin: 0;
+}
+
+.modal {
+ position: fixed;
+ z-index: 1000;
+ left: 0;
+ top: 0;
+ width: 100%;
+ height: 100%;
+ background-color: rgba(0, 0, 0, 0.5);
+ display: flex;
+ justify-content: center;
+ align-items: center;
+}
+
+.modal-content {
+ background-color: white;
+ padding: 20px;
+ border-radius: 5px;
+ width: 60%;
+ max-height: 80%;
+ overflow: auto;
+}
+
+.close {
+ float: right;
+ font-size: 24px;
+ cursor: pointer;
+}
+
+.valid {
+ color: #67c23a;
+}
+
+.invalid {
+ color: #f56c6c;
+}
+ .editor .w-e-text{
+ text-align: left;
+}
+#nav{
+ overflow: hidden;
+ height: 300px;
+ overflow-y: auto;
+}
+
+
+
+.context-menu {
+ position: fixed;
+ background: white;
+ border: 1px solid #ddd;
+ box-shadow: 0 2px 10px rgba(0,0,0,0.2);
+ z-index: 1000;
+ padding: 5px 0;
+ min-width: 100px;
+}
+
+.menu-item {
+ padding: 8px 10px;
+ cursor: pointer;
+ font-size: 14px;
+ text-align: left;
+ height: 20px;
+ position: relative;
+}
+
+.menu-item:hover {
+ background-color: #f0f0f0;
+}
+
+.menu-item.active {
+ background-color: #e6f7ff;
+ color: #1890ff;
+ font-weight: bold;
+}
+.menu-item img{
+ height:20px;
+}
+.menu-item span{
+ position: absolute;
+ top: 0;
+ bottom: 0;
+ margin: auto;
+ height: 20px;
+ left: 44px;
+}
+
+button {
+ margin: 10px 10px 0 0;
+ padding: 8px 15px;
+ background: #1890ff;
+ color: white;
+ border: none;
+ border-radius: 4px;
+ cursor: pointer;
+}
+
+button:hover {
+ background: #40a9ff;
+}
+/* 修改后的样式 */
+.image-preview-dialog {
+ display: flex;
+ flex-direction: column;
+ background: rgba(0,0,0,0.9);
+}
+
+.image-container {
+ width: 100%;
+ overflow: auto;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ /* 默认高度（会被JS覆盖） */
+ height: 80vh;
+ /* 添加边界保护 */
+ min-height: 500px;
+ max-height: calc(100vh - 150px);
+}
+
+.control-bar {
+ height: 80px; /* 固定高度 */
+ flex-shrink: 0;
+ background: rgba(0,0,0,0.7);
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ gap: 15px;
+}
+
+/* 大屏适配 */
+@media (min-height: 800px) {
+ .image-container {
+ height: 85vh;
+ }
+}
+.control-bar {
+ padding: 15px;
+ background: rgba(0,0,0,0.8);
+ border-radius: 10px;
+ box-shadow: 0 2px 12px 0 rgba(0,0,0,0.3);
+ display: flex;
+ gap: 10px;
+ justify-content: center;
+}
+
+/* 操作按钮样式 */
+.action-btn {
+ width: 100px;
+ height: 50px;
+ font-size: 16px;
+ border-radius: 8px;
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ justify-content: center;
+}
+
+.action-btn i {
+ font-size: 20px;
+ margin-bottom: 5px;
+}
+
+.action-btn span {
+ font-weight: bold;
+}
+
+/* 按钮颜色定制 */
+.el-button--primary {
+ background: #409EFF;
+ border-color: #409EFF;
+}
+
+.el-button--primary:hover {
+ background: #66b1ff;
+ border-color: #66b1ff;
+}
+
+/* 旋转按钮特殊样式 */
+.rotate-btn {
+ background: #67C23A;
+ border-color: #67C23A;
+}
+
+.rotate-btn:hover {
+ background: #85ce61;
+ border-color: #85ce61;
+}
+.floating-controls {
+ position: fixed;
+ bottom: 30px;
+ left: 50%;
+ transform: translateX(-50%);
+ display: flex;
+ gap: 20px;
+ z-index: 999;
+}
+
+/* 悬浮按钮 */
+.floating-btn {
+ width: 60px;
+ height: 60px;
+ border-radius: 50%;
+ border: none;
+ background: white;
+ color: #4a6cf7;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ cursor: pointer;
+ position: relative;
+ box-shadow: 0 4px 20px rgba(0,0,0,0.15);
+ transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
+}
+
+.floating-btn .icon-container {
+ width: 40px;
+ height: 40px;
+ border-radius: 50%;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ transition: all 0.3s;
+}
+
+.floating-btn .tooltip {
+ position: absolute;
+ top: -40px;
+ background: #4a6cf7;
+ color: white;
+ padding: 5px 10px;
+ border-radius: 6px;
+ font-size: 12px;
+ opacity: 0;
+ pointer-events: none;
+ transition: all 0.3s;
+}
+
+/* 按钮颜色 */
+.zoom-in { background: #4a6cf7; color: white; }
+.zoom-out { background: #f68084; color: white; }
+.rotate-btn { background: #5ee7df; color: white; }
+.reset-btn { background: #f093fb; color: white; }
+.close-btn { background: #ff7676; color: white; }
+
+/* 悬停动画 */
+.floating-btn:hover {
+ transform: translateY(-5px) scale(1.05);
+ box-shadow: 0 8px 25px rgba(0,0,0,0.2);
+}
+
+.floating-btn:hover .tooltip {
+ opacity: 1;
+ transform: translateY(-5px);
+}
+
+.floating-btn:hover .icon-container {
+ transform: rotate(15deg) scale(1.1);
+}
+
+/* 点击效果 */
+.floating-btn:active {
+ transform: scale(0.95);
+}
+.el-dialog__wrapper{
+ z-index:10010 !important;
+}
+
+.highlight {
+ color: #ff4d4f;
+ font-weight: bold;
+}
+
+.operation-buttons {
+ text-align: left;
+}
+/*
+.tree-manager {
+ padding: 20px;
+}
+
+
+
+.search-input {
+ width: 300px;
+ margin-right: 10px;
+}
+
+.tree-container {
+ border: 1px solid #ebeef5;
+ border-radius: 4px;
+ padding: 10px;
+}
+
+.el-tree {
+ min-height: 200px;
+}
+
+.highlight {
+ color: #ff4d4f;
+ font-weight: bold;
+}
+
+.custom-tree-node {
+ flex: 1;
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ font-size: 14px;
+ padding-right: 8px;
+} */
+
+.tree-container {
+ overflow-x: hidden;
+ /* max-width: 280px; */
+ margin: 30px auto;
+ margin-top:0px;
+ padding: 5px;
+ border: 1px solid #e0e0e0;
+ /* border-radius: 8px; */
+ position: relative;
+}
+.el-tree-node__children{
+ overflow:auto;
+}
+.el-tree-node__content {
+ max-width: 280px;
+ height: 30px;
+ overflow: auto;
+}
+.el-tree-node__content span div{
+ /* overflow: auto; */
+ /* width:150px; */
+ text-align: left;
+}
+
+/* .bindMain{
+ text-align: left;
+ overflow: hidden;
+ overflow-y: auto;
+}
+.bindMain > div{
+ margin-top:10px;
+} */
+ .zyBox{
+ text-align: left;
+ border: 1px dashed deepskyblue;
+ padding: 10px;
+ padding-top: 0;
+ border-radius: 4px;
+ margin-bottom: 20px;
+ }
+.mask{
+ position: absolute;
+ top:0;
+ left: 0;
+ width:100%;
+ height:100%;
+ background-color:#9cf;
+ opacity:0.1;
+}
+.maskView{
+ position: fixed;
+ top:0;
+ left: 0;
+ z-index:10010;
+ background-color:rgba(0,0,0,.5);
+}
+ /* 设置树形组件节点的定位和左内边距 */
+ .tree-container .el-tree-node {
+
+
+ position: relative;
+ padding-left: 13px;
+ }
+
+ /* 设置树形组件节点的 before 伪类的样式*/
+ .tree-container .el-tree-node:before {
+
+
+ width: 1px;
+ height: 100%;
+ content: '';
+ position: absolute;
+ /* top: -38px; */
+ bottom: 0;
+ left: 0;
+ right: auto;
+ border-width: 1px;
+ border-left: 1px solid #b8b9bb;
+ }
+
+ /* // 设置树形组件节点的 after 伪类的样式 */
+ .tree-container .el-tree-node:after {
+
+
+ width: 13px;
+ height: 13px;
+ content: '';
+ position: absolute;
+ left: 0;
+ right: auto;
+ top: 12px;
+ bottom: auto;
+ border-width: 1px;
+ border-top: 1px solid #b8b9bb;
+ }
+
+ /* // 设置树形组件首节点的左边框不显示 */
+ .tree-container .el-tree > .el-tree-node:before {
+
+
+ border-left: none;
+ }
+
+ /* // 设置树形组件首节点的顶部边框不显示 */
+ .tree-container .el-tree > .el-tree-node:after {
+
+
+ border-top: none;
+ }
+
+ /* // 设置树形组件末节点的 before 伪类的高度 */
+ .tree-container .el-tree .el-tree-node:last-child:before {
+
+
+ height: 50px;
+ }
+
+ /* // 设置树形组件节点字体大小、以及取消左内边距 */
+ .tree-container .el-tree .el-tree-node__content {
+
+ /* overflow: auto; */
+ color: #000;
+ font-size: 15px;
+ padding-left: 0 !important;
+ /* height: 20px; */
+ height: 36px;
+ }
+
+ /* // 设置树形组件孩子节点左内边距 */
+ .tree-container .el-tree .el-tree-node__children {
+
+
+ padding-left: 11.5px;
+ }
+
+ /* // 设置树形组件复选框左右外边距 */
+ .tree-container .el-tree .el-tree-node__content > label.el-checkbox {
+
+
+ margin: 0 5px 0 5px !important;
+ }
+
+ /* // 设置树形组件展开图标定位、图层、内边距 */
+ .tree-container .el-tree .el-tree-node__expand-icon {
+
+ background-color: #fff;
+ position: relative;
+ z-index: 99;
+ }
+
+ /* // 设置树形组件叶子节点的默认图标不显示 */
+ .tree-container .el-tree .el-tree-node__expand-icon.is-leaf {
+
+
+ display: none;
+ }
+
+ /* // 设置树形组件叶子节点的横线 */
+ .tree-container .el-tree .leaf-node-line {
+
+
+ width: 23px;
+ height: 13px;
+ content: '';
+ position: absolute;
+ left: 13px;
+ right: auto;
+ top: 12px;
+ bottom: auto;
+ border-width: 1px;
+ border-top: 1px solid #b8b9bb;
+ }
+
+ /* // 设置树形组件有叶子节点的左外边距 */
+ .tree-container .el-tree .el-tree-node__content:has(.is-leaf){
+ color: #000;
+ margin-left: 24px !important;
+ height:36px;
+ /* overflow:auto; */
+ }
+ .el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content {
+ background-color: #ccffdd;
+ color: #096;
+ font-size:17px;
+
+}
+.el-tree-node__content{
+ transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
+}
+ .el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content{
+ background-color: #99ccff6b;
+}
+.w-e-tooltip-up .w-e-tooltip-item-wrapper:nth-child(1){
+ display:none;
+}
+
+/* 针对 el-tree 容器的滚动条优化 */
+.elTree {
+ /* 设置最大高度以触发滚动 */
+ max-height: calc(100% - 38px);
+ overflow-y: auto;
+ padding-right: 5px; /* 预留滚动条空间 */
+ padding-bottom: 5px; /* 预留横向滚动条空间 */
+}
+
+/* 滚动条轨道 - 区分横向和纵向 */
+.elTree::-webkit-scrollbar {
+ width: 6px; /* 纵向滚动条宽度 */
+ height: 4px; /* 横向滚动条高度（变细） */
+}
+
+/* 滚动条轨道背景 */
+.elTree::-webkit-scrollbar-track {
+ background: rgba(241, 241, 241, 0.5); /* 轨道颜色更透明 */
+ border-radius: 3px;
+}
+
+/* 滚动条滑块 - 区分横向和纵向 */
+.elTree::-webkit-scrollbar-thumb {
+ background: rgba(193, 193, 193, 0.6); /* 滑块颜色更透明 */
+ border-radius: 3px;
+ transition: background 0.3s ease;
+}
+
+/* 滚动条滑块悬停状态 */
+.elTree::-webkit-scrollbar-thumb:hover {
+ background: rgba(168, 168, 168, 0.7); /* 悬停时透明度降低 */
+}
+
+/* 滚动条滑块激活状态 */
+.elTree::-webkit-scrollbar-thumb:active {
+ background: rgba(136, 136, 136, 0.8); /* 激活时更不透明 */
+}
+
+/* 隐藏角落的交汇处 */
+.elTree::-webkit-scrollbar-corner {
+ background: transparent;
+}
+
+/* Firefox 滚动条样式适配 */
+.elTree {
+ scrollbar-width: thin;
+ scrollbar-color: rgba(193, 193, 193, 0.6) rgba(241, 241, 241, 0.5);
+}
+
+.custom-context-menu {
+ position: fixed;
+ width: 120px;
+ background: #fff;
+ border-radius: 4px;
+ box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15);
+ z-index: 1000;
+ padding: 5px 0;
+}
+ .el-dialog{
+ border-radius: 10px;
+}
+.loadContent{
+ margin:auto;
+ /* height:50px; */
+ text-align: left;
+ background-color: #fff;
+ width: 100%;
+ /* height: 90%; */
+ /* position: absolute;
+ top: 5%;
+ left: 5%;
+ padding: 20px;
+ overflow: auto;
+ box-sizing: border-box; */
+}
+
+ .loadContent table {
+ border-collapse: collapse; /* 合并边框 */
+ width: 100%;
+}
+
+ .loadContent table, .loadContent td {
+ border: 1px solid #ddd; /* 表格、表头、单元格都添加边框 */
+}
+
+ .loadContent th{
+ background-color: #f1f1f1;
+ border: 1px solid #ddd; /* 表格、表头、单元格都添加边框 */
+}
+
+ .loadContent th, .loadContent td {
+ padding: 8px 12px; /* 添点内边距，让内容不贴边 */
+ text-align: left;
+}
+.changeState{
+ color: #d25d1f;
+ margin-left: -24px;
+ font-size: 8px !important;
+}
+
+
+
+
+
+/* 树形组件样式 */
+.tree-container .el-tree {
+ white-space: nowrap;
+ /* min-width: 100%; */
+ height:100%;
+ position: static; /* 避免定位冲突 */
+}
+
+/* 解决节点展开后被遮挡的问题 */
+.tree-container .el-tree-node {
+ overflow: visible !important; /* 允许子节点溢出显示 */
+ position: relative; /* 确保层级正确 */
+}
+
+/* 修复连接线和内容容器 */
+.tree-container .el-tree-node__children {
+ overflow: visible !important;
+ position: relative;
+}
+
+/* 确保节点内容不被裁剪 */
+.tree-container .el-tree-node__content {
+ overflow: visible !important;
+}
+
+
+
+
+/* 在 wang.vue 的样式部分添加 */
+.elTree {
+ /* 设置固定高度，超出部分显示滚动条 */
+ max-height: calc(100% - 38px); /* 根据页面布局调整具体数值 */
+ overflow-y: auto; /* 纵向溢出时显示滚动条 */
+ overflow-x: auto; /* 横向溢出时显示滚动条（防止节点名称过长） */
+ padding-right: 8px; /* 预留滚动条空间，避免内容被遮挡 */
+}
+
+/* 优化滚动条样式（可选） */
+.elTree::-webkit-scrollbar {
+ width: 6px;
+ height: 6px;
+}
+
+.elTree::-webkit-scrollbar-thumb {
+ background-color: #ccc;
+ border-radius: 3px;
+}
+
+.elTree::-webkit-scrollbar-track {
+ background-color: #f5f5f5;
+}
+/* 针对树形组件容器添加横向滚动支持 */
+.tree-container {
+ /* 限制容器最大宽度（可根据实际布局调整） */
+ width: 100%;
+ height:calc(100% - 90px);
+ overflow-x: hidden; /* 横向溢出时显示滚动条 */
+ padding-bottom: 0; /* 预留底部空间，避免滚动条遮挡内容 */
+}
+
+/* 确保树形组件本身不限制宽度，让内容能撑开容器 */
+.elTree {
+ min-width: 100%; /* 至少占满容器宽度 */
+ display: inline-block; /* 让树组件宽度由内容决定 */
+ white-space: nowrap; /* 防止节点内容自动换行 */
+}
+
+/* 优化节点文本显示，避免过长文本被截断 */
+.custom-tree-node span,
+.el-tree span {
+ max-width: none; /* 取消最大宽度限制 */
+ overflow: visible; /* 允许内容溢出显示 */
+ text-overflow: clip; /* 取消省略号，完整显示文本 */
+}
+
+
+/* 限制弹窗内容区域高度并添加滚动条 */
+ .custom-dialog .el-dialog__body {
+ max-height: 55vh; /* 固定最大高度，可根据需求调整 */
+ overflow-y: auto; /* 内容超出时显示纵向滚动条 */
+ padding: 15px 50px; /* 调整内边距，避免内容紧贴边框 */
+}
+
+ .viewDialog .el-dialog__body{
+ max-height: 65vh; /* 固定最大高度，可根据需求调整 */
+ height: 65vh; /* 固定最大高度，可根据需求调整 */
+}
+.viewDialog2 .el-dialog__body{
+ max-height: 55px;
+ height: 55px;
+}
+/* 可选：美化滚动条样式 */
+ .custom-dialog .el-dialog__body::-webkit-scrollbar {
+ width: 6px; /* 滚动条宽度 */
+}
+
+ .custom-dialog .el-dialog__body::-webkit-scrollbar-thumb {
+ background: #ccc; /* 滚动条滑块颜色 */
+ border-radius: 3px; /* 滑块圆角 */
+}
+
+ .custom-dialog .el-dialog__body::-webkit-scrollbar-track {
+ background: #f5f5f5; /* 滚动条轨道颜色 */
+}
+
+
+ .fine-stripe-border1 {
+ margin: 50px auto;
+ padding: 20px;
+ border: 12px solid;
+ border-image: linear-gradient(45deg,
+ #ffcc00 0%, #ffcc00 10%,
+ #000000 10%, #000000 20%,
+ #ffcc00 20%, #ffcc00 30%,
+ #000000 30%, #000000 40%,
+ #ffcc00 40%, #ffcc00 50%,
+ #000000 50%, #000000 60%,
+ #ffcc00 60%, #ffcc00 70%,
+ #000000 70%, #000000 80%,
+ #ffcc00 80%, #ffcc00 90%,
+ #000000 90%, #000000 100%
+ ) 1;
+
+ /* 内容居中 */
+ /* display: flex;
+ align-items: center;
+ justify-content: center;
+ font-family: Arial, sans-serif;
+ font-size: 18px; */
+}
+
+ .fine-stripe-border2 {
+ margin: 50px auto;
+ padding: 20px;
+ border: 12px solid;
+ border-image: linear-gradient(45deg,
+ #ff0000 0%, #ff0000 10%,
+ #000000 10%, #000000 20%,
+ #ff0000 20%, #ff0000 30%,
+ #000000 30%, #000000 40%,
+ #ff0000 40%, #ff0000 50%,
+ #000000 50%, #000000 60%,
+ #ff0000 60%, #ff0000 70%,
+ #000000 70%, #000000 80%,
+ #ff0000 80%, #ff0000 90%,
+ #000000 90%, #000000 100%
+ ) 1;
+
+ /* 内容居中 */
+ /* display: flex;
+ align-items: center;
+ justify-content: center;
+ font-family: Arial, sans-serif;
+ font-size: 18px; */
+}
+.iconImgDiv:hover{
+ cursor: pointer;
+ background-color:rgba(0,0,0,.1);
+ transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
+}
+
+.iconImg{
+ height: 20px;
+ cursor: pointer;
+ display: block;
+ margin:5px auto;
+}
+.js{
+ padding:10px;
+}
+.jg{
+ padding:10px;
+}
+.testBo{
+ /* 为了能看到边框效果，设置容器的宽高、内边距等 */
+ padding: 20px;
+ /* border-image 相关属性 */
+ /* 引入的图片路径，需替换为实际图片存放路径 */
+ /* 定义边框图片的切片方式，这里设为 30 表示从图片的四个方向各切 30px 用于边框 */
+ border-image-slice: 30;
+ /* 定义边框图片的重复方式，round 表示尽量完整重复图片且不拉伸变形 */
+ border-image-repeat: round;
+ /* 定义边框的宽度 */
+ /* 需显式设置 border-style，否则 border-image 可能不生效 */
+ /* border-style: solid; */
+ background-image: url("../img/br.png");
+}
+
+.testBo{
+ /* 为了能看到边框效果，设置容器的宽高、内边距等 */
+ padding: 20px !important;
+ /* border-image 相关属性 */
+ /* 引入的图片路径，需替换为实际图片存放路径 */
+ /* 定义边框图片的切片方式，这里设为 30 表示从图片的四个方向各切 30px 用于边框 */
+ border-image-slice: 30 !important;
+ /* 定义边框图片的重复方式，round 表示尽量完整重复图片且不拉伸变形 */
+ border-image-repeat: round !important;
+ /* 定义边框的宽度 */
+ /* 需显式设置 border-style，否则 border-image 可能不生效 */
+ /* border-style: solid; */
+ background-image: url("../img/br.png") !important;
+}
+
+.testBo2{
+ /* 为了能看到边框效果，设置容器的宽高、内边距等 */
+ padding: 20px !important;
+ /* border-image 相关属性 */
+ /* 引入的图片路径，需替换为实际图片存放路径 */
+ /* 定义边框图片的切片方式，这里设为 30 表示从图片的四个方向各切 30px 用于边框 */
+ border-image-slice: 30 !important;
+ /* 定义边框图片的重复方式，round 表示尽量完整重复图片且不拉伸变形 */
+ border-image-repeat: round !important;
+ /* 定义边框的宽度 */
+ /* 需显式设置 border-style，否则 border-image 可能不生效 */
+ /* border-style: solid; */
+ background-image: url("../img/br2.png") !important;
+}
+.borderStyle_red{
+ border:5px solid red;
+ border-radius: 8px;
+}
+.borderStyle_yellow{
+ border:5px solid #ffcc00;
+ border-radius: 8px;
+}
+
+.el-date-picker.has-sidebar{
+ z-index: 20000 !important;
+}
+.colStyle{
+ text-align:left;
+ height:35px;
+ position: relative;
+ margin-top:5px;
+}
+.colStyle1{
+ margin-top:0;
+}
+.colStyle img{
+ height:20px;
+ margin:5px 0;
+}
+.colStyle span{
+ position: absolute;
+ top: 6px;
+ left: 24px;
+ height: 20px;
+ line-height: 20px;
+}
+.el-select-dropdown{
+ z-index:20005 !important;
+}
+.el-picker-panel{
+ z-index:20005 !important;
+}
+ .left-aligned-select .el-input__inner {
+ text-align: left !important;
+}
+
+/* 让下拉选项靠左对齐 */
+.left-aligned-select .el-select-dropdown__item {
+ text-align: left !important;
+}
+
+/* 如果需要调整placeholder的对齐方式 */
+.left-aligned-select .el-input__inner::placeholder {
+ text-align: left !important;
+}
+.navTitle{
+ position: relative;
+}
+.navTitle p {
+ margin: 0;
+ width: calc(100% - 24px);
+ /* 必须设置宽度限制，否则不会触发省略 */
+ white-space: nowrap; /* 禁止文本换行 */
+ overflow: hidden; /* 隐藏超出容器的内容 */
+ text-overflow: ellipsis; /* 显示省略号 */
+ /* 可选样式 */
+}
+.iconImgMulu{
+ position: absolute;
+ right: 0;
+ /* bottom: 0; */
+ top: 7px;
+ margin: auto;
+ height: 20px;
+ cursor: pointer;
+}
+
+.elTreeMain .el-tree-node.is-current>.el-tree-node__content{
+ background-color: #fff !important;
+}
+.nowRightHint {
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ text-align: left;
+ border-bottom: 1px solid #ccc;
+ padding-bottom: 5px;
+ padding-left: 5px;
+}
+.bName{
+ text-align: left;
+ height:30px;
+ line-height:30px;
+ width: calc(100%);
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ font-weight: bold;
+ font-size: 20px;
+ margin-bottom:7px;
+}
\ No newline at end of file
diff --git a/src/assets/img/-Video-File.png b/src/assets/img/-Video-File.png
new file mode 100644
index 0000000..f748c4e
Binary files /dev/null and b/src/assets/img/-Video-File.png differ
diff --git a/src/assets/img/Music.png b/src/assets/img/Music.png
new file mode 100644
index 0000000..72f4921
Binary files /dev/null and b/src/assets/img/Music.png differ
diff --git a/src/assets/img/addIcon.png b/src/assets/img/addIcon.png
new file mode 100644
index 0000000..d43cbc9
Binary files /dev/null and b/src/assets/img/addIcon.png differ
diff --git a/src/assets/img/bangdingziyuanchi.png b/src/assets/img/bangdingziyuanchi.png
new file mode 100644
index 0000000..95f232f
Binary files /dev/null and b/src/assets/img/bangdingziyuanchi.png differ
diff --git a/src/assets/img/bianji.png b/src/assets/img/bianji.png
new file mode 100644
index 0000000..f125e80
Binary files /dev/null and b/src/assets/img/bianji.png differ
diff --git a/src/assets/img/bianji1.png b/src/assets/img/bianji1.png
new file mode 100644
index 0000000..f925a0c
Binary files /dev/null and b/src/assets/img/bianji1.png differ
diff --git a/src/assets/img/br.png b/src/assets/img/br.png
new file mode 100644
index 0000000..6cf871c
Binary files /dev/null and b/src/assets/img/br.png differ
diff --git a/src/assets/img/br2.png b/src/assets/img/br2.png
new file mode 100644
index 0000000..c73ffbb
Binary files /dev/null and b/src/assets/img/br2.png differ
diff --git a/src/assets/img/danwei.png b/src/assets/img/danwei.png
new file mode 100644
index 0000000..7dada82
Binary files /dev/null and b/src/assets/img/danwei.png differ
diff --git a/src/assets/img/delIcon.png b/src/assets/img/delIcon.png
new file mode 100644
index 0000000..04a99d6
Binary files /dev/null and b/src/assets/img/delIcon.png differ
diff --git a/src/assets/img/dinggao.png b/src/assets/img/dinggao.png
new file mode 100644
index 0000000..0be007e
Binary files /dev/null and b/src/assets/img/dinggao.png differ
diff --git a/src/assets/img/duoyuyan.png b/src/assets/img/duoyuyan.png
new file mode 100644
index 0000000..a7c843a
Binary files /dev/null and b/src/assets/img/duoyuyan.png differ
diff --git a/src/assets/img/editIcon.png b/src/assets/img/editIcon.png
new file mode 100644
index 0000000..1803d21
Binary files /dev/null and b/src/assets/img/editIcon.png differ
diff --git a/src/assets/img/fabushijian.png b/src/assets/img/fabushijian.png
new file mode 100644
index 0000000..767aa82
Binary files /dev/null and b/src/assets/img/fabushijian.png differ
diff --git a/src/assets/img/fenlei.png b/src/assets/img/fenlei.png
new file mode 100644
index 0000000..d580011
Binary files /dev/null and b/src/assets/img/fenlei.png differ
diff --git a/src/assets/img/file.png b/src/assets/img/file.png
new file mode 100644
index 0000000..988024e
Binary files /dev/null and b/src/assets/img/file.png differ
diff --git a/src/assets/img/gaojisousuo.png b/src/assets/img/gaojisousuo.png
new file mode 100644
index 0000000..d1432b4
Binary files /dev/null and b/src/assets/img/gaojisousuo.png differ
diff --git a/src/assets/img/hezuodanwei.png b/src/assets/img/hezuodanwei.png
new file mode 100644
index 0000000..9a2dadc
Binary files /dev/null and b/src/assets/img/hezuodanwei.png differ
diff --git a/src/assets/img/history.png b/src/assets/img/history.png
new file mode 100644
index 0000000..2c1f306
Binary files /dev/null and b/src/assets/img/history.png differ
diff --git a/src/assets/img/jgIcon.png b/src/assets/img/jgIcon.png
new file mode 100644
index 0000000..e21f5bd
Binary files /dev/null and b/src/assets/img/jgIcon.png differ
diff --git a/src/assets/img/jiazaiwenjian.png b/src/assets/img/jiazaiwenjian.png
new file mode 100644
index 0000000..632dfa1
Binary files /dev/null and b/src/assets/img/jiazaiwenjian.png differ
diff --git a/src/assets/img/jinggao.png b/src/assets/img/jinggao.png
new file mode 100644
index 0000000..6301c5a
Binary files /dev/null and b/src/assets/img/jinggao.png differ
diff --git a/src/assets/img/jingshi.png b/src/assets/img/jingshi.png
new file mode 100644
index 0000000..576a7d4
Binary files /dev/null and b/src/assets/img/jingshi.png differ
diff --git a/src/assets/img/jsIcon.png b/src/assets/img/jsIcon.png
new file mode 100644
index 0000000..e1af02f
Binary files /dev/null and b/src/assets/img/jsIcon.png differ
diff --git a/src/assets/img/jurassic_version.png b/src/assets/img/jurassic_version.png
new file mode 100644
index 0000000..d452931
Binary files /dev/null and b/src/assets/img/jurassic_version.png differ
diff --git a/src/assets/img/leixing.png b/src/assets/img/leixing.png
new file mode 100644
index 0000000..f853297
Binary files /dev/null and b/src/assets/img/leixing.png differ
diff --git a/src/assets/img/miji.png b/src/assets/img/miji.png
new file mode 100644
index 0000000..38d7b7a
Binary files /dev/null and b/src/assets/img/miji.png differ
diff --git a/src/assets/img/mp.png b/src/assets/img/mp.png
new file mode 100644
index 0000000..b317a77
Binary files /dev/null and b/src/assets/img/mp.png differ
diff --git a/src/assets/img/mp1.png b/src/assets/img/mp1.png
new file mode 100644
index 0000000..b9b9983
Binary files /dev/null and b/src/assets/img/mp1.png differ
diff --git a/src/assets/img/quanxian.png b/src/assets/img/quanxian.png
new file mode 100644
index 0000000..891ea68
Binary files /dev/null and b/src/assets/img/quanxian.png differ
diff --git a/src/assets/img/save-3-fill.png b/src/assets/img/save-3-fill.png
new file mode 100644
index 0000000..e438a02
Binary files /dev/null and b/src/assets/img/save-3-fill.png differ
diff --git a/src/assets/img/saveIcon.png b/src/assets/img/saveIcon.png
new file mode 100644
index 0000000..f26dc20
Binary files /dev/null and b/src/assets/img/saveIcon.png differ
diff --git a/src/assets/img/shanchu-copy.png b/src/assets/img/shanchu-copy.png
new file mode 100644
index 0000000..472229d
Binary files /dev/null and b/src/assets/img/shanchu-copy.png differ
diff --git a/src/assets/img/shanchu.png b/src/assets/img/shanchu.png
new file mode 100644
index 0000000..3349f40
Binary files /dev/null and b/src/assets/img/shanchu.png differ
diff --git a/src/assets/img/shanchu1.png b/src/assets/img/shanchu1.png
new file mode 100644
index 0000000..0baad29
Binary files /dev/null and b/src/assets/img/shanchu1.png differ
diff --git a/src/assets/img/shanchu2.png b/src/assets/img/shanchu2.png
new file mode 100644
index 0000000..a00a18c
Binary files /dev/null and b/src/assets/img/shanchu2.png differ
diff --git a/src/assets/img/unknown-file.png b/src/assets/img/unknown-file.png
new file mode 100644
index 0000000..28c9b8a
Binary files /dev/null and b/src/assets/img/unknown-file.png differ
diff --git a/src/assets/img/video.png b/src/assets/img/video.png
new file mode 100644
index 0000000..38f9502
Binary files /dev/null and b/src/assets/img/video.png differ
diff --git a/src/assets/img/wenjian.png b/src/assets/img/wenjian.png
new file mode 100644
index 0000000..77d94d0
Binary files /dev/null and b/src/assets/img/wenjian.png differ
diff --git a/src/assets/img/xinjian.png b/src/assets/img/xinjian.png
new file mode 100644
index 0000000..7baa4e7
Binary files /dev/null and b/src/assets/img/xinjian.png differ
diff --git a/src/assets/img/xinjian1.png b/src/assets/img/xinjian1.png
new file mode 100644
index 0000000..7baa4e7
Binary files /dev/null and b/src/assets/img/xinjian1.png differ
diff --git a/src/assets/img/xinxi.png b/src/assets/img/xinxi.png
new file mode 100644
index 0000000..ee96056
Binary files /dev/null and b/src/assets/img/xinxi.png differ
diff --git a/src/assets/img/xml.png b/src/assets/img/xml.png
new file mode 100644
index 0000000..5eda80d
Binary files /dev/null and b/src/assets/img/xml.png differ
diff --git a/src/assets/img/yongtu.png b/src/assets/img/yongtu.png
new file mode 100644
index 0000000..c54b973
Binary files /dev/null and b/src/assets/img/yongtu.png differ
diff --git a/src/assets/img/yulan.png b/src/assets/img/yulan.png
new file mode 100644
index 0000000..f155fbe
Binary files /dev/null and b/src/assets/img/yulan.png differ
diff --git a/src/assets/img/zhuti.png b/src/assets/img/zhuti.png
new file mode 100644
index 0000000..1bafeb5
Binary files /dev/null and b/src/assets/img/zhuti.png differ
diff --git a/src/components/XMLwang.vue b/src/components/XMLwang.vue
deleted file mode 100644
index 3b7244e..0000000
--- a/src/components/XMLwang.vue
+++ /dev/null
@@ -1,95 +0,0 @@
-
-
-
-
-
\ No newline at end of file
diff --git a/src/components/wang copy.vue b/src/components/wang copy.vue
deleted file mode 100644
index ebae34f..0000000
--- a/src/components/wang copy.vue
+++ /dev/null
@@ -1,425 +0,0 @@
-
-
-
- 上传图片
- 上传视频
- 加载所有内容
- 生成目录
- 删除所有视频
- 模拟加载
-
-
-
-
-
-
-
-
-
-
传递
-
-
-
-
-
\ No newline at end of file
diff --git a/src/components/wang.vue b/src/components/wang.vue
index 086b208..3417cb4 100644
--- a/src/components/wang.vue
+++ b/src/components/wang.vue
@@ -1,12 +1,17 @@
+
+
-
+
+
+
+
-
- 判断富文本内容是否更改
- 测试拼接地址
- 加载目录
- 存目录
-
- 读取富文本
- 上传图片4
- 上传视频
- 上传音频
-
- 加载所有内容
- 生成目录
- 查看图片
-
- 启用右键菜单功能
- 打印目录数据
-
-
- 加载到富文本框内
-
-
-
- 保存内容到XML
- 保存目录到XML
- Load XML
-
-
-
-
- 导出S1000D XML
- 导入S1000D XML
- 验证XML
-
-
-
-
-
-
XML预览
-
{{ formattedXmlPreview }}
-
-
-
-
{{editorHeight}}
-
-
-
请打开所要编辑的的章节目录
-
请加载所要编辑的文档目录
-
-
-
-
+
{{getBookName}}
+
+
+
+
+
+
+
-
-
-
- 编辑目录
- 绑定资源
- 历史版本
- 删除目录
-
-
-
-
-
+
-
+
关闭
-
-
+
-
-
-
自定义内容
-
-
-
-
-
-
-
-
-
-
-
- 放大
-
-
-
-
- 缩小
-
-
-
- 旋转图片
-
-
-
- 重置图片
-
-
-
- 关闭
-
-
-
-
-
-
- 缩放: {{ (scale * 100).toFixed(0) }}%
-
-
-
+
+
+
-
- 加载文件
- 预览文件
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- 使用
- 不使用
-
-
-
-
-
+
@@ -503,11 +357,11 @@
-
+
@@ -520,49 +374,52 @@
-
+
- 是否保存当前编辑内容1
+ 是否保存当前编辑内容
-
+
- 是否保存当前编辑内容2
+ 是否保存当前编辑内容
+
+
-
+
+
+
+ {{dmcHint?"收起":"展开"}}
+
+
+
+ 章节名称
+
+ {{rdfDescriptions[0].children[0].text}}
+
+
+
+ 创作单位
+
+ {{rdfDescriptions[0].children[1].text}}
+
+
+
+ 权限
+
+ {{formatOther('permission',rdfDescriptions[0].children[2].text).label}}
+
+
+
+ 合作单位
+
+ {{rdfDescriptions[0].children[5].text}}
+
+
+
+ 版本号
+
+ {{rdfDescriptions[0].children[6].text}}
+
+
+
+ 密级
+
+ {{formatOther('level',this.rdfDescriptions[0].children[7].text).label}}
+
+
+
+ 发布日期
+
+ {{formatDate(rdfDescriptions[0].children[8].text)}}
+
+
+
+ 适用性信息
+
+ {{rdfDescriptions[0].children[9].text}}
+
+
+
+ 质量验证
+
+ {{rdfDescriptions[0].children[10].text}}
+
+
+
+ 语言
+
+ {{rdfDescriptions[0].children[14].text}}
+
+
-
+
-
-
+
+
+
+
+
+
+ {{dmcHint?"收起":"展开"}}
+
+
+
+ 章节名称
+
+ {{rdfDescriptions[0].children[0].text}}
+
+
+
+ 创作单位
+
+ {{rdfDescriptions[0].children[1].text}}
+
+
+
+ 权限
+
+ {{formatOther('permission',rdfDescriptions[0].children[2].text).label}}
+
+
+
+ 合作单位
+
+ {{rdfDescriptions[0].children[5].text}}
+
+
+
+ 版本号
+
+ {{rdfDescriptions[0].children[6].text}}
+
+
+
+ 密级
+
+
+ {{formatOther('level',rdfDescriptions[0].children[7].text).label}}
+
+
+
+ 发布日期
+
+ {{formatDate(rdfDescriptions[0].children[8].text)}}
+
+
+
+ 适用性信息
+
+ {{rdfDescriptions[0].children[9].text}}
+
+
+
+ 质量验证
+
+ {{rdfDescriptions[0].children[10].text}}
+
+
+
+ 语言
+
+ {{rdfDescriptions[0].children[14].text}}
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/components/wangG3.vue b/src/components/wangG3.vue
new file mode 100644
index 0000000..f48eef8
--- /dev/null
+++ b/src/components/wangG3.vue
@@ -0,0 +1,430 @@
+
+
+
+
+
+
+
+
+
+ {{ titleText }}
+
+
+
+
+
+ 打印
+ 搜索
+ 书签
+ 笔记
+
+
+
+
+
+ 文档信息详情
+
+
+
+ {{ item.name }}：
+ {{ item.value }}
+
+
+
+
+
+
+
+
+
+
+
+
{{item.name}}
+
{{item.content}}
+
+
+
+
+
+
+
+ {{dialogData.content}}
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/components/wangXLM.vue b/src/components/wangXLM.vue
deleted file mode 100644
index 32eed53..0000000
--- a/src/components/wangXLM.vue
+++ /dev/null
@@ -1,207 +0,0 @@
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/src/directives/draggable.js b/src/directives/draggable.js
new file mode 100644
index 0000000..37512c6
--- /dev/null
+++ b/src/directives/draggable.js
@@ -0,0 +1,88 @@
+export default {
+ bind(el) {
+ // 获取对话框头部和主体元素
+ const dialogHeaderEl = el.querySelector('.el-dialog__header');
+ const dragDom = el.querySelector('.el-dialog');
+
+ if (!dialogHeaderEl || !dragDom) {
+ console.warn('未找到对话框头部或主体元素，拖拽功能无法启用');
+ return;
+ }
+
+ // 设置头部元素可拖动样式
+ dialogHeaderEl.style.cursor = 'move';
+
+ // 初始化对话框位置（关键：消除默认margin居中的影响）
+ const initPosition = () => {
+ // 如果是首次加载且未设置过left/top，强制计算初始位置
+ if (!dragDom.style.left || !dragDom.style.top) {
+ // 获取视口和对话框尺寸
+ const viewWidth = window.innerWidth;
+ const viewHeight = window.innerHeight;
+ const dialogWidth = dragDom.offsetWidth;
+ const dialogHeight = dragDom.offsetHeight;
+
+ // 计算居中位置（替代默认的margin居中）
+ const initLeft = (viewWidth - dialogWidth) / 2;
+ const initTop = Math.max(50, (viewHeight - dialogHeight) / 3); // 稍微靠上一点
+
+ // 应用初始位置，同时清除默认margin
+ dragDom.style.left = `${initLeft}px`;
+ dragDom.style.top = `${initTop}px`;
+ dragDom.style.margin = '0'; // 关键：移除默认margin
+ }
+ };
+
+ // 初始化位置
+ initPosition();
+
+ // 鼠标按下事件
+ dialogHeaderEl.onmousedown = (e) => {
+ // 防止拖动时选中文本
+ e.preventDefault();
+
+ // 获取鼠标在对话框头部的相对位置（关键：使用getBoundingClientRect计算绝对位置）
+ const dialogRect = dragDom.getBoundingClientRect();
+ const disX = e.clientX - dialogRect.left;
+ const disY = e.clientY - dialogRect.top;
+
+ // 鼠标移动事件
+ const handleMouseMove = (moveE) => {
+ moveE.preventDefault();
+
+ // 计算新位置（基于视口的绝对位置）
+ const newLeft = moveE.clientX - disX;
+ const newTop = moveE.clientY - disY;
+
+ // 限制在视口内
+ const maxLeft = window.innerWidth - dragDom.offsetWidth;
+ const maxTop = window.innerHeight - dragDom.offsetHeight;
+
+ // 应用新位置
+ dragDom.style.left = `${Math.max(0, Math.min(newLeft, maxLeft))}px`;
+ dragDom.style.top = `${Math.max(0, Math.min(newTop, maxTop))}px`;
+ };
+
+ // 鼠标释放事件
+ const handleMouseUp = () => {
+ document.removeEventListener('mousemove', handleMouseMove);
+ document.removeEventListener('mouseup', handleMouseUp);
+ };
+
+ // 绑定事件
+ document.addEventListener('mousemove', handleMouseMove);
+ document.addEventListener('mouseup', handleMouseUp);
+ };
+
+ // 窗口大小改变时重新居中
+ window.addEventListener('resize', () => {
+ // 只有在未被拖拽过的情况下才重新居中
+ if (!dragDom.dataset.dragged) {
+ initPosition();
+ }
+ });
+
+ // 标记是否被拖拽过
+ dragDom.dataset.dragged = 'false';
+ }
+};
diff --git a/src/main - 副本.js b/src/main - 副本.js
new file mode 100644
index 0000000..1970643
--- /dev/null
+++ b/src/main - 副本.js
@@ -0,0 +1,213 @@
+import Vue from 'vue'
+import App from './App.vue'
+import axios from 'axios';
+import router from './router' // 引入路由配置
+import ElementUI from 'element-ui';
+import 'element-ui/lib/theme-chalk/index.css';
+// 导入拖拽指令
+import draggable from './directives/draggable';
+
+
+// 全局注册指令
+Vue.directive('draggable', draggable);
+Vue.use(ElementUI);
+
+Vue.prototype.$axios = axios;
+Vue.config.productionTip = false
+
+// axios.defaults.baseURL = 'http://localhost:3000';
+axios.defaults.baseURL = 'http://192.168.31.181:3000';
+// axios.defaults.baseURL = 'https://api.example.com';
+
+// 可以在此处配置请求头、超时等
+axios.defaults.headers.common['Authorization'] = 'Bearer token';
+axios.defaults.timeout = 10000;
+
+
+window.handleMessageFromDotNet = function(msg) {//窗口界面测试传递
+ Vue.prototype.$dotNetMessage = msg
+ // 可以触发全局事件
+ const event = new CustomEvent('dotnet-message', { detail: msg })
+ window.dispatchEvent(event)
+}
+
+window.SelectFilePathSend = function(msg) {//接收后端返回路径
+ Vue.prototype.$dotNetMessage = msg
+ // 可以触发全局事件
+ // console.log("MAIN SelectFilePathSend",msg)
+ const event = new CustomEvent('SelectFilePathSend', { detail: msg })
+ window.dispatchEvent(event)
+}
+
+// window.frontLoadProject = function(msg) {//接收后端返回路径
+// Vue.prototype.$dotNetMessage = msg
+// // 可以触发全局事件
+// console.log("MAIN FrontLoadProject 2222",msg)
+// const event = new CustomEvent('frontLoadProject', { detail: msg })
+// window.dispatchEvent(event)
+// }
+
+
+// window.FrontLoadProject = function(msg) {//接收后端返回路径
+// Vue.prototype.$dotNetMessage = msg
+// // 可以触发全局事件
+// // console.log("MAIN FrontLoadProject 2222",msg)
+// const event = new CustomEvent('FrontLoadProject', { detail: msg })
+// window.dispatchEvent(event)
+// }
+
+
+let funAll = ['FrontLoadProject'];
+for(let i =0;i {//和后端进行通讯
+ if (!window.chrome?.webview?.postMessage) {
+ console.error('WebView2 环境未就绪！当前环境:', window.chrome ? '有chrome对象' : '无chrome对象');
+ return;
+ }
+ // const message = JSON.stringify(type, payload)
+ // console.log("开始给C#发送的信息",message)
+ console.log('接收到的参数:', { type, payload, id, content,lagreVersion });
+ let message = {
+ // GetFilePath、SaveFile 取，存。
+ // LoadDM 加载DM 富文本。
+ // DragMaterial 拖拽时候告诉后端
+ // 当Type为SaveFile时，
+ // Data1为类型（PMC或者DMC） 目录PMC,富文本DMC
+ // Data2为文件编号、
+ // Data3为文件内容
+ 'Type':type||'',// AddSource
+ 'Data1':payload||'',
+ 'Data2':id||'',
+ 'Data3':content||'',
+ 'Data4':lagreVersion||'',
+ 'Data5':'',
+ 'Data6':'',
+ }
+ console.log("传参",message,JSON.stringify(message))
+ window.chrome.webview.postMessage(message)
+
+}
+
+
+Vue.prototype.$sendToDotNet = sendToDotNet
+new Vue({
+ router, // 注册路由
+ render: h => h(App),
+}).$mount('#app')
diff --git a/src/main copy.js b/src/main copy.js
new file mode 100644
index 0000000..1ec217f
--- /dev/null
+++ b/src/main copy.js
@@ -0,0 +1,60 @@
+import Vue from 'vue'
+import App from './App.vue'
+import axios from 'axios';
+import ElementUI from 'element-ui';
+import 'element-ui/lib/theme-chalk/index.css';
+
+Vue.use(ElementUI);
+
+Vue.prototype.$axios = axios;
+Vue.config.productionTip = false
+
+// axios.defaults.baseURL = 'http://localhost:3000';
+axios.defaults.baseURL = 'http://192.168.31.181:3000';
+// axios.defaults.baseURL = 'https://api.example.com';
+
+// 可以在此处配置请求头、超时等
+axios.defaults.headers.common['Authorization'] = 'Bearer token';
+axios.defaults.timeout = 10000;
+
+
+window.handleMessageFromDotNet = function(msg) {
+ Vue.prototype.$dotNetMessage = msg
+ // 可以触发全局事件
+ console.log("MAIN收到信息",msg)
+ const event = new CustomEvent('dotnet-message', { detail: msg })
+ window.dispatchEvent(event)
+}
+
+
+export const sendToDotNet = (type, payload) => {
+ if (!window.chrome?.webview?.postMessage) {
+ console.error('WebView2 环境未就绪！当前环境:', window.chrome ? '有chrome对象' : '无chrome对象');
+ return;
+ }
+ // const message = JSON.stringify(type, payload)
+ // console.log("开始给C#发送的信息",message)
+
+ let message = {
+ // 'Type':'',
+ 'Payload':payload
+ }
+ console.log("传参",message,JSON.stringify(message))
+ window.chrome.webview.postMessage(message)
+ // if (window.chrome?.webview?.postMessage) {
+ // const message = JSON.stringify({ type, payload })
+ // console.log("开始给C#发送的信息",message)
+ // window.chrome.webview.postMessage(message)
+ // } else {
+ // console.warn('WebView2环境未就绪')
+ // // 可选：开发环境模拟
+ // if (process.env.NODE_ENV === 'development') {
+ // console.log('[模拟发送]', { type, payload })
+ // }
+ // }
+}
+
+Vue.prototype.$sendToDotNet = sendToDotNet
+new Vue({
+ render: h => h(App),
+}).$mount('#app')
diff --git a/src/main.js b/src/main.js
index 86fec8e..ea8e744 100644
--- a/src/main.js
+++ b/src/main.js
@@ -42,7 +42,8 @@ let funAll = [
'handPrePath',
'handreContent',
'SelectFilePathSend',
- 'handleMessageFromDotNet'
+ 'handleMessageFromDotNet',
+ 'handleMessageNotice',
];
for(let i =0;i {//和后
}
// const message = JSON.stringify(type, payload)
// console.log("开始给C#发送的信息",message)
- console.log('接收到的参数:', { type, payload, id, content,lagreVersion });
+ // console.log('接收到的参数:', { type, payload, id, content,lagreVersion });
let message = {
// GetFilePath、SaveFile 取，存。
// LoadDM 加载DM 富文本。
diff --git a/src/router/index.js b/src/router/index.js
new file mode 100644
index 0000000..45a4d3e
--- /dev/null
+++ b/src/router/index.js
@@ -0,0 +1,60 @@
+// 引入依赖
+import Vue from 'vue'
+import VueRouter from 'vue-router'
+
+// 确保组件路径和文件名正确
+import Wang from '@/components/wang.vue'
+import WangG2 from '@/components/wangG2.vue' // 注意组件文件名是否正确
+// import WangG3 from '@/components/wangYZ3.vue' // 注意组件文件名是否正确
+import WangG3 from '@/components/wangG3.vue' // 注意组件文件名是否正确
+import WangG4 from '@/components/wangG4.vue' // 注意组件文件名是否正确
+// import WangG3 from '@/components/wangYZ2.vue' // 注意组件文件名是否正确
+
+// 注册路由
+Vue.use(VueRouter)
+
+// 路由规则
+const routes = [
+ {
+ path: '/',
+ redirect: '/wang'
+ },
+ {
+ path: '/wang',
+ name: 'Wang',
+ component: Wang
+ },
+ {
+ path: '/wangG2', // 路径必须与router-link的to属性完全一致
+ name: 'WangG2',
+ component: WangG2 // 确保组件正确引入
+ },
+ {
+ path: '/WangG3',
+ name: 'WangG3',
+ component: WangG3
+ },
+ {
+ path: '/WangG4',
+ name: 'WangG4',
+ component: WangG4
+ },
+ {
+ path: '*',
+ redirect: '/wang' // 未匹配的路径重定向到首页
+ }
+]
+
+const router = new VueRouter({
+ // mode: 'history',
+ base: process.env.BASE_URL,
+ routes
+})
+
+// 调试用：路由跳转时打印信息
+router.afterEach((to, from) => {
+ console.log('路由跳转:', from.path, '->', to.path)
+ console.log('对应的组件:', to.matched[0]?.components.default?.name)
+})
+
+export default router
diff --git a/vue.config.js b/vue.config.js
index 3035ac1..45c54b7 100644
--- a/vue.config.js
+++ b/vue.config.js
@@ -2,9 +2,12 @@ const { defineConfig } = require('@vue/cli-service')
module.exports = defineConfig({
transpileDependencies: true
})
+console.log('加载自定义配置...'); // 启动时会在终端输出这句话
module.exports = {
devServer: {
+ port: 10022, // 自定义端口号（例如8088，可根据需要修改）
+ open: true, // 可选：启动后自动打开浏览器
proxy: {
'/api': {
target: 'http://youneed.top:10017',
- 
- 
- 
-
-
-
-
-
-
-
-
-
+ 
+ 
+ 
+ 
+ 
+ 
+ 章节名称
+ 
+ 责任合作单位
+ 
+ 创作单位
+ 
+ 适用性信息
+ 
+ 权限
+ 
+ 版本信息
+ 
+ 发布时间
+ 
+ 语言
+ 
+ 密级
+ 
编辑章节
+ 
绑定资源
+ 
版本定稿
+ 
历史版本
+ 
删除章节
+
+