WL/laws_weilai
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

文档库详情修改

Browse Source
This commit is contained in:
范强强
2023-04-13 18:36:21 +08:00
parent 0c3b623fb2
commit 9173375069
1 changed files with 51 additions and 32 deletions
Download Patch File Download Diff File Expand all files Collapse all files
jero-web/src/views/documentManage/library/docDetail/index.vue
+51 -32
View File
@@ -43,7 +43,7 @@
</div>
</div>
</div>
<div style="margin-top: 68px;background: #fff">
<div style="margin-top: 68px;background: #fff" class="detail-box">
<div class="detail-content">
<div v-for="(item,index) in detailList" class="content-box">
<div v-for="val in Object.keys(item)" class="content">
@@ -168,14 +168,14 @@
</div>
</div>
</div>
<div class="detail-content-right">
<div class="detail-content-right-text"
:class="{'detail-content-right-text-one':item.pname ? true : false}"
v-for="(item,index) in rightTitleList"
@click="detailTextClick(index,item.name)">
{{item.name}}
</div>
</div>
<!-- <div class="detail-content-right">-->
<!-- <div class="detail-content-right-text"-->
<!-- :class="{'detail-content-right-text-one':item.pname ? true : false}"-->
<!-- v-for="(item,index) in rightTitleList"-->
<!-- @click="detailTextClick(index,item.name)">-->
<!-- {{item.name}}-->
<!-- </div>-->
<!-- </div>-->
</div>
</div>
<a-modal
@@ -362,21 +362,20 @@
dataIndex: 'implementationTypeText',
align: 'left',
ellipsis: true,
width: '25%'
width: '15%'
},
{
title: this.$t('implementationDateTwo'),
dataIndex: 'implementationDate',
align: 'left',
ellipsis: true,
width: '25%'
width: '15%'
},
{
title: this.$t('remarks'),
dataIndex: 'remarks',
align: 'left',
ellipsis: true,
width: '25%'
width: '45%'
}
],
columns: [
@@ -714,7 +713,8 @@
height: 100%;
.detail-content {
width: calc(100% - 212px);
/*width: calc(100% - 212px);*/
width: 100%;
}
.doc-detail-wrap {
@@ -753,8 +753,8 @@
}
.content-box {
padding: 0 40px 0 32px;
box-sizing: border-box;
/*padding: 0 40px 0 32px;*/
/*box-sizing: border-box;*/
}
.header-text {
@@ -795,7 +795,7 @@
overflow: hidden;
word-break: break-word;
color: #040B29;
font-weight: bold;
/*font-weight: bold;*/
}
}
@@ -816,7 +816,7 @@
}
.text-field-right {
width: calc(100% - 130px);
width: calc(66.6% - 130px);
display: inline-block;
font-size: 14px;
text-overflow: ellipsis;
@@ -825,7 +825,7 @@
overflow: visible;
float: left;
color: #040B29;
font-weight: bold;
/*font-weight: bold;*/
}
}
@@ -846,7 +846,7 @@
}
.text-field-right {
width: calc(100% - 130px);
width: calc(66.6% - 130px);
display: inline-block;
font-size: 14px;
text-overflow: ellipsis;
@@ -855,7 +855,7 @@
overflow: hidden;
float: left;
color: #040B29;
font-weight: bold;
/*font-weight: bold;*/
}
.text-field-right-text {
@@ -866,6 +866,16 @@
}
}
/*.detail-box {*/
/* padding: 0 0 0 170px;*/
/* box-sizing: border-box;*/
/*}*/
.detail-box {
padding: 0 110px 0 110px;
box-sizing: border-box;
}
.page {
text-align: right;
margin-top: 20px;
@@ -1007,28 +1017,28 @@
}
.TextInformation-box {
width: calc(50% - 10px);
width: calc(33.3% - 10px);
height: auto;
display: inline-block;
overflow: hidden;
margin-right: 20px;
margin-right: 15px;
}
.TextInformation-box:nth-child(even) {
.TextInformation-box:nth-child(3n) {
margin-right: 0;
}
.TextInformation-box-title {
background: #F5F6F7;
background: #f3f6f6;
border-radius: 4px;
width: 100%;
display: inline-block;
height: 56px;
height: 44px;
padding: 0 16px;
line-height: 56px;
line-height: 44px;
color: #040B29;
font-weight: 400;
font-size: 16px;
font-weight: 500;
font-size: 14px;
}
.TextInformation-box-box {
@@ -1039,7 +1049,7 @@
}
.TextInformation-box-box-text {
width: calc(50% - 20px);
width: 100%;
margin-right: 20px;
height: 36px;
float: left;
@@ -1058,7 +1068,7 @@
.detail-content-right-text {
color: #040B29;
font-size: 14px;
font-weight: bolder;
/*font-weight: bolder;*/
height: 36px;
line-height: 36px;
border-left: 2px #CED0D8 solid;
@@ -1109,7 +1119,16 @@
white-space: nowrap;
overflow: hidden;
cursor: pointer;
font-weight: bold;
/*font-weight: bold;*/
color: #01A0AC;
}
::v-deep .ant-table-column-title{
font-weight: 400!important;
color: #040B29!important;
}
::v-deep .ant-table-column-title {
font-weight: 400 !important;
color: #040B29 !important;
}
</style>