监督端-查询统计

zdxt-web-client/zdxt-admin-plus-ui/src/views/efcode/report/statistics_enterprise/index.vue

@@ -348,17 +348,7 @@ const handleExportType = async () => {
       <el-tab-pane label="企业数量统计" name="tab1">
         <!-- 搜索区域 -->
         <el-card shadow="hover" class="mb-[10px]">
-          <el-form :inline="true" :model="queryParams">
-            <el-form-item label="区域">
-              <el-select v-model="queryParams.qy" placeholder="请选择区域" clearable style="width: 130px" @change="handleDistrictChange">
-                <el-option v-for="item in addressTypeOptions" :key="item.dictValue" :label="item.dictLabel" :value="item.dictValue" />
-              </el-select>
-            </el-form-item>
-            <el-form-item label="街道">
-              <el-select v-model="queryParams.jd" placeholder="请选择街道" clearable style="width: 130px" @change="handleStreetChange">
-                <el-option v-for="item in streetOptions" :key="item.dictValue" :label="item.dictLabel" :value="item.dictValue" />
-              </el-select>
-            </el-form-item>
+          <el-form :inline="true" :model="queryParams" label-width="90px">
             <el-form-item label="企业名称">
               <el-input v-model="queryParams.enterpriseName" placeholder="请输入企业名称" clearable style="width: 150px" @keyup.enter="handleQuery" />
             </el-form-item>
@@ -379,23 +369,26 @@ const handleExportType = async () => {
               <el-button type="warning" icon="Download" @click="handleExportArea">导出</el-button>
               <el-button v-if="viewLevel > 1" icon="Back" @click="handleBack">返回</el-button>
             </el-form-item>
+            <div style="width: 100%; height: 0;"></div>
+            <el-form-item label="区域">
+              <el-select v-model="queryParams.qy" placeholder="请选择区域" clearable style="width: 150px" @change="handleDistrictChange">
+                <el-option v-for="item in addressTypeOptions" :key="item.dictValue" :label="item.dictLabel" :value="item.dictValue" />
+              </el-select>
+            </el-form-item>
+            <el-form-item label="街道">
+              <el-select v-model="queryParams.jd" placeholder="请选择街道" clearable style="width: 150px" @change="handleStreetChange">
+                <el-option v-for="item in streetOptions" :key="item.dictValue" :label="item.dictLabel" :value="item.dictValue" />
+              </el-select>
+            </el-form-item>
           </el-form>
         </el-card>
 
         <!-- 统计指标 -->
-        <el-card shadow="hover" class="mb-[10px]">
-          <el-row :gutter="20">
-            <el-col :span="6">
-              <el-statistic :title="overviewData.areaLabel + '企业数量'" :value="overviewData.total" />
-            </el-col>
-            <el-col :span="6">
-              <el-statistic title="续存企业数量" :value="overviewData.existCount" />
-            </el-col>
-            <el-col :span="6">
-              <el-statistic title="注销企业数量" :value="overviewData.cancelledCount" />
-            </el-col>
-          </el-row>
-        </el-card>
+        <div class="stats-line">
+          <span class="stats-item">企业数量<em>{{ overviewData.total }}</em></span>
+          <span class="stats-item">续存企业数量<em>{{ overviewData.existCount }}</em></span>
+          <span class="stats-item">注销企业数量<em>{{ overviewData.cancelledCount }}</em></span>
+        </div>
 
         <!-- 区域汇总表 (viewLevel=1) -->
         <el-card v-if="viewLevel === 1" shadow="hover" v-loading="loading1">
@@ -471,7 +464,10 @@ const handleExportType = async () => {
               <el-statistic title="企业数量" :value="typeTotal" />
             </el-col>
             <el-col :span="6">
-              <el-statistic title="占比总计" value="100%" value-style="font-size:16px" />
+              <div class="el-statistic">
+                <div class="el-statistic__head">占比总计</div>
+                <div class="el-statistic__content" style="font-size:16px">100%</div>
+              </div>
             </el-col>
             <el-col :span="12" style="text-align: right;">
               <el-button type="warning" icon="Download" @click="handleExportType">导出</el-button>
@@ -505,4 +501,23 @@ const handleExportType = async () => {
 </template>
 
 <style scoped lang="scss">
+.stats-line {
+  margin-bottom: 16px;
+  padding: 12px 16px;
+  background: #e8e8e8;
+  border-radius: 4px;
+  font-size: 14px;
+  color: #303133;
+  display: flex;
+  align-items: center;
+  gap: 24px;
+  .stats-item {
+    em {
+      font-style: normal;
+      font-weight: bold;
+      color: #e6a23c;
+      margin-left: 4px;
+    }
+  }
+}
 </style>