添加返回

src/views/htgj/index.vue

@@ -1,6 +1,7 @@
 <template>
   <div class="container-htgj-index">
     <div class="top-box">
+      <topbar showText="查研观向" />
       <div class="seach" @click="goSearch">
         <div class="seach-top">
           <Icon name="search" color="#8D8D8D" />
@@ -78,6 +79,7 @@ import { reactive, onMounted, toRefs, ref } from "vue";
 import { Icon, Tab, Tabs, List, PullRefresh } from "vant";
 import { report } from "@/api/htgj/api.js";
 import { useRoute, useRouter } from "vue-router";
+import topbar from "./topbar.vue";
 const router = useRouter();
 const tabState = reactive({
   tabActive: 0,

src/views/htgj/report.vue

@@ -1,6 +1,7 @@
 <template>
   <div class="container-cygx" @copy="copyMonitor" v-if="haveData == 1" :class="reportInfo.IsResearch ? 'no-cv' : ''">
     <canvas id="tutorial" ref="tutorial"></canvas>
+   <topbar class="top-box-bar" showText="弘则研究" />
     <div class="search">
       <div class="search-box" @click="btnSearch">
         <Icon name="search" color="#8D8D8D" />
@@ -46,6 +47,7 @@
       <p>若想继续试用，请联系销售</p>
     </div>
   </div>
+  <topbar v-if="haveData != 1" class="top-haveData-bar" showText="弘则研究" />
 </template>
 
 <script setup>
@@ -55,7 +57,7 @@ import { RaiApi } from "@/api/htgj/api.js";
 import { Icon, Dialog, Toast } from "vant";
 import dlg from "../cygx/dlg.vue";
 import store from "@/store";
-
+import topbar from "./topbar.vue";
 const router = useRouter();
 const route = useRoute();
 const state = reactive({
@@ -178,12 +180,26 @@ const { reportInfo } = toRefs(state);
     position: relative;
     z-index: 5;
   }
+  .top-box-bar {
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 60px;
+    background-color: #fff;
+    margin: 0;
+    padding-top: 20px;
+    z-index: 10;
+    img {
+      margin-top: 10px;
+    }
+}
   .search {
     width: 100%;
     padding: 20px 20px;
     line-height: 70px;
     position: fixed;
-    top: 0;
+    top: 60px;
     left: 0;
     background: #fff;
     z-index: 9;
@@ -333,6 +349,16 @@ const { reportInfo } = toRefs(state);
   -ms-user-select: none;
   user-select: none;
 }
+.top-box-bar {
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 40px;
+    background-color: #fff;
+    margin-top: 15px;
+    z-index: 10;
+}
 #tutorial {
   position: absolute;
   top: 0;
@@ -366,4 +392,12 @@ const { reportInfo } = toRefs(state);
   font-size: 28px;
   margin-right: 10px;
 }
+.top-haveData-bar {
+  position: absolute !important;
+  width: 100%;
+  margin-top: 20px;
+  top: 0;
+  left: 0;
+  z-index: 9;
+}
 </style>

src/views/htgj/search.vue

@@ -1,6 +1,7 @@
 <template>
   <div class="container-htgj-search" :class="isResult ? 'bg-content' : ''">
     <div :class="isResult ? 'top-box' : ''">
+      <topbar class="top-box-bar" showText="搜索" />
       <Search v-model="searchTxt" shape="round" clearable placeholder="请输入关键词" @clear="clearIpt" @search="searchHandle">
         <template #right-icon>
           <div class="search-p" @click="searchHandle"><span></span>搜索</div>
@@ -98,6 +99,7 @@ import { reactive, onMounted, toRefs, ref, watch } from "vue";
 import { Search, Toast, Tab, Tabs, PullRefresh } from "vant";
 import { report } from "@/api/htgj/api.js";
 import { useRoute, useRouter } from "vue-router";
+import topbar from "./topbar.vue";
 const router = useRouter();
 const searchState = reactive({
   searchTxt: "", //搜索关键字
@@ -224,6 +226,9 @@ const { resultList, tabBars, orderColumn, refreshing } = toRefs(dataState);
 
 <style lang="scss">
 .container-htgj-search {
+  .top-box-bar {
+    margin: 15px 0 0 0;
+  }
   @import "./index.scss";
   .search-p {
     display: flex;