From 07ca2d96c6f38a2a38f958d1771b6b9848f0ce0d Mon Sep 17 00:00:00 2001 From: zhouwenxuan <1175765986@qq.com> Date: 星期五, 15 十二月 2023 15:43:11 +0800 Subject: [PATCH] bug修改 --- src/views/components/details.vue | 41 ++++++++++++++++++++++++++++++++--------- 1 files changed, 32 insertions(+), 9 deletions(-) diff --git a/src/views/components/details.vue b/src/views/components/details.vue index 2daf2e7..6709865 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) } @@ -151,7 +161,7 @@ e.preventDefault(); const file = { fileUrl: e.target.href, - fileName: e.target.download + fileName: e.target.innerHTML } axios.get( file.fileUrl,{ headers: @@ -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: 150px; .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 - 280px); 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