detail.vue

<style>

</style>
<template>
    <div style="height : 100%; overflow: auto;">
        <bCardDetailAction :define="operationActionDefine" :queryBus="queryBus"></bCardDetailAction>
        <bDetailInfo :data="data" v-on:infoClick="infoClick"></bDetailInfo>
        
    </div>
</template>
<script>
export default {
  data() {
    return {
        operationActionDefine:{
            title:"详细信息",
            actions:[]
            },
        queryBus:{},
    }
  },
  props: {
    param: {
      type: Object
    }
  },
  created() {
    //   console.log(this.param);
  },
  computed: {
    data: function(){
        
      return {
        items: [
          {
            title: "基本信息",
            name: "base",
            data: [
                {
                    name: "title",
                    title: "标题",
                    value: this.param.title==null?"--":this.param.title,
                    isLink: false
                },
                {
                    name: "creator.name",
                    title: "创建人",
                    value: this.param.creator==null?"--":this.param.creator.name,
                    isLink: false
                },
                {
                    name: "validFrom",
                    title: "生效日期",
                    value: this.param.validFrom==null?"--":SEDU.Util.formatDate(this.param.validFrom),
                    isLink: false
                },
                {
                    name: "validTo",
                    title: "失效日期",
                    value: this.param.validTo==null?"--":SEDU.Util.formatDate(this.param.validTo),
                    isLink: false
                },
                {
                    name: "published",
                    title: "状态",
                    value: this.param.published===true?"已发布":"未发布",
                    isLink: false
                },
                {
                    name:"createTime",
                    title:"创建日期",
                    value:this.param.createTime==null ? '--' : SEDU.Util.formatDate(this.param.createTime),
                    isLink:false
                },
                {
                    name:"modifyTime",
                    title:"修改日期",
                    value:this.param.modifyTime==null ? '--' : SEDU.Util.formatDate(this.param.modifyTime),
                    isLink:false
                },
                 {
                    name: "description",
                    title: "简介",
                    value: this.param.description==null?"--":this.param.description,
                    isLink: false
                },
                {
                    name: "prview",
                    title: "预览地址",
                    value: '点击打开',
                    isLink: true
                },
            ]
          },
        ],
        accordion: false, //是否开启手风琴模式，开启后每次至多展开一个面板
        value: ["base","contactInformation", "additionInfo","extraInfo"] //当前激活的面板的 name，可以使用 v-model 双向绑定,	Array | String
      }
    }
  },
  methods: {
      infoClick:function(){
        window.open(SEDU.Config.server.apiGateway+"/news/public/"+id);
      }
  },

  components: {
  }


}
</script>