当前位置修改

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;

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>

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" />

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>

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>

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" />

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" />

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" />

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>