增加crm看板特效

src/views/crm/tongji.vue

@@ -28,6 +28,7 @@
             </div>
           </div>
         </div>
+        <dv-border-box-1  style="height:90%;padding-top:1%">
         <div class="customerC" v-if="authority">
           <dv-border-box-7  backgroundColor="rgba(6, 30, 93, 0.5)" >
             <div class="ttitle">
@@ -36,6 +37,7 @@
               <div class="nullDate" v-else>暂无数据</div>
             </div>
           </dv-border-box-7>
+          <dv-decoration-2 :reverse="true" style="width:1%;height:100%;" />
           <dv-border-box-7  backgroundColor="rgba(6, 30, 93, 0.5)" >
             <div class="ttitle">
               <div v-if="msArr.length>0" class="middleFont">月度各渠道客户数量</div>
@@ -43,6 +45,7 @@
               <div class="nullDate" v-else>暂无数据</div>
             </div>
           </dv-border-box-7>
+          <dv-decoration-2 :reverse="true" style="width:1%;height:100%;" />
           <dv-border-box-7  backgroundColor="rgba(6, 30, 93, 0.5)" >
             <div class="ttitle">
               <div v-if="inArr.length>0" class="middleFont">月度各渠道客户销售量</div>
@@ -51,6 +54,7 @@
             </div>
           </dv-border-box-7>
         </div>
+        <dv-decoration-10 v-if="authority" style="width:100%;height:1%;"/>
         <div class="customerD" v-if="authority">
           <dv-border-box-7 style="width:32.67%;" backgroundColor="rgba(6, 30, 93, 0.5)">
             <div class="middleFontC">月度客户销售量</div>
@@ -59,7 +63,7 @@
               :config="tableData"
             />
           </dv-border-box-7>
-          
+          <dv-decoration-2 :reverse="true" style="width:1%;height:100%;" />
           <dv-border-box-7  backgroundColor="rgba(6, 30, 93, 0.5)" >
             <div class="ttitle">
               <div v-if="teArr.length>0" class="middleFont">年度团队绩效</div>
@@ -67,6 +71,7 @@
               <div class="nullDate" v-else>暂无数据</div>
             </div>
           </dv-border-box-7>
+          <dv-decoration-2 :reverse="true" style="width:1%;height:100%;" />
           <dv-border-box-7  backgroundColor="rgba(6, 30, 93, 0.5)" >
             <div class="ttitle">
               <div v-if="tmArr.length>0" class="middleFont">月度团队绩效</div>
@@ -83,6 +88,7 @@
               <div class="nullDate" v-else>暂无数据</div>
             </div>
           </dv-border-box-7>
+          <dv-decoration-2 :reverse="true" style="width:1%;height:100%;" />
           <dv-border-box-7  backgroundColor="rgba(6, 30, 93, 0.5)" >
             <div class="ttitle">
               <div v-if="pmArr.length>0" class="middleFont">月度个人绩效</div>
@@ -92,6 +98,7 @@
           </dv-border-box-7>
           
         </div>
+        </dv-border-box-1>
       </div>
     <!-- </el-scrollbar> -->
   </dv-full-screen-container>
@@ -406,8 +413,8 @@
   .customerC{
     display: flex;
     justify-content: space-between;
-    margin: 1% 1% 0;
-    height: 40% !important;
+    margin: 1% 1% 0.5% 1%;
+    height: 46% !important;
     .dv-border-box-7{
       width: 32.67%;
     }
@@ -415,8 +422,8 @@
   .customerD{
     display: flex;
     justify-content: space-between;
-    margin: 1% 1% 0;
-    height: 40% !important;
+    margin: 0.5% 1% 0;
+    height: 46% !important;
     .dv-border-box-7{
       width: 32.67%;
     }
@@ -426,9 +433,9 @@
     justify-content: space-between;
     flex-wrap: wrap;
     margin: 1% 1% 0;
-    height: 90% !important;
+    height: 99% !important;
     .dv-border-box-7{
-      width: 49.5%;
+      width: 49.3%;
       height: 97%;
     }
   }