<template> <el-dialog title="提示" :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-image style="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=record console.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=List console.log(this.tableData) })*/ }, handleClose(done) { this.$confirm('确认关闭?') .then(_ => { done(); }) .catch(_ => {}); } } }; </script>