|
@@ -19,13 +19,17 @@
|
|
|
@click="toDetail(item)"
|
|
|
>
|
|
|
<el-col :span="6" class="imgs">
|
|
|
- <el-image class="images" :src="getProp(item, 'url')"></el-image>
|
|
|
+ <el-image class="images" :src="getProp(item, 'url')">
|
|
|
+ <template #placeholder>
|
|
|
+ <el-image class="images" src="zxzx.jpg" />
|
|
|
+ </template>
|
|
|
+ </el-image>
|
|
|
</el-col>
|
|
|
<el-col :span="18" class="mess">
|
|
|
<!-- item.ext.title -->
|
|
|
<el-col :span="24" class="title textOver">{{ getProp(item, 'title') }}</el-col>
|
|
|
<!-- item.txt.txt -->
|
|
|
- <el-col :span="24" class="brief">{{ getProp(item, 'brief') }}</el-col>
|
|
|
+ <!-- <el-col :span="24" class="brief" v-html="getProp(item, 'brief')"></el-col> -->
|
|
|
<!-- item.ext.release_date -->
|
|
|
<el-col :span="24" class="date">{{ getProp(item, 'date') }}</el-col>
|
|
|
</el-col>
|
|
@@ -42,11 +46,15 @@
|
|
|
@click="toDetail(item)"
|
|
|
>
|
|
|
<el-col :span="6" class="imgs">
|
|
|
- <el-image class="images" :src="getProp(item, 'url')"></el-image>
|
|
|
+ <el-image class="images" :src="getProp(item, 'url')">
|
|
|
+ <template #placeholder>
|
|
|
+ <el-image class="images" src="zxzx.jpg" />
|
|
|
+ </template>
|
|
|
+ </el-image>
|
|
|
</el-col>
|
|
|
<el-col :span="18" class="mess">
|
|
|
<el-col :span="24" class="title textOver">{{ getProp(item, 'title') }}</el-col>
|
|
|
- <el-col :span="24" class="brief">{{ getProp(item, 'brief') }}</el-col>
|
|
|
+ <!-- <el-col :span="24" class="brief" v-html="getProp(item, 'brief')"></el-col> -->
|
|
|
<el-col :span="24" class="date">{{ getProp(item, 'date') }}</el-col>
|
|
|
</el-col>
|
|
|
</el-col>
|
|
@@ -62,11 +70,15 @@
|
|
|
@click="toDetail(item)"
|
|
|
>
|
|
|
<el-col :span="6" class="imgs">
|
|
|
- <el-image class="images" :src="getProp(item, 'url')"></el-image>
|
|
|
+ <el-image class="images" :src="getProp(item, 'url')">
|
|
|
+ <template #placeholder>
|
|
|
+ <el-image class="images" src="zxzx.jpg" />
|
|
|
+ </template>
|
|
|
+ </el-image>
|
|
|
</el-col>
|
|
|
<el-col :span="18" class="mess">
|
|
|
<el-col :span="24" class="title textOver">{{ getProp(item, 'title') }}</el-col>
|
|
|
- <el-col :span="24" class="brief">{{ getProp(item, 'brief') }}</el-col>
|
|
|
+ <!-- <el-col :span="24" class="brief" v-html="getProp(item, 'brief')"></el-col> -->
|
|
|
<el-col :span="24" class="date">{{ getProp(item, 'date') }}</el-col>
|
|
|
</el-col>
|
|
|
</el-col>
|
|
@@ -82,11 +94,15 @@
|
|
|
@click="toDetail(item)"
|
|
|
>
|
|
|
<el-col :span="6" class="imgs">
|
|
|
- <el-image class="images" :src="getProp(item, 'url')"></el-image>
|
|
|
+ <el-image class="images" :src="getProp(item, 'url')">
|
|
|
+ <template #placeholder>
|
|
|
+ <el-image class="images" src="zxzx.jpg" />
|
|
|
+ </template>
|
|
|
+ </el-image>
|
|
|
</el-col>
|
|
|
<el-col :span="18" class="mess">
|
|
|
<el-col :span="24" class="title textOver">{{ getProp(item, 'title') }}</el-col>
|
|
|
- <el-col :span="24" class="brief">{{ getProp(item, 'brief') }}</el-col>
|
|
|
+ <!-- <el-col :span="24" class="brief" v-html="getProp(item, 'brief')"></el-col> -->
|
|
|
<el-col :span="24" class="date">{{ getProp(item, 'date') }}</el-col>
|
|
|
</el-col>
|
|
|
</el-col>
|
|
@@ -107,6 +123,7 @@ import { index } from '@/api/api'
|
|
|
|
|
|
import dividerIndex from '../../components/windows/dividerIndex.vue'
|
|
|
import { get } from 'lodash-es'
|
|
|
+import { tf } from '@/utils/timeFormat'
|
|
|
|
|
|
const leftUrl = ref('news1.png')
|
|
|
|
|
@@ -116,7 +133,7 @@ const list = ref([
|
|
|
{
|
|
|
title:
|
|
|
'集团召开2021年度安全生产委员会第一次全体(扩大)视频会议集团召开2021年度安全生产委员会第一次全体(扩大)视频会议',
|
|
|
- url: 'news2.png',
|
|
|
+ url: null,
|
|
|
brief:
|
|
|
'1月29日,集团召开2021年度安全生产委员会第一次全体(扩大)视频会议,会议由集团总经理王爽主持。会上,集团副总经理于懿通1月29日,集团召开2021年度安全生产委员会第一次全体(扩大)视频会议,会议由集团总经理王爽主持。会上,集团副总经理于懿通',
|
|
|
date: '2024-12-22',
|
|
@@ -169,7 +186,8 @@ const init = async () => {
|
|
|
}
|
|
|
}
|
|
|
const getProp = (item: object, path: string) => {
|
|
|
- return get(item, path)
|
|
|
+ if (path.includes('date')) return tf(get(item, path))
|
|
|
+ else return get(item, path)
|
|
|
}
|
|
|
const toDetail = (data: any) => {
|
|
|
const content_id = get(data, 'content_id')
|