正式环境首页卡顿问题--临时注释掉

src/views/home/components/material.vue

@@ -32,7 +32,8 @@
       </div>
     </div>
     <div class="two-row mt-14px">
-      <div class="data1 w-[47.3%]">
+      <div class="data1 w-[47.3%]" >
+        <!-- 呆滞库存预警 -->
         <div class="title">{{ t('home.slack_stock_warning')}}</div>
         <el-table
           :data="materialData?.stagnantBalanceList"
@@ -87,8 +88,19 @@
             </template>
           </el-table-column>
         </el-table>
+        <!-- <el-pagination style="margin-top:10px"
+          v-model:current-page="currentPage_stagnantBalance"
+          v-model:page-size="pageSize_stagnantBalance"
+          :page-sizes="[10, 20, 30, 50, 100]"
+          :small="true"
+          :background="false"
+          layout="total, sizes, prev, pager, next, jumper"
+          :total="total_stagnantBalance"
+          @current-change="handleCurrentChange_stagnantBalance"
+        /> -->
       </div>
       <div class="data1 w-[47.3%]">
+        <!-- 超期库存预警 -->
         <div class="title">{{ t('home.overstock_warning') }}</div>
         <el-table
           :data="materialData?.overdueBalanceList"
@@ -143,10 +155,21 @@
             </template>
           </el-table-column>
         </el-table>
+        <!-- <el-pagination style="margin-top:10px"
+          v-model:current-page="currentPage_overdueBalance"
+          v-model:page-size="pageSize_overdueBalance"
+          :page-sizes="[10, 20, 30, 50, 100]"
+          :small="true"
+          :background="false"
+          layout="total, sizes, prev, pager, next, jumper"
+          :total="total_overdueBalance"
+          @current-change="handleCurrentChange_overdueBalance"
+        /> -->
       </div>
     </div>
     <div class="two-row mt-14px">
       <div class="data1 w-[47.3%]">
+        <!-- 高低储预警 -->
         <div class="title">{{ t('home.high_and_low_storage_warning') }}</div>
         <el-table
           :data="materialData?.warningBalanceList"
@@ -201,8 +224,19 @@
             </template>
           </el-table-column>
         </el-table>
+        <!-- <el-pagination style="margin-top:10px"
+          v-model:current-page="currentPage_warningBalance"
+          v-model:page-size="pageSize_warningBalance"
+          :page-sizes="[10, 20, 30, 50, 100]"
+          :small="true"
+          :background="false"
+          layout="total, sizes, prev, pager, next, jumper"
+          :total="total_warningBalance"
+          @current-change="handleCurrentChange_warningBalance"
+        /> -->
       </div>
       <div class="data1  w-[47.3%]">
+        <!-- 待处理任务 -->
         <div class="title">{{ t('home.waiting_tasks') }}</div>
         <Echart :options="barOptions" :height="280" :key="lineIndex" />
       </div>
@@ -251,8 +285,32 @@ const getJobCharts = async () => {
   lineIndex.value++
 }
 onMounted(() => {
-  getMaterialData()
+  // getMaterialData()
 })
+
+// 呆滞库存预警
+const currentPage_stagnantBalance = ref(1)
+const pageSize_stagnantBalance = ref(10)
+const total_stagnantBalance= ref(100)
+const handleCurrentChange_stagnantBalance = (val)=>{
+  console.log('呆滞库存预警',val)
+}
+
+// 超期库存预警
+const currentPage_overdueBalance = ref(1)
+const pageSize_overdueBalance = ref(10)
+const total_overdueBalance= ref(100)
+const handleCurrentChange_overdueBalance = (val)=>{
+  console.log('超期库存预警',val)
+}
+
+// 高低储预警
+const currentPage_warningBalance = ref(1)
+const pageSize_warningBalance = ref(10)
+const total_warningBalance= ref(100)
+const handleCurrentChange_warningBalance = (val)=>{
+  console.log('高低储预警',val)
+}
 </script>
 <style scoped lang="scss">
 .title {

src/views/home/components/produce.vue

@@ -202,7 +202,7 @@ const getJobCharts = async () => {
   lineIndex.value++
 }
 onMounted( () => {
-  getProduceData()
+  // getProduceData()
 })
 </script>
 <style scoped lang="scss">

src/views/home/components/product.vue

@@ -11,7 +11,8 @@
       </div>
     </div>
     <div class="two-row mt-14px">
-      <div class="data1 w-[47.3%]">
+      <div class="data1 w-[47.3%]" style="border:1px solid red">
+        <!-- 呆滞库存预警 -->
         <div class="title">{{ t('home.slack_stock_warning') }}</div>
         <el-table
           :data="productData?.stagnantBalanceList"
@@ -68,6 +69,7 @@
         </el-table>
       </div>
       <div class="data1 w-[47.3%]">
+        <!-- 超期库存预警 -->
         <div class="title">{{ t('home.overstock_warning') }}</div>
         <el-table
           :data="productData?.overdueBalanceList"
@@ -126,6 +128,7 @@
     </div>
     <div class="two-row mt-14px">
       <div class="data1 w-[47.3%]">
+        <!-- 高低储预警 -->
         <div class="title">{{ t('home.high_and_low_storage_warning') }}</div>
         <el-table
           :data="productData?.warningBalanceList"
@@ -182,6 +185,7 @@
         </el-table>
       </div>
       <div class="data1 w-[47.3%]">
+        <!-- 待处理任务 -->
         <div class="title">{{ t('home.waiting_tasks') }}</div>
         <Echart :options="barOptions" :height="280" :key="lineIndex" />
       </div>
@@ -229,7 +233,7 @@ const getJobCharts = async () => {
   lineIndex.value++
 }
 onMounted( () => {
-  getProductData()
+  // getProductData()
 })
 </script>
 <style scoped lang="scss">

src/views/home/components/supplierIndex.vue

@@ -355,7 +355,7 @@ const formatter = (type,dict) => {
   return str
 }
 onMounted( () => {
-  getSupplierData()
+  // getSupplierData()
   getList()
 })
 </script>

src/views/home/index.vue

@@ -1,9 +1,14 @@
 <template>
   <div>
-    <supplierIndex v-hasRole="['super_admin','supplier']"/>
+    <!-- <supplierIndex v-hasRole="['super_admin','supplier']"/>
-    <material v-hasRole="['super_admin']"/>
+    <material  v-hasRole="['super_admin']"/>
-    <product v-hasRole="['super_admin']"/>
+    <product  v-hasRole="['super_admin']"/>
-    <produce v-hasRole="['super_admin']"/>
+    <produce  v-hasRole="['super_admin']"/> -->
+    <supplierIndex />
+    <material/>
+    <!-- 和 material 中四个table重复了，先去掉了 -->
+    <!-- <product/> --> 
+    <produce/>
   </div>
 </template>
 <script lang="ts" setup>