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>
</div> </div>
<div style="margin-top: 68px;background: #fff"> <div style="margin-top: 68px;background: #fff" class="detail-box">
<div class="detail-content"> <div class="detail-content">
<div v-for="(item,index) in detailList" class="content-box"> <div v-for="(item,index) in detailList" class="content-box">
<div v-for="val in Object.keys(item)" class="content"> <div v-for="val in Object.keys(item)" class="content">
@@ -168,14 +168,14 @@
</div> </div>
</div> </div>
</div> </div>
<div class="detail-content-right"> <!-- <div class="detail-content-right">-->
<div class="detail-content-right-text" <!-- <div class="detail-content-right-text"-->
:class="{'detail-content-right-text-one':item.pname ? true : false}" <!-- :class="{'detail-content-right-text-one':item.pname ? true : false}"-->
v-for="(item,index) in rightTitleList" <!-- v-for="(item,index) in rightTitleList"-->
@click="detailTextClick(index,item.name)"> <!-- @click="detailTextClick(index,item.name)">-->
{{item.name}} <!-- {{item.name}}-->
</div> <!-- </div>-->
</div> <!-- </div>-->
</div> </div>
</div> </div>
<a-modal <a-modal
@@ -362,21 +362,20 @@
dataIndex: 'implementationTypeText', dataIndex: 'implementationTypeText',
align: 'left', align: 'left',
ellipsis: true, ellipsis: true,
width: '25%' width: '15%'
}, },
{ {
title: this.$t('implementationDateTwo'), title: this.$t('implementationDateTwo'),
dataIndex: 'implementationDate', dataIndex: 'implementationDate',
align: 'left', align: 'left',
ellipsis: true, ellipsis: true,
width: '25%' width: '15%'
}, },
{ {
title: this.$t('remarks'), title: this.$t('remarks'),
dataIndex: 'remarks', dataIndex: 'remarks',
align: 'left', align: 'left',
ellipsis: true, width: '45%'
width: '25%'
} }
], ],
columns: [ columns: [
@@ -714,7 +713,8 @@
height: 100%; height: 100%;
.detail-content { .detail-content {
width: calc(100% - 212px); /*width: calc(100% - 212px);*/
width: 100%;
} }
.doc-detail-wrap { .doc-detail-wrap {
@@ -753,8 +753,8 @@
} }
.content-box { .content-box {
padding: 0 40px 0 32px; /*padding: 0 40px 0 32px;*/
box-sizing: border-box; /*box-sizing: border-box;*/
} }
.header-text { .header-text {
@@ -795,7 +795,7 @@
overflow: hidden; overflow: hidden;
word-break: break-word; word-break: break-word;
color: #040B29; color: #040B29;
font-weight: bold; /*font-weight: bold;*/
} }
} }
@@ -816,7 +816,7 @@
} }
.text-field-right { .text-field-right {
width: calc(100% - 130px); width: calc(66.6% - 130px);
display: inline-block; display: inline-block;
font-size: 14px; font-size: 14px;
text-overflow: ellipsis; text-overflow: ellipsis;
@@ -825,7 +825,7 @@
overflow: visible; overflow: visible;
float: left; float: left;
color: #040B29; color: #040B29;
font-weight: bold; /*font-weight: bold;*/
} }
} }
@@ -846,7 +846,7 @@
} }
.text-field-right { .text-field-right {
width: calc(100% - 130px); width: calc(66.6% - 130px);
display: inline-block; display: inline-block;
font-size: 14px; font-size: 14px;
text-overflow: ellipsis; text-overflow: ellipsis;
@@ -855,7 +855,7 @@
overflow: hidden; overflow: hidden;
float: left; float: left;
color: #040B29; color: #040B29;
font-weight: bold; /*font-weight: bold;*/
} }
.text-field-right-text { .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 { .page {
text-align: right; text-align: right;
margin-top: 20px; margin-top: 20px;
@@ -1007,28 +1017,28 @@
} }
.TextInformation-box { .TextInformation-box {
width: calc(50% - 10px); width: calc(33.3% - 10px);
height: auto; height: auto;
display: inline-block; display: inline-block;
overflow: hidden; overflow: hidden;
margin-right: 20px; margin-right: 15px;
} }
.TextInformation-box:nth-child(even) { .TextInformation-box:nth-child(3n) {
margin-right: 0; margin-right: 0;
} }
.TextInformation-box-title { .TextInformation-box-title {
background: #F5F6F7; background: #f3f6f6;
border-radius: 4px; border-radius: 4px;
width: 100%; width: 100%;
display: inline-block; display: inline-block;
height: 56px; height: 44px;
padding: 0 16px; padding: 0 16px;
line-height: 56px; line-height: 44px;
color: #040B29; color: #040B29;
font-weight: 400; font-weight: 500;
font-size: 16px; font-size: 14px;
} }
.TextInformation-box-box { .TextInformation-box-box {
@@ -1039,7 +1049,7 @@
} }
.TextInformation-box-box-text { .TextInformation-box-box-text {
width: calc(50% - 20px); width: 100%;
margin-right: 20px; margin-right: 20px;
height: 36px; height: 36px;
float: left; float: left;
@@ -1058,7 +1068,7 @@
.detail-content-right-text { .detail-content-right-text {
color: #040B29; color: #040B29;
font-size: 14px; font-size: 14px;
font-weight: bolder; /*font-weight: bolder;*/
height: 36px; height: 36px;
line-height: 36px; line-height: 36px;
border-left: 2px #CED0D8 solid; border-left: 2px #CED0D8 solid;
@@ -1109,7 +1119,16 @@
white-space: nowrap; white-space: nowrap;
overflow: hidden; overflow: hidden;
cursor: pointer; cursor: pointer;
font-weight: bold; /*font-weight: bold;*/
color: #01A0AC; 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> </style>