增加景点攻略预览

src/components/ScenicStrategyview.vue

+<style>
+    .ScenicMainContant{
+        width:900px;
+        margin:auto;
+        height:auto;
+        color:#4F5A61;
+    }
+    .cardTitle{
+        width:900px;
+        margin:20px auto;
+        font-weight:500;
+        word-break: break-word;
+        font-size:44px;
+    }
+    .ScenicCoverImg{
+        margin-top:20px;
+    }
+    .ScenicCoverImg img{
+        width:100%;
+    }
+    .ScenicStrateg{
+        color:#4F5A61;
+    }
+    .ScenicStrateg img{
+        width:100%;
+    }
+</style>
+<template>
+    <div class="ScenicMainContant">
+        <div class="cardTitle">
+            {{dataList.Name}}
+        </div>
+        <div class="ScenicCoverImg" v-if="dataList.ImgCover">
+            <img :src="dataList.ImgCover" alt=""/>
+        </div>
+        <div class="ScenicStrateg" v-html="dataList.Content">
+
+        </div>
+    </div>
+</template>
+<script>
+export default {
+    data() {
+        return {
+            msg:{
+                Id:0,
+            },
+            dataList:{}
+        };
+    },
+    mounted() {
+        this.msg.Id = this.$route.query.id;
+        this.getList();
+    },
+    filters: {
+    },
+    methods: {
+        getList(){
+            this.apipost(
+            "ScenicRecomment_Get_GetScenicRecommentService", this.msg,
+            res => {
+                if (res.data.resultCode == 1) {
+                    console.log(res,'ressss')
+                    this.dataList=res.data.data;
+                }
+            },
+            null
+            );
+
+        }
+    }
+};
+</script>
\ No newline at end of file

src/components/scenicSpot/scenicRecommentList.vue

@@ -325,6 +325,9 @@
             <el-tooltip class="item" effect="dark" content="修改" placement="top">
               <el-button type="primary" icon="el-icon-edit" circle @click="GetScenic(item.Id)"></el-button>
             </el-tooltip>
+            <el-tooltip class="item" effect="dark" content="预览" placement="top">
+              <el-button type="primary" icon="iconfont icon-view" circle @click="goView(item.Id)"></el-button>
+            </el-tooltip>
             <el-tooltip class="item" effect="dark" content="删除" placement="top">
               <el-button type="danger" icon="iconfont icon-img_delete_small" circle
                 @click="removeScenicRecomment(item.Id)"></el-button>
@@ -673,6 +676,18 @@
             err => {}
           );
         }
+      },
+
+      //跳转至预览页面
+      goView(id){
+        this.$router.push({
+          name: 'ScenicStrategyview',
+          query: {
+            id: id,
+            blank: 'y',
+            tab: name
+          }
+        })
       }
     },
     mounted() {

src/router/config.js

@@ -4430,7 +4430,14 @@ export default {
                 title: '电子合同'
             }
         },
-
+        {
+            path: '/ScenicStrategyview', //景点攻略预览
+            name: 'ScenicStrategyview',
+            component: resolve => require(['@/components/ScenicStrategyview'], resolve),
+            meta: {
+                title: '景点攻略预览'
+            }
+        },
         {
             path: '/supplierLogin', //供应商登录
             name: 'supplierLogin',