|
@@ -1,9 +1,9 @@
|
|
|
<template>
|
|
|
<div>
|
|
|
<a-row :gutter="16">
|
|
|
- <a-col :span="4" v-for="item in gradeList" :key="item.index">
|
|
|
+ <a-col :span="4" v-for="(item,index) in utils.FormLayout('gradePrice',gradeList)" :key="item.index">
|
|
|
<a-card :body-style="{padding:'20px'}">
|
|
|
- <a-statistic :title="item.pricegrade +'级价格' " :value="item.price" :value-style="{ color: '#d9363e' }" />
|
|
|
+ <a-statistic :title="item.label" :value="gradeList[index] ? gradeList[index].price : 0" :value-style="{ color: '#d9363e' }" />
|
|
|
</a-card>
|
|
|
</a-col>
|
|
|
</a-row>
|
|
@@ -13,6 +13,8 @@
|
|
|
<script setup>
|
|
|
import {ref,defineProps,onMounted} from 'vue'
|
|
|
import Api from '@/api/api'
|
|
|
+import utils from '@/utils/utils'
|
|
|
+
|
|
|
const props = defineProps({
|
|
|
id:String
|
|
|
})
|
|
@@ -30,6 +32,7 @@ const getGradePrice = async ()=>{
|
|
|
}
|
|
|
})
|
|
|
gradeList.value = res.data
|
|
|
+ console.log(utils.FormLayout('gradePrice',gradeList.value))
|
|
|
}
|
|
|
onMounted (()=>{
|
|
|
getGradePrice()
|