Skip to content

GitLab

Q
qk_admin
Commit 12f399d4 authored by yaya's avatar yaya
Browse files
Options

feat: UI优化

parent 1cfef73a
Hide whitespace changes
Inline Side-by-side
Showing with 42 additions and 5 deletions
index.html
View file @ 12f399d4
...@@ -5,6 +5,7 @@ ...@@ -5,6 +5,7 @@
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="renderer" content="webkit"> <meta name="renderer" content="webkit">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<meta name="referrer" content="no-referrer" />
<title>泉库管理后台</title> <title>泉库管理后台</title>
</head> </head>
<body> <body>
......
src/views/redData/analysisList.vue
View file @ 12f399d4
...@@ -25,7 +25,17 @@ ...@@ -25,7 +25,17 @@
highlight-current-row> highlight-current-row>
<el-table-column align="center" label="排行" width="100px" type="index" /> <el-table-column align="center" label="排行" width="100px" type="index" />
<el-table-column align="center" label="笔记信息" prop="title" /> <el-table-column align="center" min-width="250px" label="笔记信息" class-name="small-padding fixed-width">
<template slot-scope="scope">
<div class="info" style="display: flex;" @click="handlerJumpDetail(scope.row.sourceUrl)">
<img :src="scope.row.img" class="info_image" style="width: 40px; height: 40px;margin-right: 10px">
<div class="info_content" style="display: flex;flex-direction: column;align-items: start; justify-content: start">
<div>{{ scope.row.title || '-' }}</div>
<div>{{ scope.row.noteTime || '-' }}</div>
</div>
</div>
</template>
</el-table-column>
<el-table-column align="center" label="累计出现次数" prop="num" sortable /> <el-table-column align="center" label="累计出现次数" prop="num" sortable />
...@@ -119,7 +129,6 @@ export default { ...@@ -119,7 +129,6 @@ export default {
.then(res => { .then(res => {
console.log('===类目列表', res.data) console.log('===类目列表', res.data)
this.categoryList = res.data.data this.categoryList = res.data.data
debugger
if (this.categoryList && this.categoryList.length > 0) { if (this.categoryList && this.categoryList.length > 0) {
this.listQuery.category = this.categoryList[0].name this.listQuery.category = this.categoryList[0].name
} }
...@@ -155,6 +164,11 @@ export default { ...@@ -155,6 +164,11 @@ export default {
}).catch((e) => { }).catch((e) => {
this.listLoading = false this.listLoading = false
}) })
},
handlerJumpDetail(jumpUrl) {
if (jumpUrl) {
window.open(jumpUrl, '_blank')
}
} }
} }
} }
......
src/views/redData/soringList.vue
View file @ 12f399d4
...@@ -26,8 +26,17 @@ ...@@ -26,8 +26,17 @@
fit fit
highlight-current-row> highlight-current-row>
<el-table-column align="center" label="排行" width="100px" type="index" /> <el-table-column align="center" label="排行" width="100px" type="index" />
<el-table-column align="center" min-width="250px" label="笔记信息" class-name="small-padding fixed-width">
<el-table-column align="center" label="笔记信息" prop="title" /> <template slot-scope="scope">
<div class="info" style="display: flex;" @click="handlerJumpDetail(scope.row.sourceUrl)">
<img :src="scope.row.img" class="info_image" style="width: 40px; height: 40px;margin-right: 10px">
<div class="info_content" style="display: flex;flex-direction: column;align-items: start; justify-content: start">
<div>{{ scope.row.title || '-' }}</div>
<div>{{ scope.row.noteTime || '-' }}</div>
</div>
</div>
</template>
</el-table-column>
<el-table-column align="center" label="点赞数" prop="differLikedNum" sortable /> <el-table-column align="center" label="点赞数" prop="differLikedNum" sortable />
...@@ -128,7 +137,6 @@ export default { ...@@ -128,7 +137,6 @@ export default {
.then(res => { .then(res => {
console.log('===类目列表', res.data) console.log('===类目列表', res.data)
this.categoryList = res.data.data this.categoryList = res.data.data
debugger
if (this.categoryList && this.categoryList.length > 0) { if (this.categoryList && this.categoryList.length > 0) {
this.listQuery.category = this.categoryList[0].name this.listQuery.category = this.categoryList[0].name
} }
...@@ -158,6 +166,11 @@ export default { ...@@ -158,6 +166,11 @@ export default {
}).catch((e) => { }).catch((e) => {
this.listLoading = false this.listLoading = false
}) })
},
handlerJumpDetail(jumpUrl) {
if (jumpUrl) {
window.open(jumpUrl, '_blank')
}
} }
} }
} }
...@@ -205,6 +218,15 @@ export default { ...@@ -205,6 +218,15 @@ export default {
} }
} }
.info {
display: flex;
flex-direction: row;
}
.info_image {
width: 40px;
height: 40px;
display: block;
}
} }
</style> </style>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment