1

src/components/statistics/salesStatistics.vue

 <template>
-  <div class="salesStatistics" v-loading="loading">
+  <div class="salesStatistics2" v-loading="loading">
     <div class="el-card__header">
       <span>数据概况</span>
       <div style="display: flex; flex-direction: row; align-items: center">
@@ -346,7 +346,7 @@
 
 <script>
 export default {
-  name: "salesStatistics",
+  name: "salesStatistics2",
   data() {
     return {
       msg: {
@@ -573,7 +573,7 @@ export default {
 </script>
 
 <style>
-.salesStatistics .el-card__header {
+.salesStatistics2 .el-card__header {
   display: flex;
   flex-direction: row;
   align-items: center;
@@ -581,23 +581,23 @@ export default {
   background: #fff;
 }
 
-.salesStatistics .el-button--small {
+.salesStatistics2 .el-button--small {
   padding: 9px 15px;
 }
 
-.salesStatistics .content .searchInput {
+.salesStatistics2 .content .searchInput {
   border: 1px solid #dcdfe6;
   border-radius: 4px;
 }
 
-.salesStatistics .content .searchInput .el-input__inner {
+.salesStatistics2 .content .searchInput .el-input__inner {
   border: none;
   outline: none;
   height: 30px;
   line-height: 30px;
 }
 
-.salesStatistics .content .searchInput {
+.salesStatistics2 .content .searchInput {
   line-height: normal;
   display: inline-table;
   border-collapse: separate;
@@ -606,22 +606,22 @@ export default {
   margin-right: 20px;
 }
 
-.salesStatistics .content {
+.salesStatistics2 .content {
   background: #fff;
   margin-top: 10px;
   padding: 15px;
   box-sizing: border-box;
 }
 
-.salesStatistics .el-icon-date {
+.salesStatistics2 .el-icon-date {
   line-height: 24px;
 }
 
-.salesStatistics .el-range-separator {
+.salesStatistics2 .el-range-separator {
   line-height: 24px;
 }
 
-.salesStatistics .zong {
+.salesStatistics2 .zong {
   width: 100%;
   height: 57px;
   padding: 18px 20px;
@@ -629,18 +629,18 @@ export default {
   background: white;
 }
 
-.salesStatistics .table-area {
+.salesStatistics2 .table-area {
   margin: 10px 0;
   display: flex;
   justify-content: space-between;
 }
 
-.salesStatistics .table-area .el-card {
+.salesStatistics2 .table-area .el-card {
   width: 49.5%;
   color: #303133;
 }
 
-.salesStatistics .el-card {
+.salesStatistics2 .el-card {
   border: 1px solid #ebeef5;
   background-color: #fff;
   color: #303133;
@@ -648,19 +648,19 @@ export default {
   transition: 0.3s;
 }
 
-.salesStatistics .el-card__header {
+.salesStatistics2 .el-card__header {
   padding: 18px 20px;
   border-bottom: 1px solid #ebeef5;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
 }
 
-.salesStatistics .el-card__body {
+.salesStatistics2 .el-card__body {
   box-sizing: border-box;
   padding: 0 20px;
 }
 
-.salesStatistics .num-info {
+.salesStatistics2 .num-info {
   display: flex;
   flex-wrap: wrap;
   justify-content: flex-start;
@@ -671,7 +671,7 @@ export default {
   margin: 20px 0;
 }
 
-.salesStatistics .num-info .num-info-item {
+.salesStatistics2 .num-info .num-info-item {
   min-width: 120px;
   text-align: center;
   /* flex-grow: 1; */
@@ -679,7 +679,7 @@ export default {
   margin: 10px;
 }
 
-.salesStatistics .info-item-name {
+.salesStatistics2 .info-item-name {
   font-size: 14px;
   color: #92959b;
 }