Commit a67d099b authored by 罗林杰's avatar 罗林杰

修改动态,留言

parent 709b49c2
......@@ -165,35 +165,35 @@
</div>
<el-row :gutter="20">
<el-col :span="24">
<div style="font-size: 15px;padding-left: 20px;padding-bottom: 20px;padding-top: 10px" class="content">{{ form.content }}</div>
<div style="font-size: 15px;padding-left: 45px;padding-bottom: 20px;" class="content">{{ form.content }}</div>
</el-col>
<div>
<!-- 当没有图片时 -->
<div v-if="!form.url || form.url.length === 0" style="text-align: center; color: #999;"/>
<div v-if="!form.url || form.url.length === 0" style="text-align: center; color: #999;" />
<!-- 当图片数量为1时 -->
<div v-else-if="form.url.length === 1" style="text-align: center;">
<img :src="form.url[0]" alt="Avatar" class="avatar1">
</div>
<!-- 当图片数量为4或6时,上下两排展示 -->
<div v-else-if="form.url.length === 4 || form.url.length === 2">
<el-row v-for="(row, rowIndex) in Math.ceil(form.url.length / 2)" :key="rowIndex" :gutter="20">
<el-row v-for="(row, rowIndex) in Math.ceil(form.url.length / 2)" :key="rowIndex">
<el-col v-for="(imagePath, index) in form.url.slice(rowIndex * 2, rowIndex * 2 + 2)" :key="index" :span="12">
<div style="padding: 10px;">
<div style="padding-left: 20px;">
<img :src="imagePath" alt="Avatar" class="avatar3">
</div>
</el-col>
</el-row>
</div>
<!-- 当图片数量为5, 7, 8或9时,按九宫格显示 -->
<el-row v-else :gutter="20">
<el-row v-else>
<el-col v-for="(imagePath, index) in form.url" :key="index" :span="8">
<div style="padding: 10px;">
<div style="padding-left: 20px">
<img :src="imagePath" alt="Avatar" class="avatar2">
</div>
</el-col>
</el-row>
</div>
<div style="font-size: 12px;color: #8c8c93">
<div style="font-size: 12px;color: #8c8c93;padding-left: 60px;padding-top: 10px">
<span>{{ form.createDate }}</span>
</div>
<div class="commentTitle">
......@@ -210,6 +210,7 @@
<div class="commentsSection">
<ul v-if="form.articleCommentVOList" class="commentTree">
<li v-for="(comment, index) in form.articleCommentVOList" :key="index" class="commentItem">
<div v-if="index !== null" style="border-top: 1px solid #dadada; margin: 5px 0 5px;" />
<div style="display: flex; justify-content: space-between; align-items: center;" class="commentHeader">
<div style="display: flex; align-items: center;padding-bottom: 10px">
<img style="margin-top: -40px" :src="comment.avatarUrl" alt="Avatar" class="avatarSize">
......@@ -220,7 +221,7 @@
<span>{{ comment.content }}</span>
</template>
</div>
<div style="font-size: 10px;color: #8c8c93">
<div style="font-size: 10px;color: #8c8c93;margin-top: 8px">
<span>{{ comment.createDate }}</span>
</div>
</div>
......@@ -229,6 +230,7 @@
</div>
<ul v-if="comment.childrenCommentList && comment.childrenCommentList.length > 0" class="replies">
<li v-for="(reply, replyIndex) in comment.childrenCommentList" :key="replyIndex" class="replyItem">
<div v-if="replyIndex !== null" style="border-top: 1px solid #dadada; margin: 5px 0 ;" />
<div style="display: flex; justify-content: space-between; align-items: center;" class="commentHeader">
<div style="display: flex; align-items: center;">
<img style="margin-top: -40px" :src="reply.avatarUrl" alt="Avatar" class="avatarSize">
......@@ -239,7 +241,7 @@
<span>{{ reply.content }}</span>
</template>
</div>
<div style="font-size: 12px;color: #8c8c93;padding-top: 2px">
<div style="font-size: 10px;color: #8c8c93;margin-top: 8px">
<span>{{ reply.createDate }}</span>
</div>
</div>
......@@ -379,7 +381,8 @@ export default {
const lastDay = new Date(date.getFullYear(), month, 0)
const queryParams = {
firstDay: firstDay,
lastDay: lastDay
lastDay: lastDay,
nowDay: date
}
getPeopleNumber(queryParams).then(res => {
this.peopleNumber = res.data
......@@ -884,4 +887,16 @@ export default {
height: 178px;
display: block;
}
.commentTitle{
display: flex;
justify-content: space-between;
padding-top: 20px;
font-size: 16px;
color: rgb(132, 132, 132);
.c-title-segment{
color: rgb(212, 210, 210);
padding-left: 15px;
padding-right: 15px
}
}
</style>
......@@ -61,16 +61,16 @@
{{ scope.row.createDate || '-' }}
</template>
</el-table-column>
<!-- <el-table-column label="操作" class-name="small-padding fixed-width" width="200px">-->
<!-- <template slot-scope="scope">-->
<!-- <el-button-->
<!-- :class="commonField.delClass"-->
<!-- :type="commonField.typeParent"-->
<!-- :size="commonField.size"-->
<!-- @click="handleDelete(scope.row)"-->
<!-- >删除</el-button>-->
<!-- </template>-->
<!-- </el-table-column>-->
<el-table-column label="操作" class-name="small-padding fixed-width" width="200px">
<template slot-scope="scope">
<el-button
:class="commonField.delClass"
:type="commonField.typeParent"
:size="commonField.size"
@click="handleDelete(scope.row)"
>删除</el-button>
</template>
</el-table-column>
</el-table>
</div>
<pagination
......@@ -84,7 +84,7 @@
</template>
<script>
import { listMessageList } from '@/api/contentManagement/opmBlackList'
import {delOpmBlackList, listMessageList} from '@/api/contentManagement/opmBlackList'
import commonField from '@/utils/commonField'
export default {
name: 'OpmBlackList',
......@@ -166,6 +166,24 @@ export default {
this.queryParams.page = 1
this.getList()
},
/** 删除按钮操作 */
handleDelete(row) {
const id = row.businessId
this.$confirm('是否确认操作?', '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(function() {
return delOpmBlackList(id)
}).then(() => {
this.getList()
this.$message({
message: '删除成功',
type: 'success'
})
}).catch(function() {
})
},
/** 重置按钮操作 */
resetQuery() {
this.queryParams = {
......
......@@ -74,12 +74,12 @@
{{ scope.row.dictValue || '-' }}
</template>
</el-table-column>
<el-table-column :show-overflow-tooltip="true" label="字典排序" prop="dictSort">
<el-table-column :show-overflow-tooltip="true" label="字典排序" width="100" prop="dictSort">
<template slot-scope="scope">
{{ isNaN(scope.row.dictSort) ? '-' : scope.row.dictSort }}
</template>
</el-table-column>
<el-table-column label="状态" align="center" prop="flag">
<el-table-column label="状态" align="center" width="100" prop="flag">
<template slot-scope="scope">
<el-switch
v-model="scope.row.flag"
......
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