|
|
@ -34,6 +34,29 @@ |
|
|
|
</i> |
|
|
|
</i> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
<div v-if="info.listStyleId === 12" class="forms"> |
|
|
|
|
|
|
|
<div class="item"> |
|
|
|
|
|
|
|
<span class="label">{{ $t('column.classification') }}:</span> |
|
|
|
|
|
|
|
<el-select v-model="form.classificationId" @change="filter"> |
|
|
|
|
|
|
|
<el-option :label="$t('column.all')" :value="null"></el-option> |
|
|
|
|
|
|
|
<el-option v-for="item in classifications" :key="item.id" :label="item.classificationName" |
|
|
|
|
|
|
|
:value="item.id"> |
|
|
|
|
|
|
|
</el-option> |
|
|
|
|
|
|
|
</el-select> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
<div class="item"> |
|
|
|
|
|
|
|
<span class="label">{{ $t('column.label') }}:</span> |
|
|
|
|
|
|
|
<el-select ref="search" v-model="lableId" multiple @change="filter"> |
|
|
|
|
|
|
|
<el-option v-for="item in labels" :key="item.id" :label="item.labelName" :value="item.id"> </el-option> |
|
|
|
|
|
|
|
</el-select> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
<div class="search"> |
|
|
|
|
|
|
|
<input type="text" :placeholder="$t('column.titlePlaceholder')" v-model="form.title" /> |
|
|
|
|
|
|
|
<i class="icon"> |
|
|
|
|
|
|
|
<img src="@/assets/images/search-white.png" alt="" /> |
|
|
|
|
|
|
|
</i> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
</div> |
|
|
|
<!-- 会议活动:筛选+会议活动列表 --> |
|
|
|
<!-- 会议活动:筛选+会议活动列表 --> |
|
|
|
<div v-if="info.listStyleId === 15" class="forms"> |
|
|
|
<div v-if="info.listStyleId === 15" class="forms"> |
|
|
|
<ul class="switch"> |
|
|
|
<ul class="switch"> |
|
|
@ -52,18 +75,22 @@ |
|
|
|
</el-select> |
|
|
|
</el-select> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
<div class="contents"> |
|
|
|
<div class="contents"> |
|
|
|
<el-tree v-if="!isFilter && showNav && columns.length" class="columns" ref="leftColumn" :data="columns" |
|
|
|
<template v-if="!isFilter && showNav && columns.length && !columns.find(i=>i.children.length) && info.listStyleId !==55"> |
|
|
|
|
|
|
|
</template> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<el-tree v-else class="columns" ref="leftColumn" :data="columns" |
|
|
|
highlight-current :expand-on-click-node="false" default-expand-all :props="defaultProps" node-key="id" |
|
|
|
highlight-current :expand-on-click-node="false" default-expand-all :props="defaultProps" node-key="id" |
|
|
|
icon-class="el-icon-arrow-down" @node-click="(item) => columnClick(item, 1)"> |
|
|
|
icon-class="el-icon-arrow-down" @node-click="(item) => columnClick(item, 1)"> |
|
|
|
<span class="custom-tree-node" slot-scope="{ node, data }" style="padding-left: 10px;"> |
|
|
|
<span class="custom-tree-node" slot-scope="{ node, data }" style="padding-left: 10px;"> |
|
|
|
<span :title="node.label">{{ node.label }}</span> |
|
|
|
<span :title="node.label">{{ node.label }}</span> |
|
|
|
</span> |
|
|
|
</span> |
|
|
|
</el-tree> |
|
|
|
</el-tree> |
|
|
|
|
|
|
|
<template v-if="info.listStyleId === 12"> |
|
|
|
<div class="article-wrap"> |
|
|
|
<div class="article-wrap"> |
|
|
|
<ul class="articles"> |
|
|
|
<ul class="articles"> |
|
|
|
<li v-for="(item, i) in articles" :key="i" :class="{'news-notice': info.listStyleId === 55}" @click="toArtice(item)"> |
|
|
|
<li v-for="(item, i) in articles" :key="i" :class="{'news-notice': info.listStyleId === 55}" class="readDetail" @click="toArtice(item)"> |
|
|
|
<template v-if="info.listStyleId === 55"> |
|
|
|
<template v-if="info.listStyleId === 55"> |
|
|
|
<div class="releaseTime"> |
|
|
|
<div class="releaseTime"> |
|
|
|
<p class="d">{{ item.date }}</p> |
|
|
|
<p class="d">{{ item.date }}</p> |
|
|
@ -72,17 +99,18 @@ |
|
|
|
<div class="news-title">{{ item.title }}</div> |
|
|
|
<div class="news-title">{{ item.title }}</div> |
|
|
|
</template> |
|
|
|
</template> |
|
|
|
<template v-else> |
|
|
|
<template v-else> |
|
|
|
|
|
|
|
<img class="pic" :src="item.titleImg" alt="" onerror="javascript:this.src='./images/1.png';" /> |
|
|
|
<div class="texts"> |
|
|
|
<div class="texts"> |
|
|
|
<p v-if="(item.listStyleId === 10 || item.listStyleId === 15) && item.classificationName" |
|
|
|
<p v-if="(item.listStyleId === 10 || item.listStyleId === 15) && item.classificationName" |
|
|
|
class="type"> |
|
|
|
class="type"> |
|
|
|
{{ item.classificationName }} |
|
|
|
{{ item.classificationName }} |
|
|
|
</p> |
|
|
|
</p> |
|
|
|
<h6>{{ item.title }}</h6> |
|
|
|
<h6 class="titleDes">{{ item.title }}</h6> |
|
|
|
<template v-if="item.listStyleId === 11"> |
|
|
|
<template v-if="item.listStyleId === 11 || item.listStyleId == 12"> |
|
|
|
<span class="meta">{{ item.releaseTime }}</span> |
|
|
|
<span class="meta">{{ item.releaseTime }}</span> |
|
|
|
<div class="des" v-html="item.mainBody"></div> |
|
|
|
<div class="des" v-html="item.mainBody"></div> |
|
|
|
</template> |
|
|
|
</template> |
|
|
|
<span v-if="item.listStyleId === 10" class="meta">{{ item.releaseTime }} {{ item.labelName && ' | ' + |
|
|
|
<span v-if="item.listStyleId === 10 " class="meta">{{ item.releaseTime }} {{ item.labelName && ' | ' + |
|
|
|
item.labelName }}</span> |
|
|
|
item.labelName }}</span> |
|
|
|
<template v-if="item.listStyleId === 15 || item.listStyleId === 16"> |
|
|
|
<template v-if="item.listStyleId === 15 || item.listStyleId === 16"> |
|
|
|
<div v-if="item.keynoteSpeaker" class="meta m-b-10"> |
|
|
|
<div v-if="item.keynoteSpeaker" class="meta m-b-10"> |
|
|
@ -99,8 +127,9 @@ |
|
|
|
<img class="icon" src="@/assets/images/online.png" alt="" /> {{ item.onlineLocation }} |
|
|
|
<img class="icon" src="@/assets/images/online.png" alt="" /> {{ item.onlineLocation }} |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</template> |
|
|
|
</template> |
|
|
|
|
|
|
|
<el-button type="primary" class="readDetailBtn">{{ $t('column.readDetail') }}</el-button> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<img class="pic" :src="item.titleImg" alt="" onerror="javascript:this.src='./images/1.png';" /> |
|
|
|
|
|
|
|
</template> |
|
|
|
</template> |
|
|
|
</li> |
|
|
|
</li> |
|
|
|
</ul> |
|
|
|
</ul> |
|
|
@ -109,6 +138,9 @@ |
|
|
|
layout="total, prev, pager, next" :total="total"></el-pagination> |
|
|
|
layout="total, prev, pager, next" :total="total"></el-pagination> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
</template> |
|
|
|
|
|
|
|
<template v-else> |
|
|
|
|
|
|
|
</template> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="right"> |
|
|
|
<div class="right"> |
|
|
@ -732,6 +764,23 @@ export default { |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.articles { |
|
|
|
.articles { |
|
|
|
|
|
|
|
.readDetail { |
|
|
|
|
|
|
|
justify-content: flex-start; |
|
|
|
|
|
|
|
align-items: flex-start; |
|
|
|
|
|
|
|
.titleDes { |
|
|
|
|
|
|
|
display: -webkit-box; |
|
|
|
|
|
|
|
-webkit-box-orient: vertical; |
|
|
|
|
|
|
|
-webkit-line-clamp: 1; |
|
|
|
|
|
|
|
text-overflow: ellipsis; |
|
|
|
|
|
|
|
overflow: hidden; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
.readDetailBtn { |
|
|
|
|
|
|
|
margin-top: 4rem; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
.texts { |
|
|
|
|
|
|
|
flex-grow: 1; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
} |
|
|
|
li { |
|
|
|
li { |
|
|
|
display: flex; |
|
|
|
display: flex; |
|
|
|
justify-content: space-between; |
|
|
|
justify-content: space-between; |
|
|
@ -888,6 +937,7 @@ export default { |
|
|
|
border-bottom: 1px solid #ddd; |
|
|
|
border-bottom: 1px solid #ddd; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.right { |
|
|
|
.right { |
|
|
|
padding-top: 30px; |
|
|
|
padding-top: 30px; |
|
|
|
} |
|
|
|
} |
|
|
|