优化补充

src/pages/business/zhxf/fireInspect/index.vue

@@ -1,46 +1,22 @@
 <template>
-  <oa-scroll
-    customClass="bg-white scroll-height"
-    :pageSize="pageSize"
-    :total="total"
-    :refresherLoad="true"
-    :refresherLoadTitle="false"
-    :refresherEnabled="true"
-    :refresherDefaultStyle="'none'"
-    :refresherThreshold="44"
-    :refresherBackground="'#f5f6f7'"
-    @load="load"
-    @refresh="refresh"
-    :data-theme="'theme-' + proxy.$settingStore.themeColor.type"
-  >
-    <!-- <template #default>
-      <view class="alarmManage">
-        <u-grid :border="true">
-          <u-grid-item v-for="(base, index) in dataList" :key="index" @click="handleToDetails(base.productCode, base.productName)">
-            <u-badge type="primary" max="9999" :value="base.total" :showZero="true" :absolute="true" :offset="[10, 10, 0, 0]"></u-badge>
-            <image class="mb15" style="width: 40px; height: 40px; margin-top: 35px" :src="base.typeImg" mode="aspectFill"></image>
-            <text class="mb15 grid-text text-ellipsis">{{ base.productName }}</text>
-          </u-grid-item>
-        </u-grid>
-      </view>
-    </template> -->
-
-
+  <oa-scroll customClass="bg-white scroll-height" :pageSize="pageSize" :total="total" :refresherLoad="true"
+    :refresherLoadTitle="false" :refresherEnabled="true" :refresherDefaultStyle="'none'" :refresherThreshold="44"
+    :refresherBackground="'#f5f6f7'" @load="load" @refresh="refresh"
+    :data-theme="'theme-' + proxy.$settingStore.themeColor.type">
     <template #default>
       <view class="menu-list m0">
-        <view class="list-cell list-cell-arrow" style=" line-height: 25px" v-for="(base, index) in dataList" :key="index" @click="handleToDetails(base.productCode, base.productName)">
+        <view class="list-cell list-cell-arrow" style=" line-height: 25px" v-for="(base, index) in dataList"
+          :key="index" @click="handleToDetails(base.productCode, base.productName)">
           <view class="menu-item">
-              <image  class="image-bg" style="width: 80rpx; height: 80rpx; margin: auto 10px auto 0" :src="base.typeImg"></image>
-              <view style="width: calc(100% - 51px); display: flex; justify-content: space-between; padding-right: 10px">
-                <view class="deviceHeader">
-                  <view class="deviceName text-ellipsis">{{ base.productName }}</view>
-                </view>
-              </view>
-
-              <view>
-               
+            <image class="image-bg" style="width: 80rpx; height: 80rpx; margin: auto 10px auto 0" :src="base.typeImg">
+            </image>
+            <view style="width: calc(100% - 51px); display: flex; justify-content: space-between; padding-right: 10px">
+              <view class="deviceHeader">
+                <view class="deviceName text-ellipsis">{{ base.productName }}</view>
               </view>
             </view>
+         
+          </view>
         </view>
       </view>
     </template>
@@ -58,9 +34,9 @@ import { dmpProductInfo, baseAlarmTypeList } from "@/api/business/fireIot/alarmM
 
 const { proxy } = getCurrentInstance();
 
-const dataList = ref( [
-    {
-  
+const dataList = ref([
+  {
+
     "productName": "人工督察单",
     "productCode": "501_JK",
     "deviceType": 501,
@@ -74,8 +50,8 @@ const dataList = ref( [
     "offLineProcessRate": 0,
     "typeImg": "/static/images/fireInspect/rg.png"
 
-            },
-            {
+  },
+  {
     "productName": "电子督察单",
     "productCode": "509_HJ",
     "deviceType": 509,
@@ -88,11 +64,11 @@ const dataList = ref( [
     "offLineProcessed": 0,
     "offLineProcessRate": 0,
     "typeImg": "/static/images/fireInspect/dz.png"
-},
+  },
 ]);
 const pageSize = ref(20);
 const current = ref(1);
-const total = ref(0);
+const total = ref(2);
 
 /**
  * @页面初始化
@@ -112,7 +88,7 @@ function init() {
 
           // dataList.value = requset.data.records;
           total.value = requset.data.total;
-          console.log( dataList.value)
+          console.log(dataList.value)
         }
       });
     }
@@ -128,7 +104,7 @@ function handleToDetails(productCode, productName) {
  */
 function load() {
   pageSize.value += 10;
-  init();
+  // init();
 }
 
 /**
@@ -136,14 +112,14 @@ function load() {
  */
 function refresh() {
   pageSize.value = 20;
-  total.value = 0;
-  init();
+  // total.value = 0;
+  // init();
 }
 
 onShow(() => {
   //调用系统主题颜色
   proxy.$settingStore.systemThemeColor([1]);
 
-  init();
+  // init();
 });
 </script>