<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>
前端工作总结273-处理预览界面
最新推荐文章于 2022-09-15 11:38:59 发布