公告查看详情
diff --git a/leave-school-vue/src/views/news/newview/index.vue b/leave-school-vue/src/views/news/newview/index.vue
index 09a9ab3..81083f6 100644
--- a/leave-school-vue/src/views/news/newview/index.vue
+++ b/leave-school-vue/src/views/news/newview/index.vue
@@ -28,7 +28,7 @@
</el-table-column>
<el-table-column label="公告标题" align="center">
<template slot-scope="scope">
- <span>{{scope.row.ggbt}}</span>
+ <a href="#" @click="showDetail(scope.row)">{{scope.row.ggbt}}</a>
</template>
</el-table-column>
<el-table-column label="接收对象类型" align="center">
@@ -51,6 +51,31 @@
<el-pagination background @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page="listQuery.pageIndex" :page-sizes="[10,20,30, 50]" :page-size="listQuery.pageSize" layout="total, sizes, prev, pager, next, jumper" :total="recordCount">
</el-pagination>
</div>
+ <el-dialog :visible.sync="dialogFormVisible" width="80%" top="10vh">
+ <el-row>
+ <el-col :span="24">
+ <h3 class="news-title">
+ {{title}}
+ </h3>
+ </el-col>
+ </el-row>
+ <el-row>
+ <el-col :span="24">
+ <div class="news-bar">
+ {{subtitle}}
+ </div>
+ </el-col>
+ </el-row>
+ <el-row>
+ <el-col :span="24">
+ <div class="news-content" v-html="content">
+ </div>
+ </el-col>
+ </el-row>
+ <div slot="footer" class="dialog-footer" style="text-align:center">
+ <el-button @click="dialogFormVisible = false">关闭</el-button>
+ </div>
+ </el-dialog>
</div>
</template>
@@ -70,6 +95,9 @@
mixins: [mixindata],
data() {
return {
+ title: null,
+ subtitle: null,
+ content: null,
gglxList: []
}
},
@@ -79,6 +107,12 @@
this.height = window.innerHeight - 216
},
methods: {
+ showDetail(item) {
+ this.title = item.ggbt
+ this.subtitle = '发布人 ' + item.fbr + ' ' + '发布时间' + item.fbrq
+ this.content = item.ggnr
+ this.dialogFormVisible = true
+ },
getGglxList() {
getDicList({ type: 'gglx' }).then(response => {
this.gglxList = response.items
@@ -105,3 +139,32 @@
}
}
</script>
+<style>
+.app-container a:visited {
+ color: #00a4f4;
+ text-decoration: none;
+}
+.news-title {
+ color: #f8043d;
+ font-family: "黑体";
+ font-size: 20px;
+ clear: both;
+ padding-top: 15px;
+ padding-bottom: 15px;
+ padding-right: 20px;
+ padding-left: 20px;
+ line-height: 1.5em;
+ text-align: center;
+ font-weight: bold;
+ border-bottom: 3px #c4d8f7 solid;
+ margin: 10px 0px;
+}
+.news-bar {
+ text-align: center;
+ color: #666;
+ font-size: 12px;
+}
+.news-content {
+ padding: 20px;
+}
+</style>