| | |
| | | <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> |