From cc4749faaa9a2bd9660e7b827e46f30a74043028 Mon Sep 17 00:00:00 2001
From: 马宇豪 <978517621@qq.com>
Date: 星期四, 14 十二月 2023 13:10:40 +0800
Subject: [PATCH] 修改样式
---
src/views/components/details.vue | 39 +++++++++++++++++++++++++++++++--------
1 files changed, 31 insertions(+), 8 deletions(-)
diff --git a/src/views/components/details.vue b/src/views/components/details.vue
index 2daf2e7..f38d641 100644
--- a/src/views/components/details.vue
+++ b/src/views/components/details.vue
@@ -19,7 +19,12 @@
<div class="title">{{state.content.title}}</div>
<el-divider border-style="dashed"/>
<div class="time">更新时间：{{state.content.updateTime?state.content.updateTime:state.content.createTime}}</div>
- <div v-html="state.content.content" @click="showFile($event)"></div>
+ <div class="ql-container ql-snow" style="border: none" >
+ <div class="ql-editor">
+ <div v-html="state.content.content" class="reviewTable" @click="showFile($event)"></div>
+ </div>
+ </div>
+<!-- <div v-html="state.content.content" class="reviewTable" @click="showFile($event)"></div>-->
</div>
<div class="main" v-if="state.firstClass == '法律法规'">
<div class="title">{{state.content.title}}</div>
@@ -27,7 +32,12 @@
<div class="info"><span>法律法规类别：{{state.content.lawType}}</span><span>颁布机构：{{state.content.pubAgency}}</span><span>颁布日期：{{state.content.pubDate}}</span></div>
<el-divider border-style="dashed"/>
<div class="time">更新时间：{{state.content.updateTime?state.content.updateTime:state.content.createTime}}</div>
- <div v-html="state.content.content"></div>
+ <div class="ql-container ql-snow" style="border: none" >
+ <div class="ql-editor">
+ <div v-html="state.content.content" class="reviewTable" @click="showFile($event)"></div>
+ </div>
+ </div>
+<!-- <div v-html="state.content.content" class="reviewTable" @click="showFile($event)"></div>-->
</div>
<div class="main" v-if="state.firstClass == '机构公示'">
<div class="title">{{state.content.name}}</div>
@@ -96,7 +106,7 @@
})
const emit = defineEmits(['backJump'])
onMounted(()=>{
- getBusiness()
+ // getBusiness()
})
onUnmounted(()=>{
@@ -138,7 +148,7 @@
state.content.createTime = state.content.createTime.substring(0.,16)
state.content.issueDate = state.content.issueDate.substring(0,10)
state.content.validDate = state.content.validDate.substring(0,10)
- state.content.business = getName(state.content.business)
+ state.content.business = state.content.businessNames.join()
}else{
ElMessage.warning(res.message)
}
@@ -174,7 +184,6 @@
} else {
this.$message.error('获取文件失败')
}
- this.handleClose();
})
}
}
@@ -220,12 +229,12 @@
display: flex;
flex-direction: column;
align-items: center;
- margin-top: 170px;
+ margin-top: 160px;
.header{
width: 1200px;
height: 60px;
- margin: 20px 0 0;
+ margin: 15px 0 0;
padding: 0 15px;
border-radius: 4px;
background: #f5f5f5;
@@ -243,7 +252,7 @@
box-shadow: 1px 1px 3px rgba(0,0,0,.04);
padding: 20px 15px 40px;
background: #fff;
- max-height: calc(100vh - 330px);
+ max-height: calc(100vh - 310px);
overflow-y: auto;
.title{
@@ -301,5 +310,19 @@
}
}
}
+ .reviewTable {
+ :deep(table){
+ border: 1px solid #ccc;
+ text-align: center;
+ }
+ :deep(table td){
+ border: 1px solid #ccc;
+ text-align: center;
+ padding: 0 5px;
+ }
+ :deep(table th){
+ border: 1px solid #ccc;
+ }
+ }
}
</style>
--
Gitblit v1.9.2