修改

dsk-operate-ui/src/views/macro/nationalEconomies/component/qgjjdq.vue

@@ -3,7 +3,7 @@
     <div class="content">
       <div class="flex-box query-box">
         <div class="flex-box query-params">
-          <!--<span class="common-title">全国经济大全</span>-->
+          <span class="common-title" style="margin-right: 12px;">全国经济大全</span>
           <el-form ref="queryForm" :model="queryParams" :inline="true" size="small">
             <el-form-item prop="year">
               <el-select v-model="queryParams.year" filterable class="form-content-width  same-select-com" placeholder="请选择" :class="[`select-adaptive-${inputID1}`]" @change="handleSearch" :popper-append-to-body='false'>
@@ -536,13 +536,13 @@
           overflow:visible;
           .el-table__header-wrapper{
             position: sticky;
-            top:102px;
+            top:56px;
             z-index: 9;
           }
           .el-table__fixed-header-wrapper{
             position: sticky;
             z-index: 9;
-            top: 102px;
+            top: 56px;
           }
           .el-table__fixed{
             overflow-x: clip;

dsk-operate-ui/src/views/macro/nationalEconomies/index.vue

 <template>
   <div class="app-container nationalEconomies">
-    <div class="header">
-      <el-tabs v-model="activeName" @tab-click="handleClick">
-        <el-tab-pane label="全国经济大全" name="first"></el-tab-pane>
-        <el-tab-pane label="全国商机项目分析" name="second"></el-tab-pane>
-        <el-tab-pane label="全国中标市场分析" name="third"></el-tab-pane>
-        <el-tab-pane label="全国建筑企业分析" name="fourth"></el-tab-pane>
-        <el-tab-pane label="BI统计分析" name="five"></el-tab-pane>
-      </el-tabs>
-    </div>
+    <!--<div class="header">-->
+      <!--<el-tabs v-model="activeName" @tab-click="handleClick">-->
+        <!--<el-tab-pane label="全国经济大全" name="first"></el-tab-pane>-->
+        <!--&lt;!&ndash;<el-tab-pane label="全国商机项目分析" name="second"></el-tab-pane>&ndash;&gt;-->
+        <!--&lt;!&ndash;<el-tab-pane label="全国中标市场分析" name="third"></el-tab-pane>&ndash;&gt;-->
+        <!--&lt;!&ndash;<el-tab-pane label="全国建筑企业分析" name="fourth"></el-tab-pane>&ndash;&gt;-->
+        <!--&lt;!&ndash;<el-tab-pane label="BI统计分析" name="five"></el-tab-pane>&ndash;&gt;-->
+      <!--</el-tabs>-->
+    <!--</div>-->
+
+    <!--<div class="header-title">-->
+      <!--<div class="flex-box query-box">-->
+        <!--<div class="flex-box query-params">-->
+          <!--<span class="common-title">全国经济大全</span>-->
+        <!--</div>-->
+      <!--</div>-->
+    <!--</div>-->
 
     <Economic v-if="activeName === 'first'"></Economic>
-    <Sjxmfx v-if="activeName === 'second'"></Sjxmfx>
-    <Zhongbiao v-if="activeName === 'third'"></Zhongbiao>
-    <Jzqyfx v-if="activeName === 'fourth'"></Jzqyfx>
-    <BI v-if="activeName === 'five'"></BI>
+    <!--<Sjxmfx v-if="activeName === 'second'"></Sjxmfx>-->
+    <!--<Zhongbiao v-if="activeName === 'third'"></Zhongbiao>-->
+    <!--<Jzqyfx v-if="activeName === 'fourth'"></Jzqyfx>-->
+    <!--<BI v-if="activeName === 'five'"></BI>-->
   </div>
 </template>
 
@@ -74,6 +82,11 @@ export default {
 
   .nationalEconomies{
     border-radius: 4px;
+    .header-title{
+      height: 24px;
+      line-height: 24px;
+      background: #ffffff;
+    }
     .header{
       justify-content: space-between;
       height: 48px;

dsk-operate-ui/src/views/macro/nationalEconomies/jzscfx.vue

+<template>
+  <div class="app-container nationalEconomies">
+    <div class="header">
+      <el-tabs v-model="activeName" @tab-click="handleClick">
+        <el-tab-pane label="全国商机项目分析" name="second"></el-tab-pane>
+        <el-tab-pane label="全国中标市场分析" name="third"></el-tab-pane>
+        <el-tab-pane label="全国建筑企业分析" name="fourth"></el-tab-pane>
+      </el-tabs>
+    </div>
+    <Sjxmfx v-if="activeName === 'second'"></Sjxmfx>
+    <Zhongbiao v-if="activeName === 'third'"></Zhongbiao>
+    <Jzqyfx v-if="activeName === 'fourth'"></Jzqyfx>
+  </div>
+</template>
+
+<script>
+  import Sjxmfx from './component/sjxmfx'
+  import Jzqyfx from './component/jzqyfx'
+  import Zhongbiao from './component/zhongbiao'
+export default {
+  name: 'jzscfx',
+  components: {
+    Sjxmfx,Jzqyfx,Zhongbiao
+  },
+  data() {
+    return {
+      activeName: 'second'
+    }
+  },
+  created() {
+
+  },
+  methods: {
+
+    handleClick() {
+
+    }
+  }
+}
+</script>
+<style lang="scss">
+  .tips.is-light{
+    padding: 12px;
+    width: 318px;
+    box-sizing: border-box;
+    font-size: 14px;
+    line-height: 20px;
+    color: #333333;
+    border-color: rgba(0, 0, 0, 0.08);
+    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.08);
+    .popper__arrow {
+      border-bottom-color: rgba(0, 0, 0, 0.08) !important;
+      border-top-color: rgba(0, 0, 0, 0.08) !important;
+    }
+  }
+</style>
+<style lang="scss" scoped>
+  .app-container{
+    padding: 0;
+  }
+
+  .icon-detailed{
+    width: 16px;
+    height: 16px;
+    cursor: pointer;
+  }
+
+  .nationalEconomies{
+    border-radius: 4px;
+    .header{
+      justify-content: space-between;
+      height: 48px;
+      background: #FFFFFF;
+      border-radius: 4px;
+      color: #232323;
+      position: sticky;
+      top: 54px;
+      z-index: 999;
+      ::v-deep .el-tabs{
+        height: 48px;
+        line-height: 48px;
+        .el-tabs__nav-wrap::after {
+          position: static !important;
+        }
+        .el-tabs__header{
+          margin: 0;
+          .el-tabs__item{
+            padding: 0 16px;
+            font-size: 16px;
+          }
+          .is-active{
+            font-weight: bold;
+          }
+        }
+        .el-tabs__content{
+          width: 100%;
+        }
+      }
+      .location{
+        font-size: 14px;
+        color: #0081FF;
+        i{
+          margin-right: 6px;
+          font-size: 16px;
+        }
+      }
+    }
+
+  }
+</style>