<template><el-dialogtitle="提示":visible.sync="dialogVisible"width="30%":before-close="handleClose"><div style="margin: 0 auto"><div v-if="tableData.content_type==2"><h1>图文详情</h1><div v-html="tableData.resource"></div></div><div v-if="tableData.content_type==1"><h1>视频详情</h1><div><video  width="420" height="300" controls ><source :src=tableData.resource type="video/mp4"></source></video></div></div><h1>发布标题</h1><p>{{tableData.title}}</p>
<h1 class="demonstration">标题/话题</h1><ul v-for="(item,index) in tableData.tag"><li>{{item}}</li></ul><h1 class="demonstration">封面图片</h1><el-imagestyle="width: 100px; height: 100px":src="tableData.thumbnail"fit="fit"></el-image></div><span slot="footer" class="dialog-footer"><el-button @click="dialogVisible = false">取 消</el-button><el-button type="primary" @click="dialogVisible = false">确 定</el-button></span></el-dialog>
</template>
<script>
import {getAction} from "@/api";export default {name:"ContentList",data() {return {tableData:[],dialogVisible: false,formLabelWidth:"140px",};},methods: {show(record){/*   this.tableData=record*//* this.id=id*//*this.$router.push("/content/" + record.id);console.log(record.id)*/getAction("/content/"+record.id).then(res=>{console.log(res)this.tableData=res.data})this.dialogVisible=true/* this.tableData=recordconsole.log(this.tableData)/*     getAction("/task",).then(res=>{console.log(res)let List=[]res.data.items.map((value,index)=>{/!* console.log(value.task_recode)*!/List.push({...value.task_recode})})this.tableData=Listconsole.log(this.tableData)})*/},handleClose(done) {this.$confirm('确认关闭？').then(_ => {done();}).catch(_ => {});}}
};
</script>