| | |
| | | <el-col :span="8"> |
| | | <el-card shadow="hover" class="dashboard-card green-card" @click="filterByCode('green')"> |
| | | <div class="card-content"> |
| | | <div class="card-title">绿码店铺数</div> |
| | | <div class="card-value">{{ statistics.greenCount }}</div> |
| | | <div class="card-title">绿码店铺</div> |
| | | <div class="card-value">{{ statistics.greenCount }}<el-text>个</el-text></div> |
| | | <div class="card-percentage">{{ statistics.greenPercentage }}%</div> |
| | | </div> |
| | | </el-card> |
| | |
| | | <el-col :span="8"> |
| | | <el-card shadow="hover" class="dashboard-card yellow-card" @click="filterByCode('yellow')"> |
| | | <div class="card-content"> |
| | | <div class="card-title">黄码店铺数</div> |
| | | <div class="card-value">{{ statistics.yellowCount }}</div> |
| | | <div class="card-title">黄码店铺</div> |
| | | <div class="card-value">{{ statistics.yellowCount }}<el-text>个</el-text></div> |
| | | <div class="card-percentage">{{ statistics.yellowPercentage }}%</div> |
| | | </div> |
| | | </el-card> |
| | |
| | | <el-col :span="8"> |
| | | <el-card shadow="hover" class="dashboard-card red-card" @click="filterByCode('red')"> |
| | | <div class="card-content"> |
| | | <div class="card-title">红码店铺数</div> |
| | | <div class="card-value">{{ statistics.redCount }}</div> |
| | | <div class="card-title">红码店铺</div> |
| | | <div class="card-value">{{ statistics.redCount }}<el-text>个</el-text></div> |
| | | <div class="card-percentage">{{ statistics.redPercentage }}%</div> |
| | | </div> |
| | | </el-card> |