feat:调整加载

张含笑

2026-01-27 dd57e0e9a989e7ee8b3e3473a7ee6a1dff06a4ae

 applications/drone-command/src/views/areaManage/areaStatistics/index.vue

@@ -1,13 +1,13 @@
<template>
   <basic-container>
      <el-form ref="queryParamsRef" :model="searchParams" class="ztzf-page-history-search">
      <el-form ref="queryParamsRef" :model="searchParams" class="command-page-history-search">
         <el-form-item label="区域名称" prop="areaName">
            <el-input class="ztzf-data-cockpit-search-input" v-model="searchParams.areaName" placeholder="请输入"
            <el-input class="command-input" v-model="searchParams.areaName" placeholder="请输入"
               clearable @clear="handleSearch" />
         </el-form-item>

         <el-form-item label="区域类型" prop="areaType">
            <el-select class="ztzf-data-cockpit-select" popper-class="ztzf-data-cockpit-select-popper"
            <el-select class="command-select" popper-class="command-select-popper"
               v-model="searchParams.areaType" placeholder="请选择" clearable @change="handleSearch">
               <el-option v-for="item in dictObj.areaType" :key="item.dictKey" :label="item.dictValue"
                  :value="item.dictKey" />
@@ -15,9 +15,9 @@
         </el-form-item>

         <el-form-item label="场景类型" prop="sceneType">
            <el-select class="ztzf-data-cockpit-select" popper-class="ztzf-data-cockpit-select-popper"
            <el-select class="command-select" popper-class="command-select-popper"
               v-model="searchParams.sceneType" placeholder="请选择" clearable @change="handleSearch">
               <el-option v-for="item in dictObj.sceneType" :key="item.dictKey" :label="item.dictValue"
               <el-option v-for="item in dictObj.CommandSceneType" :key="item.dictKey" :label="item.dictValue"
                  :value="item.dictKey" />
            </el-select>
         </el-form-item>
@@ -28,9 +28,9 @@
         </el-form-item>
      </el-form>

      <div class="ztzf-table-container" v-loading="loading" element-loading-background="rgba(5, 5, 15, 0.6)">
         <div class="ztzf-table-content ztzf-table-content-bg">
            <el-table class="ztzf-data-cockpit-table" :data="list">
      <div class="command-table-container" v-loading="loading" element-loading-background="rgba(5, 5, 15, 0.6)">
         <div class="command-table-content command-table-content-bg">
            <el-table class="command-table" :data="list">
               <el-table-column type="index" show-overflow-tooltip width="64" label="序号" />
               <el-table-column prop="areaName" show-overflow-tooltip label="区域名称" />
               <el-table-column prop="areaType" show-overflow-tooltip label="区域类型">
@@ -41,7 +41,7 @@
               <el-table-column prop="sceneName" show-overflow-tooltip label="关联场景" />
               <el-table-column prop="sceneType" show-overflow-tooltip label="场景类型">
                  <template v-slot="{ row }">
                     {{ getDictLabel(row.sceneType, dictObj.sceneType) }}
                     {{ getDictLabel(row.sceneType, dictObj.CommandSceneType) }}
                  </template>
               </el-table-column>
               <el-table-column prop="deviceCount" show-overflow-tooltip label="设备数量" />
@@ -57,8 +57,8 @@
            </el-table>
         </div>

         <div class="ztzf-table-pagination">
            <el-pagination popper-class="ztzf-data-cockpit-select-popper"
         <div class="command-table-pagination">
            <el-pagination popper-class="command-select-popper"
               v-model:current-page="searchParams.current" v-model:page-size="searchParams.size"
               layout="total, prev, pager, next, sizes" :total="total" @change="getList" />
         </div>
@@ -126,7 +126,7 @@

// 获取字典
function getDictList () {
   getDictionaryByCode('areaType,sceneType').then(res => {
   getDictionaryByCode('areaType,CommandSceneType').then(res => {
      dictObj.value = res.data.data
   })
}