修改头部

src/views/cnctestlists/cncTestLists.html

@@ -1,25 +1,5 @@
 <div class="page">
-    <header class="title-box">
-        <div class="logo-box">
-            <img class="logo" src="../../assets/images/diaoyanbao-log.png" alt="">
-            <span>调研宝</span>
-        </div>
-        <div class="info-box">
-            <div class="title-txt">去“看板”查看测试运营数据</div>
-            <div class="user-info">
-                <el-dropdown>
-                    <span class="el-dropdown-link">
-                        用户名<i class="el-icon-arrow-down el-icon--right"></i>
-                    </span>
-                    <el-dropdown-menu slot="dropdown">
-                        <el-dropdown-item>黄金糕</el-dropdown-item>
-                        <el-dropdown-item>狮子头</el-dropdown-item>
-                    </el-dropdown-menu>
-                </el-dropdown>
-            </div>
-        </div>
-
-    </header>
+    <HeaderMain></HeaderMain>
     <main class="main-content">
         <div class="title-content">
             <div class="create-test-box">

src/views/cnctestlists/cncTestLists.scss

@@ -7,71 +7,11 @@
   flex-direction: column;
 }
 
-.title-box {
-  background: #FFFFFF;
-  box-shadow: 0 2px 8px 0 rgba(62, 67, 116, 0.10);
-  height: 60px;
-  width: 100%;
-  display: flex;
-  flex-direction: row;
-  justify-content: space-between;
-  align-items: center;
-  padding-right: 112px;
-  padding-left: 51px;
-
-  .logo-box {
-    height: 30px;
-    display: flex;
-    flex-direction: row;
-
-    .logo {
-      width: 30px;
-      height: 30px;
-      margin-right: 6px;
-    }
-
-    span {
-      line-height: 30px;
-      font-size: 14px;
-      font-family: PingFangSC-Medium;
-      font-weight: 500;
-      color: rgba(51, 51, 51, 1);
-    }
-  }
-
-  .info-box {
-    display: flex;
-    flex-direction: row;
-
-    .title-txt {
-      width: 240px;
-      height: 34px;
-      font-family: PingFangSC-Regular;
-      font-size: 16px;
-      color: #4E5DFF;
-      background: #E6EDFF;
-      border-radius: 17px;
-      text-align: center;
-      line-height: 34px;
-      margin-right: 78px;
-    }
-
-    .user-info {
-      font-size: 14px;
-      font-family: PingFangSC-Medium;
-      font-weight: 500;
-      color: rgba(51, 51, 51, 1);
-      margin-top: 8px;
-      height: 20px;
-    }
-  }
-
-}
-
 .main-content {
   width: 61.45%;
-  height: calc(100vh - 60px);
+  height: 100%;
   margin: 0 auto;
+  padding-top: 60px;
   display: flex;
   flex-direction: column;
 

src/views/cnctestlists/cncTestLists.vue

@@ -2,7 +2,11 @@
 </template>
 
 <script>
+    import HeaderMain from "../../components/HeaderMain";
     export default {
+        components: {
+            HeaderMain
+        },
         data() {
             return {
                 isShowDialog: false,