ZQ/laws-sinotruk-client
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update 文档拆分-导入拆分结果；单点登录调整

Browse Source
This commit is contained in:
赵霄
2023-10-23 14:28:48 +08:00
parent 579d535919
commit cf14e50e80
8 changed files with 190 additions and 240 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/views/documentTool/documentComparison/DocumentDataComparison.vue
+43 -114
View File
@@ -58,7 +58,8 @@
</a-tree>
</div>
</div>
<div class="detail-content-content-right-top">
<!--左侧标准信息-->
<div class="detail-content-left-container">
<!--标准名称-->
<div class="standard-name">
<a-tooltip placement="topLeft">
@@ -68,19 +69,21 @@
<span>{{ resultData.serialNumberLeft }} {{ resultData.fileNameLeft }}</span>
</a-tooltip>
</div>
<div class="detail-content-content-right">
<div class="detail-content-content-right-data" @click="detailLeft(index,item)"
<div class="detail-content-left-scroll">
<div class="detail-content-left-item" @click="detailLeft(index,item)"
v-for="(item,index) in resultData.textLeft" :key="index"
:class="{'detail-content-content-right-data-color': leftHighlightMenuId === item.menuId,'detail-content-content-right-data-blue':item.reviewed === '1'}">
<div class="detail-content-content-right-data-text" style="margin-bottom: 10px;color: #040B29">
:class="{'detail-content-item-selected': leftHighlightMenuId === item.menuId,'detail-content-item-saved':item.reviewed === '1'}">
<div class="detail-content-item-text" style="margin-bottom: 10px;color: #040B29">
{{ item.itemsNum + ' ' + item.itemsName }}
</div>
<div class="detail-content-content-right-data-text" v-html="item.itemsText"></div>
<div class="detail-content-item-text" v-html="item.itemsText"></div>
</div>
</div>
</div>
</div>
<!--右侧文档-->
<div class="detail-content-right">
<!--右侧目录-->
<div class="standard-catalogue part-common" :class="{'hide-catalogue': !rightCatalogueShow}">
<div class="catalogue-show" @click="changeRightCatalogueShow">
<a-icon :type="rightCatalogueShow ? 'left' : 'right'" />
@@ -101,7 +104,8 @@
</a-tree>
</div>
</div>
<div class="detail-content-content-right-right-top">
<!--右侧标准信息-->
<div class="detail-content-right-container">
<!--标准名称-->
<div class="standard-name">
<a-tooltip placement="topLeft">
@@ -111,14 +115,14 @@
<span>{{ resultData.serialNumberRight }} {{ resultData.fileNameRight }}</span>
</a-tooltip>
</div>
<div class="detail-content-content-right-right">
<div class="detail-content-content-right-data-right" @click="detailRight(index,item)"
<div class="detail-content-right-scroll">
<div class="detail-content-right-item" @click="detailRight(index,item)"
v-for="(item,index) in resultData.textRight" :key="index"
:class="{'detail-content-content-right-data-color-right': item.menuId === rightHighlightMenuId, 'detail-content-content-right-data-blue-right':item.reviewed === '1'}">
<div class="detail-content-content-right-data-text" style="margin-bottom: 10px;color: #040B29">
:class="{'detail-content-item-selected': item.menuId === rightHighlightMenuId, 'detail-content-item-saved':item.reviewed === '1'}">
<div class="detail-content-item-text" style="margin-bottom: 10px;color: #040B29">
{{ item.itemsNum + ' ' + item.itemsName }}
</div>
<div class="detail-content-content-right-data-text" v-html="item.itemsText">
<div class="detail-content-item-text" v-html="item.itemsText">
</div>
</div>
</div>
@@ -265,20 +269,17 @@ export default {
}
this.resultData.textRight.forEach(val => {
if (val.id === this.dataRight.id) {
val.reviewed = 1
val.reviewed = '1'
}
})
this.resultData.textLeft.forEach(val => {
if (val.id === this.dataLeft.id) {
val.reviewed = 1
val.reviewed = '1'
}
})
this.resultData = { ...this.resultData }
this.dataLeft = {}
this.dataRight = {}
// this.$router.push({
// path: '/documentComparison'
// })
} else {
this.$message.warning(res.message)
}
@@ -419,6 +420,7 @@ export default {
},
// 右侧树选中
onSelectRight (selectedKeys, exports) {
debugger
const node = exports.node.$vnode.data.props.dataRef
const index = this.resultData.textRight.findIndex(tt => tt.menuId === node.menuId)
this.dataRight = this.resultData.textRight[index]
@@ -430,7 +432,7 @@ export default {
if (this.isMatching) {
const indexLeft = this.dataRight.targetStand
if (indexLeft > -1) {
this.dataLeft = this.resultData.textRight[indexLeft]
this.dataLeft = this.resultData.textLeft[indexLeft]
this.dataLeft.numIndex = indexLeft
this.leftHighlightMenuId = this.dataLeft.menuId
this.leftTreeSelectedKeys = [this.dataLeft.menuId]
@@ -444,8 +446,8 @@ export default {
*/
handleJumpLeftData (index) {
if (index > -1) {
const scrollContent = document.getElementsByClassName('detail-content-content-right')
const clauseItemDom = document.getElementsByClassName('detail-content-content-right-data')
const scrollContent = document.getElementsByClassName('detail-content-left-scroll')
const clauseItemDom = document.getElementsByClassName('detail-content-left-item')
scrollContent[0].scrollTop = clauseItemDom[index].offsetTop - 150
}
},
@@ -454,8 +456,8 @@ export default {
*/
handleJumpRightData (index) {
if (index > -1) {
const detailContent = document.getElementsByClassName('detail-content-content-right-right')
const detailRight = document.getElementsByClassName('detail-content-content-right-data-right')
const detailContent = document.getElementsByClassName('detail-content-right-scroll')
const detailRight = document.getElementsByClassName('detail-content-right-item')
detailContent[0].scrollTop = detailRight[index].offsetTop - 150
}
},
@@ -488,37 +490,6 @@ export default {
overflow: auto;
}
.doc-detail {
background: #fff;
height: 100%;
.doc-detail-wrap {
.doc-detail-header {
width: 100%;
z-index: 1000;
height: 68px;
line-height: 68px;
padding: 0 0 0 32px;
box-sizing: border-box;
display: flex;
justify-content: space-between;
border-bottom: 2px #eff1f3 solid;
background: #fff;
.doc-detail-title {
display: inline-block;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
font-size: 20px;
font-weight: 400;
color: #040B29;
line-height: 68px;
}
}
}
}
.detail-content {
height: calc(100% - 131px);
background-color: #eff1f4;
@@ -610,7 +581,7 @@ export default {
overflow: auto;
}
.detail-content-content-right-top {
.detail-content-left-container {
height: 100%;
overflow-y: auto;
transition: all 1s;
@@ -618,7 +589,7 @@ export default {
flex: 1;
}
.detail-content-content-right-right-top {
.detail-content-right-container {
height: 100%;
overflow-y: auto;
transition: all 1s;
@@ -630,7 +601,7 @@ export default {
}
}
.detail-content-content-right {
.detail-content-left-scroll {
height: calc(100% - 25px - 40px);
width: calc(100% - 20px);
display: inline-block;
@@ -639,7 +610,7 @@ export default {
background-color: white;
}
.detail-content-content-right-right {
.detail-content-right-scroll {
height: calc(100% - 25px - 40px);
width: calc(100% - 10px);
display: inline-block;
@@ -648,7 +619,7 @@ export default {
background-color: white;
}
.detail-content-content-right-data {
.detail-content-left-item {
padding: 16px 20px;
box-sizing: border-box;
border: 1px solid #EFF1F3;
@@ -656,7 +627,7 @@ export default {
background-color: white;
}
.detail-content-content-right-data-right {
.detail-content-right-item {
padding: 16px 20px;
box-sizing: border-box;
border: 1px solid #EFF1F3;
@@ -664,83 +635,41 @@ export default {
background-color: white;
}
.detail-content-content-right-data:last-child {
.detail-content-left-item:last-child {
margin-bottom: 0;
}
.detail-content-content-right-data-text {
.detail-content-item-text {
font-size: 16px;
font-weight: 400;
color: #040B29;
word-break: break-word;
}
.detail-content-left-header-text {
width: 100%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
display: inline-block;
font-size: 16px;
font-family: Blue Sky Noto;
font-weight: 400;
color: #040B29;
}
/deep/ table {
width: 100%;
}
.detail-content-left-header-text-right {
text-align: right;
display: inline-block;
width: 200px;
float: right;
}
.doc-detail-right {
width: 600px;
line-height: 68px;
display: flex;
.doc-detail-btn {
margin-left: 10px;
/deep/ img {
max-width: 100%;
}
}
.operator-text-text {
cursor: pointer;
margin-right: 53px;
font-size: 14px;
font-weight: 400;
color: #040B29;
display: inline-block;
width: 33.3%;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
text-align: right;
}
.detail-content-content-right-data-blue {
border: 2px #21c9cc solid;
}
.detail-content-content-right-data-blue-right {
border: 2px #21c9cc solid;
}
.detail-content-content-right-data-color {
.detail-content-item-selected {
border: 2px red solid;
}
.detail-content-content-right-data-color-right {
border: 2px red solid;
.detail-content-item-saved {
border: 2px #21c9cc solid;
}
::v-deep .delClass {
background: #ff7168;
color: #ff7168;
font-weight: 700;
}
::v-deep .insertClass {
background: rgba(85, 183, 255, .6);
color: green;
font-weight: 700;
}