水感应控制面板展示效果

src/components/Charts/ChartCard.vue

@@ -1,7 +1,8 @@
 <template>
   <a-card :loading="loading" :body-style="{ padding: '20px 24px 8px' }" :bordered="false">
+    {{ title }}
     <div class="chart-card-header">
-      <div class="meta">
+      <!-- <div class="meta">
         <span class="chart-card-title">
           <slot name="title">
             {{ title }}
@@ -10,11 +11,12 @@
         <span class="chart-card-action">
           <slot name="action"></slot>
         </span>
-      </div>
+      </div> -->
       <div class="total">
-        <slot name="total">
+        {{ total }}
+        <!-- <slot name="total">
           <span>{{ typeof total === 'function' && total() || total }}</span>
-        </slot>
+        </slot> -->
       </div>
     </div>
     <div class="chart-card-content">

src/views/home/components/Count.vue

@@ -3,18 +3,15 @@
     <a-row :gutter="24">
       <!-- 分公司库存 -->
       <a-col
+        v-if="info.middle"
         :sm="24"
         :md="12"
         :xl="12"
         :xxl="12"
         :style="{ marginBottom: '10px' }"
-        v-if="info.middle">
-        <chart-card :loading="loading" :title="$t('分公司总库存(瓶)')" :total="info.middle.total">
-          <a-tooltip :title="$t('总分公司总库存')" slot="action">
-            <a-icon type="info-circle-o" />
-          </a-tooltip>
+      >
+        <chart-card :loading="loading" title="分公司总库存(瓶)" :total="info.middle.total">
           <template slot="footer">
-            <!-- <span> {{ info.total.people }}瓶</span> -->
             <trend flag="up"> <span slot="term">{{ $t('线上库存') }}</span>{{ info.middle.online_stock }}瓶</trend>
             <trend flag="down" style="margin-left: 20px;">
               <span slot="term">{{ $t('线下库存') }}</span>{{ info.middle.offline_stock }}瓶
@@ -31,8 +28,8 @@
         :style="{ marginBottom: '10px' }"
         v-if="info.agent"
       >
-        <chart-card :loading="loading" :title="$t('经销商总库存(瓶)')" :total="info.agent.stock | NumberFormat">
-          <a-tooltip :title="$t('经销商总库存')" slot="action">
+        <chart-card :loading="loading" title="经销商总库存(瓶)" :total="info.agent.stock | NumberFormat">
+          <a-tooltip title="经销商总库存" slot="action">
             <a-icon type="info-circle-o" />
           </a-tooltip>
           <div>