-
{{ clause.item_num }} {{ clause.item_title }}
-
+
+
+
+
+
+
+
+
+ {{ spiltInfo.serialNumber }}
+
+ {{ spiltInfo.serialNumber }}《{{ spiltInfo.fileName }}》
+
+
+ {{ isContainerExpand ? $t('putAway') : $t('open') }}
+
-
-
onDragstop('sheetContainerRef', ...args)">
-
-
-
-
{{ $t('standardRegulationLibrary.translation') }}
-
-
-
{{ clauseLabelInfo.item_num }} {{ clauseLabelInfo.item_title }}
-
+
+
+
+
{{ clause.item_num }} {{ clause.item_title }}
+
+
-
+
+
+
+
+
+
+
+
{{ $t('standardRegulationLibrary.translation') }}
+
+
+
{{ clauseLabelInfo.item_num }} {{ clauseLabelInfo.item_title }}
+
+
+
+
+
+
+
+
-
onDragstop('translationRef', ...args)">
-
+
{{ $t('standardRegulationLibrary.clauseLabel') }}
@@ -158,37 +161,37 @@
-
onDragstop('clauseLabelRef', ...args)">
+
+
+
+
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+ {{ $t('docTool.split.article') }}
+
+
+ {{ $t('docTool.split.article') }}
+
+
+
+
+ {{ $t('docTool.split.clauseLabel') }}
+
+
+ {{ $t('docTool.split.clauseLabel') }}
+
+
+
@@ -242,14 +245,14 @@ export default {
standardCatalogueRefX: 280, // 标准目录默认宽度
sheetContainerRefX: 0, // 标准内容默认宽度
clauseLabelRefX: 360, // 条文标签默认宽度
- translationRefX: 280 // 译文部分默认宽度
+ translationRefX: 0 // 译文部分默认宽度
}
},
mounted () {
this.getSysCategoryTree()
// 容器实际剩余宽度 = 右侧内容宽度 - 内容中的间距
- const boxWidth = this.$refs.sheetBoxRef.getBoundingClientRect().width - this.$refs.translationRef.getBoundingClientRect().width - (16 * 4)
- this.sheetContainerRefX = boxWidth - this.standardCatalogueRefX - this.clauseLabelRefX
+ // const boxWidth = this.$refs.sheetBoxRef.getBoundingClientRect().width - this.$refs.clauseLabelChangeRef.getBoundingClientRect().width - (16 * 4)
+ // this.sheetContainerRefX = boxWidth - this.standardCatalogueRefX - this.clauseLabelRefX
},
methods: {
// 查看文件
@@ -323,7 +326,7 @@ export default {
})
},
initDetailInfo (queryParams) {
- this.loading = true
+ // this.loading = true
const params = Object.assign({}, this.queryParams, queryParams)
if (this.horizontalOverstep) {
params.horizontalOverstep = true
@@ -383,28 +386,29 @@ export default {
*/
handleContainerExpand () {
this.isContainerExpand = !this.isContainerExpand
- if (this.isContainerExpand) {
- // 展开主要内容前:主要内容宽 = 当前宽度 + 条文标签宽度(未隐藏时) + 标准目录宽度(未隐藏时)
- this.sheetContainerRefX = this.sheetContainerRefX + (this.showClauseLabel ? this.clauseLabelRefX : 0) + (this.isCatalogueExpand ? this.standardCatalogueRefX : 0) + this.translationRefX
- this.isCatalogueExpand = false
- } else {
- // 收起主要内容前:主要内容宽 = 当前宽度 - 条文标签宽度(隐藏时) - 标准目录宽度(隐藏时)
- this.sheetContainerRefX = this.sheetContainerRefX - (this.showClauseLabel ? this.clauseLabelRefX : 0) - (!this.isCatalogueExpand ? this.standardCatalogueRefX : 0) - this.translationRefX
- this.isCatalogueExpand = true
- }
+ this.isCatalogueExpand = !this.isContainerExpand
+ // if (this.isContainerExpand) {
+ // // 展开主要内容前:主要内容宽 = 当前宽度 + 条文标签宽度(未隐藏时) + 标准目录宽度(未隐藏时)
+ // this.sheetContainerRefX = this.sheetContainerRefX + (this.showClauseLabel ? this.clauseLabelRefX : 0) + (this.isCatalogueExpand ? this.standardCatalogueRefX : 0) + this.translationRefX
+ // this.isCatalogueExpand = false
+ // } else {
+ // // 收起主要内容前:主要内容宽 = 当前宽度 - 条文标签宽度(隐藏时) - 标准目录宽度(隐藏时)
+ // this.sheetContainerRefX = this.sheetContainerRefX - (this.showClauseLabel ? this.clauseLabelRefX : 0) - (!this.isCatalogueExpand ? this.standardCatalogueRefX : 0) - this.translationRefX
+ // this.isCatalogueExpand = true
+ // }
},
/**
* 条文标签切换
* @param flag
*/
handleClauseChange (flag) {
- const beforeFlag = this.showClauseLabel
+ // const beforeFlag = this.showClauseLabel
this.showClauseLabel = flag
// 如果值改变了,就进行宽度调整
- if (beforeFlag !== flag) {
- // 主要内容宽 = 当前宽度 +(收起)|-(展开) 条文标签宽度
- this.sheetContainerRefX = this.sheetContainerRefX + (this.clauseLabelRefX * (this.showClauseLabel ? -1 : 1))
- }
+ // if (beforeFlag !== flag) {
+ // // 主要内容宽 = 当前宽度 +(收起)|-(展开) 条文标签宽度
+ // this.sheetContainerRefX = this.sheetContainerRefX + (this.clauseLabelRefX * (this.showClauseLabel ? -1 : 1))
+ // }
},
/**
* 展开或收起条文/条文标签面板
@@ -413,8 +417,8 @@ export default {
this.isClauseLabelExpand = !this.isClauseLabelExpand
// TODO 右侧切换条文和条文标签折叠宽度有改的话,需要修改这里的差值
// 根据展开或收起,给主要内容减少或增加宽度
- const diff = Math.abs(130 - 45)
- this.sheetContainerRefX = this.sheetContainerRefX + (diff * (this.isClauseLabelExpand ? -1 : 1))
+ // const diff = Math.abs(130 - 45)
+ // this.sheetContainerRefX = this.sheetContainerRefX + (diff * (this.isClauseLabelExpand ? -1 : 1))
},
/**
* 展开或收起标准目录
@@ -422,7 +426,7 @@ export default {
expandCatalogue () {
this.isCatalogueExpand = !this.isCatalogueExpand
// 主要内容宽 = 当前宽度 +(收起)|-(展开) 标准目录宽度
- this.sheetContainerRefX = this.sheetContainerRefX + (this.standardCatalogueRefX * (this.isCatalogueExpand ? -1 : 1))
+ // this.sheetContainerRefX = this.sheetContainerRefX + (this.standardCatalogueRefX * (this.isCatalogueExpand ? -1 : 1))
}
}
}
@@ -440,8 +444,8 @@ export default {
// 禁止flex自动扩充或收缩,拖拽必须要绝对单位
& > div {
- flex-grow: 0;
- flex-shrink: 0;
+ //flex-grow: 0;
+ //flex-shrink: 0;
}
}
@@ -501,23 +505,41 @@ export default {
width: 0 !important;
}
+// 内容和译文为了平分宽度
+.content-and-translation {
+ display: flex;
+ flex: auto;
+
+ &.hide-translation .sheet-container {
+ width: 100%;
+ }
+}
+
.sheet-container {
position: relative;
height: 100%;
- width: 100%;
- //flex: 1;
+ width: 50%;
//width: 0;
transition: width .2s linear;
}
.translation-text {
+ width: 50%;
+ transition: width .2s linear;
position: relative;
- width: 280px;
+ //width: 280px;
height: 100%;
}
.translation-content {
height: calc(100% - 40px);
}
+
+.hide-translation-text {
+ width: 0 !important;
+ overflow: hidden;
+ margin-left: 0;
+}
+
.clause-label {
position: relative;
width: 400px;
@@ -589,7 +611,7 @@ export default {
}
&-item-selected {
- background: #FAE6E5;
+ background: rgba(0, 100, 250, 0.12);
}
}
diff --git a/src/views/dashboard/search/AdvancedSearch.vue b/src/views/dashboard/search/AdvancedSearch.vue
index 4063710..943ea9c 100644
--- a/src/views/dashboard/search/AdvancedSearch.vue
+++ b/src/views/dashboard/search/AdvancedSearch.vue
@@ -188,7 +188,13 @@
{{ global.emptyLine }}
-
+
+
+
+ {{ text && text !== 'null' ? text.replace(/<.*?>/ig, ' ') : '' }}
+
+ {{ global.emptyLine }}
+