修改

dsk-operate-ui/src/router/index.js

@@ -62,19 +62,6 @@ export const constantRoutes = [
     component: () => import('@/views/error/401'),
     hidden: true
   },
-  {
-    path: '',
-    component: Layout,
-    redirect: 'index',
-    children: [
-      {
-        path: 'index',
-        component: () => import('@/views/index'),
-        name: 'Index',
-        meta: { title: '首页', icon: 'index', noCache: true }
-      }
-    ]
-  },
   {
     path: '',
     component: Layout,

dsk-operate-ui/src/views/detail/groupAccount/component/performance.vue

 <template>
   <div class="performance">
     <head-form-new
+      style="padding: 16px 16px 8px 16px;"
       ref="headForm"
       title="集团业绩"
       :form-data="formData"
       :query-params="queryParams"
       :total="tableDataTotal"
+      :isTotal="false"
       :headerFixed="true"
-      :isExcel="true"
+      :isExcel="false"
       @handle-search="handleSearch"
       @handle-excel="clickDialog"
     >
@@ -15,9 +17,18 @@
 
       </template>
     </head-form-new>
+
+    <div style="height: 12px;background: #f5f5f5;margin-top: 16px ">
+
+    </div>
     <skeleton style="margin-left:16px;" v-if="isSkeleton"></skeleton>
 
-    <p style="font-size: 12px;margin-top: 0;padding-left: 16px;">项目中标中金额<span style="color:#E6A23C;padding-left: 4px;">{{sumMoney}}万元</span></p>
+    <p class="head-p" style="font-size: 12px;margin: 12px 0 8px 0;padding: 0 16px;" v-if="!isSkeleton">
+      <span class="ability-total">共有{{ tableDataTotal }}条</span>
+      项目中标中金额<span style="color:#E6A23C;padding-left: 4px;">{{sumMoney}}万元</span>
+
+      <span class="flex-box ability-excel" @click="clickEXCEL"><img src="@/assets/images/ability_excel.png">导出EXCEL</span>
+    </p>
     <div class="chart" v-if="echartsDataState === false && !isSkeleton">
       <div class="chart-left">
         <div class="echarts-item">
@@ -36,6 +47,7 @@
     </div>
 
     <tables
+      style="padding: 0 16px;"
       v-if="!isSkeleton"
       :defaultSort="defaultSort"
       :tableLoading="tableLoading"
@@ -77,23 +89,23 @@
       <div class="echarts-content">
         <div class="echarts-item">
           <div class="echarts-title">项目类型分布</div>
-          <div id="echarts-xmlx" style="height: 240px"></div>
+          <div id="echarts-xmlx" style="height: 260px"></div>
         </div>
         <div class="echarts-item">
           <div class="echarts-title">项目地区分布</div>
-          <div id="echarts-xmdq" style="height: 240px"></div>
+          <div id="echarts-xmdq" style="height: 260px"></div>
         </div>
         <div class="echarts-item">
           <div class="echarts-title">项目投资额分布</div>
-          <div id="echarts-xmtz" style="height: 240px"></div>
+          <div id="echarts-xmtz" style="height: 260px"></div>
         </div>
         <div class="echarts-item">
           <div class="echarts-title">业绩类型分布</div>
-          <div id="echarts-xmjb" style="height: 240px"></div>
+          <div id="echarts-xmjb" style="height: 260px"></div>
         </div>
         <div class="echarts-item" style="width: 100%;">
           <div class="echarts-title">合作项目数前十业主</div>
-          <div id="echarts-tze" style="height: 240px"></div>
+          <div id="echarts-tze" style="height: 260px"></div>
         </div>
       </div>
     </el-dialog>
@@ -741,13 +753,50 @@
   .performance{
     background: #ffffff;
     border-radius: 4px;
-    padding: 16px;
+    /*padding: 16px;*/
     .headForm{
       margin-bottom: 14px;
       .common-title{
         margin-right: 24px;
       }
     }
+    .head-p{
+      color: #3D3D3D;
+      font-size: 12px;
+      .ability-total {
+        font-size: 12px;
+        color: #3d3d3d;
+        position: relative;
+        margin-right: 8px;
+        &:before {
+          content: "";
+          display: inline-block;
+          width: 2px;
+          height: 2px;
+          background: rgba(35, 35, 35, 0.4);
+          margin-right: 4px;
+          margin-bottom: 4px;
+        }
+      }
+      .ability-excel {
+        font-size: 14px;
+        color: rgba(35, 35, 35, 0.8);
+        margin-left: 16px;
+        cursor: pointer;
+        float: right;
+        &:hover {
+          color: #0081ff;
+        }
+        img {
+          width: 18px;
+          height: 18px;
+          margin-right: 4px;
+        }
+      }
+    }
+
+
+
     ::v-deep .el-table{
       .has-gutter{
         tr{
@@ -768,11 +817,12 @@
       height: 306px;
       display: flex;
       margin: 16px 0;
+      padding: 0 16px;
       width: calc(100%);
       .chart-left{
         height: 306px;
         border: 1px solid #DCDFE6;
-        border-radius: 4px;
+        /*border-radius: 4px;*/
         width: calc(100% - 74px);
         display: flex;
         .echarts-title{
@@ -815,17 +865,23 @@
       }
       .echarts-item{
         border: 1px solid #DCDFE6;
-        width: 547px;
+        width: 551px;
         display: inline-block;
         border-radius: 4px;
         padding: 16px;
+        height: 306px;
         margin-bottom: 16px;
+        .echarts-title{
+          color: #303133;
+          font-size: 14px;
+          font-weight: 600;
+        }
       }
       .echarts-item:nth-child(2){
-        margin-left: 16px;
+        margin-left: 17px;
       }
       .echarts-item:nth-child(4){
-        margin-left: 16px;
+        margin-left: 17px;
       }
     }
   }