<template>
|
<div class="wrapper">
|
<div class="header">
|
<mt-header :title="$t('jy75')">
|
<router-link to="/home" slot="left">
|
<mt-button icon="back"> {{ $t("jy74") }}</mt-button>
|
</router-link>
|
</mt-header>
|
</div>
|
<div class="introduce">
|
<h2 class="title text-center">{{ artList.artTitle }}</h2>
|
<div class="introduce-body">
|
<p class="text-center origin">
|
{{ artList.author }} {{ new Date(artList.addTime) | timeFormat }}
|
<!-- <span class="pull-right"><i class="iconfont icon-yanjing"></i>{{artList.hitTimes?artList.hitTimes:0}}</span> -->
|
</p>
|
<div class="summary">
|
<pre>{{ artList.artSummary }}</pre>
|
</div>
|
<!-- <div class="risk-box">
|
<img class="cert-img" :src="artList.artImg" alt="">
|
</div> -->
|
<div class="content">
|
<pre>{{ artList.artCnt }}</pre>
|
</div>
|
<div class="bottom-box ">
|
<p class="pull-right">{{ siteInfo.siteName }}</p>
|
<div class="clearfix">
|
<p class="pull-right">
|
{{ new Date(artList.addTime) | timeFormat }}
|
</p>
|
</div>
|
</div>
|
</div>
|
</div>
|
<div class="alert-box">
|
{{ $t("jy76") }}
|
</div>
|
</div>
|
</template>
|
|
<script>
|
import { Toast } from "mint-ui";
|
import * as api from "@/axios/api";
|
|
export default {
|
components: {},
|
props: {},
|
data() {
|
return {
|
artList: "",
|
siteInfo: {}
|
};
|
},
|
watch: {},
|
computed: {},
|
created() {},
|
mounted() {
|
this.getArtList();
|
this.getInfoSite();
|
},
|
methods: {
|
async getInfoSite() {
|
// 获取设置信息
|
let result = await api.getInfoSite();
|
if (+result.status === 0) {
|
this.siteInfo = result.data;
|
} else {
|
this.$message.error(result.msg);
|
}
|
},
|
async getArtList() {
|
// 获取公告详情
|
let result = await api.getArtDetail({ artId: this.$route.query.id });
|
if (+result.status === 0) {
|
this.artList = result.data;
|
} else {
|
Toast(result.msg);
|
}
|
}
|
}
|
};
|
</script>
|
<style lang="less" scoped>
|
.introduce {
|
// color: #fff;
|
min-height: 400px;
|
width: 100%;
|
margin: 10px auto;
|
|
.title {
|
font-size: 20px;
|
line-height: 38px;
|
}
|
|
.introduce-body {
|
// color: #666;
|
line-height: 28px;
|
font-size: 14px;
|
width: 92%;
|
margin: 0 auto;
|
|
p {
|
margin-bottom: 10px;
|
}
|
|
.origin {
|
font-size: 12px;
|
// color: #9c9c9c;
|
}
|
|
.content {
|
font-size: 18px;
|
text-indent: 2em;
|
text-indent: 2em;
|
margin-top: 20px;
|
}
|
|
.bottom-box {
|
padding-top: 0.5rem;
|
|
p {
|
margin-bottom: 0.1rem;
|
}
|
}
|
}
|
|
.risk-box {
|
margin-top: 25px;
|
text-align: center;
|
}
|
|
.cert-img {
|
max-height: 300px;
|
max-width: 100%;
|
}
|
}
|
|
pre {
|
white-space: pre-wrap;
|
word-wrap: break-word;
|
font-size: 0.24rem;
|
// color:#ccc;
|
background: none;
|
overflow: inherit;
|
line-height: 0.36rem;
|
}
|
|
.alert-box {
|
color: #666;
|
font-size: 0.24rem;
|
background: #1e2125;
|
padding: 0.2rem;
|
line-height: 0.32rem;
|
}
|
|
.wrapper {
|
padding: 0;
|
}
|
</style>
|
