riku
2025-09-18 c1d2051abc8ca88cd07f0d7c56c0dbf8165d5c33
src/views/fysp/data-product/base-data-product/components/ProdDownload.vue
@@ -1,2 +1,68 @@
<template>ProdDownload</template>
<script setup></script>
<template>
  <el-card shadow="never">
    <template #header>
      <div><el-text tag="b" size="large">数据产品下载</el-text></div>
    </template>
    <el-form :inline="false" label-position="left" label-width="150px">
      <el-form-item label="区县">
        <el-text>{{ queryOpt.districtName }}</el-text>
      </el-form-item>
      <el-form-item label="时间范围">
        <el-text>{{ queryOpt.startTime }} 至 {{ queryOpt.endTime }}</el-text>
      </el-form-item>
      <el-form-item label="场景类型">
        <el-text>{{ queryOpt.sceneTypeName }}</el-text>
      </el-form-item>
      <el-form-item label="产品形式">
        <el-radio-group v-model="downloadType">
          <el-radio value="1"> Excel表单 </el-radio>
          <el-radio value="2" :disabled="true"> Word文档 </el-radio>
        </el-radio-group>
      </el-form-item>
    </el-form>
    <template #footer>
      <el-row justify="end">
        <el-button
          type="primary"
          size="default"
          :loading="loading"
          @click="submit"
          icon="Download"
          >下载</el-button
        >
      </el-row>
    </template>
  </el-card>
</template>
<script setup>
import { ref, computed } from 'vue';
import dayjs from 'dayjs';
import scene_1 from '@/assets/image/scene_1.png';
const props = defineProps({
  // 数据产品生成选项
  queryOpt: {
    type: Object,
    default: () => {}
  },
  loading: {
    type: Boolean,
    default: false
  }
});
const emit = defineEmits(['submit']);
const downloadType = ref('1');
const submit = () => {
  emit('submit', {
    downloadType: downloadType.value
  });
};
</script>
<style scoped>
/* .image {
  width: 200px;
  height: 200px;
} */
</style>