*

dsk-operate-ui/src/assets/styles/index.scss

@@ -556,3 +556,18 @@ ul, li {
     }
   }
 }
+//导出EXCEL
+.btn-export{
+  display: inline-block;
+  color: #232323;
+  font-size: 14px;
+  height: 24px;
+  line-height: 24px;
+  img{
+    margin-right: 5px;
+    float: left;
+    width: 18px;
+    height: 18px;
+    margin-top: 2px;
+  }
+}

dsk-operate-ui/src/views/project/projectList/index.vue

@@ -6,34 +6,44 @@
         <div class="btn btn_primary h28"><div class="img img2"></div>批量导出</div>
       </div>
       <el-tabs v-model="activeName" @tab-click="handleClick" class="tabpane w100">
-        <el-tab-pane label="我参与的项目" name="first">
-          <div class="searchInput">
-            <el-input type="text" placeholder="请输入项目或业主单位名称关键词进行搜索"></el-input>
-            <div class="btn">搜索</div>
-          </div>
-          <div class="sellist">
-            <div class="selli">
+        <el-tab-pane label="我参与的项目" name="first"></el-tab-pane>
+        <el-tab-pane label="公司全部项目" name="second"></el-tab-pane>
+
+        <div class="searchInput">
+          <el-input type="text" placeholder="请输入项目或业主单位名称关键词进行搜索"></el-input>
+          <div class="btn">搜索</div>
+        </div>
+        <div class="sellist">
+          <div class="selli">
               <span>
               地区团队
               </span>aaa
-            </div>
-            <div class="selli">
+          </div>
+          <div class="selli">
               <span>
               项目信息
               </span>aaa
-            </div>
           </div>
-          <div class="scbtns">
-            <div class="btn btn_primary h34">查询</div>
-            <div class="btn btn_default h34">重置</div>
-          </div>
-        </el-tab-pane>
-        <el-tab-pane label="公司全部项目" name="second">配置管理</el-tab-pane>
+        </div>
+        <div class="scbtns">
+          <div class="btn btn_primary h34">查询</div>
+          <div class="btn btn_default h34">重置</div>
+        </div>
       </el-tabs>
     </el-card>
 
     <el-card class="box-card noborder">
+      <div class="title">项目明细
+      <div class="dc">
+        <div class="total">共126条</div>
+        <div class="btn-export"><img src="@/assets/images/EXCEL.png">导出EXCEL</div>
+      </div>
+      </div>
+      <div class="datalist">
+        <div class="datali">
 
+        </div>
+      </div>
     </el-card>
   </div>
 </template>
@@ -100,4 +110,45 @@ export default {
       }
     }
   }
+  .title{
+    color: #232323;
+    font-size: 16px;
+    font-weight: bold;
+    height: 60px;
+    line-height: 64px;
+    border-bottom: 1px solid #EFEFEF;
+    padding-left: 26px;
+    overflow: hidden;
+    &::after{
+      content: " ";
+      width: 2px;
+      height: 14px;
+      background: #445781;
+      float: left;
+      margin-left: -10px;
+      margin-top: 24px;
+    }
+    .dc{
+      float: right;
+      font-size: 12px;
+      color: #3D3D3D;
+      font-weight: 400;
+      padding-right: 24px;
+      position: relative;
+      &::after{
+        content: ' ';
+        width: 2px;
+        height: 2px;
+        background: rgba(35,35,35,0.4);
+        border-radius: 50%;
+        position: absolute;
+        top: 30px;
+        left: 14px;
+      }
+      >div{
+        display: inline-block;
+        margin-left: 20px;
+      }
+    }
+  }
 </style>