接口调试

2023-12-02 18:12:58 +08:00 · 2023-12-02 18:12:58 +08:00 · 8c648a3707
parent 033230b2fe
commit 8c648a3707
4 changed files with 80 additions and 57 deletions
--- a/src/components/customCom/hotProvider.vue
+++ b/src/components/customCom/hotProvider.vue
@ -15,16 +15,16 @@
        <div class="provider_content" v-if="subActive == 'provider'">
            <div class="provider_item" v-for="(item, index) in providerInfo.list" :key="index">
                <div class="provider_item_left">
-                    <div class="pro_item_icon" :class="{ 'inThree': item.v_index <= 3, 'afterThree': item.v_index > 3 }">
-                        <img :src="`/src/assets/img/index${item.v_index <= 3 ? item.v_index : 4}.png`" alt=""
+                    <div class="pro_item_icon" :class="{ 'inThree': index + 1 <= 3, 'afterThree': index + 1 > 3 }">
+                        <img :src="`/src/assets/img/index${index + 1 <= 3 ? index + 1 : 4}.png`" alt=""
                            class="pro_item_icon_img">
                    </div>
                    <div class="pro_item_title overflow">
-                        {{ item.v_name }}
+                        {{ item.ownCo }}
                    </div>
                </div>
                <div class="device_count">
-                    设备数:{{ item.v_device_count }}
+                    设备数:{{ item.count }}
                </div>
            </div>
        </div>
@ -35,50 +35,12 @@
 </template>
 <script setup lang="ts">
 import CloudWords from "components/echartsCom/CloudWords.vue"
