| | |
| | | <template> |
| | | <div style="padding: 20px;"> |
| | | <el-tabs v-model="activeName"> |
| | | <el-tabs v-model="activeName" @tab-click="handleClick"> |
| | | <el-tab-pane name="reportDownload"> |
| | | <span slot="label"><i class="el-icon-s-home"></i> 自定义报表</span> |
| | | <reportDownload :activeName.sync="activeName" @aaa="aaa" :tableData.sync="tableData"></reportDownload> |
| | | <reportDownload :activeName.sync="activeName" @commit="getFormList" :tableData.sync="tableData"></reportDownload> |
| | | </el-tab-pane> |
| | | <el-tab-pane name="point"> |
| | | <el-tab-pane name="formList"> |
| | | <span slot="label"><i class="el-icon-s-platform"></i> 报表下载</span> |
| | | <div> |
| | | <el-table :data="tableData" stripe style="width: 100%"> |
| | | <el-table-column prop="formName" label="报表名称" width="180"> </el-table-column> |
| | | <el-table-column prop="formType" label="报表类型" width="180"> </el-table-column> |
| | | <el-table-column prop="createTime" label="创建时间" width="280"> </el-table-column> |
| | | <el-table-column prop="formName" label="报表名称"> </el-table-column> |
| | | <el-table-column prop="formType" label="报表类型"> </el-table-column> |
| | | <el-table-column prop="createTime" label="创建时间"> </el-table-column> |
| | | <!-- <el-table-column prop="createTime" label="创建时间"> </el-table-column> --> |
| | | <el-table-column label="操作"> |
| | | <el-table-column label="操作" width="100"> |
| | | <template slot-scope="scope"> |
| | | <a :href="scope.row.url">{{ scope.row.url }}</a> |
| | | <a :href="scope.row.url">{{ "下载" }}</a> |
| | | </template> |
| | | </el-table-column> |
| | | </el-table> |
| | |
| | | |
| | | <script> |
| | | import reportDownload from "./reportDownload.vue" |
| | | // import point from "./point.vue" |
| | | // import alarmPush from "./alarmPush.vue" |
| | | import { addAreaTreeData, reportFormGetExport } from "@/api/area" |
| | | |
| | | export default { |
| | | components: { |
| | | reportDownload |
| | | // point, |
| | | // alarmPush |
| | | }, |
| | | data() { |
| | | return { |
| | |
| | | methods: { |
| | | refrash(page) { |
| | | this.page = page |
| | | this.lookUp() |
| | | this.getFormList() |
| | | }, |
| | | handleSizeChange(size) { |
| | | this.size = size |
| | | this.lookUp() |
| | | this.getFormList() |
| | | }, |
| | | |
| | | async aaa() { |
| | | async getFormList() { |
| | | // console.log(row, "|row") |
| | | let query = { |
| | | FormType: "", |
| | | KeyWords: "", |
| | | StartTime: "", |
| | | EndTime: "", |
| | | Page: 10, |
| | | Size: 1 |
| | | Page: this.page, |
| | | Size: this.size |
| | | } |
| | | let res = await reportFormGetExport(query) |
| | | this.tableData = res.data.list |
| | | this.total = res.data.total |
| | | |
| | | console.log(res, "r22222222222es") |
| | | }, |
| | | handleClick(tab,event) { |
| | | console.log(tab, event) |
| | | if (tab.name == "formList") { |
| | | this.getFormList() |
| | | } |
| | | } |
| | | // handleClick(row) { |
| | | // console.log(row, "row") |
| | | // } |
| | | } |
| | | } |
| | | </script> |