首页接口调试

src/api/home/equipment-supply.js

@@ -3,7 +3,7 @@ import request from '@/utils/request'
 // 获取卡片列表信息
 export const getCardListApi = data => {
     return request({
-        url: '/***',
+        url: '/material/mainPage/demandAndSupply',
         method: 'get',
         params: data
     })

src/views/home/equipment-supply/components/card-model-space.vue

@@ -4,7 +4,7 @@
             <svg-icon :icon-class="iconType" class="icon-box" />
         </div>
         <div class="right-text">
-            <div>200</div>
+            <div>{{ cardNum }}</div>
             <div>{{ cardTitle }}</div>
         </div>
     </div>
@@ -24,6 +24,11 @@ export default {
         iconType: {
             type: String,
             default: 'project_num'
+        },
+        // 数量
+        cardNum: {
+            type: Number,
+            default: 0
         }
     }
 }

src/views/home/equipment-supply/components/card-model.vue

@@ -4,9 +4,9 @@
             <svg-icon :icon-class="iconType" class="icon-box" />
             {{ cardTitle }}
         </div>
-        <div class="f-count">2000.00</div>
+        <div class="f-count">{{ cardNum }}</div>
         <div class="f-14">
-            较上月降低15.95
+            较上月{{ isReduce ? '增高' : '降低' }}{{ ratio }}%
 
             <svg-icon v-if="isReduce" icon-class="down_arrow" />
             <svg-icon v-else icon-class="up_arrow" />
@@ -36,6 +36,16 @@ export default {
         isReduce: {
             type: Boolean,
             default: true
+        },
+        // 数量
+        cardNum: {
+            type: Number,
+            default: 0
+        },
+        // 数量
+        ratio: {
+            type: Number,
+            default: 0
         }
     },
 

src/views/home/equipment-supply/index.vue

@@ -12,7 +12,7 @@
                                 range-separator="至"
                                 start-placeholder="开始日期"
                                 end-placeholder="结束日期"
-                                value-format="yyyy-M"
+                                value-format="yyyy-MM-DD"
                                 style="width: 95%"
                             />
                         </el-form-item>
@@ -64,8 +64,10 @@
                 <div class="card-box-content-1">
                     <div v-for="(card, index) in cardList_1" :key="index">
                         <CardModel
+                            :ratio="card.ratio"
                             :theme="card.theme"
                             :iconType="card.icon"
+                            :cardNum="card.cardNum"
                             :cardTitle="card.title"
                             :isReduce="card.isReduce"
                             @onOpenLevelTwoPages="onOpenLevelTwoPages"
@@ -77,6 +79,7 @@
                             :theme="card.theme"
                             :iconType="card.icon"
                             :cardTitle="card.title"
+                            :cardNum="card.cardNum"
                             v-for="(card, index) in cardList_3"
                         />
                     </div>
@@ -154,19 +157,25 @@ export default {
                     title: '需求量',
                     theme: '#ffa94c',
                     icon: 'demand_count',
-                    isReduce: false
+                    isReduce: false,
+                    cardNum: 0,
+                    ratio: 0
                 },
                 {
                     title: '已供应量',
                     theme: '#027db4',
                     icon: 'supply_ready',
-                    isReduce: false
+                    isReduce: false,
+                    cardNum: 0,
+                    ratio: 0
                 },
                 {
                     title: '待供应量',
                     theme: '#fb6260',
                     icon: 'supply_to_be',
-                    isReduce: true
+                    isReduce: true,
+                    cardNum: 0,
+                    ratio: 0
                 }
             ],
             cardList_2: [
@@ -205,17 +214,20 @@ export default {
                 {
                     title: '工程总数量(个)',
                     theme: '#ffa94c',
-                    icon: 'project_num'
+                    icon: 'project_num',
+                    cardNum: 0
                 },
                 {
                     title: '供应总件数(件)',
                     theme: '#52c1f5',
-                    icon: 'quantity_num'
+                    icon: 'quantity_num',
+                    cardNum: 0
                 },
                 {
                     title: '供应总价值(万元)',
                     theme: '#73a0fa',
-                    icon: 'total_price'
+                    icon: 'total_price',
+                    cardNum: 0
                 }
             ],
 
@@ -248,7 +260,32 @@ export default {
                 startTime: this.queryDate && this.queryDate.length > 0 ? this.queryDate[0] : '',
                 endTime: this.queryDate && this.queryDate.length > 0 ? this.queryDate[1] : ''
             }
-            const res = await getCardListApi()
+            const { data: res } = await getCardListApi(queryParams)
+            const {
+                demandNum,
+                demandIncrease,
+                suppliedQuantityNum,
+                suppliedQuantityIncrease,
+                suppliedToBeQuantityNum,
+                suppliedToBeQuantityIncrease,
+                projectNum,
+                suppliedQuantityAllNum,
+                suppliedQuantityPrice
+            } = res
+            this.cardList_1[0].cardNum = demandNum
+            this.cardList_1[0].ratio = demandIncrease
+            demandIncrease > 0 ? (this.cardList_1[0].isReduce = true) : (this.cardList_1[0].isReduce = false)
+            this.cardList_1[1].cardNum = suppliedQuantityNum
+            this.cardList_1[1].ratio = suppliedQuantityIncrease
+            suppliedQuantityIncrease > 0 ? (this.cardList_1[1].isReduce = true) : (this.cardList_1[1].isReduce = false)
+            this.cardList_1[2].cardNum = suppliedToBeQuantityNum
+            this.cardList_1[2].ratio = suppliedToBeQuantityIncrease
+            suppliedToBeQuantityIncrease > 0
+                ? (this.cardList_1[2].isReduce = true)
+                : (this.cardList_1[2].isReduce = false)
+            this.cardList_3[0].cardNum = projectNum
+            this.cardList_3[1].cardNum = suppliedQuantityAllNum || 0
+            this.cardList_3[2].cardNum = suppliedQuantityPrice || 0
             console.log(res, '--')
         },
         // 获取公司和工程
@@ -260,7 +297,7 @@ export default {
         },
         // 查询
         onHandleSearch() {
-            console.log('this.queryParams', this.queryParams)
+            this.getCardListFun()
         },
         // 重置
         onHandleReset() {