|
|
|
|
@ -25,17 +25,43 @@
|
|
|
|
|
:data="article"
|
|
|
|
|
>
|
|
|
|
|
<el-table-column type="index" width="46" align="center" />
|
|
|
|
|
<el-table-column prop="title" width="160" align="left" header-align="center" label="标题" />
|
|
|
|
|
<el-table-column prop="article_type.name" width="140" align="center" label="类别" />
|
|
|
|
|
<el-table-column prop="title" width="220" align="left" header-align="center" label="标题" />
|
|
|
|
|
<el-table-column prop="article_type.name" width="160" align="center" label="类别" />
|
|
|
|
|
<el-table-column prop="sub_title" min-width="160" show-overflow-tooltip header-align="center" align="left" label="简介" />
|
|
|
|
|
<el-table-column prop="content" min-width="160" show-overflow-tooltip header-align="center" align="left" label="内容" />
|
|
|
|
|
<el-table-column min-width="140" label="附件" header-align="center">
|
|
|
|
|
<el-table-column align="center" width="100" label="查看">
|
|
|
|
|
<template #default="{ row }">
|
|
|
|
|
<div v-for="file in row.files" :key="file.id">
|
|
|
|
|
<el-link type="primary" @click="$bus.$emit('online-file', file.url)">{{ file.original_name }}</el-link>
|
|
|
|
|
</div>
|
|
|
|
|
<el-popover
|
|
|
|
|
placement="top"
|
|
|
|
|
width="480"
|
|
|
|
|
trigger="hover"
|
|
|
|
|
>
|
|
|
|
|
<el-button slot="reference" size="mini" type="primary" style="padding: 5px 10px;">查看</el-button>
|
|
|
|
|
<template>
|
|
|
|
|
<el-descriptions size="mini" title="详情" :column="2">
|
|
|
|
|
<el-descriptions-item label="标题">{{ row.title }}</el-descriptions-item>
|
|
|
|
|
<el-descriptions-item label="类别"><el-tag size="small">{{ row.article_type ? row.article_type.name : '' }}</el-tag></el-descriptions-item>
|
|
|
|
|
<el-descriptions-item label="简介">{{ row.sub_title }}</el-descriptions-item>
|
|
|
|
|
<el-descriptions-item label="内容">{{ row.content }}</el-descriptions-item>
|
|
|
|
|
<el-descriptions-item label="附件">
|
|
|
|
|
<div>
|
|
|
|
|
<div v-for="file in row.files" :key="file.id">
|
|
|
|
|
<el-link type="primary" @click="$bus.$emit('online-file', file.url)">{{ file.original_name }}</el-link>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</el-descriptions-item>
|
|
|
|
|
</el-descriptions>
|
|
|
|
|
</template>
|
|
|
|
|
</el-popover>
|
|
|
|
|
</template>
|
|
|
|
|
</el-table-column>
|
|
|
|
|
<!-- <el-table-column prop="content" min-width="160" show-overflow-tooltip header-align="center" align="left" label="内容" />-->
|
|
|
|
|
<!-- <el-table-column min-width="140" label="附件" header-align="center">-->
|
|
|
|
|
<!-- <template #default="{ row }">-->
|
|
|
|
|
<!-- <div v-for="file in row.files" :key="file.id">-->
|
|
|
|
|
<!-- <el-link type="primary" @click="$bus.$emit('online-file', file.url)">{{ file.original_name }}</el-link>-->
|
|
|
|
|
<!-- </div>-->
|
|
|
|
|
<!-- </template>-->
|
|
|
|
|
<!-- </el-table-column>-->
|
|
|
|
|
</el-table>
|
|
|
|
|
|
|
|
|
|
<div style="display: flex;justify-content: center;">
|
|
|
|
|
@ -116,7 +142,7 @@ export default {
|
|
|
|
|
},
|
|
|
|
|
init() {
|
|
|
|
|
const cardDom = document.getElementById('article-card')
|
|
|
|
|
const cardTitleH = 60
|
|
|
|
|
const cardTitleH = 61
|
|
|
|
|
const elementResize = ElementResize({
|
|
|
|
|
strategy: 'scroll'
|
|
|
|
|
})
|
|
|
|
|
@ -133,7 +159,7 @@ export default {
|
|
|
|
|
|
|
|
|
|
<style scoped lang="scss">
|
|
|
|
|
.body {
|
|
|
|
|
overflow: scroll;
|
|
|
|
|
// overflow: scroll;
|
|
|
|
|
|
|
|
|
|
ul {
|
|
|
|
|
list-style: none;
|
|
|
|
|
|