| | |
| | | <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> |
| | |
| | | <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> |
| | |
| | | }) |
| | | const emit = defineEmits(['backJump']) |
| | | onMounted(()=>{ |
| | | getBusiness() |
| | | // getBusiness() |
| | | }) |
| | | |
| | | onUnmounted(()=>{ |
| | |
| | | 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) |
| | | } |
| | |
| | | e.preventDefault(); |
| | | const file = { |
| | | fileUrl: e.target.href, |
| | | fileName: e.target.download |
| | | fileName: e.target.innerHTML |
| | | } |
| | | axios.get( file.fileUrl,{ |
| | | headers: |
| | |
| | | } else { |
| | | this.$message.error('获取文件失败') |
| | | } |
| | | this.handleClose(); |
| | | }) |
| | | } |
| | | } |
| | |
| | | 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; |
| | |
| | | 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{ |
| | |
| | | } |
| | | } |
| | | } |
| | | .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> |