src/views/data_management/HistoryData.vue
@@ -52,7 +52,9 @@
      // 已选中的场景类型
      scenarioType: [],
      // 表格高度
      tableHeight: '500'
      tableHeight: '500',
      // 站点总数量
      siteNums:0
    };
  },
  setup() {
@@ -220,9 +222,10 @@
                </el-form-item>
                <el-form-item>
                  <InputSearch isNeedDefaultSite="1" @submit-value="(n) => (form.name = n) ">
                  <InputSearch isNeedDefaultSite="1" @submit-value="(n) => (form.name = n)" @submit-site-nums="(n)=>(siteNums=n)">
                  </InputSearch>
                </el-form-item>
                <el-form-item>
                  <template #label>
                    <span class="font-label">设备编号:</span>
@@ -248,12 +251,21 @@
          </div>
          <div class="button-and-export">
            <el-form-item>
              <el-tag class="ml-2" type="success" size="large">站点总数</el-tag>
              <span class="tag-text">{{ siteNums }}</span>
            </el-form-item>
            <el-form-item>
              <ButtonClick style="margin-right: 12px;" content="搜索" type="primary" :loading="queryButton" @do-search="handleSubmit"></ButtonClick>
              <ButtonExportExcel  content="导出数据" type="success" :loading="exportButton" @do-export="exportDom"></ButtonExportExcel>
            </el-form-item>
          </div>
        </el-form>
      </el-card>
    </el-col>
    <el-col>
    </el-col>
  </el-row>
@@ -264,12 +276,12 @@
        v-loading="loading">
        <!--绑定一个方法,将返回值赋给index,即表格每行数据的下标-->
        <el-table-column type="index" label="序号" align="center" fixed :index="indexMethod"></el-table-column>
        <el-table-column prop="name" label="站点名称" show-overflow-tooltip></el-table-column>
        <el-table-column prop="name" label="点位名称" show-overflow-tooltip></el-table-column>
        <el-table-column prop="address" label="地址" align="center" show-overflow-tooltip></el-table-column>
        <el-table-column prop="dutyCompany" label="供应商" align="center" show-overflow-tooltip></el-table-column>
        <el-table-column prop="mnCode" label="设备编号" show-overflow-tooltip></el-table-column>
        <el-table-column prop="dutyCompany" label="运维商" align="center" show-overflow-tooltip></el-table-column>
        <el-table-column prop="mnCode" label="设备编码" show-overflow-tooltip></el-table-column>
        <el-table-column prop="typeName" label="类型" align="center" show-overflow-tooltip></el-table-column>
        <el-table-column prop="dustValue" label="扬尘浓度(mg/m³)" align="center" sortable
        <el-table-column prop="dustValue" label="TSP(mg/m³)" align="center" sortable
          show-overflow-tooltip></el-table-column>
        <el-table-column prop="noiseValue" label="噪声(dB)" align="center" sortable show-overflow-tooltip></el-table-column>
        <el-table-column prop="lst" label="采集时间" sortable align="center" show-overflow-tooltip></el-table-column>
@@ -321,7 +333,8 @@
.button-and-export {
  display: flex;
  justify-content: flex-end;
  /* justify-content: flex-end; */
  justify-content: space-between;
  /* 从行尾位置开始排列 */
}
@@ -332,4 +345,8 @@
.el-pagination {
  margin: 10px 10px;
}
.tag-text{
  margin-left: 10px;
  font-size: 14px;
}
</style>