-const providerInfo = reactive({
-    list: [
-        {
-            v_index: 1,
-            v_name: "xxxx公司1",
-            v_device_count: '123456'
-        },
-        {
-            v_index: 2,
-            v_name: "xxxx公司xxxx公司2xxxx公司2xxxx公司22",
-            v_device_count: '123456'
-        },
-        {
-            v_index: 3,
-            v_name: "xxxx公司3",
-            v_device_count: '123456'
-        },
-        {
-            v_index: 4,
-            v_name: "xxxx公司4",
-            v_device_count: '123456'
-        },
-        {
-            v_index: 4,
-            v_name: "xxxx公司5",
-            v_device_count: '123456'
-        },
-        {
-            v_index: 5,
-            v_name: "xxxx公司1",
-            v_device_count: '123456'
-        },
-        {
-            v_index: 6,
-            v_name: "xxxx公司xxxx公司2xxxx公司2xxxx公司22",
-            v_device_count: '123456'
-        },
-        {
-            v_index: 7,
-            v_name: "xxxx公司3",
-            v_device_count: '123456'
-        },
+import { apiMaDevInfoHotList } from "http/api/echartApi"

-    ]
+
+
+const providerInfo: any = reactive({
+    list: []
 })

 const subActive = ref("provider")
@ -87,6 +49,21 @@ const subTab = (type: any) => {
    subActive.value = type
 }

+const InitApiMaDevInfoHotList = async () => {
+    // 根据求出租信息查询对应的数量:    
+    try {
+        const res: any = await apiMaDevInfoHotList()
+        console.log("apiMaDevInfoHotList", res)
+        providerInfo.list = res
+    } catch (error) {
+        console.log(error)
+    }
+}
+
+onBeforeMount(() => {
+    InitApiMaDevInfoHotList()
+})
+


 </script>
@ -122,9 +99,11 @@ const subTab = (type: any) => {

 .provider_content {
    padding-top: 12px;
+    overflow-y: auto;
+    height: 396px;

    .provider_item {
-        width: 303px;
+        width: 280px;
        height: 40px;
        padding: 0 12px;
        box-sizing: border-box;
@ -164,6 +143,10 @@ const subTab = (type: any) => {
        }
    }

+    &::-webkit-scrollbar {
+        display: none;
+    }
+
 }

 .cloud_words_out {
@ -171,5 +154,4 @@ const subTab = (type: any) => {
    height: 340px;
    margin-top: 12px;
    background-color: rgba($color: #011B37, $alpha: 0.6);
-}
-</style>
+}</style>
--- a/src/http/api.md
+++ b/src/http/api.md
@ -28,4 +28,12 @@ http://10.40.92.64:9501/bmCompanyInfo/coltd-list
 http://10.40.92.64:9501/maDevInfo/ma-list


+--
+
+根据求出租信息查询对应的数量:
+http://10.40.92.64:9501/maLeaseInfo/type-list
+查询公司对应的热门设备数量:
+http://10.40.92.64:9501/maDevInfo/hot-list
+
+

--- a/src/http/api/echartApi.ts
+++ b/src/http/api/echartApi.ts
@ -41,3 +41,14 @@ export function apibmCompanyInfoColtdList() {
 export function apiMaDevInfoMaList() {
    return get('maDevInfo/ma-list', {})
 }
+// ======
+// 根据求出租信息查询对应的数量:
+export function apiMaLeaseInfoInfoTypeList() {
+    return get('maLeaseInfo/type-list', {})
+}
+// 查询公司对应的热门设备数量:
+export function apiMaDevInfoHotList() {
+    return get('maDevInfo/hot-list', {})
+}
+
+
--- a/src/views/screen/sharePlatform.vue
+++ b/src/views/screen/sharePlatform.vue
@ -50,19 +50,19 @@
            <div class="middle_rent">
                <div class="rent_title sub_title">出租信息</div>
                <div class="rent_list">
-                    <div class="count_item" v-for="(item, index) in equipmentCountInfo.listCount" :key="index">
+                    <div class="count_item" v-for="(item, index) in rentWantRent.rent.slice(0,4)" :key="index">
                        {{ item }}
                    </div>
-                    <div class="count_item">
+                    <div class="count_item" v-if="rentWantRent.rent.length>4">
                        +
                    </div>
                </div>
-                <div class="rent_title sub_title">出租信息</div>
+                <div class="rent_title sub_title">求租信息</div>
                <div class="rent_list">
-                    <div class="count_item" v-for="(item, index) in equipmentCountInfo.listCount" :key="index">
+                    <div class="count_item" v-for="(item, index) in  rentWantRent.wantRent.slice(0,4)" :key="index">
                        {{ item }}
                    </div>
-                    <div class="count_item">
+                    <div class="count_item" v-if="rentWantRent.wantRent.length>4">
                        +
                    </div>
                </div>
@ -163,7 +163,8 @@ import { getImg } from "utils/index"
 import {
    apiMaDevInfoList, apiMaDevInfoTypeList,
    apiMaDevInfoCompanyList, apiMaDevInfoMatypeList,
-    apiMaOrderInfoTodayList, apiMaOrderInfoList, apiBmMachinistInfoList, apiBmCompanyInfoTypeList, apiMaDevInfoMaList
+    apiMaOrderInfoTodayList, apiMaOrderInfoList, apiBmMachinistInfoList, apiBmCompanyInfoTypeList, apiMaDevInfoMaList,
+    apiMaLeaseInfoInfoTypeList
 } from "http/api/echartApi"
 const equipmentCountInfo: any = reactive({
    listCount: [],
@ -195,7 +196,10 @@ const middleCountList = reactive({
        }
    ]
 })
-
+const rentWantRent:any=reactive({
+    rent:[],
+    wantRent:[]
+})
 const platFormInfo: any = reactive({
    listCount: [],
    socailCount: "",
@ -495,6 +499,24 @@ const iniTapiMaDevInfoMaList = async () => {
    }

 }
+
+const InitApiMaLeaseInfoInfoTypeList= async()=>{
+    // 根据求出租信息查询对应的数量:    
+    try {
+        const res: any = await apiMaLeaseInfoInfoTypeList()
+        console.log("apiMaLeaseInfoInfoTypeList", res)
+        rentWantRent.rent = (res.rent.count + '').split("")
+        rentWantRent.wantRent =  (res.wantRent.count + '').split("")
+
+
+    } catch (error) {
+        console.log(error)
+    }
+}
+
+onMounted(()=>{
+    InitApiMaLeaseInfoInfoTypeList()
+})
 </script>
  
 <style lang="scss" scoped>