样式修改

src/views/cockpit/bjxm.vue

@@ -1,8 +1,11 @@
 <template>
   <div class="bjxm">
     <div class="title">
-      <div class="icon"></div>
-      <span>报建项目</span>
+      <!-- <div class="icon"></div>
+      <span>报建项目</span> -->
+
+      <Title :title="'土地收储'"></Title>
+
       <div class="selectTab">
         <el-select v-model="left_value" placeholder="请选择" :popper-append-to-body="false" @change="changeChartsLeft">
           <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value">
@@ -38,9 +41,10 @@
 <script>
 //这里可以导入其他文件（比如：组件，工具js，第三方插件js，json文件，图片文件等等）
 import { QueryOne, QueryList } from "../../api/cockpitNew";
+import Title from './common/Title.vue';
 
 export default {
-  components: {},
+  components: { Title },
   data() {
     return {
       sdata: {},
@@ -395,46 +399,14 @@ export default {
   position: absolute;
   width: 430px;
   height: 310px;
-  top: 43rem;
-  left: 31.5rem;
+  top: 38.5rem;
+  left: 27.5rem;
   border-radius: 0px;
   -webkit-box-shadow: none;
   box-shadow: none;
   z-index: 100;
 }
 
-.title {
-  border-width: 0px;
-  width: 100%;
-  height: 40px;
-  // font-family: 'Arial Negreta', 'Arial Normal', 'Arial';
-  // font-weight: 700;
-  // font-style: normal;
-  // color: #fff;
-  // padding: 2%;
-  background: no-repeat;
-  background-image: url("/static/images/overview/titlebox.gif");
-  position: relative;
-  background-size: 100%;
-  // .icon {
-  //   background: no-repeat;
-
-  //   background-image: url("/static/images/overview/icon_标题框装饰.png");
-  //   display: inline-block;
-  //   width: 30px;
-  //   height: 30px;
-  //   background-position: 14px 7px;
-  // }
-
-  span {
-    color: #fff;
-    font-size: 14px;
-    font-weight: bold;
-    position: relative;
-    bottom: 1.8rem;
-    right: 1rem;
-  }
-}
 
 .selectTab {
   position: absolute;

src/views/cockpit/hysy.vue

@@ -333,7 +333,6 @@ export default {
 
 <style lang="scss"  scoped>
 .hysy {
-    display: none;
     position: relative;
     top: 14rem;
     width: 430px;