yrxzy/src/views/message/NoticeDetail.vue

<style lang="scss" scoped>
  .el-row{
    margin-bottom:20px;
  }
</style>
<template>
  <section>
    <p><span>信息管理></span>消息详情</p>
    <div class="content">
        <el-row :gutter="10">
          <el-col :span="1">标 题:</el-col>
          <el-col :span="22">{{form.name}}</el-col>
        </el-row>
        <el-row :gutter="10">
          <el-col :span="1">内 容:</el-col>
          <el-col :span="22" v-html="form.content">{{form.content}}</el-col>
        </el-row>
        <el-row :gutter="10">
          <el-col :span="1">附 件:</el-col>
          <el-col :span="22">
            <a style="margin-right:20px;" v-for="(item,index) in form.fileurl" :key="index" :href="item.url" target="__blank">{{item.name}}</a>
          </el-col>
        </el-row>
        <el-row :gutter="10">
          <el-col :span="1">时 间:</el-col>
          <el-col :span="22">{{form.ctime}}</el-col>
        </el-row>
    </div>
  </section>
</template>
<script>
export default {
  components: {
  },
  data() {
    return {
      form:{}
    }
  },
  methods:{
    getData(){
      let _this = this;
      let id = this.$route.query.id;
      this.$api.getNoticeInfo({id:id}).then(res=>{
        _this.form = res.data.data;
      })
    }
  },
  created() {
    this.getData();
  },
};
</script>