From 197e528ff5d4e3301e0a6e44a096af02eea06912 Mon Sep 17 00:00:00 2001
From: aBin <binbin0314@126.com>
Date: Mon, 21 Feb 2022 19:14:08 +0800
Subject: [PATCH] =?UTF-8?q?=E5=BD=93=E5=89=8D=E4=BD=8D=E7=BD=AE=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Location/Location.vue        | 35 ++++++++++++++++-----
 src/views/CompanyProfile/CompanyProfile.vue |  2 +-
 src/views/NewPages/NewPages.vue             |  2 +-
 src/views/OtherPages/Department.vue         |  2 +-
 src/views/OtherPages/Information.vue        |  2 +-
 src/views/OtherPages/NoticeNotice.vue       |  2 +-
 src/views/OtherPages/PartyBuilding.vue      |  2 +-
 src/views/OtherPages/SafeProduction.vue     |  2 +-
 src/views/OtherPages/System.vue             |  2 +-
 9 files changed, 36 insertions(+), 15 deletions(-)

diff --git a/src/components/Location/Location.vue b/src/components/Location/Location.vue
index 9c94cd6..58eb5fe 100644
--- a/src/components/Location/Location.vue
+++ b/src/components/Location/Location.vue
@@ -1,13 +1,25 @@
 <template>
-  <div class="content-nav">
-    <img src="@/assets/location.png" alt="" />
-    您当前位置:
-    <span> > {{ title }} </span>
-    <span> > {{ titleTwo }} </span>
+  <div class="content-nav d-flex justify-space-between">
+    <div clss="content-title">
+      <span :class="index < 2 ? 'red' : ''" v-for="(item, index) in title.split('')" :key="index">{{ item }}</span>
+    </div>
+    <div>
+      <img src="@/assets/location.png" alt="" />
+      您当前位置:
+      <span class="ml-4" style="cursor: pointer;" @click="backFirst"> 首页 </span>
+      <span> > {{ titleName }} </span>
+      <span> > {{ titleTwo }} </span>
+    </div>
   </div>
 </template>
 <script>
 export default {
+  props: {
+    title: {
+      default: '首页',
+      type: String,
+    },
+  },
   data() {
     return {
       str: '',
@@ -339,7 +351,7 @@ export default {
           ],
         },
       ],
-      title: '',
+      titleName: '',
       titleTwo: '',
     };
   },
