首页统计标签和样式优化

src/views/index.vue

@@ -150,160 +150,6 @@
                 </div>
              </el-col>
           </el-row>
-
-
-          <!-- <flexbox
-            :span="2"
-            class="brief-item">
-            <flexbox class="brief-item__body">
-              <div class="info">
-                <div class="title">
-                 实时交易金额
-                </div>
-                <div
-                  class="number">
-                  ￥ {{ accDiv((daily.payAmt && daily.payAmt.today || 0), 100)}}
-                </div>
-               <div class="brief-item__others">
-                 <div class="text">
-                   较昨天
-                 </div>
-                 <div class="rate text-one-line">
-                   <span class="rate__num">
-                      <span v-if="(daily.payAmt && daily.payAmt.yesterday || 0) > 0 ">
-                          <span v-if="((daily.payAmt && daily.payAmt.today || 0) - daily.payAmt.yesterday) > 0" class="el-icon-top rate__icon" style="color: green;" />
-                          <span v-if="((daily.payAmt && daily.payAmt.today || 0) - daily.payAmt.yesterday) < 0" class="el-icon-bottom rate__icon" style="color: red;" />
-                           <span v-if="(daily.payAmt && daily.payAmt.today || 0) >0">
-                              {{ getRate((daily.payAmt && daily.payAmt.today || 0) , daily.payAmt.yesterday) }}
-                           </span>
-                           <span v-else>100</span>
-                      </span>
-                      <span v-if="(daily.payAmt && daily.payAmt.yesterday || 0) == 0">
-                          <span v-if="(daily.payAmt && daily.payAmt.today || 0) > 0" class="el-icon-top rate__icon" style="color: green;" />
-                           {{(daily.payAmt && daily.payAmt.today || 0) > 0 ? 100 : 0 }}
-                      </span>
-                      %
-                    </span>
-                 </div>
-               </div>
-              </div>
-            </flexbox>
-          </flexbox>
-
-          <flexbox
-            :span="2"
-            class="brief-item">
-            <flexbox class="brief-item__body">
-              <div class="info">
-                <div class="title">
-                 交易用户
-                </div>
-                <div
-                  class="number">
-                  {{daily.payUser && daily.payUser.today || 0}}
-                </div>
-               <div class="brief-item__others">
-                 <div class="text">
-                   较昨天
-                 </div>
-                 <div class="rate text-one-line">
-                   <span class="rate__num">
-                     <span v-if="(daily.payUser && daily.payUser.yesterday || 0) > 0 ">
-                          <span v-if="((daily.payUser && daily.payUser.today || 0) - daily.payUser.yesterday) > 0" class="el-icon-top rate__icon" style="color: green;" />
-                          <span v-if="((daily.payUser && daily.payUser.today || 0) - daily.payUser.yesterday) < 0" class="el-icon-bottom rate__icon" style="color: red;" />
-                          <span v-if="(daily.payUser && daily.payUser.today || 0) >0">
-                             {{ getRate((daily.payUser && daily.payUser.today || 0) , daily.payUser.yesterday) }}
-                          </span>
-                          <span v-else>100</span>
-                     </span>
-                     <span v-if="(daily.payUser && daily.payUser.yesterday || 0) == 0">
-                          <span v-if="(daily.payUser && daily.payUser.today || 0) > 0" class="el-icon-top rate__icon" style="color: green;" />
-                          {{(daily.payUser && daily.payUser.today || 0) > 0 ? 100 : 0 }}
-                     </span>
-                     %
-                   </span>
-                 </div>
-               </div>
-              </div>
-            </flexbox>
-          </flexbox>
-
-         <flexbox
-            :span="2"
-            class="brief-item">
-            <flexbox class="brief-item__body">
-              <div class="info">
-                <div class="title">
-                 盲票销售张数
-                </div>
-                <div
-                  class="number">
-                  {{daily.ticketNum && daily.ticketNum.today || 0}}
-                </div>
-               <div class="brief-item__others">
-                 <div class="text">
-                   较昨天
-                 </div>
-                 <div class="rate text-one-line">
-                   <span class="rate__num">
-                     <span v-if="(daily.ticketNum && daily.ticketNum.yesterday || 0) > 0 ">
-                          <span v-if="((daily.ticketNum && daily.ticketNum.today || 0) - daily.ticketNum.yesterday) > 0" class="el-icon-top rate__icon" style="color: green;" />
-                          <span v-if="((daily.ticketNum && daily.ticketNum.today || 0) - daily.ticketNum.yesterday) < 0" class="el-icon-bottom rate__icon" style="color: red;" />
-                          <span v-if="(daily.ticketNum && daily.ticketNum.today || 0) >0">
-                            {{ getRate((daily.ticketNum && daily.ticketNum.today || 0) , daily.ticketNum.yesterday) }}
-                          </span>
-                          <span v-else>100</span>
-                     </span>
-                     <span v-if="(daily.ticketNum && daily.ticketNum.yesterday || 0) == 0">
-                         <span v-if="(daily.ticketNum && daily.ticketNum.today || 0) > 0" class="el-icon-top rate__icon" style="color: green;" />
-                          {{(daily.ticketNum && daily.ticketNum.today || 0) > 0 ? 100 : 0 }}
-                     </span>
-                     %
-                   </span>
-
-                 </div>
-               </div>
-              </div>
-            </flexbox>
-          </flexbox>
-
-          <flexbox
-            :span="2"
-            class="brief-item">
-            <flexbox class="brief-item__body">
-              <div class="info">
-                <div class="title">
-                 新增经销商
-                </div>
-                <div
-                  class="number">
-                  {{daily.newSite && daily.newSite.today || 0}}
-                </div>
-               <div class="brief-item__others">
-                 <div class="text">
-                   较昨天
-                 </div>
-                 <div class="rate text-one-line">
-                   <span class="rate__num">
-                     <span v-if="(daily.newSite && daily.newSite.yesterday || 0) > 0 ">
-                          <span v-if="((daily.newSite && daily.newSite.today || 0) - daily.newSite.yesterday) > 0" class="el-icon-top rate__icon" style="color: green;" />
-                          <span v-if="((daily.newSite && daily.newSite.today || 0) - daily.newSite.yesterday) < 0" class="el-icon-bottom rate__icon" style="color: red;" />
-                          <span v-if="(daily.newSite && daily.newSite.today || 0) >0">
-                            {{ getRate((daily.newSite && daily.newSite.today || 0) , daily.newSite.yesterday) }}
-                          </span>
-                          <span v-else>100</span>
-                     </span>
-                     <span v-if="(daily.newSite && daily.newSite.yesterday || 0) == 0">
-                          <span v-if="(daily.newSite && daily.newSite.today || 0) > 0" class="el-icon-top rate__icon" style="color: green;" />
-                          {{(daily.newSite && daily.newSite.today || 0) > 0 ? 100 : 0 }}
-                     </span>
-                     %
-                   </span>
-                 </div>
-               </div>
-              </div>
-            </flexbox>
-          </flexbox> -->
         </div>
         <!-- 交易金额 -->
         <div class="brief-box">
@@ -324,7 +170,6 @@
               >
               </el-date-picker>
             </span>
-
             <el-select
               v-model="queryParams1.level"
               placeholder="请选择统计粒度"