在线监测模块优化

src/api/_mobile.ts

@@ -122,6 +122,9 @@ class mobileApi {
       data: { id, start, end },
     })
   }
+  getDcParam(companyId: string) {
+    return Rs.get(`/sys/warnParam/getDcParam/${companyId}`)
+  }
   getWarnTable(
     param: any = {
       pageIndex: 1,

src/pages/index/index.vue

@@ -16,7 +16,6 @@ function jumpMap() {
 const companyInfo = ref<Array<any>>([])
 function getCompany() {
   apis.mobileApi.getCompanyDevice(user.value.companyId).then((res) => {
-    console.log("RES", res)
     if (res.data.monitor1 && res.data.monitor1.length) {
       for (let i = 0; i < res.data.monitor1.length; i++) {
         const d1 = res.data.monitor1[i]

src/pages_online/onlineData.vue

@@ -1,6 +1,7 @@
 <script lang="ts" setup>
 import apis from "@/api"
 import route from "@/route"
+import appStore from "@/stores"
 
 function getChartData() {
   return new Promise((r) => {
@@ -31,8 +32,6 @@ function getOrg() {
 }
 
 watch(orgId, (val) => {
-  console.log("ORG_ID", orgId.value)
-
   getCompanyList(val)
 })
 
@@ -50,6 +49,13 @@ let search: any = {
   pageSize: 5,
   params: { org_id: undefined },
 }
+const overSmokeDensityClasses = ref<any>({})
+function getDcParam(item: any) {
+  apis.mobileApi.getDcParam(item.company_id).then((res) => {
+    const classStr = item.smoke_density >= (res?.data?.smoke_density || 0.05) ? "over" : ""
+    overSmokeDensityClasses.value[item.company_id] = classStr
+  })
+}
 function getCompanyList(id?: string) {
   if (needQuery || id) {
     status.value = "loading"
@@ -142,7 +148,13 @@ onLoad(() => {
         <image src="/static/images/no-data.png"></image>
       </view>
       <view v-else class="company-list">
-        <view class="company-list_item" v-for="(v, i) in companyList" :key="i" @click="jump(v.company_id)">
+        <view
+          class="company-list_item"
+          v-for="(v, i) in companyList"
+          :data-class="getDcParam(v)"
+          :key="i"
+          @click="jump(v.company_id)"
+        >
           <!-- <view class="img" @click="jumpMap(item.company_id)"><image style="width: 100%;height: 100%;" src="/static/image/blue-location.png"></image></view> -->
           <view class="left">
             <span class="name">{{ v.name }}</span>
@@ -158,7 +170,7 @@ onLoad(() => {
                 :type="v.operate_status == 0 ? 'success' : v.operate_status == 1 ? 'warning' : 'danger'"
               />
             </span>
-            <span class="density" :class="{ over: v.smoke_density > 0.05 }">
+            <span class="density" :class="overSmokeDensityClasses[v.company_id]">
               油烟:
               <span class="num">{{ v.smoke_density }}</span>
               mg/m³