Skip to content
Projects
Groups
Snippets
Help
This project
Loading...
Sign in / Register
Toggle navigation
C
court-inner
Overview
Overview
Details
Activity
Cycle Analytics
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Charts
Issues
0
Issues
0
List
Board
Labels
Milestones
Merge Requests
0
Merge Requests
0
CI / CD
CI / CD
Pipelines
Jobs
Schedules
Charts
Wiki
Wiki
Snippets
Snippets
Members
Collapse sidebar
Close sidebar
Activity
Graph
Charts
Create a new issue
Jobs
Commits
Issue Boards
Open sidebar
莫晓莉
court-inner
Commits
d8f3b83e
Commit
d8f3b83e
authored
Oct 22, 2021
by
莫晓莉
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
精彩回顾
parent
83de50f3
Hide whitespace changes
Inline
Side-by-side
Showing
5 changed files
with
78 additions
and
30 deletions
+78
-30
src/api/news.js
+10
-0
src/router/routers.js
+1
-1
src/views/detail/index.vue
+27
-13
src/views/homePage/index.vue
+8
-7
src/views/news/index.vue
+32
-9
No files found.
src/api/news.js
View file @
d8f3b83e
...
...
@@ -76,3 +76,13 @@ export function fyxwClickRaking(data) {
data
,
})
}
//精彩回顾
export
function
highlights
(
data
)
{
return
request
({
url
:
`websiteCluster/web/highlights`
,
method
:
'post'
,
data
,
})
}
src/router/routers.js
View file @
d8f3b83e
...
...
@@ -40,7 +40,7 @@ const constantRouterMap = [
{
path
:
"/list"
,
name
:
'list'
,
meta
:
{
title
:
'
工作信息
'
,
icon
:
''
},
meta
:
{
title
:
'
新闻列表
'
,
icon
:
''
},
component
:
resolve
=>
require
([
"@/views/list"
],
resolve
),
},
{
...
...
src/views/detail/index.vue
View file @
d8f3b83e
...
...
@@ -147,42 +147,40 @@
<div
class=
"zone-style"
>
<div
class=
"k-flex-between-center"
>
<div
class=
"k-flex k-align-center"
>
<
img
<
el-image
class=
"mr-5 gong-icon"
style=
""
src=
"../../assets/home/gonggao.png
"
/
>
:src=
"require('../../assets/news/3.png')
"
></el-image
>
<div>
精彩回顾
</div>
</div>
<div
style=
"font-size: 12px; color: #999999"
>
<span>
MORE>
</span>
</div>
</div>
<div
class=
"mt-10 mb-5 k-flex k-align-center"
>
<div
@
click=
"seeParams(highlightsData[0])"
class=
"mt-10 mb-5 k-flex k-align-center"
>
<img
class=
"mr-5 gong-icon"
style=
""
src=
"../../assets/home/gonggao.png"
/>
<div
class=
"gonggao-text"
>
<span>
教育整顿进行时
</span>
<span
>
鹿心社与自治区级政法机关领导班子成立交付给来访登记过了多久
</span
>
<span>
{{
highlightsData
[
0
].
subject
}}
</span>
<!--
<span
v-html=
"highlightsData[0].content"
></span>
-->
</div>
</div>
<div
v-for=
"
(item, index) in topList
"
:key=
"i
ndex
"
v-for=
"
item in highlightsData
"
:key=
"i
tem.newsId
"
class=
"k-flex k-space-between top-list"
@
click=
"seeParams(item)"
>
@
click=
"seeParams(item)"
>
<div
class=
"article-name"
>
<span
class=
"right-line"
>
我为群众办实事
{{
item
.
boardName
}}
<span
class=
"line-div"
></span>
</span>
<span>
{{
item
.
name
}}
</span>
<span>
{{
item
.
subject
}}
</span>
</div>
<div>
{{
item
.
date
}}
</div>
</div>
...
...
@@ -321,12 +319,16 @@ import { removeToken } from "@/utils/auth";
import
{
createMessage
,
commentRaking
,
monthClickRanking
}
from
"@/api/detail"
;
// import { getUserInfo } from "@/utils/auth";
import
{
mapGetters
,
mapMutations
}
from
"vuex"
;
import
{
highlights
,
//精彩回顾
}
from
"@/api/news.js"
;
export
default
{
name
:
"show"
,
data
()
{
return
{
highlightsData
:[],
//精彩回顾集合
commentRankData
:[],
//本月评论
reCommentContent
:
''
,
//回复内容
messageDetailData
:[],
//评论详情
...
...
@@ -411,6 +413,17 @@ export default {
this
.
breadList
=
this
.
$route
.
matched
.
filter
(
item
=>
item
.
meta
&&
item
.
meta
.
title
);
console
.
log
(
'this.breadList=='
,
this
.
breadList
);
},
// 获取精彩回顾
highlights
(){
highlights
({
page
:
1
,
size
:
5
}).
then
(
res
=>
{
if
(
res
.
success
){
this
.
highlightsData
=
res
.
data
.
records
;
this
.
highlightsData
.
forEach
(
item
=>
{
item
.
date
=
(
item
.
newsTime
).
substring
(
5
,
10
);
})
}
})
},
//本月阅读排行
monthClickRanking
(){
let
params
=
{};
...
...
@@ -474,6 +487,7 @@ export default {
this
.
messageDetail
(
this
.
$router
.
history
.
current
.
query
.
newsId
);
//获取评论详情
// this.commentRaking();//获取本月评论排行
this
.
monthClickRanking
();
//获取本月阅读排行
this
.
highlights
();
//获取精彩回顾
},
newsDetailFun
(
val
){
newsDetail
({
newsId
:
val
}).
then
(
res
=>
{
...
...
src/views/homePage/index.vue
View file @
d8f3b83e
...
...
@@ -57,7 +57,7 @@
<el-row
:gutter=
"20"
>
<el-col
:span=
"8"
style=
""
>
<div
class=
"work-tab-list"
v-for=
"(item,index) in WorkButton"
:key=
"index"
>
<div
class=
"tab-item"
:class=
"[workActive==index? 'tab-item-active':'']"
@
click=
"informationSelection(item,index)"
>
<div
style=
"font-size:8px;"
class=
"tab-item"
:class=
"[workActive==index? 'tab-item-active':'']"
@
click=
"informationSelection(item,index)"
>
{{
item
.
boardName
}}
</div>
...
...
@@ -278,7 +278,8 @@
<el-button
@
click
.
native=
"switchBtnPolice(0)"
:class=
"['btn-item',
{'sanjiao':activeItemPolice==0}]">视频点播
</el-button>
<el-button
@
click
.
native=
"switchBtnPolice(1)"
:class=
"['btn-item',
{'sanjiao':activeItemPolice==1}]">全区速递
</el-button>
</div>
<div
style=
"font-size:12px;color: #999999;"
>
<!-- 视频点播的id1965 -->
<div
@
click=
"toMorelist(1965)"
style=
"font-size:12px;color: #999999;"
>
<span>
MORE>
</span>
</div>
</div>
...
...
@@ -949,11 +950,12 @@ export default {
margin-top
:
5px
;
}
.work-tab-list
.tab-item
{
padding
:
7
px
0
;
padding
:
5
px
0
;
text-align
:
center
;
background
:
#ccc
;
cursor
:
pointer
;
font-size
:
10px
;
//
font-size
:
10px
;
font-size
:
10px
!important
;
border-radius
:
5px
;
color
:
#fff
;
}
...
...
@@ -1079,9 +1081,8 @@ color:#fff;
margin-top
:
5px
;
}
.tab-item
{
//
height
:
45px
;
//
line-height
:
45px
;
margin
:
10px
0
;
//
margin
:
10px
0
;
margin
:
7px
0
;
padding
:
10px
0
;
text-align
:
center
;
background
:
#ccc
;
...
...
src/views/news/index.vue
View file @
d8f3b83e
...
...
@@ -191,19 +191,19 @@
</div>
<el-row
class=
"mt-10 mb-10"
:gutter=
"10"
>
<el-col
:span=
"12"
>
<el-image
style=
""
:src=
"require('../../assets/pic.jpg')
"
></el-image>
</el-col
:span="12"
>
<el-image
v-if=
"highlightsData[0].attInfoList[0]"
style=
""
:src=
"highlightsData[0].attInfoList[0].downloadPath
"
></el-image>
</el-col
>
<el-col
:span=
"12"
>
<div
class=
"re-see"
>
结果立刻发动进攻类库的结构来看到付即可购房贷款逛街看到路上经过考虑工具开发架构框架
<span
style=
"color:red;font-size:10px;"
>
[详细]
</span>
<div
v-if=
"highlightsData[0]"
class=
"re-see"
>
<!-- 结果立刻发动进攻类库的结构来看到付即可购房贷款逛街看到路上经过考虑工具开发架构框架 -->
<div
class=
"hightlight-v"
v-html=
"highlightsData[0].content"
></div>
<span
@
click=
"setParams(highlightsData[0])"
style=
"color:red;font-size:10px;"
>
[详细]
</span>
</div>
</el-col
>
</el-row>
<div
v-for=
"
(item,index) in topList"
:key=
"index
"
class=
"k-flex k-space-between top-list"
@
click=
"setParams(item)"
>
<div
v-for=
"
item in highlightsData"
:key=
"item.newsId
"
class=
"k-flex k-space-between top-list"
@
click=
"setParams(item)"
>
<div
class=
"article-name"
>
<!--
<span
class=
"right-line"
>
我为群众办实事
</span>
-->
<span
class=
"right-line"
>
{{
item
.
name
}}
</span>
<span
class=
"right-line"
>
{{
item
.
subject
}}
</span>
</div>
<div>
{{
item
.
date
}}
</div>
</div>
...
...
@@ -260,6 +260,7 @@
import
{
fyxwfromCourt
,
//获取法院新闻
fyxwClickRaking
,
//法院新闻排行
highlights
,
//精彩回顾
}
from
"@/api/news.js"
;
import
{
newsFromBoard
,
//获取栏目下的新闻列表
...
...
@@ -269,6 +270,7 @@ import {
export
default
{
data
()
{
return
{
highlightsData
:[],
//精彩回顾集合
activeBtn
:
1
,
//新闻分类排行
pageInfo
:{
page
:
1
,
...
...
@@ -443,6 +445,7 @@ export default {
this
.
fyxwfromCourt
(
3
);
//一加载先获取最新消息
this
.
fyxwClickRaking
(
1
);
//获取法院新闻排行
this
.
newsFromBoard
();
//干警作品
this
.
highlights
();
//获取精彩回顾
},
methods
:
{
...
...
@@ -456,6 +459,17 @@ export default {
},
});
},
// 获取精彩回顾
highlights
(){
highlights
({
page
:
1
,
size
:
5
}).
then
(
res
=>
{
if
(
res
.
success
){
this
.
highlightsData
=
res
.
data
.
records
;
this
.
highlightsData
.
forEach
(
item
=>
{
item
.
date
=
(
item
.
newsTime
).
substring
(
5
,
10
);
})
}
})
},
// 获取最新消息和关注自己法院
fyxwfromCourt
(
type
){
...
...
@@ -505,7 +519,7 @@ export default {
if
(
res
.
success
){
this
.
newsRankList
=
res
.
data
;
this
.
newsRankList
.
forEach
(
item
=>
{
item
.
date
=
(
item
.
newsTime
).
substring
(
5
,
10
);
item
.
date
=
(
item
.
newsTime
).
substring
(
5
,
10
);
})
console
.
log
(
'this.newsRankList=='
,
this
.
newsRankList
);
}
...
...
@@ -536,6 +550,7 @@ export default {
},
// 查看详情
setParams
(
val
){
console
.
log
(
'val=='
,
val
);
this
.
$router
.
push
({
path
:
'/detail'
,
//跳转路由
query
:{
//参数对象
...
...
@@ -550,6 +565,14 @@ export default {
</
script
>
<
style
lang=
"scss"
scoped
>
//
精彩回顾
.hightlight-v
{
display
:
-webkit-box
;
-webkit-box-orient
:
vertical
;
-webkit-line-clamp
:
3
;
overflow
:
hidden
;
}
::v-deep
{
//
设置轮播图指示器大小
.el-carousel__button{
...
...
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment