<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>