AOD数据产品

Riku

2025-03-02 de6fd089b37613808e5a3bef38ecc0761f7456e0

 src/views/dataproduct/ProductManage.vue

@@ -1,46 +1,46 @@
<template>
  <div>
    <el-button
      @click="satelliteImportVisible = !satelliteImportVisible"
      @click="dialogVisible = !dialogVisible"
      type="primary"
      class="el-button-custom satellite-right-top p-events-auto"
      >AOD数据导入</el-button
      class="el-button-custom p-events-auto"
      >数据产品</el-button
    >
  </div>

  <el-table
    :data="gridDataList"
    table-layout="fixed"
    size="small"
    :show-overflow-tooltip="true"
    border
    height="50vh"
    row-class-name="t-row-normal"
    cell-class-name="t-cell"
    header-row-class-name="t-header-row"
    header-cell-class-name="t-header-cell"
    :highlight-current-row="true"
    @row-click="handleRowClick"
  >
    <el-table-column type="index" label="序号" align="center" width="50" />
    <el-table-column
      prop="dataTime"
      label="时间"
      align="center"
      :formatter="timeFormatter"
      width="150"
    />
    <el-table-column
      prop="type"
      label="数据类型"
      align="center"
      :formatter="dataTypeFormatter"
      width="150"
    />
  </el-table>
    <CardDialog
      draggable
      :modal="false"
      title="数据产品管理"
      v-model="dialogVisible"
      width="600px"
    >
      <el-tabs v-model="activeName" @tab-click="handleClick">
        <el-tab-pane label="初级产品制作" name="first">
          <ProductMake></ProductMake>
        </el-tab-pane>
        <el-tab-pane label="AOD数据导入" name="second">
          <AODImport></AODImport>
        </el-tab-pane>
        <el-tab-pane label="初级产品导入" name="third">
          <SatelliteImport></SatelliteImport>
        </el-tab-pane>
        <el-tab-pane label="二级产品制作" name="fourth">
          
        </el-tab-pane>
      </el-tabs>
    </CardDialog>
  </div>
</template>
<script setup>
import SatelliteImport from "@/views/satellitetelemetry/component/SatelliteImport.vue";
import AODImport from "@/views/satellitetelemetry/component/AODImport.vue";
import ProductMake from "@/views/dataproduct/component/ProductMake.vue";
import { ref, onMounted } from 'vue';

const dialogVisible = ref(false);
const activeName = ref('first');



// AOD数据拟合，生成初级数据产品
// 1. 可自动通过公式拟合为PM2.5数据，用户可修改相关参数；
@@ -50,3 +50,11 @@
// 1. AOD数据导入
// 2. AOD数据拟合，选择AOD数据组、展示已有结果、调整参数、显示对应时间的背景数据、提供结果生成二次确认允许调整参数重复生成、存储或更新结果
</script>
<style scoped>
::v-deep .el-tabs__item {
  color: white;
}
::v-deep .is-active {
  color: #23dad0a2;
}
</style>