admin/zhgdyun
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

港投项目-智慧党建-文章管理-暂无数据显示

Browse Source
This commit is contained in:
jxj_yjl 2023-05-08 15:12:00 +08:00
parent 5d09220bea
commit bc0c880698
1 changed files with 34 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

54
src/views/projectFront/smartPartyBuilding/articleManagement.vue
View File

@ -28,7 +28,7 @@
</div> </div>
<div class="contentStyle whiteBlock"> <div class="contentStyle whiteBlock">
<vue-scroll style="height: 90%; width: 100%"> <vue-scroll style="height: 90%; width: 100%">
<div class="contentBox"> <div class="contentBox" v-if="List.length > 0">
<div <div
class="contentMenu" class="contentMenu"
v-for="(item, index) in List" v-for="(item, index) in List"
@ -59,18 +59,24 @@
<li class="alarm-item" v-show="current === index"> <li class="alarm-item" v-show="current === index">
<div class="operation"> <div class="operation">
<span @click.stop="edit(item)" <span
style="margin-right: 20px !important;cursor: pointer;" @click.stop="edit(item)"
><i class="el-icon-edit" style="color: #4a8bff;"></i>编辑</span style="margin-right: 20px !important; cursor: pointer"
><i class="el-icon-edit" style="color: #4a8bff"></i>编辑</span
> >
<span @click.stop="deleteDev(item)" style="cursor: pointer;"> <span @click.stop="deleteDev(item)" style="cursor: pointer">
<i class="el-icon-delete" style="color: red"></i>删除</span <i class="el-icon-delete" style="color: red"></i>删除</span
> >
</div> </div>
</li> </li>
</div> </div>
</div> </div>
<div class="noData" v-else>
<img src="@/assets/images/noData.png" alt srcset />
<p>暂无数据</p>
</div>
</vue-scroll> </vue-scroll>
</div> </div>
<!-- 新增 --> <!-- 新增 -->
@ -143,21 +149,25 @@
</div> </div>
</div> </div>
</el-dialog> </el-dialog>
<!-- 详情 --> <!-- 详情 -->
<el-dialog <el-dialog
:modal-append-to-body="false" :modal-append-to-body="false"
title="详情" title="详情"
:visible.sync="dialogContent" :visible.sync="dialogContent"
width="1200px" width="1200px"
> >
<div style="padding: 10px 80px;"> <div style="padding: 10px 80px">
<h1 style="text-align: center;">{{detailData.articleTitle}}</h1> <h1 style="text-align: center">{{ detailData.articleTitle }}</h1>
<div class="detailHeader"> <div class="detailHeader">
<span>{{detailData.createTime}}</span> <span>{{ detailData.createTime }}</span>
</div>
<div class="detailContent">
<div
class="ql-editor"
style="white-space: pre-line"
v-html="detailData.articleContent"
></div>
</div> </div>
<div class="detailContent">
<div class="ql-editor" style="white-space:pre-line" v-html="detailData.articleContent"></div>
</div>
<div class="dialog-footer" style="margin-right: 45%"> <div class="dialog-footer" style="margin-right: 45%">
<el-button <el-button
type="primary" type="primary"
@ -192,7 +202,7 @@ export default {
data() { data() {
return { return {
detailData: {}, detailData: {},
dialogContent:false, dialogContent: false,
current: -1, current: -1,
title: "", title: "",
dialogShow: false, dialogShow: false,
@ -305,7 +315,6 @@ export default {
}, },
edit(obj) { edit(obj) {
console.log('编辑的内容',obj.coverImage[0].url);
this.title = '编辑' this.title = '编辑'
this.dialogShow = true this.dialogShow = true
this.addEditForm = JSON.parse(JSON.stringify(obj)) this.addEditForm = JSON.parse(JSON.stringify(obj))
@ -403,9 +412,9 @@ export default {
font-size: 10px; font-size: 10px;
color: #ccc; color: #ccc;
} }
.alarm-item{ .alarm-item {
margin-left: 35%; margin-left: 35%;
margin-top: 16px; margin-top: 16px;
} }
} }
.contentMenu:hover { .contentMenu:hover {
@ -417,14 +426,19 @@ export default {
width: 100%; width: 100%;
height: 100%; height: 100%;
} }
.detailHeader{ .detailHeader {
text-align: center; text-align: center;
padding: 20px; padding: 20px;
span{ span {
color: #ccc; color: #ccc;
font-size: 12px; font-size: 12px;
margin-left: -5%; margin-left: -5%;
} }
} }
.noData {
margin: 15% 45%;
p {
margin-left: 5%;
}
}
</style> </style>