路由优化

src/components/service-tabs.vue

@@ -5,25 +5,25 @@
     v-model="tabName"
     :stretch="true"
   >
-    <el-tab-pane label="服务详情信息" name="detail" v-if="detailUrl">
+    <el-tab-pane :label="detailTitle" name="detail" v-if="detailUrl">
       <service-tab-detail
         class="service_info"
         :url="detailUrl"
       ></service-tab-detail>
     </el-tab-pane>
-    <el-tab-pane label="规格定价" name="specification" v-if="specificationUrl">
+    <el-tab-pane :label="specificationTitle" name="specification" v-if="specificationUrl">
       <service-tab-specification
         class="service_info"
         :url="specificationUrl"
       ></service-tab-specification>
     </el-tab-pane>
-    <el-tab-pane label="提供机构" name="provider" v-if="providerUrl">
+    <el-tab-pane :label="providerTitle" name="provider" v-if="providerUrl">
       <service-tab-provider
         class="service_info"
         :url="providerUrl"
       ></service-tab-provider>
     </el-tab-pane>
-    <el-tab-pane label="服务评价信息" name="comments" v-if="commentsUrl">
+    <el-tab-pane :label="commentsTitle" name="comments" v-if="commentsUrl">
       <service-tab-comments
         class="service_info"
         :url="commentsUrl"
@@ -46,6 +46,22 @@ export default {
     serviceTabComments,
   },
   props: {
+    detailTitle: {
+      type: String,
+      default: () => "服务详情信息",
+    },
+    specificationTitle: {
+      type: String,
+      default: () => "规格定价",
+    },
+    providerTitle: {
+      type: String,
+      default: () => "提供机构",
+    },
+    commentsTitle: {
+      type: String,
+      default: () => "服务评价信息",
+    },
     detailUrl: {
       type: String,
       default: () => "",

src/pages/yysdDetail.vue

@@ -14,6 +14,8 @@
       detail-url="yysd"
       provider-url="yysd"
       comments-url="yysd"
+      detail-title="应用详情信息"
+      comments-title="应用评价信息"
     ></service-tabs>
   </div>
 </template>

src/router/index.js

@@ -114,22 +114,22 @@ export default new Router({
           ],
         },
         {
-          path: "/sjfwDetail",
+          path: "/sjfwDetail/:id",
           name: "sjfwDetail",
           component: () => import("@/pages/sjfwDetail"),
         }, // 数据服务详情
         {
-          path: "/skfwDetail",
+          path: "/skfwDetail/:id",
           name: "skfwDetail",
           component: () => import("@/pages/skfwDetail"),
         }, // 时空服务详情
         {
-          path: "/zhyyfwDetail",
+          path: "/zhyyfwDetail/:id",
           name: "zhyyfwDetail",
           component: () => import("@/pages/zhyyfwDetail"),
         }, // 综合应用服务详情
         {
-          path: "/yysdDetail",
+          path: "/yysdDetail/:id",
           name: "yysdDetail",
           component: () => import("@/pages/yysdDetail"),
         }, // 应用详情