antissoft / lvqianmeiye_ERP

Commit 435fe1c348fac415c8d1e79195d54c69793b34b2

Authored by “wangming”
1 parent e1f34014

refactor: improve code readability in storeDashboard component 

- Reformatted template code for better alignment and readability.
- Ensured consistent spacing in Vue template expressions for clarity.
Inline Side-by-side
Showing 1 changed file with 18 additions and 9 deletions
antis-ncc-admin/src/views/extend/storeDashboard/index.vue
  View file @435fe1c
... ... @@ -182,7 +182,8 @@
182 182 <el-table :data="topBillingItems" size="small" border stripe>
183 183 <el-table-column type="index" label="排名" width="60" align="center">
184 184 <template slot-scope="scope">
185   - <el-tag v-if="scope.$index < 3" :type="['danger', 'warning', 'success'][scope.$index]" size="mini">
  185 + <el-tag v-if="scope.$index < 3"
  186 + :type="['danger', 'warning', 'success'][scope.$index]" size="mini">
186 187 {{ scope.$index + 1 }}
187 188 </el-tag>
188 189 <span v-else>{{ scope.$index + 1 }}</span>
... ... @@ -191,13 +192,15 @@
191 192 <el-table-column prop="itemName" label="品项名称" min-width="180" />
192 193 <el-table-column prop="billingAmount" label="开单金额" width="140" align="right">
193 194 <template slot-scope="scope">
194   - <span style="font-weight: 600; color: #67C23A;">¥{{ formatMoney(scope.row.billingAmount) }}</span>
  195 + <span style="font-weight: 600; color: #67C23A;">¥{{
  196 + formatMoney(scope.row.billingAmount) }}</span>
195 197 </template>
196 198 </el-table-column>
197 199 <el-table-column prop="billingCount" label="开单次数" width="100" align="center" />
198 200 <el-table-column prop="category" label="分类" width="80" align="center">
199 201 <template slot-scope="scope">
200   - <el-tag size="mini" :type="getCategoryType(scope.row.category)">{{ scope.row.category }}</el-tag>
  202 + <el-tag size="mini" :type="getCategoryType(scope.row.category)">{{
  203 + scope.row.category }}</el-tag>
201 204 </template>
202 205 </el-table-column>
203 206 </el-table>
... ... @@ -217,13 +220,16 @@
217 220 <el-table-column type="index" label="排名" width="60" align="center" />
218 221 <el-table-column prop="name" label="健康师姓名" min-width="120" />
219 222 <el-table-column prop="billingPerformance" label="开单业绩" width="120" align="right">
220   - <template slot-scope="scope">￥{{ formatMoney(scope.row.billingPerformance) }}</template>
  223 + <template slot-scope="scope">￥{{ formatMoney(scope.row.billingPerformance)
  224 + }}</template>
221 225 </el-table-column>
222 226 <el-table-column prop="consumePerformance" label="消耗业绩" width="120" align="right">
223   - <template slot-scope="scope">￥{{ formatMoney(scope.row.consumePerformance) }}</template>
  227 + <template slot-scope="scope">￥{{ formatMoney(scope.row.consumePerformance)
  228 + }}</template>
224 229 </el-table-column>
225 230 <el-table-column prop="totalPerformance" label="总业绩" width="120" align="right">
226   - <template slot-scope="scope">￥{{ formatMoney(scope.row.totalPerformance) }}</template>
  231 + <template slot-scope="scope">￥{{ formatMoney(scope.row.totalPerformance)
  232 + }}</template>
227 233 </el-table-column>
228 234 </el-table>
229 235 </el-card>
... ... @@ -239,7 +245,8 @@
239 245 <el-table-column prop="itemName" label="品项名称" min-width="150" />
240 246 <el-table-column prop="consumeAmount" label="消耗金额" width="120" align="right">
241 247 <template slot-scope="scope">
242   - <span style="font-weight: 600; color: #409EFF;">￥{{ formatMoney(scope.row.consumeAmount) }}</span>
  248 + <span style="font-weight: 600; color: #409EFF;">￥{{
  249 + formatMoney(scope.row.consumeAmount) }}</span>
243 250 </template>
244 251 </el-table-column>
245 252 <el-table-column prop="category" label="分类" width="80" />
... ... @@ -340,7 +347,8 @@
340 347 <span class="rank-number">{{ comparison.performanceRanking }}</span>
341 348 <span class="rank-total">/ {{ comparison.totalStoreCount }}</span>
342 349 </div>
343   - <div class="ranking-badge" :class="getRankingClass(comparison.performanceRanking, comparison.totalStoreCount)">
  350 + <div class="ranking-badge"
  351 + :class="getRankingClass(comparison.performanceRanking, comparison.totalStoreCount)">
344 352 {{ getRankingText(comparison.performanceRanking, comparison.totalStoreCount) }}
345 353 </div>
346 354 </div>
... ... @@ -410,7 +418,8 @@
410 418 <span class="progress-label">{{ metric.label }}</span>
411 419 <span class="progress-value">{{ metric.value }}%</span>
412 420 </div>
413   - <el-progress :percentage="metric.value" :color="metric.color" :stroke-width="8"></el-progress>
  421 + <el-progress :percentage="metric.value" :color="metric.color"
  422 + :stroke-width="8"></el-progress>
414 423 </div>
415 424 </div>
416 425 </el-card>
... ...