@@ -358,7 +370,7 @@ export default {
       for (let i = 0; i < this.tabList.length; i++) {
         const title = this.tabList[i];
         if (title.url === path) {
-          this.title = title.title;
+          this.titleName = title.title;
           for (let k = 0; k < title.children.length; k++) {
             if (query.code && query.code === title.children[k].code) {
               this.titleTwo = title.children[k].title;
@@ -367,10 +379,19 @@ export default {
         }
       }
     },
+    backFirst() {
+      // this.$router.push('/');
+    },
   },
 };
 </script>
 <style scoped>
+.red {
+  color: #b61412;
+}
+.content-title {
+  font-size: 20px;
+}
 .content-nav {
   height: 40px;
   margin-bottom: 16px;
diff --git a/src/views/CompanyProfile/CompanyProfile.vue b/src/views/CompanyProfile/CompanyProfile.vue
index 34024ae..b30716f 100644
--- a/src/views/CompanyProfile/CompanyProfile.vue
+++ b/src/views/CompanyProfile/CompanyProfile.vue
@@ -3,7 +3,7 @@
     <div class="d-flex mt-4">
       <LeftNav :code="code" :list="list" class="mr-4" @chanegCode="chanegCode" />
       <div class="flex-1 flex-column">
-        <Location />
+        <Location :title="list.title" />
         <div class="content-detail p-4" :style="{ 'min-height': list.children.length * 56 + 'px' }">
           <RichText :rich-obj="content" />
         </div>
diff --git a/src/views/NewPages/NewPages.vue b/src/views/NewPages/NewPages.vue
index ec1d273..10d1e8a 100644
--- a/src/views/NewPages/NewPages.vue
+++ b/src/views/NewPages/NewPages.vue
@@ -3,7 +3,7 @@
     <div class="d-flex mt-4">
       <LeftNav :code="code" :list="list" class="mr-4" @chanegCode="chanegCode" />
       <div class="flex-1 flex-column">
-        <Location />
+        <Location :title="list.title" />
         <div class="content-detail p-4" :style="{ 'min-height': list.children.length * 56 + 'px' }">
           <ListPage v-if="!introId" :code="code" @changeYear="changeYear" :content="content" @getData="getData" />
           <RichText v-else :rich-obj="introContent" />
diff --git a/src/views/OtherPages/Department.vue b/src/views/OtherPages/Department.vue
index 99eaf3c..987883e 100644
--- a/src/views/OtherPages/Department.vue
+++ b/src/views/OtherPages/Department.vue
@@ -3,7 +3,7 @@
     <div class="d-flex mt-4">
       <LeftNav :code="code" :list="list" class="mr-4" @chanegCode="chanegCode" />
       <div class="flex-1 flex-column">
-        <Location />
+        <Location :title="list.title" />
         <div class="content-detail p-4" :style="{ 'min-height': list.children.length * 56 + 'px' }">
           <RichText :rich-obj="content" />
         </div>
diff --git a/src/views/OtherPages/Information.vue b/src/views/OtherPages/Information.vue
index 327f291..53e3012 100644
--- a/src/views/OtherPages/Information.vue
+++ b/src/views/OtherPages/Information.vue
@@ -3,7 +3,7 @@
     <div class="d-flex mt-4">
       <LeftNav :code="code" :list="list" class="mr-4" @chanegCode="chanegCode" />
       <div class="flex-1 flex-column">
-        <Location />
+        <Location :title="list.title" />
         <div class="content-detail p-4" :style="{ 'min-height': list.children.length * 56 + 'px' }">
           <RichText :rich-obj="content" />
         </div>
diff --git a/src/views/OtherPages/NoticeNotice.vue b/src/views/OtherPages/NoticeNotice.vue
index 2ca06ef..4017ab0 100644
--- a/src/views/OtherPages/NoticeNotice.vue
+++ b/src/views/OtherPages/NoticeNotice.vue
@@ -3,7 +3,7 @@
     <div class="d-flex mt-4">
       <LeftNav :code="code" :list="list" class="mr-4" @chanegCode="chanegCode" />
       <div class="flex-1 flex-column">
-        <Location />
+        <Location :title="list.title" />
         <div class="content-detail p-4" :style="{ 'min-height': list.children.length * 56 + 'px' }">
           <ListPage v-if="!introId" :code="code" @changeYear="changeYear" :content="content" @getData="getData" />
           <RichText v-else :rich-obj="introContent" />
diff --git a/src/views/OtherPages/PartyBuilding.vue b/src/views/OtherPages/PartyBuilding.vue
index 1bf3534..b66753e 100644
--- a/src/views/OtherPages/PartyBuilding.vue
+++ b/src/views/OtherPages/PartyBuilding.vue
@@ -3,7 +3,7 @@
     <div class="d-flex mt-4">
       <LeftNav :code="code" :list="list" class="mr-4" @chanegCode="chanegCode" />
       <div class="flex-1 flex-column">
-        <Location />
+        <Location :title="list.title" />
         <div class="content-detail p-4" :style="{ 'min-height': list.children.length * 56 + 'px' }">
           <ListPage v-if="!introId" :code="code" @changeYear="changeYear" :content="content" @getData="getData" />
           <RichText v-else :rich-obj="introContent" />
diff --git a/src/views/OtherPages/SafeProduction.vue b/src/views/OtherPages/SafeProduction.vue
index c806485..5231c33 100644
--- a/src/views/OtherPages/SafeProduction.vue
+++ b/src/views/OtherPages/SafeProduction.vue
@@ -3,7 +3,7 @@
     <div class="d-flex mt-4">
       <LeftNav :code="code" :list="list" class="mr-4" @chanegCode="chanegCode" />
       <div class="flex-1 flex-column">
-        <Location />
+        <Location :title="list.title" />
         <div class="content-detail p-4" :style="{ 'min-height': list.children.length * 56 + 'px' }">
           <ListPage v-if="!introId" :code="code" @changeYear="changeYear" :content="content" @getData="getData" />
           <RichText v-else :rich-obj="introContent" />
diff --git a/src/views/OtherPages/System.vue b/src/views/OtherPages/System.vue
index 95008c7..a3cd670 100644
--- a/src/views/OtherPages/System.vue
+++ b/src/views/OtherPages/System.vue
@@ -3,7 +3,7 @@
     <div class="d-flex mt-4">
       <LeftNav :code="code" :list="list" class="mr-4" @chanegCode="chanegCode" />
       <div class="flex-1 flex-column">
-        <Location />
+        <Location :title="list.title" />
         <div class="content-detail p-4" :style="{ 'min-height': list.children.length * 56 + 'px' }">
           <RichText :rich-obj="content" />
         </div>