getVideoList

front/src/api/file.js

@@ -1,8 +1,8 @@
 /*
  * @Author: hisense.wuhongjian
  * @Date: 2022-04-20 17:16:35
- * @LastEditors: hisense.liangjunhua
- * @LastEditTime: 2022-06-19 17:32:12
+ * @LastEditors: hisense.wuhongjian
+ * @LastEditTime: 2022-06-19 18:42:39
  * @Description: 告诉大家这是什么
  */
 import request from '@/utils/request'
@@ -54,6 +54,17 @@ export function count() {
     config2
   )
 }
+export function getVideoList(params) {
+    return axios.get(
+      'http://10.134.135.9:8001/hx-weather-warning/camera/getCameraListByName?name=' +
+        params.name +
+        '&pageNo=' +
+        params.pageNo +
+        '&pageSize=' +
+        params.pageSize,
+      config2
+    )
+  }
 // 能力云图-数据资源-总数据数
 export function getRecord(params) {
   return axios.get(

front/src/views/capabilityCloud/components/Infrastructure.vue

@@ -1,8 +1,8 @@
 <!--
  * @Author: hisense.liangjunhua
  * @Date: 2022-06-19 10:15:33
- * @LastEditors: hisense.liangjunhua
- * @LastEditTime: 2022-06-19 18:00:19
+ * @LastEditors: hisense.wuhongjian
+ * @LastEditTime: 2022-06-19 18:45:10
  * @Description: 告诉大家这是什么
 -->
 <template>
@@ -13,7 +13,7 @@
     <div class="infrastructure-content">
       <div
         class="infrastructure-content-son"
-        v-for="(item, index) in dataList"
+        v-for="(item, index) in myDataList"
         :key="index"
       >
         <div
@@ -42,40 +42,50 @@
   </div>
 </template>
 <script setup>
-  import { ref } from 'vue'
-  let dataList = ref([
-    {
-      title: '视频资源数量',
-      snum: '100',
-      percentage: '100',
-      img: require('../../../assets/capabilityCloud/infrastructure_sz.png'),
-    },
-    {
-      title: '云资源',
-      snum: '0',
-      percentage: '0',
-      img: require('../../../assets/capabilityCloud/infrastructure_yz.png'),
-    },
-    {
-      title: '感知资源',
-      snum: '0',
-      percentage: '0',
-      img: require('../../../assets/capabilityCloud/infrastructure_gz.png'),
-    },
-  ])
-  function fontFormat(name) {
-    switch (name) {
-      case '视频资源数量':
-        return 'color: #32ff91;'
-        break
-      case '云资源':
-        return 'color: #f4fd25;'
-        break
-      case '感知资源':
-        return 'color: #ff1d18;'
-        break
+    import { ref } from 'vue'
+    import { getVideoList } from '@/api/file.js'
+    let myDataList = ref([
+      {
+        title: '视频资源数量',
+        snum: '0',
+        percentage: '100',
+        img: require('../../../assets/capabilityCloud/infrastructure_sz.png'),
+      },
+      {
+        title: '云资源',
+        snum: '0',
+        percentage: '0',
+        img: require('../../../assets/capabilityCloud/infrastructure_yz.png'),
+      },
+      {
+        title: '感知资源',
+        snum: '0',
+        percentage: '0',
+        img: require('../../../assets/capabilityCloud/infrastructure_gz.png'),
+      },
+    ])
+    function fontFormat(name) {
+      switch (name) {
+        case '视频资源数量':
+          return 'color: #32ff91;'
+          break
+        case '云资源':
+          return 'color: #f4fd25;'
+          break
+        case '感知资源':
+          return 'color: #ff1d18;'
+          break
+      }
     }
-  }
+    const params = {
+      name: '',
+      pageNo: 1,
+      pageSize: 10,
+    }
+    getVideoList(params).then((res) => {
+              // 赋值
+              myDataList.value[1].sum = res.data.data.total
+            })
 </script>
 <style lang="less" scoped>
   .infrastructure {

front/src/views/capabilityCloud/components/KnowledgeBase.vue

@@ -1,8 +1,8 @@
 <!--
  * @Author: hisense.liangjunhua
  * @Date: 2022-06-19 10:15:33
- * @LastEditors: hisense.liangjunhua
- * @LastEditTime: 2022-06-19 18:10:47
+ * @LastEditors: hisense.wuhongjian
+ * @LastEditTime: 2022-06-19 18:59:06
  * @Description: 告诉大家这是什么
 -->
 <template>
@@ -42,8 +42,8 @@
     console.log(res.data.data)
     contentBoxData.value = res.data.data
     console.log(contentBoxData.value)
-    contentBox.value[0].num = contentBoxData.value[0].amount
-    contentBox.value[1].num = contentBoxData.value[1].amount
+    contentBox.value[1].num = contentBoxData.value[0].amount
+    contentBox.value[0].num = contentBoxData.value[1].amount
   })
 </script>
 <style lang="less" scoped>