修改详情

This commit is contained in:
qq787203167
2022-03-02 17:08:30 +08:00
parent 068df9c32a
commit 6bfe21d17f
5 changed files with 90 additions and 45 deletions
+1 -1
View File
@@ -94,7 +94,7 @@
#app {
height: 100%;
}
.doc-detail{background: #fff}
.ant-layout {
background: transparent !important;
}
+8 -2
View File
@@ -11,8 +11,14 @@ let setWatermark = (str) => {
cans.fillStyle = '#f4f4f4'
cans.textAlign = 'left'
cans.textBaseline = 'Middle'
cans.fillText(str, 10,120)
document.getElementsByClassName('ant-layout-content')[0].style.background = 'url(' + can.toDataURL('image/png') + ') left top repeat'
cans.fillText(str, 10, 120)
if (document.getElementsByClassName('ant-layout-content') && document.getElementsByClassName('ant-layout-content').length > 0) {
document.getElementsByClassName('ant-layout-content')[0].style.background = 'url(' + can.toDataURL('image/png') + ') left top repeat'
} else {
document.getElementsByClassName('detail-content')[0].style.background = 'url(' + can.toDataURL('image/png') + ') left top repeat'
}
return id
}
+5
View File
@@ -320,6 +320,11 @@ export const constantRouterMap = [
name: 'alteration',
component: () => import(/* webpackChunkName: "user" */ '@/views/user/alteration/Alteration')
},
{
path: '/docManage/library/detail',
name: 'docIndex',
component: () => import(/* webpackChunkName: "user" */ '@/views/documentManage/library/docDetail/index')
},
]
},
@@ -1,73 +1,86 @@
<template>
<div class="doc-detail">
<div class="doc-detail-wrap">
<div class="doc-detail-header">
<div class="doc-detail-title">
<a-icon type="home" style="margin-right: 4px"/>
{{this.$route.query.serial_number}} 《{{this.$route.query.title}}》 {{$t('StandardDetails')}}
<div class="doc-detail-header" style="position: fixed;top: 0">
<div class="doc-detail-title"
:title="this.$route.query.serial_number + ' '+this.$route.query.title + ' '+$t('StandardDetails')">
<span style="line-height: 66px;display: inline-block;float: left">
<a-icon type="home" style="margin-right: 6px;"/>
</span>
<span>{{this.$route.query.serial_number}}</span>
<span>《{{this.$route.query.title}}》 </span>
<span> {{$t('StandardDetails')}}</span>
</div>
<div class="doc-detail-right">
<div @click="UpdateLog" class="operator-text">
<div @click="UpdateLog" class="operator-text-text" :title="$t('UpdateLog')">
<a-icon type="reload"/>
{{$t('UpdateLog')}}
</div>
<div @click="DocumentSplitting" class="operator-text">
<div @click="DocumentSplitting" class="operator-text-text" :title="$t('DocumentSplitting')">
<a-icon type="codepen"/>
{{$t('DocumentSplitting')}}
</div>
<div @click="UpdateLog" class="operator-text">
<div @click="UpdateLog" class="operator-text-text" :title="$t('DocumentTranslation')">
<a-icon type="file-pdf"/>
{{$t('DocumentTranslation')}}
</div>
<div @click="UpdateLog" class="operator-text">
<div @click="UpdateLog" class="operator-text-text" :title="$t('DocumentComparison')">
<a-icon type="wallet"/>
{{$t('DocumentComparison')}}
</div>
<div @click="UpdateLog" class="operator-text">
<div @click="UpdateLog" class="operator-text-text" :title="$t('KnowledgeDatabase')">
<a-icon type="folder"/>
{{$t('KnowledgeDatabase')}}
</div>
</div>
</div>
<div v-for="(item,index) in detailList" class="content-box">
<div v-for="val in Object.keys(item)" class="content">
<div class="header-text">
{{val}}
</div>
<div class="content-text" v-if="val == $t('essentialInformation')">
<div class="text-field" v-for="(ol,index1) in item[val]">
<span class="text-field-left">{{ol.db_field_txt}}</span>
<span class="text-field-right">{{ol.value ? ol.value : '--'}}</span>
</div>
</div>
<div class="TextInformation" v-if="val == $t('textInformation')">
<div class="TextInformationContent" v-for="(ol,index1) in item[val]" style="width: 100%">
<div style="overflow: auto;margin-top: 68px;background: #fff">
<div class="detail-content">
<div v-for="(item,index) in detailList" class="content-box" >
<div v-for="val in Object.keys(item)" class="content">
<div class="header-text">
{{val}}
</div>
<div class="content-text" v-if="val == $t('essentialInformation')">
<div class="text-field" v-for="(ol,index1) in item[val]">
<span class="text-field-left" :title="ol.db_field_txt">{{ol.db_field_txt}}</span>
<span class="text-field-right" :title="ol.value">{{ol.value ? ol.value : '--'}}</span>
</div>
</div>
<div class="TextInformation" v-if="val == $t('textInformation')">
<div class="TextInformationContent" v-for="(ol,index1) in item[val]" style="width: 100%">
<span class="TextInformationContentLeft">
<span>{{ol.db_field_txt}}</span>
<span :title="ol.db_field_txt">{{ol.db_field_txt}}</span>
</span>
<span style="margin-top: 2px">
<span style="margin-top: 2px">
<span class="TextInformationContentcontent">
<span @click="pdfPreview(ol.value)">{{ol.value ? ol.value.fileName : '--'}}</span>
<span style="cursor: pointer" :title="ol.value ? ol.value.fileName:''"
@click="pdfPreview(ol.value)">
{{ol.value ? ol.value.fileName : '--'}}
</span>
</span>
<span class="TextInformationContentright" v-show="ol.value" @click="download(ol.value)">
<a-icon type="vertical-align-bottom"/>
{{$t('download')}}
</span>
</span>
</div>
</div>
<div class="TextInformation" v-else-if="val == $t('relatedInformation')">
<div class="TextInformationContent" v-for="(ol,index1) in item[val]" style="width: 100%">
</div>
</div>
<div class="TextInformation" v-else-if="val == $t('relatedInformation')">
<div class="TextInformationContent" v-for="(ol,index1) in item[val]" style="width: 100%">
<span class="TextInformationContentLeft">
{{ol.db_field_txt}}
<span :title="ol.db_field_txt">{{ol.db_field_txt}}</span>
</span>
<span class="TextInformationContentcontentButton">
{{ol.value ? ol.value : '--'}}
</span>
<span class="TextInformationContentcontentButton">
<span :title="ol.value">{{ol.value ? ol.value : '--'}}</span>
</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<a-modal
title="更新log"
@@ -144,7 +157,7 @@
]
}
},
mounted() {
created() {
this.getInfoById()
},
methods: {
@@ -213,17 +226,19 @@
@import '~@assets/less/common.less';
.doc-detail {
background: #fff;
height: 100%;
.doc-detail-wrap {
.doc-detail-header {
width: 100%;
height: 68px;
line-height: 68px;
padding: 0 32px;
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;
@@ -233,11 +248,13 @@
font-size: 20px;
font-weight: 400;
color: #040B29;
line-height: 68px;
}
.doc-detail-right {
min-width: 500px;
width: 800px;
line-height: 68px;
display: flex;
.doc-detail-btn {
margin-left: 10px;
@@ -317,7 +334,7 @@
}
.TextInformationContentcontent {
width: calc(100% - 356px);
width: calc(100% - 388px);
float: left;
height: 56px;
border-top: 1px #eff1f3 solid;
@@ -334,10 +351,10 @@
}
.TextInformationContentright {
width: 88px;
width: 120px;
height: 56px;
cursor: pointer;
float: left;
position: absolute;
display: inline-block;
border-right: 1px #eff1f3 solid;
border-top: 1px #eff1f3 solid;
@@ -345,7 +362,9 @@
color: #00B3BE;
font-size: 14px;
font-weight: 400;
text-align: center;
text-align: right;
padding: 0 20px 0 0;
box-sizing: border-box;
}
.TextInformationContentcontentButton {
@@ -376,4 +395,18 @@
text-align: right;
margin-top: 20px;
}
.operator-text-text {
cursor: pointer;
margin-right: 53px;
font-size: 14px;
font-weight: 400;
color: #040B29;
display: inline-block;
width: 20%;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
text-align: right;
}
</style>
@@ -263,10 +263,11 @@
},
//处理列表中的点击事件
detailClick(item) {
this.$router.push({
let newUrl = this.$router.resolve({
path: '/docManage/library/detail',
query: item
})
window.open(newUrl.href, "_blank");
}
}
}