详情

project/xiushan/apps/AppNewsCenter/AppNewsCenter.vue

@@ -15,7 +15,7 @@
 
 <script>
 import {mapState} from 'vuex'
-import {addArticle, addVideo, newsDetail, newsList, videoDetail} from './components'
+import {addArticle, addVideo, newsDetail, newsList, videoDetail, detail} from './components'
 
 export default {
   name: 'AppNewsCenter',
@@ -30,7 +30,8 @@ export default {
     addVideo,
     addArticle,
     newsDetail,
-    videoDetail
+    videoDetail,
+    detail
   },
   data() {
     return {
@@ -50,7 +51,8 @@ export default {
           addVideo: addVideo,
           addArticle: addArticle,
           newsDetail: newsDetail,
-          videoDetail: videoDetail
+          videoDetail: videoDetail,
+          detail: detail,
         },
       ]
     },

project/xiushan/apps/AppNewsCenter/components/detail.vue

@@ -0,0 +1,43 @@
+<template>
+  <ai-detail class="detail">
+    <template slot="title">
+      <ai-title title="详情" :isShowBack="true" :isShowBottomBorder="true" @onBackClick="$emit('goBack')"></ai-title>
+    </template>
+    <template slot="content">
+      <!-- <div v-html=""></div> -->
+    </template>
+  </ai-detail>
+</template>
+
+<script>
+export default {
+  name: 'detail',
+  props: {
+    instance: Function,
+    dict: Object,
+    permissions: Function,
+    detail: Object,
+  },
+  data() {
+    return {
+      id: ''
+    }
+  },
+  
+  methods: {
+    getDetail() {
+      this.id = this.$route.query.id
+      this.id && this.instance.post(``, null, {
+        params: {id: this.id}
+      }).then(res => {
+        if (res?.data) {
+        }
+      })
+    }
+  }
+}
+</script>
+
+<style>
+
+</style>

project/xiushan/apps/AppNewsCenter/components/newsList.vue

@@ -45,10 +45,9 @@
             <div class="table-options">
               <el-button type="text" title="取消发布" v-if="row.status=='1' && permissions('app_appnews_status')" @click="changeStatus(row)">取消发布</el-button>
               <el-button type="text" v-if="row.status=='0' && permissions('app_appnews_status')" title="发布" @click="changeStatus(row)">发布</el-button>
-              <el-button type="text" @click="handleEdit(row)" v-if="permissions('app_appnews_edit')">编辑
-              </el-button>
-              <el-button type="text" @click="handleDelete(row)" v-if="permissions('app_appnews_del')">删除
-              </el-button>
+              <el-button type="text" @click="handleEdit(row)" v-if="permissions('app_appnews_edit')">编辑</el-button>
+              <el-button type="text" @click="handleDetail(row.id)" v-if="permissions('app_appnews_detail')">详情</el-button>
+              <el-button type="text" @click="handleDelete(row)" v-if="permissions('app_appnews_del')">删除</el-button>
             </div>
           </template>
         </el-table-column>
@@ -150,6 +149,10 @@ export default {
       const msg = +row.status ? "是否取消发布？" : "是否发布？";
       this.$confirm(msg).then(() => this.changeInfo(row));
     },
+
+    handleDetail(id) {
+      this.$emit("goPage", {key: "detail", id});
+    },
     /**
      * 删除新闻
      * */