修改

src/router/routes.js

@@ -75,6 +75,12 @@ const USER_VISITOR_ROUTES = [
         meta: { title: '政策直达', USER_LEVEL: USER_LEVEL.USER_VISITOR, showHeader: false, animation: false },
         component: () => import('@/views/PolicyDirect/index')
       },
+      {
+        path: '/PolicyDirect/policyRecommendationsDetails',
+        name: 'policyRecommendationsDetails',
+        meta: { title: '政策推荐详情', USER_LEVEL: USER_LEVEL.USER_LOGIN, showHeader: false, animation: false },
+        component: () => import('@/views/PolicyDirect/components/policyRecommendationsDetails')
+      },
       {
         path: '/PolicyDirect/components/policySearchDetails',
         name: 'PolicySearchDetails',

src/views/PolicyDirect/components/policyRecommendation.vue

@@ -771,11 +771,17 @@ export default {
             this.arrayToString() // 提交时数组转字符串
             this.dataProcess() // 把前端放在列表里的字段拿出来
             submitForm(this.form).then(res => {
-              if(res.code === 200) {
+              if (res.code === 200) {
                 this.$message({
                   type: 'success',
                   message: '操作成功'
                 })
+                this.$router.push({
+                  path: '/PolicyDirect/policyRecommendationsDetails',
+                  query: {
+                    form: this.form
+                  }
+                })
               }
             })
           }

src/views/PolicyDirect/components/policyRecommendationsDetails.vue

+<template>
+  <div class="policyRecommendationsDetails-module">
+    <div class="topHeader">
+      <HomeSearch />
+      <nav-list :list="navList" :current-menu="'/PolicyDirect/index'" />
+    </div>
+    <div class="policyRecommendationsDetails-content">
+      <div class="child">
+        <div class="serviceShareDetailsBreadcrumb">
+          <span class="now">当前位置:</span>
+          <el-breadcrumb separator-class="el-icon-arrow-right">
+            <el-breadcrumb-item class="service" :to="{ path: '/PolicyDirect/index', query: {choseType: '政策推荐'} }">政策推荐</el-breadcrumb-item>
+            <el-breadcrumb-item class="name">{{ form.name }}</el-breadcrumb-item>
+          </el-breadcrumb>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import HomeSearch from '@/views/homePage/components/searchHome/index'
+import NavList from '@/views/homePage/components/NavList'
+export default {
+  name: 'PolicyRecommendationsDetails',
+  components: {
+    HomeSearch,
+    NavList
+  },
+  data() {
+    return {
+      gobackTop: require('@/assets/image/icom_top.png'),
+      form: {
+
+      },
+    }
+  },
+  computed: {
+    navList() {
+      const navArray = [
+        { menuName: '首页', path: '/', query: { }},
+        { menuName: '政策直达', path: '/PolicyDirect/index', query: { }},
+        { menuName: '服务共享', path: '/ServiceShare/index' },
+        { menuName: '企业诉求', path: '/EnterpriseAppeal/index', query: { }},
+        { menuName: '一键办事', path: '/OneClickService/index', query: { }},
+        { menuName: '活动信息', path: '/activityInformation/index', query: { }},
+        { menuName: '个人中心', path: '/personalCenter/index', query: { }}
+      ]
+      return navArray
+    }
+  },
+  created() {
+    this.getDetails()
+  },
+  mounted() {
+  },
+  methods: {
+    getDetails() {
+      this.form = this.$route.query.form
+    }
+  }
+}
+</script>
+<style scoped lang="scss">
+.policyRecommendationsDetails-module{
+  .backTop{
+    background-color: #1A78E5;
+    padding: 15px 0;
+    width: 66px;
+    height: 66px;
+    text-align: center;
+  }
+  .topHeader{
+    background: #fff;
+    position: fixed;
+    z-index: 99;
+    width: 100%;
+  }
+  .policyRecommendationsDetails-content{
+    padding: 335px 0 0 0;
+    .child {
+      width: 1400px;
+      margin: auto;
+      .serviceShareDetailsBreadcrumb{
+        line-height: 14px;
+        display: flex;
+        padding: 18px 20px 17px 20px;
+        background-color: white;
+        margin-bottom: 12px;
+        .now{
+          color: #666666;
+          font-size: 15px;
+        }
+        .service{
+          ::v-deep.el-breadcrumb__inner{
+            color: #999999!important;
+            font-size: 15px!important;
+          }
+        }
+        .name{
+          ::v-deep.el-breadcrumb__inner{
+            white-space: pre-wrap;
+            color: #666666!important;
+            font-size: 15px!important;
+          }
+        }
+        .el-breadcrumb{
+          font-size: 15px;
+          padding-left: 10px;
+        }
+      }
+    }
+  }
+}
+</style>